152015-10-23 06:31:42masahiko142011-10-06 05:55:28masahiko132011-10-06 05:53:56masahiko122011-10-06 05:52:38masahiko112011-10-06 05:42:13masahiko102011-10-06 05:32:12masahiko92011-10-06 05:24:04masahiko82011-10-06 05:20:44masahiko72011-10-06 05:07:03masahiko62011-10-06 05:05:29masahiko52010-08-19 08:06:16masahiko42010-08-19 08:04:20masahiko32010-08-19 07:58:30masahiko22010-08-19 07:56:40masahiko12010-08-19 07:43:28masahiko

パスを描くと線の部分は黒で描画され、着色を行うと線で囲まれた内側が塗られました。内側の色のことを塗りといいます。 線のことを stroke 塗りのことを fill といいます。 color3.png パスには線や塗りの色、透過性、線の太さなどの属性があり、個々に指定することができます。

画面左下には選択しているパスの属性の一部が表示されます。 color4.png フィル、ストロークの色が表示されています。 その右にあるO は Opacity の頭文字で不透明度を表しています。 この表示の色の部分をクリックすると、 さらに細かな情報が表示されます。 color10.png 画面上部(または右)にあるこのアイコンをクリックしても同じです。 color11.png このようなウインドウが表示されます。 color12.png ウインドウ内の表示は「フィル」、「ストロークの塗り」、「ストロークのスタイル」の３つのタブで切り替えることができます。

フィルタブを選ぶとこのような表示になります。 color13.png タブのすぐ下で塗り方を選びます。 １番左の X を選ぶと、塗りは「なし」になります。 塗りなしにすると下にあるものが透けて見えます。 ２番目を選ぶと、単一色(一色)で塗れます。 当分の間はこの２つのどちらかを選んで下さい。 ３番目以降はグラデーションの指定などです。後日解説。 右の方にある color9a.png は自分自身と交わっている形のパスを塗るときの方法を指定するためのものです。 左のようなパスを塗るときに、どちらのボタンを選ぶかで中央または右に示す塗り方に変わります。 color9b.png 下の方に ぼかし 不透明度 のスライダがあります。 この２つは塗り（フィル）と線（ストローク）両方に影響します。 「不透明度」のスライダは、画面左下の O(Opacity) と対応しています。 この値が100%のときは不透明、0%のときは透明で、中間の値のときは半透明になります。 通常は ぼかしは 0.0 不透明度は 100.0 です。

ストロークの塗りタブを選ぶとこのような表示になります。 color14.png それぞれのボタンの意味はフィルのときと同じです。 左の２つのどちらかを使って下さい。 線にグラデーションを指定することはほとんどありません。

フィルまたはストロークの塗りで単一色を選ぶと次のような表示になり、 自由に色を作ることができます。 色の作り方はつぎの４つから選ぶことができます。 CMSは使いません。 RGB HSL CMYK ホイール 使いやすいものを１つマスターしましょう。

４つのどれを選んでも A のスライダがあります。 Aはアルファの略で不透明度を表します。 左端(0.0)にすると透明 右端(100.0)にすると不透明です。

赤(R)緑(G)青(B)の光の色の量で調整します。 color6.png

円周上で色相を選び、内側の三角の中で明るさや鮮やかさを選びます。 color7.png

ストロークのスタイルタブを選ぶとこのような表示になります。 幅の数値を変えることで線の太さを指定することができます。 太さを指定する単位も選ぶことができます。 通常は px （ピクセル）になっています。 pt(ポイント)またはmm(ミリメートル)を使うと良いでしょう。 72pt = 1 inch， 1 inch = 25.4 mm です。 したがって 1 pt はおよそ 0.35mm になります。 color8.png １つの直線セグメントの形は次のようになっています。 両端にあるノードの間を線幅で結んだ形です。 line2.png 端の形を、通常の切り落とし型のほかに、丸を加えた形や四角を加えた形にすることもできます。 line3.png 同様に、複数のセグメントからなるパスの場合に、角のノードの形を３種類から選ぶことができます。