Photoshopで写真に雨のエフェクトを追加する方法

Photoshopで写真に雨の効果を加えるには、まずテクスチャレイヤーを別に作成し、モーションブラーを使ってモノクロノイズを筋状にし、レベル補正とスクリーン補正を使って元の画像に重ね合わせます。効果を別のレイヤーに残しておくことで、元の写真を変更することなく、効果の方向、密度、強度を調整できます。これらの手順はPhotoshopデスクトップ版を使用しています。パネルの配置はバージョンによって若干異なる場合があります。

雨のテクスチャを作成する

1. 写真の上にレイヤーを追加する

画像を開き、レイヤーパネルで一番上の画像レイヤーを選択します。「新規レイヤー」ボタンをクリックし、空のレイヤーに「雨」という名前を付けます。テクスチャが画像に馴染むように、このレイヤーを写真の上に配置してください。レイヤーの作成方法と名前の付け方については、 Photoshopのレイヤーガイドを参照してください。

Photoshop風のワークスペースに、都市の街並みの写真の上に新しい雨のレイヤーを追加しました。
雨のエフェクトは別レイヤーになっているため、元の写真の上に重ねて編集できます。

2. レイヤーを50%グレーで塗りつぶします。

「雨」を選択した状態で、「編集」>「塗りつぶし」を選択します。「塗りつぶし」ダイアログで、「内容」を「50% グレー」に設定し、「モード」を「通常」、不透明度を「100%」のままにして、「OK」を選択します。新しい空のレイヤーで「透明度を保持」のチェックを外したままにします。グレーはフィルターの開始面です。レベル補正によって、雨が画像にブレンドされる前に、グレーの大部分が暗くなります。画面でダイアログのオプションが異なる場合は、 Adobeのレイヤーの塗りつぶしに関する説明を参照してください。

ダイアログを「内容」で塗りつぶし、色を50%グレー、描画モードを「通常」に設定します。
テクスチャレイヤーのベース塗りつぶしには、50%グレーを使用してください。

3. 単色ノイズを追加する

「フィルター」>「ノイズ」>「ノイズを加える」を選択します。「量」を100%程度に設定し、「ガウス分布」を選択して「モノクロ」にチェックを入れます。「ガウス分布」はテクスチャに斑点状の分布を与え、「モノクロ」は色のついた斑点をなくします。100%はあくまで開始値です。適切な量は写真のピクセルサイズによって異なるため、結果をプレビューして、テクスチャが粗すぎたり薄すぎたりする場合は調整してください。Adobeのフィルターリファレンスでは、「ノイズを加える」の分布と「モノクロ」オプションについて説明しています。

グレーのテクスチャ上に、ノイズを追加ダイアログが表示され、100%、ガウス分布、モノクロームの3つの選択肢が表示されます。
単色のノイズが、雨となる斑点状の質感を生み出す。

4. ノイズを垂れ下がる筋状に引き伸ばす

「フィルター」>「ぼかし」>「モーションブラー」を選択します。まずは、「角度」を約85度、「距離」を約50ピクセルに設定してください。「角度」は方向を、「距離」はぼかしの長さを制御します。風向きや希望する仕上がりに合わせて「角度」を調整し、「距離」を小さくすると、より短く細かい雨の表現になります。フィルターを適用する前にプレビューを確認してください。これらのコントロールについては、Adobeのモーションブラーチュートリアルで詳しく説明されています。

モーションブラーのダイアログで、角度を85度、斜めの筋状のぼやけを50ピクセルに設定しました。
角度は雨の方向を設定し、距離は各雨筋の表示時間を調整します。

効果を形作り、ブレンドする

5. レベルを使用して、筋状の部分をグレーから分離します。

雨のレイヤーを選択した状態で、「イメージ」>「調整」>「レベル」(WindowsではCtrl+L、macOSではCommand+L)を開きます。入力レベルの初期値として、黒、中間調、白をそれぞれ127、0.75、171に設定します。これらの値は元の技法に基づくものであり、普遍的なものではありません。まず黒点を移動して背景のノイズを抑え、次に中間調と白点を調整して、雨の跡が真っ白な傷にならないようにしながら、雨の跡が際立つようにします。Photoshopのレベルガイドでは、 3つの入力コントロールがシャドウ、中間調、ハイライトにどのように影響するかを説明しています。

都市画像上に、入力値127、0.75、171を表示するレベルダイアログ。
黒、中間調、白の入力レベルによって、雨のテクスチャのコントラストが決まります。

6. 雨のレイヤーをスクリーンに設定します

レイヤーパネルで、ブレンドモードメニューを開き、「スクリーン」を選択します。この明るさ調整モードでは、黒い部分はそのままに光の筋が浮かび上がるため、テクスチャの暗い部分が写真全体を覆ってしまうことがなくなります。それでも画像がグレーのオーバーレイのように見える場合は、「雨」レイヤーが選択されていること、そして「スクリーン」がアクティブになっていることを確認してください(「通常」ではありません)。Adobeのブレンドモードのリファレンスで「スクリーン」について説明しています。

雨の筋が写っている都市の写真。雨のレイヤーは「スクリーン」に設定されています。
スクリーン処理によって、写真の暗い部分を保持しつつ、薄い雨の跡を写真に自然に溶け込ませる。

7. レイヤーの塗りつぶしを減らす

まずは、雨レイヤーの塗りつぶしを約50%に下げてみてください。筋状の模様が消えたら塗りつぶしを上げ、被写体と重なったり、シーン全体が霧がかかったように見えたりする場合は塗りつぶしを下げてください。レイヤーの目のアイコンを切り替えることで、レイヤーの表示状態を確認することもできます。雨の修正を容易にするため、レイヤーを統合したPSDファイルを書き出す前に、レイヤー分けされたPSDファイルを保存しておきましょう。

雨のレイヤーを都市の写真に重ね合わせ、雨のレイヤーの塗りつぶしを50パーセントに設定しました。
50%の塗りつぶし値は雨を柔らかく見せます。画像に合わせて微調整してください。

8. 重要な詳細から雨をマスクで隠す

よりクリーンな合成を行うには、Rainにレイヤーマスクを追加し、顔、看板、明るいヘッドライトなど、筋状の模様を目立たなくしたい部分を柔らかい黒のブラシで塗りつぶします。マスクに白を塗りつぶすと、効果が再び現れます。マスクはピクセルを削除せずに非表示にするため、後で調整できます。レイヤーマスクの追加方法と編集方法については、 Adobeのレイヤーマスクガイドを参照してください。

レイヤーマスクを選択した状態で、車のヘッドライト付近に柔らかいブラシを使って雨のオーバーレイを適用します。
マスクに塗料を塗って、雨で細部が消えないようにする。

クイックフィックス

  • 写真が灰色っぽく見えます。レベル補正でテクスチャの大部分が黒に偏っていること、および雨のレイヤーでスクリーン補正が使用されていることを確認してください。
  • 筋状の跡が引っかき傷のように見える場合は、モーションブラー距離を小さくするか、ブラーをかける前にノイズを低減してください。
  • 雨の色が弱すぎるので、塗りつぶしを少し上げるか、レベル補正のホワイトポイントと中間調を見直してください。
  • 方向が間違っているように感じます。モーションブラーの角度を変更して、被写体と背景に対してプレビューしてみてください。

雨は様式化されたオーバーレイなので、フレーム全体に均一な筋を描くよりも、微妙なコントラストといくつかのマスク領域の方が自然に見えます。PSDファイルは後で編集するために保存しておき、効果のバランスが取れたと感じたら、別のJPEGまたはPNGファイルとして書き出してください。

コメントを残す

FotoSketcherで写真を絵画、スケッチ、漫画に変換

FotoSketcherで写真を絵画、スケッチ、漫画に変換

FotoSketcher Studioを使えば、写真を絵画、鉛筆画、漫画に変換できます。エフェクトの選択方法、プレビューの調整方法、作品の保存方法を学びましょう。

オーディオ識別ツールで音声ファイルを詳細に分析・識別する

オーディオ識別ツールで音声ファイルを詳細に分析・識別する

オーディオ識別子がビットレート、エンコーダー、タグについて何を明らかにするのか、従来のワークフローがどのように機能するのか、そして現在利用可能なツールの中で、ファイルの検査や楽曲の識別に使えるものはどれなのかを学びましょう。

My Photo Index:Windows用オープンソース写真整理ツール

My Photo Index:Windows用オープンソース写真整理ツール

My Photo Indexは、ローカル画像のタグ付け、評価、閲覧を行うための、Windows向けの旧来の写真カタログツールです。その機能、互換性の制限、および現在もサポートされている代替ツールについてご確認ください。

Attribute Changerを使用してファイルとフォルダの属性、日付、時刻を変更する

Attribute Changerを使用してファイルとフォルダの属性、日付、時刻を変更する

Attribute Changerを使用して、Windowsファイルの属性とタイムスタンプを編集したり、JPEG EXIF写真の日付を更新したり、バッチ変更を安全にプレビューしたりする方法を学びましょう。

Windows 10で各モニターに異なる壁紙を設定する方法

Windows 10で各モニターに異なる壁紙を設定する方法

Windows 10の各モニターに個別の壁紙を設定し、ディスプレイを識別し、画像のフィットを調整し、モニターの選択肢が見つからない場合のトラブルシューティングを行います。

pViewer:最小限の画像ビューアとマンガ&コミックリーダー

pViewer:最小限の画像ビューアとマンガ&コミックリーダー

pViewerの機能、写真モードとコミックモードの仕組み、ダウンロードすべきWindows版、そして旧バージョンと改訂版の違いについて学びましょう。

NeoDownloader:パラメータ設定とウェブサイトからの画像の一括ダウンロード

NeoDownloader:パラメータ設定とウェブサイトからの画像の一括ダウンロード

NeoDownloaderプロジェクトの作成方法、クロール範囲の選択方法、画像フィルタと保存先の設定方法、バッチダウンロードの確認方法を学びましょう。

Windows 7および8でホットキーを使って次のデスクトップ背景に切り替える方法

Windows 7および8でホットキーを使って次のデスクトップ背景に切り替える方法

Windows 7または8用のスライドショーを設定し、簡単なVBScriptショートカットを作成して、キーボードショートカットキーを割り当てて次の壁紙に進めるようにします。

XnConvert:エフェクトの適用と画像フォーマットの一括変換

XnConvert:エフェクトの適用と画像フォーマットの一括変換

XnConvertを使えば、エフェクトの適用、写真のリサイズ、画像フォーマットの一括変換が可能です。出力設定の選択、編集内容のプレビュー、オリジナル画像の保護も行えます。

PickMeApp: 保存された設定でWindowsプログラムを転送する

PickMeApp: 保存された設定でWindowsプログラムを転送する

PickMeAppを使って、インストール済みのWindowsアプリケーションを別のPCに移行しましょう。TAPパッケージの仕組み、設定の取得方法、転送できない可能性のある項目について学びます。