基本がわかる！グラデーションの作り方

[CHAPTER-01]

[CHAPTER-02]

[CHAPTER-03]

[CHAPTER-04]

[CHAPTER-05]

グラデーションの活用

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

背景を選択

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

[背景] を選択します。

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

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

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

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

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

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

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

グラデーション

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

スタイル

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

角度

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

比率

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

逆方向

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

ディザ

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

選択範囲内で作成

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

整列の初期化

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

プリセットを選択

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

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

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

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

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

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

クロムがない？

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

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

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

カラーバーと方向の関係

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