Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

Surface Reflections


Creating photorealistic scenes is one of the hardest tasks of the apprentice designer, and its made all the more difficult by the fact that nature itself is very complex & hard to replicate.  The human brain is remarkably perceptive, and can detect if a scene looks wrong, even if the conscious mind can't pinpoint the problem.  One of the most common mistakes is omitting or creating unrealistic reflections.  The aim of this tutorial is to show a simple technique for creating realistic reflections in Photoshop.  Read on...

Step 1: OK, to start off you need to create a two layer blank document - one filled with white (i.e. the lower background layer), and one with the object in that is to be reflected.  The object image in question should be as 'clean' as possible (i.e. no out-of-place coloured pixels on the edges).  It also helps a lot if the bottom of the image has a relatively straight and flat edge, or you'll expend much more effort matching up the reflection with its source.  For the sake of simplicity, I'll use a small bit of text for this tutorial.

Step 2: Create a duplicate of the top (object) layer using the Layer > Duplicate Layer option in the menu (or layers palette).  You'll now have two identical layers in the layers palette.  Select the bottommost one and choose Edit > Transform > Flip Vertical from the menu. Then, with the layer still selected, use the Move Tool to move the reflection layer directly beneath the top object layer.  You should end up with something like my example on the left.

Step 3: Its coming together, but the reflection still lacks perspective.  To correct this, select Edit > Transform > Perspective from the menu and, using the active tool, drag the bottom corners of the box left/right away from the image.  Then select Edit > Transform > Scale and pull the bottom edge upwards to create a much more realistic reflection.

NB.  If you are using a text object yourself, you'll have to use the Layer > Rasterize > Text function before trying to add perspective.

Step 4: Ok, nearly there.  Now we just need to make the reflection fade with its distance from the object (to mimic reality). With the reflection layer still selected, click  Layer > Add Layer Mask > Reveal All in the menu to add a layer mask.   Now select the linear Gradient Tool and make sure the active foreground/background colours are white/black.  Then drag the gradient vertically top to bottom of the reflection image.  If you've done it wrong the fade will go the wrong way.  Try reversing the drag direction.

Step 5: And its all finished!  Don't be afraid to fiddle with this effect - its really easy to make, and infinitely customizable to your requirements.  Filters such as Distort > Ocean Ripple and Distort > Ripple can even make the reflection look like its on an unsmooth or watery surface.  Have fun playing!   :)

- Tutorial written by Man1c M0g

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  mrx (#29549)
Date: Tue Jul 04, 2006. 22:24:38

Post #4 of 4

you're a genius in photoshop!!!!, i learn much with each tutorial!!!!! thank very much

Reply to this post


User:  mrx (#29542)
Date: Tue Jul 04, 2006. 21:46:29

Post #3 of 4

thanks for the tutorial, i learn very much!!!!:Overhere:

Reply to this post


User:  andes_w (#24655)
Date: Wed Mar 01, 2006. 12:48:28

Post #2 of 4

Helped me in creating a phat flyer!

Reply to this post


User:  jhonx (#23417)
Date: Sun Jan 29, 2006. 23:54:43

Post #1 of 4

This tutorial create stylish Surface Reflection that i wants. Thanx for Nice Tutorial

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Steam & Vapor
Steam & Vapor
- Adobe Photoshop -
Realistic Fog & Mist
Realistic Fog & Mist
- Adobe Photoshop -
Realistic Cigarettes
Realistic Cigarettes
- Adobe Photoshop -
UV Mapping
UV Mapping
- Blender 3D -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Download Source File
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 880 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1044 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1049 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1927 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1824 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14435 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2741 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2769 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3434 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2352 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2494 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2796 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673