Jump to content

[Tutorial] Reflections


xXSkillerXx

Recommended Posts

A basic tutorial on how to make a reflection , just like the one that Blane made for the MxC Logo. ;P

 

 

Which images work, which images don’t.

 

 

Reflections are usually added to an image that has a plain white background. For this tutorial, we will use this lovely picture of a banana.

 

 

272907_copy_812006102859PM_229578_banana_1.jpg

 

 

It has a nice white background that will make the banana easy to mask out.

 

Which brings us to our next step, masking..

 

 

Masking

 

 

Now lets mask the banana. Use whatever method you normally do, and save the selection or the mask. If you used the pen tool right click, and make a selection.

 

 

272907_yuy.jpg

 

 

Then on a new layer select/inverse and fill it with white.

 

 

272907_ana.jpg

 

 

Now we have a nice, shadowless `nanner.

Flatten the image.

 

 

Duplicating the Image

 

 

Lets duplicate the banana by using the magic wand and selecting the white part.

 

Right click>layer via copy.

 

 

272907_sfr.jpg

 

 

Resizing the canvas.

 

 

Now lets resize our canvas to make room for the reflection.

 

Go to Image>Canvas Size and increase the vertical size. For this banana, I think we'll use a height of 29.667

 

 

272907_Untitled-5%20copy.jpg

 

 

Link your two layers. In CS2 you simply shift-select both of your layers in the layer palette, but in older versions, you select the first and click in the chain box icon of the second.

Now move these two to the top.

 

 

272907_wr.jpg

 

 

Transforming the reflection

 

 

Now would be another good time to save.

Make a new layer, and fill it with white, then place it at the very bottom.

 

If you haven't already, unlink your layers.

Next, we are going to flip the second banana layer vertically. So go to Edit>Transform>Flip Vertical .

 

Now, move the reflected banana underneath the main one, get it as close as possible without overlapping.

 

Then select the transparent parts of the layer with the magic wand tool, then go to select>inverse.

 

 

272907_vcbcv.jpg

 

 

The Fun Part. Kinda.

 

 

With the banana selected, make a new layer; place it on top of the reflected banana layer.

 

Choose the gradient tool, and make sure that your background/foreground colors are black and white.

Check the "reverse" box.

Make a new layer, and drag the gradient tool from the top of your selection to the bottom.

 

 

272907_anananana.jpg

 

 

Now set the blend mode to screen and lower the opacity to 80% or so.

 

Deselect and we have a pretty decent reflection.

 

 

272907_ananana.jpg

 

 

Finishing touches

 

 

For a finishing touch lets merge the gradient layer and the reflected banana layer.

Next take a very soft, big eraser brush with opacity of about 40% and make a gentle stroke at the bottom of the layer, to create a better fading effect. Hold shift if you have trouble drawing a straight line.

 

And we are done!

We did it!

Your final result should now look like this :

 

 

175995_nanaer.jpg

 

 

 

Credits to : LatueofStiberty

Link to comment
Share on other sites

I think is more simple: Edit>Transform> Flip Vertical.

Anyway thanks for share.

 

Check the 'Transforming the Reflection' part. This step is included.

Well, with this one only , you don't make a reflection, you just make a vertical flipped copy.

 

 

[GR]An i banana den einai Chiquita den leei! xD

 

LOL.. Nice banana! xD And nice Guide!:D

[GR] xaxa αυτο να λεγεται ;P

 

Anyway, thanks for your comments guys. :)

I really appreciate it.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...

AdBlock Extension Detected!

Our website is made possible by displaying online advertisements to our members.

Please disable AdBlock browser extension first, to be able to use our community.

I've Disabled AdBlock