Inkscapeでオブジェクトに色を付ける方法★初心者編★

Inkscapeでオブジェクトに色を付ける方法★初心者編★

初心者がインクスケープを勉強する第3弾になります。今回は オブジェクトに色を付ける方法 を勉強して行きたいと思います。

色の塗り方さえ覚えておけば、サイト(ブログ)のヘッダー画像や、バナー・アイコンなどが簡単に作成できます。

Inkscapeのフィルやストーロクとは?

インクスケープを使う上で必ず覚える単語が「フィル」「ストローク」です。

  • フィル
  • ストローク
何だかオーケストラみたいな名前だな~。

インクスケープでは面の事を「フィル」、輪郭線を「ストローク」と呼びます。面とは作成したオブジェクトそのものです。輪郭線とはオブジェクトの枠線になります。

インクスケープでは面の事を「フィル」、輪郭線を「ストローク」と呼びます

中が「フィル」で、外側の線が「ストローク」ですね。

フィルやストーロクに色を付ける方法

フィルやストーロクに色を付ける方法ですが、主に2種類あります。

フィルやストーロクに色を付ける方法
  1. カラーパレットから色を選択する
  2. 「フィル/ストーロク」ダイアログを表示する
どちらの方法がやり易いかな?

パレットから色を選択する方法

インクスケープの下にあるカラフルな色の帯をクリックして色を付けていく方法です。オブジェクトを選択後、カラーパレットの色を選んでクリックするだけです。

Inkscape パレットから色を選択する方法

あっという間にフィルに色が挿入されました。

Inkscape パレットから色を選択する方法

簡単だな~。

今度はストロークに色を付けていきます。オブジェクトを選択して、Shiftを押しながら任意の色をクリックしします。

Inkscape パレットから色を選択する方法

こんな感じでストロークに色がつきました。

Inkscape パレットから色を選択する方法

色の種類ですが、設定ではデフォルトになっていますが、カラーパレットの右端の左向きの三角をクリックすると、カラーパレットの表示方法と色のリストが選べます。

Inkscape 色の種類

「フィル/ストーロク」ダイアログを使って色を選択する方法

今度は「フィル/ストーロク」ダイアログを表示させてオブジェクトの色を変更する方法です。「オブジェクト」から「フィル/ストーロク」を選択します。又は、「Shift+Ctrl+f」を同時に選択します。

「フィル/ストーロク」ダイアログを使って色を選択する方法

別の方法では、コマンドバーのアイコンをクリックします。

Inkscape コマンドバーのアイコン

「フィル/ストーロク」ダイアログが表示されました。

「フィル/ストーロク」ダイアログが表示

ここでは3つの項目に分かれています。

  • フィル
  • ストロークの塗り
  • ストロークのスタイル

フィル

初心者向けなので、あまり難しい作業はせずに、単純に色を付ける方法を紹介します。「フィル」を選択後、いちばん左の「塗りなし」を選択すると、オブジェクトに色はつきません。

Inkscape フィル 塗り無し

2番目の「単一色」を選択して、下にあるスライダーを調節して色をつけていきます。

Inkscape フィル スライダーを調節して色をつける

難しそうだな~。

難しかったら色のコードを直接書き込んでも良いですね。「〇〇〇〇〇〇ff」と色のコードの最後に「ff」をつけます。

Inkscape フィル 色のコードを直接書き込んで色をつける

ワタシはいつもカラーパレットから色の変更をしています。その方がなんとなく楽です(笑)。

ストロークの塗り

続いてはオブジェクトの枠線に当たる「ストロークの塗り」です。こちらも同じようにいちばん左の「塗りなし」を選択すると、オブジェクトの枠線(ストローク)が消えます。

Inkscape ストロークの塗り 塗り無し

2番目の「単一色」を選択して、下にあるスライダーを調節して枠線に色をつけていきます。大体枠線は黒が多いですね。

Inkscape ストロークの塗り スライダーを調節して色をつける

簡単ですね!

ストロークのスタイル

ここではストロークの太さを変更できます。「幅(W)」の数値を上げると、枠線が太くなっていきます。

Inkscape ストロークのスタイル 「幅(W)」の数値を上げる

うわっ(笑)。

「角」を選択すると、それぞれ角の形を変える事が出来ます。

ストロークのスタイル 角の形を変える

テキスト文字も色々と色を付け加える事が出来ます。いちばん上はフィルなしストロークのみ、真ん中の3つがフィル+ストロークで、いちばん下はフィルのみです。

Inkscape テキスト文字も色々と色を付け加える事が出来る

ぼかしと不透明度

ぼかしのスライダーを右に動かして行くと、オブジェクトがぼやけた様な感じになります。不透明度では、デフォルトが100です。数字が小さくなっていくと同時にオブジェクトが透明になっていきます。

Inkscape ぼかしと不透明度

まとめ

ここでは、インクスケープでオブジェクトに簡単な色をつける方法を紹介しましたが、オブジェクトの面がフィルで、フィルのまわりの輪郭線がストロークになります。

この2種類のオブジェクトに色を付けていけば良いのですが、カラーパレットから色を選択する方法と「フィル/ストーロク」ダイアログを表示する方法があります。どちらかやり易い方法で色を付けていけば良いですね。

基本的な事ばかりですが、この方法を覚えておけば簡単なロゴやバナーなどを作成できると思います。

超初心者向けの内容でしたね(笑)。

1 COMMENT

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿や心無いコメントは無視されますのでご注意ください。(スパム対策)