こんにちは。
前回バナートレースでカンに水滴を足して冷たい感、爽やかなバナーをトレースしました。
今回記事では前回バナートレースで学んだ水滴を足す方法について説明します。
前回のバナートレース▼
![](https://sil20503-blog.com/wp-content/uploads/2023/07/水滴を足す.png)
上のバナーは4回目のバナートレースでカンと文字に水滴を足しました。私が水滴を合成した方法を紹介したいと思います。
水滴を足す方法
ガラスに水滴を足す方法
![](https://sil20503-blog.com/wp-content/uploads/2023/07/olivier-guillard-AjG1BkDH4Zs-unsplash-683x1024.jpg)
![](https://sil20503-blog.com/wp-content/uploads/2023/07/juergen-gabriel-j3WxqMdVhqk-unsplash-683x1024.jpg)
上の二つの画像で下の画像のようにグラスのコップに水滴を足してみたいと思います。
![ガラスに水滴を足す](https://sil20503-blog.com/wp-content/uploads/2023/07/ガラスに水滴-683x1024.png)
上の二つの画像素材は Unsplash というサイトでダウンロードしました。
Unslplashのサイトへ▼
![](https://sil20503-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/3bfb4520eeab1915cbf9999442935b90.png)
画像素材のURLはこちら▼
![](https://images.unsplash.com/photo-1534353473418-4cfa6c56fd38?crop=faces%2Cedges&cs=tinysrgb&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjkwNTI2ODQ2fA&ixlib=rb-4.0.3&q=60&w=1200&auto=format&h=630&mark-w=64&mark-align=top%2Cleft&mark-pad=50&blend-mode=normal&blend-alpha=10&blend-w=1&mark=https%3A%2F%2Fimages.unsplash.com%2Fopengraph%2Flogo.png&blend=000000)
![](https://images.unsplash.com/photo-1659109383714-ea1043406a99?crop=faces%2Cedges&cs=tinysrgb&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjkwNTI2ODQ3fA&ixlib=rb-4.0.3&q=60&w=1200&auto=format&h=630&mark-w=64&mark-align=top%2Cleft&mark-pad=50&blend-mode=normal&blend-alpha=10&blend-w=1&mark=https%3A%2F%2Fimages.unsplash.com%2Fopengraph%2Flogo.png&blend=000000)
photoshopでジュースの画像を開きます。
![レイヤー複製](https://sil20503-blog.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-28-152420.png)
ctrl+Jで画像レイヤーを複製します。
![被写体を選択](https://sil20503-blog.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-28-152521-1-1024x728.png)
複製したレイヤーを選択し、[被写体を選択]をクリックします。
![選択範囲を調整](https://sil20503-blog.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-28-152703-1024x724.png)
被写体が選択できたら、クイック選択ツールで水滴を足したいところだけ選択を調整します。
豆知識
クイック選択ツールで altキーを押したまま選択すると選択範囲を消すことができます。
![埋め込みを配置](https://sil20503-blog.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-28-152735.png)
選択ができたら水滴画像を埋め込みします。
【ファイル】→【埋め込みを配置】
![クリッピングマスク](https://sil20503-blog.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-28-152932-1-1024x773.png)
グラスだけ選択したレイヤーに水滴画像をクリッピングマスクします。
豆知識
レイヤーパネルでレイヤーを選択し、マウスの右クリックして[クリッピングマスクを作成]するか、レイヤーとレイヤーの間にカーソル持って行って、altキーを押すとカーソルがクリッピングアイコンに変化します。そのままクリックするとクリッピングマスクが作成できます。
![スクリーン設定](https://sil20503-blog.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-28-153007.png)
レイヤーパネルで水滴画像レイヤーの描画モードをスクリーンに設定します。
すると、
![](https://sil20503-blog.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-28-153030-1024x712.png)
このようにグラスに水滴ができました。
文字に水滴を足す方法
![文字に水滴を足す方法](https://sil20503-blog.com/wp-content/uploads/2023/08/スクリーンショット-2023-08-02-160153.png)
上の画像のように文字に水滴を足す方法について説明します。
① 文字を入力します。
![文字入力](https://sil20503-blog.com/wp-content/uploads/2023/08/スクリーンショット-2023-08-02-160644.png)
② 使用する水滴画像を埋め込み配置で持ってきます。
使用した水滴画像▼
![](https://images.unsplash.com/photo-1584452706331-0a6a1efdb1b7?crop=faces%2Cedges&cs=tinysrgb&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjkwOTYxMTIxfA&ixlib=rb-4.0.3&q=60&w=1200&auto=format&h=630&mark-w=64&mark-align=top%2Cleft&mark-pad=50&blend-mode=normal&blend-alpha=10&blend-w=1&mark=https%3A%2F%2Fimages.unsplash.com%2Fopengraph%2Flogo.png&blend=000000)
③ 文字に水滴画像をクリッピングマスクします。
![クリッピングマスク](https://sil20503-blog.com/wp-content/uploads/2023/08/スクリーンショット-2023-08-02-162630-1024x354.png)
④ 描画モードを乗算にします。
![乗算](https://sil20503-blog.com/wp-content/uploads/2023/08/スクリーンショット-2023-08-02-162720-1024x534.png)
⑤ 微調整
水滴画像の色が強いので、私は水滴画像の不透明度を下げてます。
![](https://sil20503-blog.com/wp-content/uploads/2023/08/スクリーンショット-2023-08-02-163458-1024x367.png)
不透明度を下げると上のようになりました。
まとめ
今回記事では
- カンやグラスに水滴を足す方法
- 文字に水滴を足す方法
について調べてみました。
描画モードをスクリーン、乗算など色々変えて見ると面白いですね。
最後まで読んでいただきありがとうございました。