このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
tools:inkscape [2020/03/11 13:27] y2sunlight [Inkscapeで虫眼鏡アイコン作成] |
tools:inkscape [2020/11/19 20:56] (現在) y2sunlight [PNG画像にエクスポート] |
||
---|---|---|---|
行 3: | 行 3: | ||
--- // | --- // | ||
- | |||
[[: | [[: | ||
行 15: | 行 14: | ||
ペイント系画像ソフトとして有名なAdobe Illustrator(有償)に比べると機能は落ちるものも基本的な編集機能は完備されており手軽に使うことができます。Inkscapeは発展途上のソフトで、今でも新機能が追加されており、特にSVG作成用のアプリとしては、地図、ロゴ、作図などWeb用のコンテンツとして高度な図形を作成できる非常に優れたツールだと思います。 | ペイント系画像ソフトとして有名なAdobe Illustrator(有償)に比べると機能は落ちるものも基本的な編集機能は完備されており手軽に使うことができます。Inkscapeは発展途上のソフトで、今でも新機能が追加されており、特にSVG作成用のアプリとしては、地図、ロゴ、作図などWeb用のコンテンツとして高度な図形を作成できる非常に優れたツールだと思います。 | ||
+ | \\ | ||
===== Inkscapeのインストール ===== | ===== Inkscapeのインストール ===== | ||
行 54: | 行 54: | ||
===== Inkscapeを使ってみよう ===== | ===== Inkscapeを使ってみよう ===== | ||
- | === 虫眼鏡アイコン作成 | + | === 虫眼鏡アイコンの作成 == |
今回は以下のアイコン(32px × 32px)を作成します。\\ | 今回は以下のアイコン(32px × 32px)を作成します。\\ | ||
{{: | {{: | ||
==== Inkscapeの起動 ==== | ==== Inkscapeの起動 ==== | ||
- | スタートメニュー[Inkscape]をクリックして開きます。 | + | スタートメニューからInkscapeを起動します。 |
[{{: | [{{: | ||
\\ | \\ | ||
行 69: | 行 69: | ||
■ 右上[×]でプロパティを閉じます。 | ■ 右上[×]でプロパティを閉じます。 | ||
- | ==== 作成 ==== | + | ==== アイコンの作成 ==== |
[{{: | [{{: | ||
■ 矩形ツール、円/ | ■ 矩形ツール、円/ | ||
行 80: | 行 80: | ||
■ 次に、エクスポート先とファイル名を入力します。\\ | ■ 次に、エクスポート先とファイル名を入力します。\\ | ||
■ 最後に[エクスポート]を押します。 | ■ 最後に[エクスポート]を押します。 | ||
+ | |||
+ | === 参考 === | ||
+ | |||
+ | * http:// | ||
+ | |||
+ | \\ | ||