« Fast and great photo retouch! | Home | Easy boxes with endless possibilities! »

Easy reflection in photoshop!

By Ps graphiX | August 24, 2007

Header on the top :)

Wohoo! I’m going to learn you how to make reflections! But first I would like to thank you all for the feedback I have gotten on my other tutorials. Everyone of them makes me happy :) .

But let’s go over to the tutorial… this reflection technique can be applied on almost everything. Text, images, orbs and other things. I’m also planing to make a more advanced reflection tut later where I’m going to make the picture be in perspective. So… Enjoy!

Firs of all, you need to have something you want to add reflection to. It can be… well I’ve already told you that. So I just made this little banner for the occasion:

My little banner

Now, you got to duplicate this layer. I have it in one layer (the text is just a hole) but if what you are going to reflect is in two or more layers, you mus duplicate all of them (I usually merge them too).

But with the layer(s) we have duplicated, go to Edit>Transform>Flip Vertical. Now you have just flipped your whatever you are going to reflect, vertically.

Now drag that layer (holding shift so it’ll be just beneath the original layer (s). Now you have something like this i guess:

“Hard reflection”

This couldn’t be easier (I think). No simply, with our reflection layer selected, hit the “Add layer mask” button in the layers palette. I’ll show it to you…

The add layer mask button

Even drew a little red sun to show some of you where to click :) .

Now, select the gradient tool with the basic black and white gradient. Then, while holding shift (to get a straight) drag the gradient from somewhere in the bottom of the image (or even below) and up. It can take some times before you are satisfied, so just click Ctrl+Z and do it again until you like what you have ;)

Here is mine:

I’m finished! U?

Of course you can apply the effect on other things as I said earlier. Here are some examples:

One example…secondoptionhmm.jpgAnother option…

If you’re not TO stunned you can ofcourse write a comment and tell me your opinion ;)

Topics: Photoshop Tutorials |

RSS feed | Trackback URI

9 Comments »

Comment by chris
2007-08-27 00:12:41

Yeah great tutorial! Although I knew already how to do this, I was currently searching the web for ideas since I need to finish someting. You inspired me, thanks.

 
Comment by Dean
2007-08-27 02:38:01

Thats pritty cool, have to try that sometime :)

you should make a website turorial on how to make a fully functional website :P including web gfx, css, mabye .php ? :)

–Dean

ps.. the comment’s fonmt colour is reallyy heard to read lol.. CHANGE IT! :)

 
Comment by admin
2007-08-27 18:54:53

Hehe.. glad you both liked it and Dean, you got to explain yourself more about the comment font.

AND I am really not good at gfx or php, but css I use all the time in wordpress themes. But thanks for having faith in me :P

 
Comment by chris
2007-08-29 14:17:24

I think Dean is talking about the font color in the ‘Please leave a Comment’ Textarea. The black color with a dark-gray background makes it difficult to read.

 
Comment by admin
2007-08-29 15:18:17

Thats what I thought to, but I see it clearly on my screen.

Anyway it doesn’t matter to much to me, so I’ll just change it to white and see how that goes :)

 
Comment by chris
2007-09-01 23:07:51

Yeah, now it works!

 
Comment by Ps graphiX
2007-09-02 00:11:56

Great!

 
Comment by PS Website Design
2008-09-06 08:51:25

Another step that I find is worth doing is to drop the opacity of the faded layer down to about 60%. Nice tutorial dude.

 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.
Subscribe to comments on this post

Trackback responses to this post

  • Sponsors