How to Make Waves/Reflection

[alexrules057]

aliased-Making awesome guide. I DID NOT MAKE THIS STOP SPAMMING... I ADDDED CREDITS BUT SOME PEOPLE ARE TO PICKY SAYING TO POST IN BOLD RED SO HERE IT IS KAY? SUCK IT!

Alright so i havent seen one of these posted so i decided to. Basically what your doing here is you are going to select a picture that you want a reflection on. Whether it is a character standing infront of it. Or a mountain range.

So lets get started:

What you need:
Brain
History or no history in Photoshop CS4


1st Step: Displacement Map

We are going to start with making an image in which the brightness represents the height of the surface. Bright is high, dark is low. Ok? Ok. The dimensions of this image control the size and shape of the waves. Start with a larger image to create smaller waves.
How:

• Create a new file in RGB mode of 1000 pixels wide by 2000 pixels high.

• Go to Filter > Noise > Add Noise... Enter these settings:

Amount: 400%
Distribution: Gaussian
Monochromatic
Click OK

• Go to Filter > Blur > Gaussian Blur... Choose a radius of 2,0 pixels and click OK.

It should look something like so:
[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/1ststep.jpg[/IMG]

2nd Step:

Use the result of the previous steps as a 'bump' map to create a representation of the tilt of the surface. We will do this separately in channel 1 and channel 2. You can forget channel 3. It does not affect the displace filter.
How:

• Select channel 1 in the channels palette.
• Go to Filter > Stylize > Emboss... Enter these settings:

Angle: 180°
Height: 1 pixels
Amount: 500 %
Click OK

• Select channel 2.
• Apply the Emboss Filter again, but this time use an angle of 90° instead of 180°.

[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/2.jpg[/IMG]

3rd Step:
Now heres the semi hard part... to change the perspective. Stretching the base lowers the horizon. We would have to drag the corners to infinity to extend the water surface all the way to the horizon. We will not do that. Stretching to anything above about 3000% is enough. The perspective stretch only works between 0 and 700%, so we will stretch to 600% twice. This equals 3600%. You can even strech it longer to create an effect of bigger waves.
How:

• Unlock the background layer.
• Zoom out and go to Edit > Transform > Perspective.
• Drag one of the bottom corners to the side, to a width of 600% and hit Enter.
• Select the canvas with Ctrl+A / Command+A.
• Press Ctrl+Shift+T / Command+Shift+T to transform again.
• Crop away the area outside the canvas with Ctrl+A / Command+A and Image > Crop.
• Reduce the height of the image to make it square. In this case 1000 by 1000 pixels.

[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/3.jpg[/IMG]

Step 4:
Making this a part more realistic means getting the color down. In reality, waves cause rotations in a reflection instead of translations.As a result, the horizontal distortion decreases towards the horizon. The vertical distortion does not. However, we have to adjust channel 2 as well, because the perspective change has caused aliasing near the horizon. We will use motion blur later to compensate for this.
How:
First adjust channel 1:

• Select channel 1.
• Press Q to switch to Quick Mask Mode.
• Draw a white to black linear gradient from the top down across the image to create a gradient mask.
• Press Q to go back to Standard Mode. Now we have a gradient selection.
• Fill with medium gray (brightness 128).

[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/4.jpg[/IMG]
Adjust channel 2 in a similar way:

• Select channel 2.
• Go to Quick Mask Mode.
• Draw a gradient to select the narrow part near the horizon where the waves are too large.
• Press Q to turn the mask into a selection.
• Fill with medium gray.

[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/5.jpg[/IMG]

So far it should look like this. If more gray shows than the green part dont worry its not that much of a difference.This is what the finished displacement map should look like with the blue channel hidden. Note that in the green channel, the bright areas will shift a reflection upwards, which represents a tilt towards you. The dark areas produce a tilt away from you. This may be a little confusing because it's probably the opposite of how your brain interprets the brightness variations.

Save as .psd with "Maximize Compatibility".
You may have to change the preference at Edit > Preferences > File Handling > Maximize PSD File Compatibility to be able to save with Maximum Compatibility.

Now to the fun part. Finding a picture to create a 'Lake' or 'Reflection' to. It could also be a puddle that someone is standing in front of.

Step 5: So now find a picture I will use [IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/7.jpg[/IMG] we are going to create a Lake in this mountain range.

First, we have to make a "flat" reflection which we will distort later with the displace filter. In this example, we will treat the landscape as a single background object. This only works if the background is very distant.
Step 6:

• Determine where the horizon should be. Select everything above this line and copy it to a new layer. This will be the reflection layer.
• Extend the canvas downwards to make room for the reflection.
• Flip vertical and move the layer down to mirror it with the background.

[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/8.jpg[/IMG]

Step 7:Near the horizon, almost 100% of the light is reflected of a water surface. At higher angles, the reflection component becomes smaller so you can see the color of the water itself. The color will be dark blue or turquoise if the water is clear. Of course, you can make any liquid you want by using another color.

• Create a new layer below the reflection layer and link it to the reflection layer.
• Fill the area behind the reflection with the desired color. (You can adjust it later with Hue/Saturation.)
• Add a layer mask to the reflection layer. Draw a white to black gradient down from the horizon to show the lower part of the color layer.

[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/9.jpg[/IMG]

Step 8:
Now we can add some wind. Before applying the displacement map, we will use motion blur to simulate the effect of the waves in the distance. The blur distance depends on the size of the image and the wind effect you want to create.

• Select the reflection layer and Ctrl+click / Command+click the layer mask to make a gradient selection.
• Lock the transparent pixels by clicking the little checkerboard icon in the layers palette.
• Go to Filter > Blur > Motion Blur... Use an angle of 90°. Set the distance value and click OK.
• Repeat the motion blur with Ctrl+F / Command+F.
• Unlock the transparent pixels and deselect.

[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/10.jpg[/IMG]

Step 9:
Now we are ready to apply the displacement map. To prevent aliasing in high contrast edges, we will scale the layer up first. You can skip the scaling steps or use smaller values if you are going to scale down the final image anyway.
The displacement map will stretch or shrink to fit a selection. To get the right perspective, the horizon of the displacement map should approximately coincide with the horizon of the scene. Here, we can just select the content of the reflection layer to get the right alignment.
Only a little displacement is enough to make the water look liquid. The right amount of displacement depends on the size of the image and height of the waves.

• Use Transform to scale the reflection layer to 400% in both directions.
• Ctrl-click / Command-click on the reflection layer thumbnail to make the selection.
• Go to Filter > Distort > Displace... Enter the amount of displacement. The horizontal scale value should be about 50% of the vertical scale. Also select "Stretch To Fit" and "Repeat Edge Pixels". Click OK.
• Find the displacement map on your computer and click "open" to apply it.
• Deselect and use Transform to scale back to 25%.

[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/11.jpg[/IMG]

Step 10:
Now it really looks like water. Notice that the layer mask is also distorted because it is linked to the layer. This causes the reflectivity to change with the angle of the surface.

We will make some final adjustments to complete the image.

• Select the layer mask, go to Levels and change the white output level to about 240 to make the surface slightly transparent near the horizon.
• If needed, use the other sliders to further adjust the reflectivity.
• Finally, cut away the edges of the image if the repeated edge pixels are noticeable.

[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/12.jpg[/IMG]


Finished Image should like like so: But if you have never done this before and your first time do not be disapointed that it didnt come out to what you were thinking. Practice makes perfect

[IMG]https://i816.photobucke*****m/albums/zz89/alexrules777/13.jpg[/IMG]

Credits:
Me-Posting guide

[Ryguy]

Nice tut dude. Im gonna try this.

[Kyle]

Leech much?

[alexrules057]

Lol well at least I gave credits... What am I suppose to do i didnt find this. I used somones guide. It would be the same way I explain it...

[Heath]

Lol well at least I gave credits... What am I suppose to do i didnt find this. I used somones guide. It would be the same way I explain it...

Next time, post first in HUGE BOLD RED letters.

[alexrules057]

Lol??????? Ill keep that in mind thanks?



Edit: Happy now...?

[Zakurna]

You should have permission from the owner, and you took credit for yourself because u posted this...
Like what EnergyK said, "Leech much".

Sorry for complaining...

[alexrules057]

Soooo.... Your saying if I made this w/o copying his guide I would still have to ask permission If I changed it up??? Although im still copying??? Lol its funny how many people leech on this forum and no one gives but in the Graphics section everyones spazzing out...

[✖Alex✖]

Helps~ Thank this acc now cause its my new acc cause i cant get name change :P

[coolshrimp]

Hey any one here wish to join our site?
we need a good GFX TEAM

SITE:
Tech-Modz.Net

[Scrcrw]

Hey any one here wish to join our site?
we need a good GFX TEAM

SITE:
Tech-Modz.Net

dude this thread is 6 months old go away fucking choob

[ndmbbl3]

Question..I think I did what the tut said, but when i apply the distort I get spaces in my image (along the horizon and the right side just below the horizon... what did i do wrong?
Here's a pic:



Err..i was going to upload the .psd but the file allotment for a .psd is ridiculously small..if you want to look at it I can upload it elsewhere and PM you the link.

P.S. I know it's not the best pic to do but it was the first one that I found on my HD