グラデーションの描き方 パート2

画像やカンバスにグラデーションを描く方法の解説の続きパート2になります。

■ 菱形グラデーション

菱形グラデーションは線を引く開始点を中心にして終了点までの長さが半径の対角線状の 菱形グラデーションになります。

グラデーションのかかり方（通常モード、不透明度100%　描画色黒、背景色白）
カンバスの中心から右下に線を引きます。	⇨	ひし形のグラデーションになります。　上からピラミッドを見たような形状になります。
カンバスの右端中央から左方向に線を引きます。	⇨	ロケットの頭のような形のグラデーションになります。
カンバスの中心から上方向に線を引きます。	⇨	縦横2本の対角線とする菱形グラデーションとなります。

■ 画像の一部にグラデーションをかける

グラデーションは写真や画像の一部にも描くことができます。 線形、不透明度70%でクイック選択ツールで選択した花だけに 左上から右下へグラデーションのラインを引きます。 ラインの開始点はプラスのマークになっています。

⇩

花の左上の方が黒くなり右下の方は白っぽくなりました。 花しか選択していないので他の部分はグラデーションは反映されません。 不透明度100%でグラデーションをかけると色が濃すぎて花自体を 塗りつぶしたような状態になってしまうので値を下げて下さい。

■ オリジナルのグラデーションを作る

画面左上のグラデーションアイコンをクリックするとグラデーションエディターが 開きます。プリセット一覧の左上のサムネイルを選択します。

⇩

まず下のバーの上段で10%の位置でクリックして黒色の分岐点を追加します。次にその 右横にも分岐点を追加し不透明度を0%にして白色にします。

⇩

上記図の右横の白い分岐アイコンを黒い分岐アイコンにドラッグして重ねます。 次に再度2つの分岐アイコンを追加して白黒の順番にして一つに重ねます。 位置は20%です。

⇩

上記手順をバーの端まで繰り返すと図のように等間隔になります。 黒と透明の間は10％で分岐アイコンは黒→白→黒→白・・・ という順番で並んでいます。
右端の上段の分岐アイコンはクリック後削除ボタンで削除します。 バー下段の右端のカラー分岐点は黒色に変更します。 設定できたら「新規グラデーション」ボタンを 押してプリセット一覧に表示してOKボタンを押します。

⇩

花の写真の上から作成した線形グラデーションの線を引きます。

⇩

ブラインドカーテンのような 横縞模様（よこしまもよう）のグラデーションが描けました。

■ オリジナルのグラデーションを作る　その2

画面左上で円形グラデーションアイコンを選択しグラデーションアイコンをクリックしてエディターを 開きます。プリセット一覧の左上のサムネイルを選択し下のバーの両サイドの分岐アイコンを中間点の50%の位置に 引き寄せ重ねます。

⇩

重ねた中間点をクリックして青色に設定します。 中間点より左（45％の位置）に分岐点を追加し黄色に、中間点より右（55％の位置）にも 分岐点を追加してピンク色に設定します。

⇩

バーの上段の中間点に分岐点を追加します。次に両サイドの分岐点アイコンをクリックし 下の不透明度で0%まで下げます。 設定できたら「新規グラデーション」ボタンでプリセット一覧に追加しOKボタンを押します。

⇩

花だけを選択した部分にこのグラデーションをかけると 図のように中心をくり抜いたような輪っか状グラデーションになります。 右の図は左図の色の順番を拡大してわかりやすく説明したものです。 ピンク→青→白→黄という順序で並び黄色からまた逆戻りして 白→青→ピンクという順序になっているのがわかります。

Tweet

■ その他の項目