このステップバイステップのチュートリアルでは、どんな写真にも簡単に追加できる、Photoshopで雨の効果を作成する方法を説明します。 Photoshopの任意のバージョンで動作します。 すべてのスキルレベル向け。
私たちのほとんどは、特にカメラを持っている場合は、できれば雨に濡れるのを避けたいと思うでしょう。 しかし、あなたが天気の写真を撮ることを楽しんでいる多数の人々の一人だとしたらどうでしょうか。 雨の写真を撮るのが趣味でなくても、雨は写真に新たな一面を加えてくれることは否定できません。 カメラを濡らさずに雨の写真を撮るにはどうしたらいいのでしょうか？ 雨が止むまで待ち、写真を撮り、Photoshop を使って再び雨を追加します。 Photoshop CC および CS6 ユーザーは、完全に更新された Photoshop Rain Effect チュートリアルをご覧ください。
この効果を得るために扱う写真は次のとおりです:
そしてこれが Photoshop で雨を追加した後の同じ画像です。 本当に降ってきましたね！
このチュートリアルは、写真効果シリーズからです。 それでは始めましょう！
How To Create A Rain Effect With Photoshop
Step 1: Duplicate the Background Layer
この効果で最初に行うべきことは、「背景」レイヤーを複製することです。 Photoshopで画像を開いた状態で、レイヤーパレットを見ると、現在「背景」という名前のレイヤーが1つあることがわかります。 このレイヤーには、元の画像が含まれています。
このレイヤーのコピーを作成する必要があるので、キーボードショートカット Ctrl+J (Win) / Command+J (Mac) を使って素早く作成しましょう。 ドキュメント ウィンドウでは何も起こっていないように見えますが、レイヤー パレットをもう一度見てみると、2 つのレイヤーがあることがわかります – 下にある元の「背景」レイヤーと、その上にある Photoshop が「レイヤー 1」と名付けたコピーです。
ステップ2：画像の周りにキャンバス領域を追加する
次に行うことは、画像の周りにキャンバス領域を追加することです。 モーションぼかしフィルタはエッジを処理するときに問題になりがちなので、エッジの周囲に少しスペースを与えて作業をしやすくするためです。 後ほど説明しますが、今はキャンバスに余裕を持たせましょう。 その前に、キーボードのDキーを押して、Photoshopの描画色と背景色をリセットしましょう。 これは、描画色として黒を設定し、背景色として白を設定します。 これは、ツールパレットの下部にある色見本で確認できます。
次に、キャンバス領域を追加します。 そのために、切り抜きツールを使用します。 ツールパレットから選択するか、キーボードのCキーを押します。
次に、Crop Toolを選択した状態で、画像全体をクリックしてドラッグして囲みます。 ドキュメントウィンドウ内に画像を表示して作業している場合は、キーボードの F キーを押して Photoshop をメニューバー付きのフルスクリーンモードに切り替えると、作業が簡単になります。 次に、画像の左上隅の外側をクリックし、右下隅の下にドラッグします。
マウスボタンを離すと、画像の周囲に小さな四角いハンドルが表示されます。 Alt (Win) / Option (Mac) キーを押しながら、左または右のハンドルを外側にドラッグすると、画像の両脇にスペースが追加されます。 AltキーまたはOptionキーを押しながらPhotoshopに指示すると、両側のハンドルが一度に移動するため、作業が簡単になります。 両脇に1〜2インチ余分に追加します。 次に、同じことを上部と下部にも行います。 Alt/Optionを押しながら、上部または下部のハンドルをドラッグして、画像の上下に同じ量のスペースを追加します。 あとで切り取るので、あまりスペースを増やさなくても大丈夫です。
Photoshop Photo Effects tutorial image.
ハンドルをドラッグし終わったら、Enter（Win）/ Return（Mac）を押して、Photoshop は現在の背景色である白で余分なスペースを埋めます：
ステップ 3: 新しい空のレイヤーを追加する
この時点でドキュメントに新しい空のレイヤーを追加する必要があります。レイヤーパレットで一番上のレイヤーを選択した状態で（どのレイヤーが選択されているかは、青くハイライトされていることでわかります）、レイヤーパレットの下部にある新しいレイヤーアイコンをクリックします：
Photoshop adds a new blank layer for us above our other two layers.
Photoshop は、私たちの他の 2 つのレイヤーの上に新しい空のレイヤーを追加します。 繰り返しますが、画像自体には何も起こっていないように見えますが、それは新しいレイヤーが現在空白であるためで、レイヤーパレットの一番上に新しいレイヤーが表示されているのが見えます。
Step 4: Fill the New Layer with Black
We’re going to fill the new layer with black.Photoshop はそれを “Layer 2” と名付けました。 黒は現在、前景色なので、Alt+Backspace (Win) / Option+Delete (Mac) の簡単なキーボードショートカットを使用することができます。 Photoshopの「ノイズを追加」フィルタのダイアログボックスが表示されます。 量」のスライダーを右にドラッグすると、画像に多くのノイズを加えることができます。 正確な値を入力する必要はなく、ただたくさん追加するだけです。 私は150％程度にドラッグしています。
完了したらOKをクリックし、画像にノイズを適用してダイアログボックスを終了します。
Step 6: ガウスぼかしフィルタをノイズに適用
ノイズに少しぼかしを加える必要があるので、フィルタメニューに戻り、今度はぼかし、ガウスぼかしを選択します。 すると「ガウスぼかし」フィルタのダイアログボックスが表示されます。
Step 7: Add A Levels Adjustment Layer
Reume I finished how I meant to add a lot of noise to the image? さて、今は多すぎるのですが、「レベル」を使ってそれを修正します。 レベル」の設定をいつでも変更できるように、調整レイヤーを使用する予定です。 また、レベル調整レイヤーがノイズレイヤーにのみ影響し、他のレイヤーには影響しないことを確認したいので、Alt (Win) / Optionキーを押しながら、レイヤーパレットの下部にある新規調整レイヤーのアイコンをクリックします。
次にマウスを上にドラッグして、調整レイヤーのリストから「レベル」を選択します：
Alt/Optionキーを押したので、調整レイヤーを加える前に、Photoshop は新規レイヤー ダイアログ ボックスをポップアップするでしょう。 ここで、この「レベル」調整レイヤーが、その下のレイヤー（ノイズレイヤー）にのみ影響を与えることをPhotoshopに伝えるのです。
右上の「OK」をクリックしてダイアログボックスを閉じると、「レベル」の調整レイヤが追加されます。
Step 8: ノイズの量を減らし、コントラストを上げる
レベルを使って、ノイズの量を減らし、残っているノイズのコントラストを上げることにします。 レベル]ダイアログボックスを開くと、上半分に大きなグラフが表示されます。 これはヒストグラムと呼ばれるものです。 ここでは詳細を説明する必要はありませんが、ヒストグラムの真下に、左が黒、右が白、真ん中がグレーの3つのスライダーが表示されています。 左の黒いスライダーをクリックし、右方向にドラッグします。
すると、画像からノイズが消えていくのがわかります。
終了したらレベルダイアログボックスの右上のOKをクリックして終了します。
ステップ9：ノイズにモーションブラーフィルターを適用
この画像の残りのすべてのノイズは、雨になっていくでしょう。 まだ雨には見えませんが、「モーションブラー」フィルタを適用して、雨に動きと方向性を与えます。 しかし、ノイズにフィルタを適用する前に、まずレイヤーパレットでノイズを選択する必要があります。現在、レベル調整レイヤーを選択しているからです。
正しいレイヤーが選択できたので、画面上部のフィルタメニューに戻り、「ぼかし」、「動きぼかし」を選択すると、「動きぼかし」ダイアログボックスが表示されます。 角度を調整することで、雨が降ってくる方向を設定することができます。 ここでは角度を約60°に設定します。 次に、[距離]に約50ピクセルの値を入力します。画像のサイズによってこの値を少し試す必要があるかもしれませんが、標準の4×6写真では50ピクセルでうまくいきます。
OKをクリックしてダイアログボックスから抜け出します。
Step 10: 必要に応じてレベルの白黒スライダを再調整
レベルダイアログボックスの白黒スライダをどれだけドラッグしたかによって、モーションブラーフィルタを適用した後、画像のノイズが完全に消えていることがあります。 このような場合は、レイヤーパレットのレベル調整レイヤーのサムネイルをダブルクリックして、スライダを調整し直します。
これで「レベル」ダイアログボックスが表示され、調整レイヤーを使用しているので、画像を損傷することなく何度もスライダの再調整を行うことができます。 また、白のスライダーをもう少し左にドラッグして、コントラストをさらに強くすることもできます。
繰り返しますが、上記のスクリーンショットをガイドとして使用できますが、画像を見ながらスライダで実験するほうがよいでしょう。 ノイズを戻すことができたら、[OK]をクリックしてダイアログボックスを再度終了します。
If you look closely along the top and bottom edges, you can see things a little strange, and that is the problem I mentioned at the beginning of the tutorial with Motion Blur filter having trouble around edges.If you can see the motion blurry noise in the image.と、画像内の上端と下端をよく見ると、様子がおかしくなっていますが、原因は、最初に述べたように、エッジ付近でモーションブラーフィルターが動作しないためです。 しかし、エッジの周りに余分なスペースを追加したため、この問題領域は写真に影響を与えませんので、ご心配なく。
ステップ 11: 余分なキャンバススペースを切り取る
さて、[モーション ブラー] フィルターを適用したら、先ほど追加した余分なキャンバススペースを切り取ることができます。
レイヤー1は、背景レイヤーのコピーであり、キャンバススペースを追加する前の元の画像が含まれています。
あとは、画面上部のイメージ メニューから [切り抜き] を選択するだけです。 Photoshop は選択範囲の周囲で画像を切り抜き、余分なキャンバススペースを削除して、画像を開始時のサイズに戻します。
画像を切り出したら、Ctrl+D (Win) / Command+D (Mac) を押して画面から選択範囲を削除します。
Step 12: ノイズレイヤーのブレンドモードを “Screen”
ここまででほぼ完了しました。 残る唯一の問題は、ノイズレイヤーがまだ元の画像の視界を遮っていることです。 これを画像になじませ、雨の効果を得るには、ノイズレイヤーのブレンドモードを変更するだけです。 レイヤーパレットでノイズレイヤー（「レイヤー2」）を選択します。 レイヤーパレットの左上隅にある、デフォルトのブレンドモードである「通常」の右にある下向きの矢印をクリックし、リストから「スクリーン」を選択します：
ブレンド モードを変更するとすぐに、元の写真がドキュメントに表示され、動きをぼかしたノイズが雨になります！
雨の効果を微調整したい場合は、レイヤー パレットのレベル調整レイヤーのサムネイルをもう一度ダブルクリックしてレベル ダイアログ ボックスを表示させ、満足できるまで黒および白スライダーを再調整するだけで、雨の効果を実現します。
Here is my final rain effect:
And the how to add rain to a photo in Photoshop and avoid your damaging a camera! より多くのPhotoshopエフェクトチュートリアルのための私達の写真の効果セクションをご覧ください！
。