Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Waving Flag

Choose and download one of the following flags for this tutorial

_____________________________

Preparing the Flag

1 Open image of flag

2 Go to Image/ canvas size and add 50 px on both width and height. Click ok

The Distortion Map

3 With your flag ready the next step is to create the bump, or displacement, map. A bump map is an image that is used to displace pixels in different directions.

4 By holding the key ALT, drag your mouse at the bottom left of Photoshop Where you se doc.( document ) it will give you the size of your flag image. Remember that size.

Create a new image by going to File/New .Make it the same dimension of your flag image.

5 Select the Marquee tool and, after clicking on the Marquee Options tab, set the Shape to Rectangular and the Style to Normal.

6 Starting in the upper-left corner select about half of the image. Select the Gradient tool and click the Gradient Tool Options then click the Edit button to bring up the Gradient Editor dialog box.

7 Add 3 sliders near the middle by clicking underneath the gradient bar and set them to white by clicking on them one by one and choosing white in the color swatch. Once you've got the gradient set up, click OK.


8 Click-and-drag the mouse from the left side to the right side of the selected area by holding down the Shift key
.

9 Choose Select, Inverse. Fill this side with the same gradient.


10 Choose Image, Adjust, Invert to invert the gradient on the right side of the image.

11 Select/ Deselect. Choose Filter, Blur, Gaussian Blur and set a fairly high value. The value you choose will depend on the size of the bump map you've created and its resolution. For this one, set the value to about 10.0 or higher.


12 Save the bump map as a PSD file and note the name and directory you saved it in.


The Flag:


1 Make the Flag image current by clicking on its title bar. Change to RGB by clicking Image=> mode=> RGB.

2 Choose Filter, Distort, Displace.

Set the Horizontal Scale to 0%
Set Vertical Scale to 10%.

You can ignore the Displacement Map settings, because the displacement you created is the same size as the image, and set the Undefined Areas to Repeat Edge Pixels.

When you click OK you'll be presented with a "Choose a displacement map" dialog box. Choose the bump map file you saved above.


The Highlights and Shadows:

1 Make the bump map file current by clicking its title bar.
Choose Select, All and Edit, Copy.

2 Make the Flag image current by clicking on its title bar. Select the Channels tab and create a new channel by clicking on the small bent-cornered icon at the bottom of the channels palette.

3 Choose Edit, Paste to paste the bump map into the channel.

4 Go back to the layers view by selecting the Layers tab. Make the flag layer active by selecting it in the Layers palette. Choose Select, deselect.

5 Select the Magic Wand Tool and click anywhere outside of the flag. Choose Select, Inverse to select only the flag

6 Choose Filter, Render, Lighting Effects. Enter the following in the Lighting Effects dialog box:

Style: Default
Light Type: Spotlight
Intensity: 35
Focus: 69
Gloss: 0
Material: 69
Exposure: 0
Ambience: 8
Texture Channel: #4
White is High: Checked
Height: 72

Set the light so that it comes in from the upper-left and gives you a good highlights/shadow combination. Click OK.

7 Choose Select/ deselect

Save your image. That's it!

Now that you're familiar with the Displace filter. You can use similar techniques to add highlights and shadows to any image.

 



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2008 All Rights Reserved
Privacy and Legal