Water Reflection Effect In Photoshop CC and CS6

[New Fill or Adjustment Layer]アイコンをクリックする。

単色のフィル レイヤーを追加する。

カラー ピッカーで水の青を選択すること。

水の反射は、青色の塗りつぶしレイヤーで隠されます。

「反射」レイヤーの下に塗りつぶしレイヤーをドラッグする。

スマート フィルタ レイヤー マスクのサムネイルをクリックして、スマート フィルタ レイヤー マスクを選択します。

グラデーションツールを選択する。

Black to White

グラデーションを選択すること。

Gradient Style に線形を選択します。

水面に垂直なグラデーションを描く

モーションブラーをフェードした後の水の反射。

Ctrl (Win) / Command (Mac) を押しながら、レイヤーマスクのサムネイルをクリックします。

レイヤーマスクの追加」アイコンをクリックします。

「反射」レイヤーのマスクにはスマートフィルタのマスクと同じグラデーションを表示しています。

水の反射が青にフェードします。 反射」レイヤーのレイヤーマスクサムネイルが選択されていることを確認します。 次に、プロパティパネルで、スライダーを左にドラッグして、「濃度」の値を下げます。 下げれば下げるほど、青色が薄くなっていきます。

そして水の青色がより微妙になりました。

ステップ 17: 「反射」と塗りつぶしレイヤーをスマート オブジェクトに結合する

「反射」レイヤーとその下の塗りつぶしレイヤーを 1 つのスマート オブジェクトに結合する必要があります。 反射」レイヤーを選択した状態で、Shift キーを押したまま、塗りつぶしレイヤーをクリックします。

レイヤー パネルの右上にあるメニュー アイコンをクリックする。

Smart Object に変換を選択します。

2 つのレイヤーは 1 つのスマート オブジェクトに統合されました。 新しい同じサイズのドキュメントを作成する

反射をより水のように見せるために、変位マップを使用して波紋を追加します。 変位マップは別の Photoshop ドキュメントにする必要があり、現在のドキュメントと同じサイズにする必要があります。 レイヤーパネルで「反射」スマートオブジェクトが選択されていることを確認し、「選択」メニューから「すべて」を選択します。

Go up to the Edit menu and choose Copy to copy the image to the clipboard:

To create the new document, go up to the File menu and choose New:

This opens the New Document dialog box. Since we copied our image to the clipboard, Photoshop automatically sets the Width, Height and Resolution of the new document to the same values as the original document. Click Create (Photoshop CC) or OK (CS6) to create the document:

Step 19: Add Noise

The first thing we’ll do with our displacement map is add some noise. In the new document, go up to the Filter menu, choose Noise, and then choose Add Noise:

In the Add Noise dialog box, set the Amount to 400%, and then choose Gaussian and Monochromatic at the bottom. Click OK to close the dialog box. Photoshop fills the document with noise (little black and white dots):

Step 20: Add Blur To Soften The Noise

Soften the noise using the Gaussian Blur filter. Go up to the Filter menu, choose Blur, and then choose Gaussian Blur:

In the Gaussian Blur dialog box, set the Radius value to 2 pixels and then click OK:

Step 21: Apply “Emboss” To The Red Channel

Open the Channels panel by clicking its tab next to the Layers panel:

Click on the Red channel to select it:

Go up to the Filter menu, choose Stylize, and then choose Emboss:

In the Emboss dialog box, set the Angle to 90°, the Height to 1 pixel and the Amount to 500%. Click OK:

Step 22: Apply “Emboss” To The Green Channel

Click on the Green channel to select it:

Go back up to the Filter menu, choose Stylize, and once again choose Emboss. 高さ] を 1 ピクセル、[量] を 500% のままにし、[角度] を 180° に変更します。

ステップ 23: RGB チャンネルの選択とレイヤー パネルの再開

上部の RGB チャンネルをクリックして、それを選択します。 これにより、3 つのカラー チャンネル (赤、緑、青) すべてがオンに戻ります。

次に、タブをクリックしてレイヤー パネルに戻ります。

Step 24: Background Layer のロックを解除

形を変えるために Background レイヤーをアンロックする必要があります。 Photoshop CC では、単にロック アイコンをクリックします。 Photoshop CS6 では、Alt (Win) / Option (Mac) キーを押したまま、「背景」レイヤーをダブルクリックします。

Step 25: ドキュメントからズームアウトする

すぐに、画像を再形成しますが、そのためには、多くのスペースが必要です。 キーボードの Ctrl (Win) キーまたは Command (Mac) キーを押しながら、マイナス キー (-) を繰り返し押して、画像が中央に非常に小さく表示されるまで、ドキュメントから大きくズーム アウトします

ステップ 26: 画像の遠近法を変換する

[編集] メニューに移動し、[変換] を選択し、[遠近法] を選択します

左下か右下のどちらかにあるハンドルをクリックし、画像から遠くへドラッグしてください。

使用する特定の値はありませんが、オプション バーを見ると、幅 (W) の値を約 3000% にドラッグしていることがわかります。

Step 27: ドキュメントにズームイン

画像を再び拡大するには、もう一度キーボードの Ctrl (Win) / Command (Mac) キーを押し、今度はプラス記号 (+) を繰り返し押してください。 At this closer view, we can see the perspective effect we’ve created, and the image looks a lot like water ripples gradually moving further off into the distance:

Step 28: Crop The Image

To keep the file size small and avoid any problems when we go to save it as a displacement map, crop away the hidden pixels on the sides. Go up to the Select menu and choose All. A selection outline appears around the image:

Go up to the Image menu and choose Crop. It won’t look like anything has happened, but all of the hidden areas on the sides are now cropped away:

To remove the selection outline, go back up to the Select menu and choose Deselect:

Related: Photoshop CC で画像をトリミングする方法

ステップ 29: 画像の高さをスケーリングする

最後に、変位マップはドキュメントの下半分にある水の反射にのみ影響を与える必要があるので、画像の高さをスケーリングしてみましょう。 こうすることで、遠近感の効果をさらに高めることができます。 編集] メニューに移動し、[自由変形] を選択します

上のハンドルをクリックして、それをドキュメントの中央にドラッグダウンしてください。 中央に近づいたら、所定の位置にスナップするはずです。

Step 30: ずらしマップを Photoshop .PSD ファイルとして保存

ずらしマップを作成したので、それを保存する準備ができています。

Save As ダイアログ ボックスで、ファイルに “displacement-map” と名前を付けて、デスクトップなど、見つけやすい場所に保存してください。 .PSD ファイルとして保存されるように [形式] が Photoshop になっていることを確認し、[保存] をクリックします。

ステップ 31: メイン ドキュメントに切り替える

タブをクリックして、水反射のドキュメントに戻ります

画像をコピーしたときの選択範囲がまだ表示されている場合は、[選択] メニューから [選択解除] を選択します

ステップ 32: Distplace Filter を適用

Displacement Map を反射水に適用する。

これにより、変位ダイアログボックスを開くことができます。 上部に水平スケールと垂直スケールのオプションがあります。 この 2 つのオプションはずらしマップが画像をどの程度曲げたり反らせたり形を変えるかを制御します。 水平スケール は歪みの幅を調整し、 垂直スケール は高さを調整します。 水の波紋を描くには、 一般に水平スケールの値を低く、 垂直スケールの値を高くするとよい結果が得られます。 必要な正確な値は、主に画像のサイズに依存しますが、被写体にも依存するので、試してみてください。

私の場合、[水平スケール] を 10、[垂直スケール] を 80 に設定します。

保存したずらしマップを選択し、開くをクリックします

これらをきれいにするには、レイヤー パネルで「反射」スマート オブジェクトが選択されていることを確認し、[編集] メニューから [自由変形] を選択します。

変形モードの間は適用済みのスマート フィルターがオフになると Photoshop から警告が表示されます。 OK

上のハンドルをクリックし、少し上にドラッグして、青い人工物がメイン画像の後ろに隠れるまで水の反射画像を引き伸ばします。

ステップ 35: 画像を切り取る

また、水の反射の一番下に沿っていくつかの問題領域に気づくかもしれませんが、これも変位マップが原因です。 あるいは、単に反射の一部を切り抜きたい場合もあります。

Photoshop では、画像の周りに切り抜きボックスが配置されます。 下のハンドルをクリックし、上方向にドラッグすると、反射の底が切り取られます。 Press Enter (Win) / Return (Mac) when you’re done to crop the image:

Step 36: Add A Shadow Along The Shoreline

Finally, to complete the water reflection effect, add a shadow along the shoreline to give it some depth, as if the ground slopes into the water. Select the “Photo” layer in the Layers panel:

Add a new layer above it by clicking the New Layer icon:

Select the Rectangular Marquee Tool from the Toolbar:

Drag out a rectangular selection around the shoreline:

Fill the selection with black by going up to the Edit menu and choosing Fill:

In the Fill dialog box, set Contents to Black and then click OK:

The selection is now filled with black:

Remove the selection outline by going up to the Select menu and choosing Deselect:

Soften the edges by going up to the Filter menu, choosing Blur, and then choosing Gaussian Blur:

In the Gaussian Blur dialog box, drag the Radius slider towards the right until the edges appear nice and soft. 大きな画像では、30 ～ 40 ピクセルの間で値を設定するとうまくいきます。 小さい画像では、15-20 ピクセルを試してみてください。

以下は、エッジを柔らかくした結果です。

最後に、影の不透明度を下げ、画像になじませます。 不透明度オプションは、レイヤーパネルの右上にあります。