|
|
|
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
| 
|
User: mrx (#29549)
Date: Tue Jul 04, 2006. 23: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. 22:46:29 | Post #3 of 4 |
|
thanks for the tutorial, i learn very much!!!!:Overhere: |
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 ---
|

|
|
 |
Learn Illustrator CS3 in 30 Days Author: illusime Posted: Oct 07th, 3:48pm Activity: 0 replies, 17 views
|  | credits Author: lindans Posted: Oct 07th, 2:42pm Activity: 2 replies, 16 views
|  | [newbie]Adobe Illustrator: Cogs Author: sami1337 Posted: Oct 07th, 11:03am Activity: 0 replies, 22 views
|  | Preserve background transparency Author: johnnye1975 Posted: Oct 07th, 7:17am Activity: 2 replies, 40 views
|  | A Legend? Author: MoodsR4Cattle Posted: Oct 06th, 8:08pm Activity: 4 replies, 20 views
|  | Auto contrast question Author: Gjbphp Posted: Oct 06th, 6:55pm Activity: 3 replies, 126 views
|  | Calling All PS7 Users... Author: tamlin Posted: Oct 06th, 6:17pm Activity: 0 replies, 31 views
|  | Qmark Database - Photoshop site! Author: Rhamises Posted: Oct 06th, 4:09pm Activity: 0 replies, 33 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 210 |
| Total Downloads: | 413 |
| Linkbase Links: | 255 |
 |
|
 |
 |
|