|
サイズ: 6362
コメント:
|
サイズ: 5098
コメント:
|
| 削除された箇所はこのように表示されます。 | 追加された箇所はこのように表示されます。 |
| 行 1: | 行 1: |
| #acl All: == グラデーションの使い方 == |
== グラデーションを作る == |
| 行 4: | 行 3: |
| 単色での着色の他に、'''グラデーション'''を用いた着色ができます。 グラデーションには'''線形'''グラデーションと'''放射'''グラデーションがあります。 |
グラデーションを用いた着色では次の３つの作業を行います。 1. グラデーションを作る 1. グラデーションで着色する 1. グラデーションの方向を調整する |
| 行 7: | 行 8: |
| グラデーションを用いた着色を行ったときは、着色後に'''グラデーションの向きと量の調整'''が必要です。 | このページでは'''グラデーションの作り方'''を説明します。 ---- Inkscapeのバージョン0.91でグラデーションの編集画面を表示するには、Inkscapeの設定で . レガシーなグラデーションエディタを使用する にチェックを入れておくこと。 ---- === グラデーション選択画面 === 塗りの着色と同様の方法で「グラデーション」を選択します。 |
| 行 9: | 行 17: |
| つまり、次の３つの作業を行うことになります。 | 1. フィル／ストロークウインドウを表示させます。 1. フィルタブを押します。 1. 線形または放射グラデーションを選びます。 |
| 行 11: | 行 21: |
| １） グラデーションを作る ２） グラデーションで着色する ３） グラデーションの方向を調整する ---- === グラデーションの種類 === グラデーションには線形グラデーションと放射グラデーションの２種類があります。 . {{attachment:gradient1.png}} {{attachment:gradient2.png}} グラデーションで着色する場合も、フィル／ストロークウインドウを使って指定します。 フィルタブをクリックして選択します。 . {{attachment:filltype.png}} * １番目は「なし」 * ２番目は「フラットカラー」 * ３番目は「線形グラデーション」 * ４番目は「放射グラデーション」 * ５番目は「パターン」 * ６番目は「指定しない」 「なし」と「フラットカラー」は前回説明しました。 「パターン」は後日説明予定。 「指定しない」にするとオブジェクトでは色を指定しないで、グループ化した親での色指定を使うことになります。（この授業では使いません） '''線形または放射グラデーションを選ぶと次のような表示になります。''' |
. {{attachment:gradient3.png}} |
| 行 43: | 行 26: |
グラデーションが作成されていれば、赤丸のところで選択するだけで使えます。 . {{attachment:gradient3c.png}} |
|
| 行 51: | 行 39: |
| . {{attachment:gradient3.png}} グラデーションが作成されていれば、赤丸のところで選択するだけで使えます。 . {{attachment:gradient3c.png}} |
|
| 行 61: | 行 44: |
| すでに使われているグラデーションを編集すると着色されている部品の色も修正されます。 | すでに使われているグラデーションを編集すると'''着色されている部品の色も修正'''されます。 |
| 行 100: | 行 83: |
| '''両端の色の指定が終わったら、このウインドウを閉じます''' ---- |
|
| 行 101: | 行 87: |
| これには「色を追加」を使います。 | . 「色フェーズを追加」を使います。 |
| 行 103: | 行 89: |
| 「色を追加」をクリックすると、stopが追加され編集できるようになります。 | 「色フェーズを追加」をクリックすると、stopが追加され編集できるようになります。 |
| 行 106: | 行 92: |
| 「色を追加」するとstopの個数が増えていきます。 作りすぎたときは「色を削除」を使ってstopを削除できます。 |
「色フェーズを追加」するとstopの個数が増えていきます。 作りすぎたときは「色フェーズを削除」を使ってstopを削除できます。 |
| 行 109: | 行 95: |
| ---- | |
| 行 114: | 行 101: |
| ---- 練習 グラデーションをいくつか作ってみましょう。 |
|
| 行 115: | 行 105: |
| ---- === グラデーションの向きを調整する === |
同じ色相の明るい色と暗い色を使って、 つぎの３つのグラデーションを作るとよいでしょう。 |
| 行 118: | 行 108: |
| グラデーションツールを使います。 . {{attachment:gradient5.png}} グラデーションで着色したオブジェクトをこのツールを使って選択すると、グラデーションの方向を調整するための線が表示されます。 線形グラデーションの場合 . 線の両端にある四角を移動して、グラデーションの方向を調整します。 . {{attachment:gradient6.png}} 放射グラデーションの場合 . 中心位置を表す四角と、グラデーションの向きと大きさを表す丸を移動して調整します。 . {{attachment:gradient7.png}} グラデーションツールを選んでいると、画面上部に . {{attachment:gradient8.png}} が表示され、ここを使ってグラデーションの選択や編集もできます。 |
1. 線形グラデーション 1. 中心が暗い放射グラデーション 1. 中心が明るい放射グラデーション |
グラデーションを作る
グラデーションを用いた着色では次の３つの作業を行います。
- グラデーションを作る
- グラデーションで着色する
- グラデーションの方向を調整する
このページではグラデーションの作り方を説明します。
Inkscapeのバージョン0.91でグラデーションの編集画面を表示するには、Inkscapeの設定で
- レガシーなグラデーションエディタを使用する
にチェックを入れておくこと。
グラデーション選択画面
塗りの着色と同様の方法で「グラデーション」を選択します。
- フィル／ストロークウインドウを表示させます。
- フィルタブを押します。
- 線形または放射グラデーションを選びます。
赤丸で示した箇所でグラデーションを選択します。
最初は選択できるグラデーションが１つしかありませんが、作成すると増えてきます。
グラデーションが作成されていれば、赤丸のところで選択するだけで使えます。
その２行下にある、「繰り返し」では
- なし、リフレクト、ダイレクト
が選べます。通常は「なし」のままでよい。
- 「なし」は繰り返しなし
- 「ダイレクト」は単純な繰り返し
- 「リフレクト」はグラデーションの方向を反転しての繰り返し
です。
新規グラデーションの作成
グラデーションは最初は１つしかありません。
すでに使われているグラデーションを編集すると着色されている部品の色も修正されます。
新しいグラデーションを作成するには、コピーしてから編集します。
- グラデーションを１つ選択し
- その下の「コピー」をクリック
します。
これで（色は同じで）名前の違うグラデーションが作成されます。
グラデーションの編集
編集したいグラデーションが上記赤丸のところに表示されている状態で「編集」をクリックします。
次のようなウインドウが開きます。 グラデーションの作成・編集はここで行います。
ウインドウの上部に現在のグラデーションの状態が表示されています。
例では、
- 左端が黒、右端が透明になっています。
チェック模様が見えるのは透明を表しています。
次の行に stop0000 という表示があり、その右のボタンを使って選択できるようになっています。0000の部分は異なります。
最初は選択できるstopは２つしかありません。
- １つは左端の色
- もう１つは右端の色
を指定するためのものです。
どちらが左端でどちらが右端かは、選択したときにオフセットのスライドバーが左にあるか、右にあるかで確認できます。
- 左端に対応するstopを選択し、色を修正するとグラデーションの左端の色が変わります。
- 右端に対応するstopを選択し修正すれば、グラデーションの右端の色が変わります。
慣れるまでは、透過性(A)は２５５にして使いましょう。
- 初期状態では右端が透明（透過性０）になっていますが、透明にすると下のものが透けて見えるので、オブジェクトや色の重なりに慣れてからでないと使いにくいと思います。
両端の色の指定が終わったら、このウインドウを閉じます
３色以上のグラデーションを作ることもできます。
- 「色フェーズを追加」を使います。
「色フェーズを追加」をクリックすると、stopが追加され編集できるようになります。 stopを追加したときは、オフセットのスライドバーを動かして、どの位置の色を指定するのか決めてから、色を作りましょう。
「色フェーズを追加」するとstopの個数が増えていきます。 作りすぎたときは「色フェーズを削除」を使ってstopを削除できます。 削除したいstopを選んだ状態でクリックしてください。
放射グラデーションの作成・編集も同じ画面で行います。
- 左端が中心
- 右端が外側
に対応します。
練習
- グラデーションをいくつか作ってみましょう。
同じ色相の明るい色と暗い色を使って、 つぎの３つのグラデーションを作るとよいでしょう。
- 線形グラデーション
- 中心が暗い放射グラデーション
- 中心が明るい放射グラデーション