Creating Realistic 3D Flag

This tutorial will show you how you can use displacement maps for placing many kinds of design onto many different surfaces. I’m going to map a 2d flag image using a photograph of some crumpled silk to create a realistic 3D flag;

displacement map tutorial

Step 1.) Open your fabric and your flag image in photoshop. Apply gaussian blur to your fabric photograph (Filter > Blur > Gaussian Blur) and experiment with the radius to hide the detail of the fabric and keeping only the folds.

displacement map tutorial

Step 2.) Save your fabric to a PSD file (File > Save as). I saved mine as silk.psd

displacement map tutorial

Step 3.) Starts working on your flag photo. Apply the displacement map filter to your flag with your blurred fabric photo, so mine is the silk.psd file. (Filter > Distort > Displace)

displacement map tutorial

and I get this..

displacement map tutorial

Step 4.) Go back to your fabric photograph and select all area in your fabric photo with your marquee tool or simply by using ctrl+a, copy (ctrl+c), paste it (ctrl+v) on your flag image and change the layer mode to “Hard Light”.

displacement map tutorial

That’s it..and, here’s my final image;

displacement map tutorial

—————-
This tutorial is just one of many great tutorials from the book: How to Cheat in Photoshop by Steve Caplin (Shared with permission).


See also: Photoshop Tutorials





Share your photos with our readers, make your own profile page, create blog, get unlimited storage for your photos, discuss photography equipment & techniques by joining our photo community



Subscribe for our latest updates sent to your e-mail (no spam)


Preview | Powered by FeedBlitz

RSS feed

22 Comments »

No posts yet.

Have Your Say

Your Comment may not appear immediately due to moderation
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your Comment.