Photoshopでリアルな水の反射効果を作成する方法
このチュートリアルでは、リアルな水の反射効果を作成することができます。
このPhotoshopチュートリアルは、かなり高度なテクニックを使用していますが、各ステップで詳しい説明があるため、初心者でも簡単に理解できるはずです。
最終画像
いつものように、これが今回作成する最終画像です:
リソース
- Castle
ステップ 1
城画像を開いてください。 この画像はかなり大きいので、少しサイズを小さくしてみましょう。 Ctrl + Alt + Iキーで画像サイズウィンドウを開き、以下の設定を使用します:
ステップ2
トリミングツールを選択し、上下のハンドルをドラッグして、作者の商標と、上部、左、右余白にある余計な画素を削除します(心配しないでください、完全に合法です。
ステップ 3
Ctrl+Jキーを押して背景レイヤーを複製します。このレイヤーを「反射」と名付けます。 Ctrl + Alt + C を押してキャンバスサイズ ウィンドウを開き、以下の設定を選択します。
アクティブにするために「反射」レイヤーをクリックして Ctrl + T を押して自由変形を入力します。 画像上で右クリックし、「垂直方向に反転」を選択します。
ステップ 5
移動ツール (V) を選択し、「反射」レイヤーを選択したままクリックして Shift を押しながら下にドラッグし、下の画像に示すようにレイヤーを下に移動させます。
Step 6
ここで、いくつかの波紋を作成する必要があります。 これを行うには、波紋のような特殊なテクスチャが必要です。このテクスチャを反射レイヤに適用します。 新規ドキュメントを作成し(Ctrl + N)、4000 x 4000の大きさで、テクスチャの作成に取りかかりましょう。 フィルタ > ノイズ > ノイズの追加を選択し、以下に示す設定を使用します。
波紋を表現するには、より粗い粒子が必要です。 ノイズレイヤーをぼかし、その後コントラストを上げるというトリックを使用します。
次にイメージ > 調整 > 曲線を選択し、左右のスライダーをスパイクに向かってドラッグします。
フィルター > フィルターギャラリー、を選択しスケッチフォルダ内のバスレリーフフィルターを選択します。 ディテールに2、スムースネスに2の値を使用します。 これで、このテクスチャが波紋のように見えるようになりました。
35px Motion Blur (Filter > Blur > Motion Blur) を適用して、より滑らかで細長い波を実現します。
ステップ 7
Ripples Texture を反射レイヤーと一致させていきます。 これを実現するには、一時的にテクスチャを元のドキュメント(城のドキュメント)に移動する必要があります。 元のドキュメントを選択し、Ctrl + V キーを押して貼り付けます。
新たに、ドキュメントと同じ視点を実現するために、この波紋のテクスチャを変換してみましょう。 Ctrl + T を押して自由変形を入力します。
イメージの下半分に合うようにテクスチャの高さを下げます。
変形境界内で右クリックし、遠近法を選択します。 上のハンドルを内側に、下のハンドルを外側にドラッグして、以下の私のような変形を実現します。
テクスチャ レイヤーの上側の境界線が「反射」レイヤーの上側の境界線を超えないようにします。 位置合わせを簡単にするために、スナップがアクティブになっていることを確認します(表示 > スナップ)。
ステップ8
レイヤーパレットで、前のステップで変形したテクスチャレイヤをクリックして、それがアクティブになっていることを確認します。 次にCtrlキーを押しながら「反射」レイヤーをクリックし、そのピクセルを選択状態にします。 Ctrl + J を押して、選択範囲を複製します(テクスチャレイヤー上にあるとき)。 この新しいレイヤーを「テクスチャ」と名付け、前のレイヤー (Layer1) を削除します。
この手順が正しいか確認するために、「反射」レイヤーを Ctrl+クリックし、その後テクスチャレイヤーを Ctrl+ クリックします。 選択された領域は、同じままであるべきです。
レイヤーパレットで「テクスチャ」レイヤーを右クリックし、ドロップダウン メニューから「レイヤーの複製」を選び、保存先を「新規文書」に設定します。
Step 9
テクスチャの上部に透明な領域があることに気づきましたか。 これを取り除くために、イメージ>を選択し、[トリム]をクリックします。 透明なピクセル]を選択し、[OK]をクリックします。
ステップ 10
テクスチャドキュメントを閉じ(Ctrl + W)、元のドキュメントに戻ります。
Step 11
レイヤーパレットで「反射」レイヤーを右クリックし、ドロップダウンメニューから「スマートオブジェクトに変換」を選択します。 ガラス」フィルタ(「歪曲」フォルダ内)を選択します。 テクスチャの名前の横に、小さなアイコンがあることに注意してください。 そのアイコンをクリックし、「テクスチャを読み込む」をクリックします。
より顕著な効果を得たい場合は、より大きな歪み値を選択します。 微妙な効果を得たい場合は、低い値 (6-7) を選択します。 スマートオブジェクトの良いところは、いつでもフィルタの設定を変更できることです。 ご覧のように、すでに素晴らしい効果が得られています。
ステップ 12
水には反射の質があり、この反射にはこの質が欠けています。 ステップ17でオフにした「テクスチャ」レイヤーを覚えていますか?
ブレンドモードをソフトライトに変更し、不透明度を 18% に下げると、「反射」レイヤーが反射の質を獲得したことに気づきます。
ステップ 13
通常は水は空の色/色合いをしています。 これを画像でやってみましょう。 ブラシツール(B)を選択し、空の青色のどこかでAltキーを押しながらクリックし、色をサンプリングします(色をサンプリングするということは、サンプラーの先端にある色が描画色になるということです)
新しいレイヤーを作成し、描画色でレイヤーを埋めます(Alt + Backspace)。 このレイヤーを「カラー」と名付けます。
「カラー」レイヤーを「テクスチャ」レイヤーのすぐ下に移動します(クリック&ドラッグで移動します)。 その後、Alt キーを押しながら、レイヤーパレットで 2 つのレイヤーの間をクリックして、「カラー」レイヤーを「反射」レイヤーに切り取ります。
Dボタンでデフォルトカラーにリセット、Xボタンで切り替え。
レイヤー>レイヤーマスク>すべてを表示で「カラー」レイヤーにレイヤーマスクを追加します。 グラデーションツール(G)を選択し、上のオプションバーから「前景から背景へ」を選択します。
Step 14
グラデーションツールを選択したまま、下の画像にあるようにシフトキーを押しながら下方向にドラッグし、レイヤマスクをクリックしてください。
「色」レイヤーの不透明度を12%に下げます。
ステップ15
ほぼ完了です! 全体的に見栄えを良くするための工夫をしてみましょう。 この画像に必要なのは、ちょっとした色調補正でしょう。
Step 16
コントラストを上げるために、レイヤー > 新しい調整レイヤー > 黒 & 白を選択し、黒 &白の調整レイヤーを追加します。 このレイヤーのブレンドモードをソフトライトに変更し、不透明度を46%に下げます。
ステップ17
あと少しで完成です。 元のレイヤーを縦に反転させたため、画像が対称的になりすぎています。 また、画像の下側には醜いピクセル痕があります(反射レイヤーにガラスフィルターを適用したときにできました)。
ステップ 18
最後に、ビネット効果を追加しましょう。 新規レイヤーを作成し(Ctrl + Shift + Alt + N)、白で塗りつぶします(白を描画色としてAlt + Backspaceキーを押します)。 フィルター > レンズ補正を選択し、カスタムタブでヴィネット量スライダを左方向にドラッグします。 OKを押して、レイヤーのブレンドモードを乗算に変更します。
「カラー」レイヤーが少し強すぎることにお気づきでしょうか。
その不透明度を12%から7%に下げます。