|
サイズ: 4605
コメント:
|
サイズ: 4937
コメント:
|
| 削除された箇所はこのように表示されます。 | 追加された箇所はこのように表示されます。 |
| 行 31: | 行 31: |
| 行 34: | 行 33: |
画面上部(コマンドバー)にある . {{attachment:color5.png}} をクリックしても同じウインドウが開きます。 |
|
| 行 40: | 行 34: |
その下に . ぼかし . 不透明度 のスライダがあります。 「不透明度」のスライダは、画面左下の O(Opacity) と対応しています。 この値が100%のときは不透明、0%のときは透明で、中間の値のときは半透明になります。 |
|
| 行 53: | 行 39: |
| . {{attachment:color6.png}} | . {{attachment:color13.png}} |
| 行 55: | 行 41: |
| タブのすぐ下、一番左の X を選ぶと、塗りは「なし」になります。 塗りなしにすると下にあるものが透けて見えます。 |
タブのすぐ下で塗り方を選びます。 * １番左の X を選ぶと、塗りは「なし」になります。 . 塗りなしにすると下にあるものが透けて見えます。 * ２番目を選ぶと、単一色(一色)で塗れます。 |
| 行 58: | 行 46: |
| ２番目の四角のボタンが通常の着色を行うためのものです。 これを選ぶと、スライダが表示され色を作ることができます。 色の作り方は RGB、HSL、CMYK、ホイールの４つから選択できます。 A のスライダを使うと塗りだけの不透明度を指定することができます。左端にすると透明、右端にすると不透明です。 ウインドウ下部の不透明度は塗り（フィル）と線（ストローク）両方に影響します。 ３番目以降のボタンはグラデーションで着色するためのものです。 後日説明します。今回は普通の着色を使ってください。 |
当分の間は'''この２つのどちらか'''を選んで下さい。<<BR>> ３番目以降はグラデーションの指定などです。後日解説。 |
| 行 74: | 行 55: |
| 下の方に . ぼかし . 不透明度 のスライダがあります。 この２つは塗り（フィル）と線（ストローク）両方に影響します。 「不透明度」のスライダは、画面左下の O(Opacity) と対応しています。 この値が100%のときは不透明、0%のときは透明で、中間の値のときは半透明になります。 通常は * ぼかしは 0.0 * 負透明度は 100.0 です。 |
|
| 行 78: | 行 74: |
| . {{attachment:color14.png}} | |
| 行 79: | 行 76: |
| タブのすぐ下、一番左の X を選ぶと、線の色は「なし」になります。 | それぞれのボタンの意味はフィルのときと同じです。 |
| 行 81: | 行 78: |
| ２番目の四角のボタンが通常の着色を行うためのものです。 色の作り方はフィルの場合と同様です。 |
当分の間は'''左のの２つのどちらか'''を使って下さい。 |
| 行 84: | 行 80: |
| ホイールを選んだ場合の例です。 | ---- === 色の作り方 === フィルまたはストロークの塗りで単一色を選ぶと次のような表示になり、 自由に色を作ることができます。 色の作り方はつぎの４つから選ぶことができます。 CMSは使いません。 * RGB * HSL * CMYK * ホイール 使いやすいものを１つマスターしましょう。 ==== 不透明度 ==== ４つのどれを選んでも A のスライダがあります。 Aはアルファの略で不透明度を表します。 . 左端(0.0)にすると透明 . 右端(100.0)にすると不透明です。 ==== RGB ==== 赤(R)緑(G)青(B)の光の色の量で調整します。 . {{attachment:color6.png}} ==== ホイール ==== 円周上で色相を選び、内側の三角の中で明るさや鮮やかさを選びます。 |
| 行 92: | 行 114: |
| 幅の数値を変えることで線の太さを指定することができます。 | 幅の数値を変えることで'''線の太さ'''を指定することができます。 |
パスの属性
パスを描くと線の部分は黒で描画され、着色を行うと線で囲まれた内側が塗られました。内側の色のことを塗りといいます。
- 線のことを stroke
- 塗りのことを fill
といいます。
パスには線や塗りの色、透過性、線の太さなどの属性があり、個々に指定することができます。
属性の表示
画面左下には選択しているパスの属性の一部が表示されます。
フィル、ストロークの色が表示されています。
その右にあるO は Opacity の頭文字で不透明度を表しています。
この表示の色の部分をクリックすると、 さらに細かな情報が表示されます。
画面上部にあるこのアイコンをクリックしても同じです。
このようなウインドウが表示されます。
ウインドウ内の表示は「フィル」、「ストロークの塗り」、「ストロークのスタイル」の３つのタブで切り替えることができます。
塗り（フィル）
フィルタブを選ぶとこのような表示になります。
タブのすぐ下で塗り方を選びます。
- １番左の X を選ぶと、塗りは「なし」になります。
- 塗りなしにすると下にあるものが透けて見えます。
- ２番目を選ぶと、単一色(一色)で塗れます。
当分の間はこの２つのどちらかを選んで下さい。
３番目以降はグラデーションの指定などです。後日解説。
右の方にある
は自分自身と交わっている形のパスを塗るときの方法を指定するためのものです。 左のようなパスを塗るときに、どちらのボタンを選ぶかで中央または右に示す塗り方に変わります。
下の方に
- ぼかし
- 不透明度
のスライダがあります。
この２つは塗り（フィル）と線（ストローク）両方に影響します。
「不透明度」のスライダは、画面左下の O(Opacity) と対応しています。 この値が100%のときは不透明、0%のときは透明で、中間の値のときは半透明になります。
通常は
- ぼかしは 0.0
- 負透明度は 100.0
です。
線の色（ストロークの塗り）
ストロークの塗りタブを選ぶとこのような表示になります。
それぞれのボタンの意味はフィルのときと同じです。
当分の間は左のの２つのどちらかを使って下さい。
色の作り方
フィルまたはストロークの塗りで単一色を選ぶと次のような表示になり、 自由に色を作ることができます。
色の作り方はつぎの４つから選ぶことができます。 CMSは使いません。
- RGB
- HSL
- CMYK
- ホイール
使いやすいものを１つマスターしましょう。
不透明度
４つのどれを選んでも A のスライダがあります。
Aはアルファの略で不透明度を表します。
- 左端(0.0)にすると透明
- 右端(100.0)にすると不透明です。
RGB
赤(R)緑(G)青(B)の光の色の量で調整します。
ホイール
円周上で色相を選び、内側の三角の中で明るさや鮮やかさを選びます。
線のスタイル（ストロークのスタイル）
ストロークのスタイルタブを選ぶとこのような表示になります。
幅の数値を変えることで線の太さを指定することができます。
太さを指定する単位も選ぶことができます。 通常は px （ピクセル）になっています。 pt(ポイント)またはmm(ミリメートル)を使うと良いでしょう。
- 72pt = 1 inch， 1 inch = 25.4 mm です。
- したがって 1 pt はおよそ 0.35mm になります。
１つの直線セグメントの形は次のようになっています。 両端にあるノードの間を線幅で結んだ形です。
端の形を、通常の切り落とし型のほかに、丸を加えた形や四角を加えた形にすることもできます。
同様に、複数のセグメントからなるパスの場合に、角のノードの形を３種類から選ぶことができます。