Photoshopで【グラデーション追加】の使い方を総合解説!

Photoshopで【グラデーション追加】の使い方を総合解説!
見習いくのいち
photoshopのグラデーション機能を使えば、どんなことができるようになるんですか?初心者でも簡単にわかりやすく、グラデーションの使い方を教えてほしいです。
忍者講師
なるほど!photoshopのグラデーション機能を使えば、画像や文字に明るさや色の滑らかな変化をつけたりできるんだよ。丁寧に分かりやすく使い方を教えるね!それじゃ、今回は「photoshopのグラデーション機能」について解説していくね!
本記事のテーマ
Photoshopグラデーションの使い方マスター講座!
忍者講師
今回のポイントは、ツールからグラデーションをかける方法とレイヤースタイルからグラデーションをかける方法があるというのを覚えること!ひとつひとつのパターンをしっかり覚えることが大事だね。
忍者講師
それでは、さっそく本題に入っていきましょう!
見習いくのいち
はい、今回もよろしくお願いします(*´▽`*)

Photoshopでグラデーション追加をする使い方を網羅的に解説!

グラデーションツールを使えば、簡単にカラフルな表現をすることができます。

グラデーションツールを使う際、選択範囲を作成していない限り、レイヤー全体にグラデーションが描画されます。

グラデーションツールの基本的な使い方!

忍者講師
それでは、さっそく基本的な使い方を学んでいきましょう!
手順:「グラデーションツール選択」 > 「グラデーション編集をクリック」 > 「白から黒へを選択してOK」 > 「ドラッグしてグラデーションを描く」

解説:まず、【グラデーションツール】を選択して、オプションバーの【グラデーション編集】をクリック。

グラデーション編集_忍者のphotoshop使い方攻略本

グラデーションエディタのダイアログから詳細設定をしていきます。

グラデーションエディタ_忍者のphotoshop使い方攻略本

今回は、【黒から白へ】をプリセットから選択し、【OK】を選択してください。

黒から白へ_忍者のphotoshop使い方攻略本

そして、ラスタライズ化されている長方形レイヤーのサムネイルをCrtl+クリックして、選択されている状態にし、【グラデーションツール】を選択します。ワークスペース上をクリックして、横にドラッグしてマウスを離すと、選択している箇所が黒から白へグラデーションがかかったと思います。

今回は、黒から白へを選択しているので、グラデーションのかかり方も、
黒から白へになっていると思います。

もちろん、黒から白へではなく、自分でオリジナルで色を設定することもできます。

簡単ですね!(^^)!

point
ドラッグをするときに、まっすぐグラデーションをかけたい場合は、【shift】を押しながらドラッグすると、水平・垂直にグラデーションをかけることができます。

グラデーションを文字にかけてみよう!

見習いくのいち
文字にもグラデーションってかけれるんですか?
忍者講師
もちろん!文字にグラデーションをかけることで、簡単にロゴやポスターに使えそうな文字にすることができるよ!
手順:「文字ツールを選択」 > 「文字を書く」 > 「グラデーションオーバーレイを選択」 > 「ダイアログで設定」 > 「OKをクリック」

解説:まず、ツールから【横書き文字ツール】を選択します。そして、【忍者photoshop】と書きます。

横書き文字ツール_忍者のphotoshop使い方攻略本

レイヤーパネルから【fx】アイコンをクリックして、【グラデーションオーバーレイ】を選択。

グラデーションオーバーレイ_忍者のphotoshop使い方攻略本

レイヤースタイルのダイアログ設定画面から、グラデーションの色を詳細設定して、
右上の【OK】をクリック。

レイヤースタイル_忍者のphotoshop使い方攻略本

グラデーションオーバーレイを使用することで、簡単にさわやかな文字になったと思います!(^^)!

グラデーションできない場合の対処法!

見習いくのいち
「グラデーションツールを使用できません。◯◯◯を直接編集することはできません」と表示されて、グラデーション機能が使えません。この場合、どういう対処をしたらいいですか?
忍者講師
その原因は、選択中のレイヤーが、描画不可のレイヤーだからだね。点と線で構成されているベクトルレイヤーには、使用できないツールが複数あるから、それに該当してしまったんだね!対処方法を教えていくよ!
手順:「長方形の図形を描く」 > 「長方形レイヤーをラスタライズ」 > 「ビットマップ画像になった長方形レイヤーにグラデーションをかける」

解説:まず、ツールから【長方形】を選択して、図形を書いてください。

長方形レイヤー_忍者のphotoshop使い方攻略本

ここでその長方形レイヤーにグラデーションをかけようとしてもかけれません。なので、長方形レイヤーをラスタライズ化してください。

ラスタライズ_忍者のphotoshop使い方攻略本
ラスタライズ2_忍者のphotoshop使い方攻略本

そうしたら、グラデーションツールが使用できる状態になっているので、その長方形レイヤーのサムネイルをCrtl+クリックして、選択範囲を作ってください。

サムネイルクリック_忍者のphotoshop使い方攻略本

そして、その選択範囲に対して、グラデーションツールをクリックし、ワークスペースをクリックして、横にドラッグしてマウスを離すとグラデーションがかかります。

グラデーション完成_忍者のphotoshop使い方攻略本

グラデーションがかかりましたね!(^^)!

忍者講師
これで「Photoshopで【グラデーション追加】の使い方を総合解説!」については、以上となります。お疲れ様でした!

グラデーションツールの使い方まとめ!

  • グラデーションツールの基本的な使い方とは?
  • 文字にグラデーションをかけるには?
  • グラデーションできない場合の対処法は?

こんな、読者さんの悩みがなくなるように解説してきましたが、いかがでしたでしょうか?

photoshopのグラデーションの使い方が少しでも分かりやすく伝わっておりましたら幸いです。

忍者講師
それでは、今回の記事テーマの復習をしていきましょう!
今日の一問一答
  • 問1 グラデーションツールの基本的なかけ方 
    「グラデーションツールを選択してワークスペース上をクリックして、横に〇〇〇〇してマウスを離す」
  • 問2 グラデーションを文字にかける! 
    「レイヤーパネルの文字レイヤーを選択して、〇〇アイコンをクリックしてグラデーションオーバーレイを選択」
  • 問3 グラデーションできない場合の原因 
    「選択しているレイヤーが〇〇〇〇レイヤーになっている」

〇に入る言葉を考えてみてね!

もしわからなかった場合は、もう一回この記事を読み直しましょう!

何回も見直しして、頭に叩き込んでいきましょうね♪

※もし、どうしてもわからない場合は、Twitterからメッセージをいただけると返信させていただきますね。

では、ここまで
読んでいただきありがとうございました!

忍者講師
本記事は以上となります。また次回の記事でお会いしましょう!