【Photoshop】グラデーションのかけ方を総まとめ

まずグラデーションツールを選びましょう。塗りつぶしツールなどの裏に隠れているかもしれません。 アイコンを右クリックすればこのように一覧で表示できます。

画面上部のオプションバーに横長のボタンらしきものが表示されるので、ここをクリックします。

設定画面が開きます。ずらっとグラデーション種類のサムネイルが表示されているはずです。この中の1番左上にある［描画色から背景色へ］のサムネイルを選びます。

２色を好きな色にします。色はどっちがどっちでも構いません（あとで簡単に変えられます）。

画面をドラッグすれば、その方向にグラデーションがかかります。例えば斜めにドラッグすれば、斜めのグラデーションになります。

もしかするとドラッグ時に「グラデーションツールを使用できません。◯◯を直接編集することはできません」という警告が出るかもしれません。

オプションバーに［逆方向］というチェックボタンがあるかと思います。ここにチェックを入れると2色の使われ方が入れ替わります。

このように逆方向にグラデーションがかかるようになります。

グラデーションツール使用中には、画面上部のオプションバーにこのようなアイコンが並んでいるはずです。ここでグラデーションの形を変えることができます。

なんとなく想像がつくかもしれませんが、それぞれの形はこのようになります。

ちなみに円形を選んだ場合、ドラッグした長さ＝グラデーションのかかる円の半径となります。

もう少し詳しい設定をしていきましょう。再度、設定用ウィンドウを開きます。 グラデーションツールを選んだ状態で設定しましょう。

ウィンドウの下の方にこのようなグラデーションバーが表示されていると思います。

下側のつまみを動かすことで「色の変化する位置」を細かく調整することができます。

バーの下側のどこかをクリックすると「中間点」を追加することができます。

追加した中間点の色を変えてみましょう。つまみをダブルクリックします。

カラーピッカーが表示されるので、好きな色を指定してOKをクリックします。

この例では濃いめの色を選んでみました。青→濃い青→水色という色の変化になっているわけですね。

ドラッグすると3つの色に変化していることが分かります。

不透明度の設定は、上側のつまみをダブルクリックして変更します。

片側だけ不透明にするために①左右どちらかの上のつまみをダブルクリックし②不透明度を「0」にします。もちろん「20%」のように半透明にしてもOKです。

これで透明と白のグラデーションが出来上がりました。

例えば「写真の上に文字をのせたいけど、背景と被ってよく見えない」なんてことはよくありますね。

さきほどの設定で、画面の下から上にドラッグします。

さりげなく白のグラデーションがかかり、文字がハッキリと見えるようになりました。

ここからは、四角形や円形などの図形に対してグラデーションをかけていきたいと思います。方法はいくつかあるのですが、特に便利な２つの技を紹介します。

はじめに長方形ツールや楕円形ツールなどで図形を作ります。このときオプションバーで[シェイプ]を選んでおくようにしましょう。ピクセルやパスはNGです。

画面をドラッグして図形を作成します。この時点では何色でも構いません。

①［塗り］の右隣のアイコンをクリックすると塗りの設定ボックスが表示されます。②ここでグラデーションアイコンをクリックしましょう。

図形に適用したいグラデーション種類を選べば、すぐに反映されます。

色を変えたいときは、つまみをダブルクリックします。カラーピッカーが開くので好きな色を選びましょう。

［線形］という部分をクリックすれば、形を［円形］や［反射］に変えることができます。

切り抜き方を工夫して、球体のようなモノにしてみたいと思います。

今回は白→黄色の円形のグラデーションをかけました。

今回は、楕円形選択ツールを使います。shiftを押しながらドラッグすることで正円形の選択範囲を作ることができます。

レイヤーパネルで［レイヤーマスクを追加］をクリックします。

グラデーションで円形で切り抜かれました。立体感のある球体に見えますね。