Photoshop: Image Reflection

Status
Not open for further replies.

goobimama

 Macboy
As it turns out, I've decided to write tutorials again. Here goes.

This one will help you create reflections for pictures, useful for web page headers and such.

Step 1: Create a new document. Make it nice and big to work with (at least 1024*768). You can always resize later.

Step 2: Open your working image. Ctrl+A and then Ctrl+C.

Step 3: Select the New Document, and paste it there. Ctrl+T to resize to a workable size. Rename this layer to alpha.

*img166.imageshack.us/img166/8073/picture1di7.th.png

Step 4: Ctrl+J to duplicate alpha. Then with alpha duplicate selected, hit Ctrl+T and then Right-Click in the middle of the image. Select Flip Vertical.

*img92.imageshack.us/img92/2471/picture2xt8.png

Step 5: Drag the image down till there is a small gap between the two.

*img172.imageshack.us/img172/6903/picture3jy3.jpg

Step 6: Select both Alpha copy and alpha in the layers palette. Press Ctrl+T.

Step 7: Right-click in the middle and select 'Perspective'. Now drag either of the four corners up OR down depending on which side you want the angle to be.

Step 10: With 'alpha copy' selected, go to Layer > Layer Mask > Reveal all. A white box will appear next to the 'alpha copy' layer.

Step 11: Make sure that you colors are default (press D), select the 'Gradient Tool' and select Foreground to Background from the gradient type menu.

*img244.imageshack.us/img244/6158/picture5of2.jpg

Step 12: Make sure that the Layer Mask is selected in the layers palette, and drag from somewhere in the middle of the top image to the middle of the inverted image. Keep experimenting till you get a good result.

*img144.imageshack.us/img144/3411/picture7rp7.jpg
 
Last edited:

tuxfan

Technomancer
Who other than goobimama!! :)) I a noob in photoshop and was just thinking about creating some reflection effect and was about to google it up. But here you are with the right tutorial :) Thanks so much.

This tut will be very helpful, added a rep :)
 

koolbluez

Šupər♂ - 超人
Goobsie.. need i say it again... u r kool !!!

Hey I'ld ask u to add a bit of spice in ur curry... a little wavy look with the filters would do good. But of course, it's for water reflections only. For glass reflections, this is kool, or u can add a little frosted glass filter.
 
Last edited:

koolbluez

Šupər♂ - 超人
Ok..as Goobsie said,follow Step 12 with the frosted glass distortion filter for a glassy effect or the ripple/ocean ripple distortion filter for the watery effect.
It's not a big deal.. just experiment with various values, till u get what u want.
And of course, u need the right picture to reflect. *img115.exs.cx/img115/9916/z4dwink.gif

Samples:
Frosted glass
|
v
*img292.imageshack.us/img292/1530/frostedglassms6.th.jpg
Ocean ripple
|
v
*img441.imageshack.us/img441/1426/oceanripplezm6.th.jpg
 
Last edited:

techno_funky

da' Ťurntable ruleth
Was trying for a logo contest last year, this is one of the products from my experiments :)

*www.imageup.de/img81/reflectiondemo2.33uh.png
 
S

shashank_digitreader

Guest
Very old trick, can be commonly found on all the sites offering tutorials.
heres one i made a long time ago...............
*img238.imageshack.us/img238/6443/shashanker7.th.jpg
Very easy trick, select a layer and make another copy of it, click on "show bounding box" and make it flip, keep it down the original image and use some ripple, Blur , liquify effects................thats all u got what u want.
__________
And heres a new one receltly made by me......not regarding reflection, but.....its cool.
*img473.imageshack.us/img473/4688/insidethedoomaf7.th.jpg
I used only one tool for the background..........Gradient tool and some special effects.

And heres a new one receltly made by me......not regarding reflection, but.....its cool.
*img451.imageshack.us/img451/1594/doomqq2.th.jpg
I used only one tool for the background..........Gradient tool and some special effects.
 
Last edited by a moderator:

blueshift

Wise Old Crow
This is offtopic.

@techno_funky: Your pic dimensions are unnecessarily big. Use the Crop tool.
@shashank_digitreader: Your 2nd pic size is too huge. You could have achieve more compression.

btw good work from both of you.
 
S

shashank_digitreader

Guest
blueshift said:
This is offtopic.

@shashank_digitreader: Your 2nd pic size is too huge. You could have achieve more compression.

btw good work from both of you.

Thanx for the advice Blueshift.
 
Status
Not open for further replies.
Top Bottom