基本がわかる！グラデーションの作り方「知っておきたい種類と活用方法」| psgips

基本がわかる！

グラデーションの作り方

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

グラデーションの活用

簡単な図形のドキュメントを使用して、グラデーションの活用方法をご紹介しましょう。グラデーションは、平面的なオブジェクトに立体的な陰影を作り出すこともできます。背景や境界線の効果など、それぞれの役割に適した方法で、グラデーションを作成しましょう。

背景を選択

[ レイヤー ] パネルで、[ 楕円形 1 ] を非表示にします。

[ 背景 ] を選択します。

[ レイヤー ] パネルで [ 背景 ] を選択

塗りつぶしレイヤーを作成

オブジェクトの背景や、グラデーションで塗りつぶしたい場合は、[ グラデーション ] 塗りつぶしレイヤーが適しています。作成するグラデーションは、[ グラデーションで塗りつぶし ] ダイアログで一括して管理できるので、カラーやカラー分岐点の位置などを詳細に設定することができます。

[ 塗りつぶしまたは調整レイヤーを新規作成 ] をクリックし、メニューから [ グラデーション ] を選択し、[ グラデーション 1 ] を作成します。

[ グラデーション 1 ] を作成

すると、[ グラデーションで塗りつぶし ] ダイアログが開きます。

[ グラデーションで塗りつぶし ] ダイアログ

グラデーション

グラデーションを編集したい場合は、カラーバーをクリックして、[ グラデーションエディター ] を表示します。

スタイル

[ 線形 ]、[ 円形 ]、[ 角度 ]、[ 反射 ]、[ 菱形 ] の中から、グラデーションの形が選択できます。オプションバーのサブツールとは違い、グラデーションを作成した後にも、他のスタイルに変更することができます。

角度

カラーバーの左側がグラデーションの開始点、右側が終了点です。ドキュメントに適用されたグラデーションは、下側が開始点、上側が終了点です。これは、[ 角度 ] の設定値によるもので、初期設定では「 90 」°に設定されています。設定値を変更すると、グラデーションの角度が変わります。

比率

[ 比率 ] は、グラデーションの大きさを変えられます。カラーバーの幅がそのまま、ドキュメントの大きさに適用されるので、たとえば、「 200 」% なら、グラデーションの大きさは２倍になり、カラーバーの幅の 1/2 が適用領域になります。

逆方向

[ 逆方向 ] にチェックマークを入れると、グラデーションの開始点と終了点が入れ替わります。

ディザ

[ ディザ ] にチェックマークを入れると、グラデーションの階調が段階的な縞状になってしまう現象「バンディング」を防げます。

選択範囲内で作成

[ 選択範囲内で作成 ] にチェックマークを入れると、レイヤーマスクやベクトルマスクの表示領域に合わせ、グラデーションの階調が展開されます。

整列の初期化

クリックすると、グラデーションの開始点と終了点を初期設定の位置に戻すことができます。

プリセットを選択

[ グラデーションで塗りつぶし ] ダイアログで、[ クリックでグラデーションピッカーを開く ] をクリックすると、現在、Photoshop に保存されているグラデーションのプリセットが表示されます。

[ クリックでグラデーションピッカーを開く ] をクリックします。

プリセット [ クロム ] を選択します。従来のデフォルトグラデーション

プリセット [ クロム ] を選択

[ グラデーション ] に、プリセットの [ クロム ] が設定されました。

ドキュメントでグラデーションを確認

クロムがない？

バージョン 2020 以降では、プリセットの管理方法が大幅に見直されたため、以前のバージョンで初期設定されていたプリセットは、[ 従来のデフォルトグラデーション ] に移行されました。

[ 従来のグラデーション ] を選択

プリセットの管理は、それぞれのパネルで行います。[ グラデーション ] パネルメニューから、[ 従来のグラデーション ] を選択します。すると、プリセットフォルダー [ 従来のグラデーション ] が読み込まれます。プリセット [ クロム ] は、[ 従来のグラデーション ] – [ 従来のデフォルトグラデーション ] に含まれています。

カラーバーと方向の関係

カラーバーの左側が開始点、右側が終了点です。ドキュメントに適用されたグラデーションは、下側が開始点、上側が終了点です。これは [ 角度 ] の設定値によるもので、初期設定では「 90 」°( 垂直方向 ) に設定されています。