グラデーションとブレンド


グラデーションとは

  • グラフィックデザインの手法のひとつで、ある異なる2色の色や濃淡が滑らかに連続して変化してゆく表現のこと

グラデーションツール

  

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081115/20081115224531.gif

 


線形(リニア)

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081115/20081115221218.gif

 


円形

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081115/20081115221418.gif

 


グラデーションを作る

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081115/20081115222324.gif

《グラデーションのポイント》

  • 開始色と終了色を決める
  • 線形か円形の種類を選択する
  • 開始点の位置から終了点の位置までプレスドラッグをする
グラデーションを使ってイラストを描いてみる

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081115/20081115222924.jpg

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081115/20081115230322.jpg

ブレンドツールとは

  • いまでは「グラデーションツール」でできることの限界が増えたために、ブレンドツールを使う必然性が少なくなってきています

ブレンドツール

  https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081116/20081116202330.gif

  1. ブレンドツールをダブルクリックする
  2. ステップ数「8」のまま「OK」ボタンを押す

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081116/20081116202403.gif

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081116/20081116202329.gif

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081116/20081116202611.gif

ただし、この典型的なブレンドをすることはほとんどありません。
あえて、例を作ってみると以下のようになります。

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081116/20081116203125.gif



修了生のなかでイラストレータのプロとなっている人は、以下のようなイラストにブレンドを使っています。
ケビン・シュワンツ選手のイラスト
zippy-space.sblo.jp

 


ブレンドツールをデザインに使う


CDジャケット


(1)黒く塗った面の上にペンツールで曲線を描く

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081120/20081120145102.gif



(2)水平に移動コピーをする

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081120/20081120145821.gif



(3)ブレンドを「ステップ数:5」する

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081120/20081120145908.gif



(4)分割・拡張→グループ解除

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081120/20081120145957.gif

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081120/20081120145956.gif



(5)それぞれを虹色にする

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081120/20081120150045.gif

 

(6)それぞれの間をブレンドする

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081120/20081120150042.gif

 

(7)黒い面をコピーし「前面にペースト」して最前面に移動し「クリッピングマスク」、タイトルを入れて完成

https://cdn-ak.f.st-hatena.com/images/fotolife/i/ilife55/20081120/20081120151113.jpg