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

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

CHAPTER-05

グラデーションの活用

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

背景を選択

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

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

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

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

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

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

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

スタイル

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

角度

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

グラデーションの角度を設定
比率

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

逆方向

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

ディザ

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

ディザの無効と有効の違い
選択範囲内で作成

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

整列の初期化

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

プリセットを選択

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

プリセット [クロム] を選択
[グラデーション] に、プリセットの [クロム] が設定されました。
ドキュメントでグラデーションを確認

ドキュメントでグラデーションを確認
クロムがない?
バージョン 2020 以降では、プリセットの管理方法が大幅に見直されたため、以前のバージョンで初期設定されていたプリセットは、[従来のデフォルトグラデーション] に移行されました。
[従来のグラデーション] を選択

[従来のグラデーション] を選択
プリセットの管理は、それぞれのパネルで行います。[グラデーション] パネルメニューから、[従来のグラデーション] を選択します。すると、プリセットフォルダー [従来のグラデーション] が読み込まれます。プリセット [クロム] は、[従来のグラデーション] – [従来のデフォルトグラデーション] に含まれています。
カラーバーと方向の関係
カラーバーの左側が開始点右側が終了点です。ドキュメントに適用されたグラデーションは、下側が開始点、上側が終了点です。これは [角度] の設定値によるもので、初期設定では「90」°(垂直方向) に設定されています。
カラーバーの開始点と終了点

水平線の位置を変更

[グラデーションで塗りつぶし] ダイアログで、[クリックでグラデーションの編集] をクリックします。
[クリックでグラデーションの編集] をクリック

[クリックでグラデーションの編集] をクリック
すると、[グラデーションエディター] ダイアログが表示されます。カラーバーの色を分割している2つのカラー分岐点を確認します。
2つのカラー分岐点を確認

2つのカラー分岐点を確認
2つのカラー分岐点を操作して、グラデーションを分割する境界線の位置を変更できたら、[OK] をクリックして、[グラデーションエディター] を閉じます。
カラー分岐点の位置を変更

カラー分岐点の位置を変更
[グラデーションで塗りつぶし] ダイアログで、[ディザ] にチェックマークを入れて、[OK] をクリックします。
[ディザ] にチェックマークを入れる

[ディザ] にチェックマークを入れる
[グラデーション] 塗りつぶしレイヤーによるグラデーションが適用できました。
水平線の位置が変更できた

水平線の位置が変更できた

スポンサード リンク