welcome: please sign in
location: "グラデーションの作成と編集"の差分
13と14のリビジョン間の差分
2017-11-06 12:49:43時点のリビジョン13
サイズ: 3201
編集者: masahiko
コメント:
2017-11-06 12:54:36時点のリビジョン14
サイズ: 3298
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 8: 行 8:
=== グラデーションの着色 ===
グラデーションで着色するには、
=== グラデーションの作成 ===
グラデーションで着色するには、
行 14: 行 14:

着色したい1つの部品を選択し、
「線形グラデーション」、「放射グラデーション」のどちらかのボタンを押すと
グラデーションが作成されます。
行 15: 行 20:
=== グラデーションの着色 ===
グラデーションで着色するには、
フィル/ストロークウインドウを使って指定します。
=== グラデーションの選択 ===
行 19: 行 22:
フィルタブの上部、左から3番目が「線形グラデーション」、4番目が「放射グラデーション」です。 すでに作成されたグラデーションがある場合は、
この画面でグラデーションを選択することもできます。

グラデーションの作成と編集

ver0.91以降ではグラデーションツールを使って、 グラデーションの作成と編集を行います。

  • grad01.png


グラデーションの作成

グラデーションをで着色するには、 フィル/ストロークウインドウを使って指定します。

フィルタブの上部、左から3番目が「線形グラデーション」、4番目が「放射グラデーション」です。

  • grad02.png

着色したい1つの部品を選択し、 「線形グラデーション」、「放射グラデーション」のどちらかのボタンを押すと グラデーションが作成されます。


グラデーションの選択

すでに作成されたグラデーションがある場合は、 この画面でグラデーションを選択することもできます。

  • grad07.png


グラデーションツール

グラデーションの向きや色は「グラデーションツール」を使って調整します。

グラデーションで着色された部品を選択した状態で、 「グラデーションツール」を選ぶとこのような表示になります。

ツールコントロールの 「選択」の右には使っているグラデーションが表示されます。

選択した部品にはグラデーションの方向を示す線が表示されます。

  • grad03.png


グラデーションの調整

グラデーションの方向を示す線の端には、 □と○がありこれを移動してグラデーションの向きを調整できます。

□または○を選ぶと ツールコントロールの「色フェーズ」の右に 選択している□または○の色が表示され、 フィル/ストロークウインドウを使って色を調整できます。

□の部分の色を調整している例。

  • grad04.png


グラデーションと不透明度

作成したばかりのグラデーションは、

  • □の端が元の色
  • ○の端が透明

になっています。

選択の右に表示されているグラデーションをみると、 右側が格子模様になっています。

  • 「格子模様」は「透明」を表します。
  • grad05.png

しだいに透明になるグラデーションは 他の部品と重ねると、透明な部分は下が透けてみえることになります。

これは使い方によっては便利な機能ですが、 まずは透明でないグラデーションの使い方を覚えましょう。

○の端を選び、この色を「不透明」にします。 そのためにはつぎの値を修正します。

  • 「不透明度」を右端(100%)
  • 「A」を右端(255)

不透明になったら、好みの色に調整します。

選択の右に表示されているグラデーションに 格子模様が無く、このようになればよい。

  • 同系色で暗い色と明るい色のグラデーションが扱いやすい。
  • grad06.png

グラデーションの作成と編集 (最終更新日時 2017-11-06 13:05:43 更新者 masahiko)