Photoshop Tutorial: Taking Reflections to an Advanced and Professional Level



Everyone knows how to get a reflection for a text.
You just simply duplicate the text and then flip it vertically.
After that you add a layer mask and in this mask you add a gradient.
After that you could lower the opacity.

But now we take all of this a step further.
We are going to create advanced reflections.


End result:
Taking Reflections to an Advanced and Professional Level Final Image

Author:
no avatar

Views: 28478
Score: 8.43 / 10
Author earned: $10
Practice tutorial

Tags:advancedreflections

Step 1

Everyone knows how to get a reflection for a text.
You just simply duplicate the text and then flip it vertically.
After that you add a layer mask and in this mask you add a gradient.
After that you could lower the opacity.

But now we take all of this a step further.
We are going to create advanced reflections.


Step 2

First of all get the image shown in the picture from http://www.sxc.hu/photo/205924. (thanks to ppreacher)
Next cut it out using your favourite tool/way to cut an object out.
I have used the pen tool and this is the result.
You can also copy this image it will be easier to cut this one out since it has no shadows anymore.


Step 3

Now call the layer with the speaker Object.
First select the "object layer" and then duplicate the layer (ctrl + j).
Place the duplicate of the layer below the original layer and rename it into "Object reflection".
Now drag the reflection below the real speaker.
This absolutely does not look like it should.

The 3 arrows show where the speaker touches the ground.
This is also the place where the reflection should start.


Step 4

Now lets first select both (the "Object" layer and the "Object reflection" layer) layers.
And move the speaker and the reflection up, so we can see a little of the speaker and everything of the reflection.


Step 5

Now select the "Object reflection" layer.
And make a selection simmilar as in the one in the image.
And press ctrl + j, this will copy everything in the selected area and paste it into a new layer.
Call the new layer "Refl. left side"


Step 6

Again first select the "Object reflection" layer.
And select everything else, shown in the image.
Now press ctrl + j again.
Call the new layer "Refl. right side"


Step 7

Now lets click on the indication of visability for the "Object reflection" layer. (click on the eye)
Also make the "Refl. right side" layer invisable by clickingo n the visability indicator.

Next select the "Refl. left side" layer and press ctrl + t to get ready to transform the layer.
The first step will be to move the reflection up untill the right side touches the real speaker.


Step 8

Now right click and choose skew,
and drag the left side up untill the left side also touches the real speaker.


Step 9

But if we take a good look at the reflection, we see the reflection is wrong.
Remember the 3 arrows those were spots where the speaker touches the ground.
The corner infront did not touch the ground because the speak has a foot to stand on.
To fix this and make it look like it should we will need to make some perspective lines.

Take a look at the image to see the perspective lines.
The lines with 100% opacity are the ones we need.
The others are just to see if i made them right.


Step 10

Now select the "Refl. left side" and press ctrl + t again.
Right click and choose skew, and this time skew the right side untill it touches the cross*.
*Defining Cross: where the perspective lines touch eachother.
Now take a look at the number in the skew menu, (see image: 6,4) now multiply this by 2,
and remmeber this number (12,8).
Keep skewing untill you got this number (if you get 12,7 / 12,9 then release and make the 7 / 9 an 8).


Step 11

Now this part of the reflection looks good.
But this was the easy part.
now turn off the visability of the "Refl. left side" layer and
turn on the visability of the "Refl. right side" layer.

Move the reflection so the left side of this part touches the original speaker.


Step 12

Now once agian press ctrl + t, right click and choose skew.
Now skew the right side of the reflection so the right side will also touch the original speaker.
After that move the reflection so the speaker and the reflection its "feet" touch eachother.


Step 13

If you turn on the eye for the "Refl. left side" layer and did everything right,
your reflection will look something like this. (see image)


Step 14

This does agian not look like it should.
So first resize the right side of the reflection.
Select the "Refl. right side" layer, and press ctrl + t.
Resize the reflection starting down and make it as big as the left side.


Step 15

Now there are some spots wich realy should be changed.
Let's fix these.
First make a selection around the same point in the real object.
And then press ctrl + j.
Next press ctrl + t and flip it vertically.


Step 16

Next place it on top of the place where it should be, and add a layer mask to it.
With the layer mask selected and the brush tool [b], (make sure you have selected a soft brush)
start painting some black around the edges so there will be a smooth transition.


Step 17

Do the same for all the other parts and you will end up with something like this.


Step 18

Now there is one more thing left to do, adding the bottom of the speaker in the reflection.
First duplicate the "Refl. left side" and rename the new layer to "Refl. bottom".


Step 19

Place the layer below the other reflection layers and move it in place.
Now rotate it 110,4° and resize it so it will fit as a bottom.
See the image to see exactly what i mean.


Step 20

Now first make a line like i did.
And move it over to the other side, now rotate it a little bit to the left side.
Next use the polygonal lasso tool, to select everything wich is not needed.
And press delete.


Step 21

Now ctrl + click on the "Refl. bottom" layer.
And add a brightness and contrast adjustment layer to it.
Now select every reflection layer, and press ctrl + shift + alt + e.
This will merge everything into a new layer.
Once agian select every reflection layer without the merged layer and press ctrl + g.
This will put all of these in a group.
Now rename the merged layer to "Speaker Reflection" and give it a layer mask.


Step 22

We are now going to add the gradient in the mask.
First make a selection of the left part of the selection.
And add a gradient as shown in the picture.
Do the same for the right side.
Now with a large soft brush, brush with white around the reflection.

Now select the "Object" layer and the "Speaker reflection" layer, right click on them and choose link layers.


Step 23

The end!



Howdie Guest!

We have 20+ awesome contests running every single week, with great prizes!
Photoshop Contests, Photography Contests, Drawing Contests and 3D Contests!

Feel free to join our free community and show of your talents to others, it's big fun!

LOGIN HERE / REGISTER FOR FREE or stay in touch pxleyes RSS feed




7 Comments:

avatar George55
George55 says:

This is real nice. Thanks for sharing it with us.

(2 years and 159 days ago)
no avatar
renchisam says:

very nice tutorial

(2 years and 158 days ago)
no avatar
Guest says:

it's too complicated for simple work it should be....!

(2 years and 153 days ago)
no avatar
[banned] says:

Very nice tutorial, thanks

(2 years and 149 days ago)
no avatar
GwenBriar says:

Thank you very much. Now show me how to do it if there isn't a sharp corner, like a boat at an angle on clear water, and I will be very grateful.

(1 year and 359 days ago)
no avatar

Thanks for the tutorial.But with that image it`s very simple.Can you plz do it with a bottle with rounded corners?I have problem with round corners.

(1 year and 283 days ago)
no avatar
hameed [banned] says:

Lovely

(264 days ago)


Leave a Comment


Name:
Comment: