Ground Sunlight

Windowsで作る - PHPプログラミングの開発環境

トレース:

tools:inkscape

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

--- tools:inkscape [2020/03/03 14:47]
tanaka
+++ tools:inkscape [2020/11/19 20:55]
y2sunlight [Inkscape]
@@ 行 3: / 行 3: @@
  --- //[[http://www.y2sunlight.com|y2sunlight]] 2020-02-27//
 [[:tools|Toolsに戻る]]
@@ 行 15: / 行 14: @@
 ペイント系画像ソフトとして有名なAdobe Illustrator（有償）に比べると機能は落ちるものも基本的な編集機能は完備されており手軽に使うことができます。Inkscapeは発展途上のソフトで、今でも新機能が追加されており、特にSVG作成用のアプリとしては、地図、ロゴ、作図などWeb用のコンテンツとして高度な図形を作成できる非常に優れたツールだと思います。
+\\
 ===== Inkscapeのインストール =====
@@ 行 50: / 行 50: @@
 ■ [完了]を押します。
-===== Inkscape起動 =====
+\\
-スタートメニュー[Inkscape]をクリックして開きます。
-[{{:tools:inkscape:inkscape12.png?nolink}}]
-===== Inkscapeで虫眼鏡アイコン作成 =====
+===== Inkscapeを使ってみよう =====
-今回は以下のアイコン(32px × 32px)を作成します。
-{{:tools:inkscape:inkscape100.png?nolink}}\\
-=== ページサイズの設定 ===
+=== 虫眼鏡アイコンの作成 ==
+今回は以下のアイコン(32px × 32px)を作成します。\\
+{{:tools:inkscape:inkscape100.png?nolink}}
+==== Inkscapeの起動 ====
+スタートメニューからInkscapeを起動します。
+[{{:tools:inkscape:inkscape12.png?nolink}}]
+\\
+==== ページサイズの設定 ====
 Inkscapeメニュー[ファイル][ドキュメントのプロパティ]を開きます。
 [{{:tools:inkscape:inkscape101.png?nolink}}]
-■ 今回は32
+■ カスタムサイズに単位[px]を選択し、幅と高さ「32」を入力します。
-■
+■ 右上[×]でプロパティを閉じます。
+==== アイコンの作成 ====
+[{{:tools:inkscape:inkscape102.png?nolink}}]
+■ 矩形ツール、円/弧ツール、ズームツールを使用して作成しました。\\
+■ 保存する拡張子は .svg です。
+==== PNG画像にエクスポート ====
+Inkscapeメニュー[ファイル][PNG画像にエクスポート]をクリックします。
+[{{:tools:inkscape:inkscape103.png?nolink}}]
+■ エクスポート領域[ページ]を選択します。\\
+■ 次に、エクスポート先とファイル名を入力します。\\
+■ 最後に[エクスポート]を押します。
+=== 参考 ===
+  * http://inkscapedesign.web.fc2.com/index.html

tools/inkscape.txt · 最終更新: 2020/11/19 20:56 by y2sunlight