Wacomがウインターセールを開催中

Photoshopのグラデーションツールの使い方 Photoshop2022新機能対応

【初心者向け】Photoshopのグラデーションツールの使い方 Photoshop2022対応Photoshop基礎知識

Photoshopのグラデーションとは

Photoshopのグラデーション

Photoshopでグラデーションを作るには、

  • グラデーションツールで作る
  • レイヤー効果のグラデーションオーバーレイで作る
  • ぼけ足の長いブラシで作る

などがあります。ここではグラデーションツールでグラデーションを作る方法について紹介します。

Photoshopのグラデーションツールの使い方

グラデーションツールの使い方

Photoshopのグラデーションツールの使い方

グラデーションツールの使い方は

  1. グラデーションツールを選ぶ(塗りつぶしツールの表示になってる場合は長押しで切り替え)
  2. グラデーションの色設定を選ぶ
  3. グラデーション方向を選ぶ
  4. グラデーションの補間方法を選ぶ

で作りたいグラデーションを設定してから、画像上でドラッグします。

画像上でマウス(ぺンタブレット)ドラッグすると

Photoshopのグラデーションツールの使い方1

グラデーションが作られます

Photoshopのグラデーションツールの使い方2

グラデーションの色設定を選ぶ

それではグラデーションの色設定を選ぶ方法を紹介します。

Photoshopのグラデーションプリセットの選択

色設定はグラデーションプリセットの選択から行います。

グラデーション色表示の横の三角をクリックしてプリセットから色設定を選びます。

でてきたウィンドウで「基本」などのフォルダー横の三角をクリックでフォルダーを展開して選びます。

グラデーションの方向

Photoshopのグラデーションツールのグラデーション方向

グラデーション方向(形状)はここから選びます。

左から線形・円形・円錐形・反射形・菱形のグラデーションです。

Photoshop2022以降のグラデーションの種類

Photoshop2022のグラデーション補間方法の違い

Photoshop2022からはグラデーションの補間方法に新しい方法が追加されました。

色の変化がより自然に見えるように「知覚的」と「リニア」が選べるようになっています。従来方式が「クラシック」です。

色の相性によってどの方式がよいか変わってくるので、一概にどの方式がよいというのはないです。好みや状況に応じて適したものを選ぶことになります。

グラデーションの作成・編集

グラデーションを作ったり、編集したりするにはグラデーションのサムネイルをクリックします。

Photoshopのグラデーションの編集

グラデーションエディターの画面が開きます。ここでグラデーションを編集できます。

Photoshopのグラデーションのマーカーの追加

グラデーションの帯の上下をクリックで不透明度のマーカーやカラーのマーカーを追加できます。

不透明度のマーカーはマーカーごとに不透明度の設定ができます。マーカーをクリックして下の「不透明度」のところの%で指定します。

またマーカーの左右の小さい◇をドラッグしてグラデーションの幅を指定します。

Photoshopのグラデーションの編集2

カラーのマーカーもマーカーごとに色の指定ができます。マーカーをクリックして「カラー」のところで色を変えられます。こちらもマーカー小さい◇をドラッグしてグラデーションの幅を指定します。

Photoshopのグラデーションの編集1

編集ができたらグラデーションをプリセットに保存します。グラデーション名を入力して「新規グラデーション」でプリセットに追加できます。

Photoshopの新規グラデーションの作成

グラデーションを削除したいときは右クリックで「グラデーションを削除…」すると削除することができます。

Photoshopのグラデーションプリセットの削除

グラデーションの実際の使用例

描画色から透明にするには

私がよく使うのはプリセットの「描画色から透明に」の線形グラデーションです。というよりほぼこれしか使っていません。

なぜかというとグラデーションを編集するのが面倒だからです。

Photoshopの描画色から透明にのグラデーション

「描画色から透明に」はプリセットの「基本」の二つ目にあります。

Photoshopの描画色

描画色はここですね。クリックで自由な色に設定できます。

レイヤーにして下のレイヤーを別の色で塗っておけば、2色グラデーションは簡単に作れるので、修正時に楽です。

レイヤーマスクでのグラデーションの使用

レイヤーマスクにグラデーションを使用して2色グラデーションを作ると、「グラデーションの幅・色」を後で編集がしやすくなるのでおすすめです。

Photoshopのレイヤーマスクでのグラデーションの使用例

まとめ

グラデーションツールの使い方はおわかりいただけたでしょうか。

基本は「描画色から透明に」をレイヤーマスクに使うぐらいの感覚でいいと思います。

プリセットの編集は手間ですが、知っておくと役立つこともあるかと思います。参考になりましたら幸いです。

Photoshop2022のその他の新機能についてはこちらの記事にまとめています。

グラデーションマップの機能についてはこちらの記事で紹介しています。

Photoshopの基本的な使い方はこちらにまとめています。初心者の方にもわかりやすいようにまとめていますのでぜひご覧ください。

コメント

タイトルとURLをコピーしました