====== Inkscape ======
Version 0.92.4

 --- //[[http://www.y2sunlight.com|y2sunlight]] 2020-02-27//

[[:tools|Toolsに戻る]]

=== サイト ===
https://inkscape.org/ja/

=== 説明 ===
Inkscape（インクスケープ）はオープンソースとして公開されているベクトルグラフィックスエディタです（ドロー系画像ソフト）。名前の由来は、Ink(画材としてのインク)とScape(風景を表す接尾語)から成っていると言われています。Inkscapeはクロスプラットフォーム環境(Windows/Mac/Linux)で動作します。

ペイント系画像ソフトとして有名なAdobe Illustrator（有償）に比べると機能は落ちるものも基本的な編集機能は完備されており手軽に使うことができます。Inkscapeは発展途上のソフトで、今でも新機能が追加されており、特にSVG作成用のアプリとしては、地図、ロゴ、作図などWeb用のコンテンツとして高度な図形を作成できる非常に優れたツールだと思います。

\\

===== Inkscapeのインストール =====
Inkscapeのサイト( https://inkscape.org/ja/ )にアクセスします。
[{{:tools:inkscape:inkscape01.png?nolink}}]
■ [ダウンロード]をクリックします。

[{{:tools:inkscape:inkscape02.png?nolink}}]
■ Windows10Pro(64ビット) にインストールしたいので、[Windows]をクリックします。

[{{:tools:inkscape:inkscape03.png?nolink}}]
■ [64-bit]をクリックします。

[{{:tools:inkscape:inkscape04.png?nolink}}]
■ [Installer in .exe format]をクリックし、inkscape-0.92.4-x64.exe をダウンロードします。

ダウンロードした inkscape-0.92.4-x64.exe を実行します。\\

[{{:tools:inkscape:inkscape05.png?nolink}}]
■ 「Japanese/日本語」を選択し、[OK]を押します。

[{{:tools:inkscape:inkscape06.png?nolink}}]
■ [次へ]を押します。

[{{:tools:inkscape:inkscape07.png?nolink}}]
■ ライセンス条件を確認し、[次へ]を押します。

[{{:tools:inkscape:inkscape08.png?nolink}}]
■ インストールするコンポーネントを選択し、[次へ]を押します。

[{{:tools:inkscape:inkscape09.png?nolink}}]
■ インストールするフォルダを指定して、[インストール]を押します。本編では、デフォルトのフォルダにインストールします。

[{{:tools:inkscape:inkscape11.png?nolink}}]
■ [完了]を押します。

\\

===== Inkscapeを使ってみよう =====

=== 虫眼鏡アイコンの作成 ==
今回は以下のアイコン(32px × 32px)を作成します。\\
{{:tools:inkscape:inkscape100.png?nolink}}

==== Inkscapeの起動 ====
スタートメニューからInkscapeを起動します。
[{{:tools:inkscape:inkscape12.png?nolink}}]
\\

==== ページサイズの設定 ====
Inkscapeメニュー[ファイル][ドキュメントのプロパティ]を開きます。
[{{:tools:inkscape:inkscape101.png?nolink}}]
■ カスタムサイズに単位[px]を選択し、幅と高さ「32」を入力します。
■ 右上[×]でプロパティを閉じます。

==== アイコンの作成 ====
[{{:tools:inkscape:inkscape102.png?nolink}}]
■ 矩形ツール、円/弧ツール、ズームツールを使用して作成しました。\\
■ 保存する拡張子は .svg です。　

==== PNG画像にエクスポート ====
Inkscapeメニュー[ファイル][PNG画像にエクスポート]をクリックします。
[{{:tools:inkscape:inkscape103.png?nolink}}]
■ エクスポート領域[ページ]を選択します。\\
■ 次に、エクスポート先とファイル名を入力します。\\
■ 最後に[エクスポート]を押します。

=== 参考 ===

  * http://inkscapedesign.web.fc2.com/index.html

\\