MULTIMEDIA

Displacement Maps

6/23/2012 10:57:17 AM

Find out how to add an artistic edge to your shots using displacement maps in Elements.

‘There really is no limit to what you can transform with this technique, it’s applicable to all genres.’

Description:  Use The Displace Filter & Displacement Maps To Make A Realistic

Use The Displace Filter & Displacement Maps To Make A Realistic

Follow along with this nine-step tutorial and discover just how easy it is to wrap artwork onto any subject in your shots. There really is no limit to what you can transform with this technique, it’s applicable to all genres including portraits, landscapes and still-life captures.

Find out how you can add an artistic wrap at home using the same start image that we are, which can be downloaded from the CD, or alternatively use one of your own. We’ll then take you through all the necessary steps to create a displacement map using levels before running the displace filter on your final shot. We’ve opted to add a flag effect, however, you can use any form of artwork to get the same great results. Finally, we’ll cover how to blend all the layers together to form a convincing finished capture.

You don’t have to be an advanced image editor to achieve the same results at home, as we’ll be taking you step-by-step through the entire editing process. To show you just how easy it is, we’re using Photoshop Elements software to create the imaginative effect that many think is only possible in Photoshop. However, the same steps can still be applied in both software programs.

1.    Prepare your layers

Description: Prepare your layers

Prepare your layers

Open the image you want to transform in Elements and duplicate it via File>Duplicate. Rename your new layer ‘Map’ and then click on it to begin adjustments. Now convert the image to grayscale via Image>Mode>Grayscale.

2.    Amplify contrast

Description: Amplify contrast

Amplify contrast

In order for the displacement map to work you need to ensure there is enough definition in your grayscale image. Go to Enhance>Adjust Lighting>Levels. Increase contrast by adjusting the shadows/midtones/highlight sliders along the bottom.

3.    Add a blur

Description: Add a blur

Add a blur

Now add blur to your map image via Filter>Blur>Gaussian Blur. Select preview then increase the radius to around 1.8 pixels. You can now save your map layer onto your desktop as a Photoshop file then close it in Elements and click back to the original colour image.

4.    Adjust the layout

Description: Adjust the layout

Adjust the layout

Open the Union Jack image and drag it on top of the car shot to create a separate layer. Now select the flag layer and reduce its opacity so that you can move it over the car to decide how the pattern should appear when it’s overlaid.

5.    Transform the flag

Description: Transform the flag

Transform the flag

Go to the Free Transform tool via Image>Transform>Free Transform to adjust the flag’s size and shape to suit the car. When you’re happy, bring the layer’s opacity back up to 100% and go to Filter>Distort>Displace.

6.    Displace filter

Description: Displace filter

Displace filter

In the Displace dialog box change both the horizontal and vertical scales to 25 then click Stretch To Fit and repeat edge pixels. It will now ask you to select your displacement map, which is the grayscale map image you saved earlier.

7.    Blending mode

Description: Blending mode

Blending mode

Once the displace filter has finished, change your flag layer’s Blending mode to overlay. Now select the Eraser tool from the Tools palette on the left-hand side and adjust it to have a suitable head size with a soft edge and high-opacity setting.

8.    Refine the edges

Description: Refine the edges

Refine the edges

Zoom into your image and slowly begin erasing parts of the flag from the windows, tyres, lights and road. Adjust the brush size accordingly to avoid removing too much when working around the edges. Once finished, flatten your layer via Layer>Flatten Image.

9.    Save your image

Description: Save your image

Save your image

To add a little more drama and contrast to the scene go to Enhance>Image Lighting>Brightness/Contrast and carefully adjust the sliders to suit the shot. Finally, save your image as a JPEG file and share.

Description: Before: Transform a seemingly straightforward shot of a car like this into a piece of art using the Displace filter

Before: Transform a seemingly straightforward shot of a car like this into a piece of art using the Displace filter

After: Create a statement shot with any image using the same nine simple tutorial steps

Other  
  •  Astrophotography Alternative : Canon EOS 60Da, Lumix GF5
  •  CyberLink PowerDirector 10 Ultra
  •  Viewsonic VP2365-LED – Go LED, Go Green
  •  Philips Brilliance 241P4QPYES – Not a cheap TN
  •  Corsair Vengeance 1300 Analog Gaming Headset
  •  Where Is My Hard Drive Capacity? (Part 2) - Beat the browser
  •  Where Is My Hard Drive Capacity? (Part 1) - ITunes culprit
  •  Viewsonic V3D231
  •  Sapphire Vid-2X Display Expander
  •  Refrigerator Is Calling (Part 2)
  •  Refrigerator Is Calling (Part 1)
  •  Samsung NX200
  •  Samsung MV800
  •  Panasonic Lumix DMC-GX1
  •  Sony 3D Bloggie
  •  Propellerhead Balance Recording Interface
  •  Plan The Perfect Shoot (Part 2)
  •  Plan The Perfect Shoot (Part 1)
  •  Olympus M.Zuiko Digital ED 12mm f2.0 (Part 2) - Technical data, How lenses are tested
  •  Olympus M.Zuiko Digital ED 12mm f2.0 (Part 1)
  •  
    Top 10
    Has Apple Lost It? (Part 2)
    Has Apple Lost It? (Part 1)
    Sony Computer Entertainment (Part 3)
    Sony Computer Entertainment (Part 2)
    Sony Computer Entertainment (Part 1)
    Sony's 4K Ultra World - Ready For Yet Another Resolution Revolution
    Analyze This - Wi-Fi Nets Via Smartphone (Part 2)
    Analyze This - Wi-Fi Nets Via Smartphone (Part 1)
    Devolo dLAN 500 AV Wireless + Starter Kit
    The Slithery World Of Hybrid Cloud Security
    Most View
    Parallel Programming with Microsoft .Net : Pipelines - Variations
    Programming .NET Security : Programming Digital Signatures (part 3) - Using the Signature Formatter Classes
    Ninetology Black Pearl II - Quite Pleasing To The Eye
    Embracing BYOD
    Working with the Windows Phone 7 Application Life Cycle (part 1) - Observing Application Life Cycle Events
    The best of the web (Part 4) - Storify, WorldWide Science, Kickstarter, Pinterest, Hipmunk, Deezer & Rapportive
    A Not So New Competitor
    Gigabyte Osmium Aivia Mechanical Keyboard
    Backing Up the Exchange Server 2010 Environment : Understanding the Importance of Backups & Establishing Service Level Agreements
    Windows 7 : Working with User Accounts (part 2)
    Corsair AX 1200I - The First Digitally-Controlled PSU
    Oracle Coherence 3.5 : Testing and debugging Coherence applications
    Safeguarding Confidential Data in SharePoint 2010 : Enabling SQL Database Mirroring
    How To… Mount Pumps & Radiators
    Aperture 3.3 : Nipping at Lightroom’s heels
    How To Buy…A Desktop PC (Part 2)
    Top Tips For Mountain Lion (Part 2)
    The 30 Most Important Technology Trends (Part 2)
    Canon EOS 650D - High-Ranking DSLR
    Toshiba Qosmio X870-11Q – An Impressive Desktop-Replacement Laptop