アドビ公式HPで、無料で使える29種のオーバーレイのライブラリがダウンロードできます。
このオーバーレイのライブラリは、写真家Martin Palmによって、予期しない質感や雰囲気をPhotoshopで作り出すために作られたエフェクトで、ガラス上の結露や霧の窓の様な効果をオーバーレイで適用する事ができます。
Photoshopで結露した窓や、濡れたガラスなどを表現したい場合に重宝しそう。
気になる方はダウンロードして試してみてはいかがでしょう。
![]() |
|
アドビ公式HPからオーバーレイのライブラリを入手
オーバーレイのライブラリは上のアドビ公式HPから入手できます。
Adobeアカウントにサインイン して、『Misty Window Overlays』の「Add Library」 をクリック
アカウントのライブラリに『Misty Window Overlays』を追加します。
![アドビ公式HPからオーバーレイのライブラリを入手](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_19.jpg?resize=600%2C345&ssl=1)
追加が完了したら、画面の下に「Added Misty Window Overlays Manage」とポップアップが表示されるのでクリック。アカウントのライブラリに移動します。
![Added Misty Window Overlays Manage](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_04.jpg?resize=600%2C249&ssl=1)
ライブラリに、『Misty Window Overlays』が追加されているのを確認。『Misty Window Overlays』をクリック
![『Misty Window Overlays』が追加されているのを確認](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_05.jpg?resize=600%2C315&ssl=1)
追加されたオーバーレイのライブラリから適用したい画像をダウンロードします。
![オーバーレイのライブラリ](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_06.jpg?resize=600%2C307&ssl=1)
画像右下の「…」メニューから「Download」をクリック。任意の場所に保存します。
![「Download」をクリック](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_07.jpg?resize=400%2C386&ssl=1)
■今回の記事執筆にあたり
記事作成時に筆者の環境で「Download」をクリックしダウンロードすると、ファイルが壊れているのか、Photoshopでサポートされてないファイル形式としてメッセージが表示、開けませんでした。
なので今回は、アカウントのライブラリで画像を表示し、右クリックメニューの「名前を付けて画像を保存」でダウンロードした画像を使用してます。
![「名前を付けて画像を保存」](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_10.jpg?resize=400%2C285&ssl=1)
![]() |
|
結露したガラスをオーバーレイで適用する手順
■適用する画像を複製
Photoshopで画像を開き、オーバーレイを適用する画像の0レイヤー(主に背景)を複製します。
![適用する画像を複製](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_09.jpg?resize=303%2C176&ssl=1)
![画像を複製](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_11.jpg?resize=500%2C343&ssl=1)
■MIsty Window レイヤーを配置
ダウンロードしたMisty Window Overlayの画像を、複製した画像の上に配置
MIsty Window レイヤーのブレンドモードを「スクリーン」に変更します。
![MIsty Window レイヤーを配置](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_16.jpg?resize=287%2C218&ssl=1)
![ブレンドモードを「スクリーン」に変更](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_15.jpg?resize=600%2C413&ssl=1)
■ガラス越しのボカシ
効果を適用した後も調整できるように、複製した画像を「スマートオブジェクトに変換」します。
![複製した画像を「スマートオブジェクトに変換」](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_12.jpg?resize=400%2C416&ssl=1)
![「スマートオブジェクトに変換」](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_17.jpg?resize=272%2C148&ssl=1)
霧がかかったような画像にしたいので、複製した画像を選択し、メニューから [フィルタ] > [ぼかし] > [ぼかし(ボックス)] を選択
スライダーでぼかしの半径を調整します。[OK] をクリックして効果を適用。
※ぼかし(ボックス)ダイアログのプレビューサムネイルの画像が拡大して表示されている場合は、-(マイナス)記号をクリックしてフレーム内に収まるように調整。
![スライダーでぼかしの半径を調整](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_14.jpg?resize=600%2C423&ssl=1)
■ピントを合わせたい部分のぼかしを調整
顔など、ぼけを薄くして鮮明にしたい箇所を、複製した画像のスマートフィルターレイヤーで調整します。
ブラシツールやグラデーションツールなどを使って、ピントを合わせたい部分のぼかしを薄くします。
![ぼかしを調整](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_13.jpg?resize=600%2C413&ssl=1)
![ぼかしを調整](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_18.jpg?resize=268%2C193&ssl=1)
■完成
明るさ・コントラストなど微調整をして完成
![適用前](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_03.jpg?ssl=1)
![適用後](https://i0.wp.com/liquidjumper.com/Home/wp-content/uploads/2023/01/photoshop_misty_window_overlays_02.jpg?ssl=1)
![]() |
|
Adobeのプラチナパートナーに認定されているデジタルハリウッドのオンラインCGスクール「デジハリONLINE」が提供する「Adobeマスター講座」。
基礎動画教材とAdobe creative cloudの一年版ライセンスがセットになった、コスパ最強のパッケージプランです。
学習ノルマは一切ありません。AdobeCCだけを目的に契約してもOK!
>> デジハリONLINE「Adobeマスター講座」
![]() |
|
![]() |
|
BTOパソコンの草分け的ブランドFRONTIER(フロンティア) 3DCG/動画編集/ゲーム用途に合わせてCPUやGPUなどパーツを自由に選べてコスパにもこだわる方にオススメ。 |
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|