Underwater Sunset 水面下陽光穿透效果

以下文章出自:http://www.webdesign.org/photoshop/drawing-techniques/underwater-sunset.14281.html


Underwater Sunset


Here's a detailed look to help simulate underwater scenes.
I first began with a 500x500 size document preset, set the foreground color to a shade of blue (I used #1680D1) and the background color to a dark blue (I used#0C1B6C). Create a new empty Layer (Shift + Ctrl + N (Mac: Shift + Command + N), just above the default document background Layer.
Activate that new empty Layer by selecting it in the Layers Palette.
image 1
Next, select the 'Gradient Tool (G)' on the Toolbar.
Then notice up on the Options Bar for that particular tool, the new options that are available, particularly, the 'Gradient Preset Picker'.
Select the 'Gradient Preset Picker' to define the gradient to use for this effect. I will use the 'Foreground to Background' preset as I have selected below (the first one).
Note: These colors are based on the Foreground and Background colors we set earlier.
image 3
Also, on the Options Bar choose the 'Linear Gradient' style
First one in the group of 5 gradient styles image 5
Next, still with the 'Layer 1' and the 'Gradient Tool (G)' active, start the gradient transitions roughly just above center point with a click and drag action.
image 6
To produce a similar result as below.
image 7
Create another new empty Layer (Shift + Ctrl + N (Mac: Shift + Command + N),just above the 'Layer 1'.
Activate that new empty Layer 2 by selecting it in the Layers Palette. Also, for the next step lets hide the 'Layer 1' for later use.

image 8
Next, select the 'Gradient Tool (G)' again on the Toolbar.
Set the foreground Color to a lighter blue. (I used #B9DDF9).
As before up on the Options Bar for that particular tool, select the 'Gradient Preset Picker' to define the gradient to use for this next effect. I will use the 'Foreground to Transparent' preset as I have selected below (the first one).
image 10
Also, on the Options Bar choose the 'Radial Gradient' style
Second one in the group of 5 gradient styles image 12
Also, Mode settings: Normal / Opacity: 100% / Transparency: ticked.
Next, still with the 'Layer 2' and the 'Gradient Tool (G)' active, start the gradient transition from the uppermost left hand corner as I have captured below.
image 13
To produce the following result.
image 14
Turn the visibility of 'Layer 1' back on.
image 15
You should now have the below result with the above steps.
So far, basically, just two gradients. A Linear gradient, dominating the background. A Radial gradient that will be used to simulate sun rays on the surface of the water.
image 16
Next on with the rippled surface effect.
With 'Layer 2' selected in the Layers Palette, right click (Mac: Control +Click) on the Layer and from the contextual menu choose 'Select Layer Transparency'.
image 17
This will create a selection only around the pixel contents of this layer, as indicated by a marquee.
image 18
Next, for this selection apply 'Filter/Render/Clouds'. (Your foreground color should still be the #B9DDF9 light blue & the background color the dark blue#0C1B6C, that was set earlier).
Then, Ctrl + D (Mac: Command + D) to deselect the selection to reveal the below result.
image 19
Next, still on 'Layer 2', go 'Filter/Artistic/Plastic Wrap' and apply the below settings.
image 20
This will produce the following result.
image 21
Starting to take effect now. Let's apply some depth to the surface area.
Still on 'Layer 2', Ctrl + T (Mac: Command + T) to activate the Free Transform Tool for this Layer.
Then with the Ctrl key pressed (Mac: Command key pressed), click and drag the top most end points and drag outward. And also, click and drag the two bottom points and inward as I have captured in the below link.
This will provide a more realistic depth since the perspective is underwater.
I then duplicated 'Layer 2' and set its Blend Mode to 'Linear Light' and dropped it’s Opacity level down to about 53%.
image 22
To produce the following result.
image 23
Next, lets apply a sunbeam affect coming from above the surface to a short distance below.
Create another new empty Layer (Shift + Ctrl + N (Mac: Shift + Command + N),just above the 'Layer 2'.
Activate that new empty Layer 3 by selecting it in the Layers Palette.
image 24
Next, select the 'Gradient Tool (G)' again on the Toolbar.
Set the foreground Color to a variant of aqua blue. (I used #32F7E7).
As before up on the Options Bar for that particular tool, select the 'Gradient Preset Picker' to define the gradient to use for this next effect. I will use the 'Foreground to Transparent' preset as I have selected below (the first one).
image 26
Also, on the Options Bar choose the 'Radial Gradient' style
Second one in the group of 5 gradient styles image 28
Also, Mode settings: Normal / Opacity: 100% / Transparency: ticked.
Next, still with the 'Layer 3' and the 'Gradient Tool (G)' active, start the gradient transition around the area that I have captured below.
image 29
This will produce the following result.
image 30
I then set that Layers Blending Mode to Overlay and bumped down its Opacity Level, as indicated below.
image 31
To produce this softened affect.
image 32
Finally, create another new empty Layer (Shift + Ctrl + N (Mac: Shift + Command+ N), just above the 'Layer 3'.
Activate that new empty Layer 4 by selecting it in the Layers Palette.
image 33
Next, select the 'Gradient Tool (G)' again on the Toolbar.
This time, click on the 'Gradient Preset' that was last used. In this case,
image 35
This will bring up the 'Gradient Editor'. But within the 'Gradient Editor’, change the 'Gradient Type to 'Noise'.
image 36
Then applied the below settings. Then OK.
Note: I adjusted the R (Red) slider to the right to strip any red variants from the gradient.
Also, your results will not be exactly as shown.
image 37
Once you have those similar settings, make sure 'Layer 4' is active, as well as, the 'Gradient Tool (G)' on the Toolbar, and up on the Options Bar for this tool, choose the 'Angle Gradient' style from the five styles.
image 38
Then create a click and drag gradient transition as in the area as I have captured below.
image 39
This will produce the following result.
image 40
Finally, I set that Layers 'Blend Mode' to Screen and bumped down the Opacity Level to 19%.
image 41
To produce this resulting image.
Underwater Sunset Tutorial: Final Result
張貼留言

這個網誌中的熱門文章

原來Google雲端硬碟也能開放「匿名上傳」,做為學生作業、比賽稿件上傳就不用再傷腦筋了!(Google Apps Script應用服務指令碼)

OnlineVideoConverter 雲端影片擷取服務,讓您不只下載 youtube 影片,更能直接下載指定範圍的影片內容,幫您省下影片下載後再剪輯轉檔的時間!(也有瀏覽器擴充工具,讓使用率較高的人更方便!)

「Google 語音輸入法」、「訊飛中文語音輸入法」APP ,讓智慧型裝置也能輕鬆「離線」進行語音輸入!