|
|
|
Photoshop may be a 2D image editing program at heart, but that
doesn't mean that its lacking in features that can simulate 3D effects. In this
tutorial I will detail a simple method for 'mapping' text onto an irregular
surface, giving us the impression that it is part of the underlying original
image, rather than a overlaid afterthought.
 Step
1: Open up a stock image in Photoshop of any size and/or format. The
best results for this tutorial usually involve images with many undulating
areas of high and low brightness. For this reason I have selected a wavy
fabric... although you are, of course, free to experiment.
|
Step 2: This may seem like an odd step, but save
your work, and then save a duplicate of your PSD into a separate file called
'displace.psd'. This will be used later in the tutorial, but for now
just close the duplicate and work on your original image.
|
Step 3: Use the horizontal Type Tool to create a
word. In my case I've used the 'Arial' font at size 110. Don't worry if you
don't want to use this particular typeface - just select something with a
solid look (script-style fonts rarely deform well).
|
Step 4: Right-click on the type layer in the layer
palette and select 'Rasterize layer' from the dropdown menu that
appears. Then, with the type layer still selected, choose Filter >
Distort > Displace from the menu. Duplicate the settings in the image
opposite and then select the displace.psd image you saved in step 2.
|
Step 5: And that's it! Your type layer is now
displaced according to the relative contrasts of the displacement map. To
get a better result, you should now change the type layer blending option to
'Overlay' and drop the opacity to taste. Clean up any over-stretched areas
with the Eraser Tool. You can even add layer effects for added realism if
you have the time to experiment.
|
Variations: Of course, this technique is not
limited to text objects - you can displace pretty much anything (even
complex images), although results do tend to vary.
|
- Tutorial written by Man1c M0g
| 
|
 |
|
|
TrentonCS
Author: ahstanford
Posted: Nov 06th, 7:40pm
Activity: 3 replies, 27 views
| | Html 5
Author: ahstanford
Posted: Nov 05th, 1:32pm
Activity: 5 replies, 89 views
| | What are your favorite websites?
Author: ahstanford
Posted: Nov 05th, 12:51am
Activity: 0 replies, 47 views
| | What do you do for a living?
Author: ahstanford
Posted: Nov 04th, 11:04pm
Activity: 0 replies, 44 views
| | What is your favorite Subway sandwich?
Author: ahstanford
Posted: Nov 04th, 11:02pm
Activity: 4 replies, 87 views
| | Windows 7
Author: ahstanford
Posted: Nov 04th, 10:59pm
Activity: 0 replies, 48 views
| | Google Wave
Author: ahstanford
Posted: Nov 04th, 10:52pm
Activity: 0 replies, 59 views
| | University Project
Author: Gjbphp
Posted: Nov 03rd, 8:59pm
Activity: 1 replies, 90 views
| | Hello BioRust!
Author: ahstanford
Posted: Nov 02nd, 5:39pm
Activity: 4 replies, 87 views
| |  Illustrator cs4 - Convert outlines/graphics to ...
Author: izidrew
Posted: Oct 29th, 3:48pm
Activity: 3 replies, 256 views
| | Hello BioRust!!
Author: MOST
Posted: Oct 29th, 12:52am
Activity: 4 replies, 144 views
| | Hey! newbie
Author: prelimiting
Posted: Oct 28th, 11:51pm
Activity: 1 replies, 113 views
| |
|
 |
 |
 |
|
|
|
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
|
|
|
|
|
|
