こんにちは、トーモです。
今回はPhotoshopを使って２つの画像をグラデーションでつなげる方法をご紹介します。
ただ単純に２つの画像を並べて結合させるよりも、よりインパクトのある画像をつくることができます。
やり方はいたって簡単！初心者の方でもすぐできますので試してみてください。
それではみていきましょう！
２つの画像をグラデーションでつなげるって何？
２つ画像をグラデーションで繋げるっていうのは下の画像のような状態のことをいいます。
分かりますでしょうか？
左側の女の子の画像と右側の野菜の画像の境目がグラデーションになって溶け込んでますよね？
もしも普通に並べただけだとこんな感じになります。
女の子が隠れて手に持っているジャガイモも見えなくなっちゃいました（汗）
それぞれの画像の境目をグラデーションで溶け込ませることで、
２つの画像の見せたい部分（強調したい部分）だけを見せるのに便利
境目がないので１つの画像として訴求することができる
というメリットがあります。
アイキャッチ画像などのイメージ画像として利用することが多いです。
インパクトも強くなりますし、画像の組み合わせ方を変えれば色々なパターンをつくることもできます。
Photoshopで２つの画像をグラデーションでつなげる手順
では早速手順をみていきましょう！
まず２つの画像を１つのドキュメント上に並べます。
次に消したいほう(グラデーションをかけたいほう)の画像レイヤーをクリックしてアクティブな状態にします。
今回は右側の野菜の画像を消して溶け込ませたいので、「野菜」と名づけたレイヤーをアクティブにします。
そしてレイヤーパネル下部にある「レイヤーマスク」のアイコンをクリックします。
すると「野菜」レイヤーにマスクが追加されました！状態は全部真っ白になっていますね。
マスクというのは簡単にいうと、
白い部分＝見える部分
黒い部分＝隠す部分
となるように調整できる機能です。
今は全部真っ白になっているので「全ての部分が見える状態」になっています。
そこで消したい部分(溶け込ませる部分）を黒くしていけばOKというわけです。
ツールパネルから「グラデーションツール」を選択します。
オプションバーをクリックして「描画色から透明に」を選びます。（一番上の左から２番目）
続いて描画色を黒色に設定します。ツールバーのオレンジ枠で示した部分をクリックすると色の変更ができます。
マスクで消すには完全な黒を選ぶ必要がありますので、「#000000」(←完全な黒)に指定します。
もし完全な黒ではなく少しでもグレー寄りに薄くなっていると、完全には消えてくれませんので注意してください。
オプションバーの「不透明度」は100％にしておきます。
あとは消したい方向へ向かってドラッグするとグラデーションがかかって徐々に画像を消すことができます。
グラデーションが強くかかりすぎた場合は、不透明度を低くすればグラデーションの強弱を調節できます。
また「Shiftキー」を押しながらドラッグすれば真っ直ぐなグラデーションが引けて綺麗に消していけます。
そうやって何回かグラデーションを引いていって、ちょうどいい感じになるように消していきましょう。
ひとつ注意なのが、境目の消し方が不十分だと下の画像のように元画像の境目がうっすら残っちゃったりします。
これが残っちゃうと一体感も損なわれますし、一気に素人っぽさがでちゃいますので気をつけましょう。
ビミョーに残っている時なんか気づかなかったりしちゃうんですよね。
ポイントは、
最初のグラデーションは不透明度100％でしっかりと境目が消えるように引きます。
境目が完全に消えたら、不透明度を低くして徐々に馴染ませるように何回かに分けて引きます。
こうすると自然に消しやすくなります。
まとめ
２つの画像をグラデーションで繋げるテクニックは、イメージ画像やアイキャッチ画像などでよく使われます。
それだけインパクトも作りやすいですし、訴求力もあります。
でもネットショップやヤフオク！などの商品画像には使わないほうがいいです。
そういった商品情報をきちんと伝える画像の場合は、こちらの記事の方法を使ったほうがいいです。
あくまでイメージ画像などに使いましょう！
今日はこのへんで。
それではまた！
