簡単！Photoshopで画像に左右両方からグラデーションをかける方法

この記事は公開から2年以上経過しています。

こんにちは、WebデザインナーのAYAです。
今回はPhotoshopで画像に左右両方からグラデーションをかける方法について紹介します！

このテーマを選んだ理由は、私がPhotoshopを使い始めた当初、画像の片側にグラデーションをかけた後に、もう一方の側にもグラデーションをかけたいと思った時に、上手くできず苦戦した経験があったためです。そのような方々のお役に立てるよう、このテーマを選びました。

では、早速いきましょ～！

まず、アートボードに画像を配置します。

そして、画像のレイヤーにベクトルマスクを追加します。ベクトルマスクを追加すると、②のようになります。

そしてグラデーションツール(G)で、画像の左端っこをタップして左から右へドラックします。

すると、このようにグラデーションがかかりますね。

次に、反対からもグラデーションをかけたいのですが。このままの状態で右からグラデーションをかけると、先ほどかけた左からのグラデーションが消えてしまいます。これでは困りますよね。

ですので、画像を一度グループ化します。
※ショットカートキーは、
Macの場合、Command＋G
Windowsの場合は、Control＋G
そしてグループ化されたレイヤーに、もう一度ベクトルマスクを追加します。

ベクトルマスクを追加したら、同じようにグラデーションツールに持ち替えて、右から左へドラックしてグラデーションをかけます。

これで、思うようにグラデーションをかけることができましたね。

以上となります！
是非一度試してみてくださいね。
 

• 前の記事へ

  Gmailの一括既読、一括削除の方法について【PCブラウザ編】

• 次の記事へ

  【Search Result Previews】Googleの検索結果をプレビューできるChrome拡張機能