グラデーションを描画する

Photoshopでグラデーションを描画する手順を紹介します。

Photoshopを起動します。
グラデーションを描画する:画像1

[ファイル]メニューの[新規]から、新しいキャンバスを作成します。詳細は「新しい画像を作成する」を参照してください。
グラデーションを描画する:画像2

グラデーションを描くカラーを選択します。左下のツールパレットの描画色をクリックし、カラーピッカーダイアログから描画色を選択します。
グラデーションを描画する:画像3

描画色が選択できました。今回は水色にします。背景色は黒にしました。
グラデーションを描画する:画像4

ツールパレットのグラデーション描画を選択します。ツールパレットにグラデーションツールが表示されていない場合は、塗りつぶしツールを左クリックするか、右クリック長押しをするとサブメニューが表示されます。
グラデーションを描画する:画像5 グラデーションを描画する:画像6

キャンバスでドラッグするとグラデーションが描画できます。
グラデーションを描画する:画像7

選択範囲を指定した描画

範囲選択ツールでキャンバスの一部を選択します。
グラデーションを描画する:画像8

選択後にグラデーションツールで描画をすると選択範囲内でグラデーションが描画できます。
グラデーションを描画する:画像9

グラデーションの種類の変更

上部のツールバーでグラデーションの種類が変更できます。一番左のボタンが[線形グラデーション]の描画です。
グラデーションを描画する:画像10

一つ右隣の[円形グラデーション]を選択します。
グラデーションを描画する:画像11

キャンバスでドラッグすると円形のグラデーションが描画できます。
グラデーションを描画する:画像12

右から2つ目の[反射形グラデーション]を選択すると中心から両方向へのグラデーションが描けます。
グラデーションを描画する:画像13

グラデーションの種類、カラーの変更

上部ツールバーのカラープレビューのドロップダウンメニューを開きます。下図の画面が表示されます。グラデーションのプリセットの一覧が表示されます。グラデーションの種類やカラーを変更できます。今回は、左上の一つ右隣にある、描画色と透明色のグラデーションを選択します。
グラデーションを描画する:画像14

キャンバスでドラッグしグラデーションを描画します。描画色から透明色へのグラデーションの描画ができました。
グラデーションを描画する:画像15


グラデーションの描画の基本は以上です。他にも様々なオプションがあるのでいろいろ試してみてください。

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2014-06-08
Copyright © 1995–2025 iPentec all rights reserverd.