DIGIT-ARC read-only archive · snapshot: July 23, 2026

Photoshop: Image Reflection

17 posts · originally from https://geek.digit.in/community/threads/photoshop-image-reflection.40403/

goobimama
goobimama Original post #1
Nov 5, 2006 at 3:57 PM
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
tuxfan
tuxfan #2
Nov 6, 2006 at 11:53 AM
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 :)
blueshift
Nov 6, 2006 at 5:31 PM
Nice effect goobimama.
I ll be submitting some PS tuts too.
iMav
iMav #5
Nov 7, 2006 at 12:53 AM
good tut goobi mama
P
POISON #7
Jan 15, 2007 at 5:28 PM
xllwnt tut bro....really helpful one....thanx.
koolbluez
Jan 15, 2007 at 7:43 PM
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.
goobimama
Jan 15, 2007 at 8:23 PM
.....nice idea. I'll try that out...or maybe you could do it and merge it with this one...what say.
koolbluez
koolbluez #10
Jan 16, 2007 at 10:07 AM
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
Tech Geek
Tech Geek #11
Jan 16, 2007 at 10:16 AM
nice tuts
techno_funky
Jan 16, 2007 at 11:15 AM
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 #13
Jan 16, 2007 at 11:46 AM
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.
deepak.krishnan
Jan 18, 2007 at 3:35 PM
Great tutorial ..... I was looking out for this one.... thanks
blueshift
blueshift #15
Jan 18, 2007 at 4:19 PM
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 #16
Jan 18, 2007 at 7:18 PM
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.
cooljeba
cooljeba #17
Jan 21, 2007 at 12:20 PM
Good for starters.. Nice one

..:: peace ::..
Jeba