【Photoshop】制作現場で役に立つ!超実践。写真にグラデーションをかけて、だんだん透明にぼかす方法

【Photoshop】制作現場で役に立つ!超実践。写真にグラデーションをかけて、だんだん透明にぼかす方法
ちゃーち

こんにちは。ちゃーちです。
今回はPhotoshopの使い方についてお話したいと思います。

2枚の写真を並べたときに写真の境界線をぼかして2枚の写真が違和感なく馴染んでいくような画像を作りたいことってありますよね??

そこで、Photoshopのレイヤーマスクを使って画像が徐々に透明になるようなグラデーションのかけ方を解説していきます。

「レイヤーマスクにグラデーションをかける手順」

さっそく手順を解説していきます。(一方向への単純なグラデーションをかける手順の説明となります。)

画像を開く


フォトショップで画像を開きます。今回は2枚の写真を並べて配置しております。

レイヤーマスクを追加


①レイヤーパネルでグラデーションをかけたい画像をアクティブ(選択)にし、②レイヤーマスクを追加ボタンをクリックします。
③マスクが作成されたことが確認できます。この時点では写真に変化は一切ありません。

グラデーションツールの設定

①グラデーションツールを選びます。(ツールアイコンを右クリックすれば一覧表示ができます。)
②画面の上部のオプションバーに表示されているグラデーション模様のバーをクリックします。
③グラデーションエディタが開くので、左上のグラデーション種類を選んで[OK]をクリックします。その他の色の付いたグラデーションを選択すると実際にグラデーションをかけた際に色の付いたグラデーションになっていまいますので注意してください。

ドラッグ

写真の重なっているところをスタート地点とし、グラデーションをかけたい方向にドラッグします。

完成

上記画像のようになれば無事に完成となります。

WEBサイト制作やバナー制作でこの技は結構頻繁に使用する機会があると思いますので、覚えておいて損はありません。
また、写真を2枚使用しなくても、背景をベタ塗りにしそこに写真を配置して徐々に背景と写真がシンクロしていくような画像も作成できますよ!

※ドラッグする距離を長くするほどグラデーションのかかる範囲は長く緩やかになります。逆に短くすると、変化が急になります。

「備考」

・斜めにかけたい場合
グラデーションは好きな方向にかけることができます。
方向を斜めにしたい場合は、斜めにドラッグすればOKです。

・レイヤーマスクに円形のグラデーションをかけたい場合
上記手順の通りに作業を進めて行きます。画面の上部のオプションバーにグラデーション種類を選ぶアイコンが並んでいます。この中から円形のものを選択すれば円形にグラデーションをかけることができます。

「グラデーションがかからないときは」

・レイヤーマスクがきちんと選択されているか
グラデーションがかからないときの原因では、これが結構多いです。
レイヤーパネルでレイヤーマスクがしっかり選択されていることを確認してください。

・ちゃんとドラッグできているか
グラデーションツールを選んで設定するだけではグラデーションはかかりません。しっかりと、グラデーションをかけたい方向に向かってドラッグしてください。
その際に、ドラッグする距離が長ければ広く緩やかにグラデーションがかかり、短ければ狭く急激にグラデーションがかかります。

・不透明度が低くなっていないか
画面上部の[不透明度]の値が低くなっていないかチェックしてみてください。半透明度の値が低いグラデーションだと見た目で変化が分からない場合があります。

以上、2枚の画像にグラデーションをかけていい感じにする方法でした。

↓こちらの書籍「Photoshop 10年使える逆引き手帖」は非常におすすめの一冊となっておりますので、気になった方がいらっしゃいましたら併せて確認してみてください!

これからも、Photoshopの使い方、テクニックなどお役に立つような情報を発信していきたいと思います。
最後まで読んでいただきありがとうございます。