Fake a water reflection | Photoshop...

9
12-05-14 11:58 AM Fake a water reflection | Photoshop Daily Page 1 of 9 http://www.photoshopdaily.co.uk/featured/fake-a-water-reflection/ » Subscribe to RSS Feed Search the archive... Photoshop Daily - Free resources for the Photoshop community Mon 14 May 12 Home News Freebies Video Tutorials Tutorials Reviews Features Podcasts Buy Photoshop Products » AdvancedPhotoshop.co.uk » PhotoshopCreative.co.uk 32 tweets retweet 0 Fake a water reflection by Jo Cole. 21 May 2009 Displacement maps are a boon when it comes to faking ‘real world’ effects. In this tutorial we use one to produce a realistic water reflection, a technique that you can use time and again to add a touch of sparkle to your photos Follow your twitter instead of viewing ads! Please grant access to your Twitter feed for Adlesse widget. If you do not have Twitter account you can go to the settings page and disable this widget. Sign In with Twitter

Transcript of Fake a water reflection | Photoshop...

Page 1: Fake a water reflection | Photoshop Dailyjoekanary.weebly.com/uploads/9/0/4/7/9047634/fake_a_water_reflect… · There are few things in life as relaxing as gazing at calm reflections

12-05-14 11:58 AMFake a water reflection | Photoshop Daily

Page 1 of 9http://www.photoshopdaily.co.uk/featured/fake-a-water-reflection/

» Subscribe to RSS FeedSearch the archive...

Photoshop Daily - Free resources for the Photoshop community

Mon 14 May 12Home

NewsFreebiesVideo TutorialsTutorialsReviewsFeaturesPodcastsBuy Photoshop Products

» AdvancedPhotoshop.co.uk» PhotoshopCreative.co.uk

32tweets

retweet

0

Fake a water reflectionby Jo Cole. 21 May 2009

Displacement maps are a boon when it comes to faking ‘real world’ effects. In this tutorial we useone to produce a realistic water reflection, a technique that you can use time and again to add atouch of sparkle to your photos

Follow your twitter instead of viewing ads!Please grant access to your Twitter feed for Adlesse widget.

If you do not have Twitter account you can go to the settings page and disable thiswidget.

Sign In with Twitter

Page 2: Fake a water reflection | Photoshop Dailyjoekanary.weebly.com/uploads/9/0/4/7/9047634/fake_a_water_reflect… · There are few things in life as relaxing as gazing at calm reflections

12-05-14 11:58 AMFake a water reflection | Photoshop Daily

Page 2 of 9http://www.photoshopdaily.co.uk/featured/fake-a-water-reflection/

Create realistic water reflectionsThe easy route to amazing imagesThere are few things in life as relaxing as gazing at calm reflections in a beautiful clear lake. Ahhh, just imagine it. A soft breeze, the sound or water gentlylapping against the shore, maybe a distant bird call. Good times! For photographers looking to evoke emotion in their viewers, a nice landscape with waterreflections is always a winner. And while not that difficult to photograph, you do obviously need to live near a wondrous wilderness such as the exampleabove.

Or do you…? Well you’ve probably guessed that you don’t. If you have Photoshop, it doesn’t matter if the closest you’ve ever been to a wilderness is thepotted plant in your room. As long as you have a photo (use one of the many free photo sites such as Stock.XChng or MorgueFile) and a displacement map,the reflection world is your oyster.

Don’t worry if you have never ventured into the world of displacement maps before – they are very easy to use. They are basically patterned .psd files thatwhen combined with the Displace filter, map an image to that pattern. We’ve included the one used here to get you started.

Step 1: Flip the image

Page 3: Fake a water reflection | Photoshop Dailyjoekanary.weebly.com/uploads/9/0/4/7/9047634/fake_a_water_reflect… · There are few things in life as relaxing as gazing at calm reflections

12-05-14 11:58 AMFake a water reflection | Photoshop Daily

Page 3 of 9http://www.photoshopdaily.co.uk/featured/fake-a-water-reflection/

Open up the image you want to apply the reflection to. We are using a photo here, but you can also use a digital painting or illustration. Select the top half,selecting more than 50% vertically. Hit Ctrl/Cmd+J to copy to a new layer. Duplicate this. Go to Edit>Transform>Flip Vertical. Turn Snapping on; move theimage down till it snaps into place below the top half. Label each layer – we used ‘Top’ and ‘Bottom’.

Step 2: Add a gradient mask

Page 4: Fake a water reflection | Photoshop Dailyjoekanary.weebly.com/uploads/9/0/4/7/9047634/fake_a_water_reflect… · There are few things in life as relaxing as gazing at calm reflections

12-05-14 11:58 AMFake a water reflection | Photoshop Daily

Page 4 of 9http://www.photoshopdaily.co.uk/featured/fake-a-water-reflection/

Switch the top two layers around so the ‘top image’ layer is on top, and ‘bottom’ on the bottom. Hide the background layer. Create a layer mask for themiddle (bottom part) layer. Select the black/white linear gradient, hold the Shift key and drag from the bottom of the image edge to the middle of the image.Half the reflection disappears.

Step 3: Borrow the sky colour for the water

Latest tweets

Follow your twitter instead of viewing ads!Please grant access to your Twitter feed for Adlesse

widget.

Sign In with Twitter

Page 5: Fake a water reflection | Photoshop Dailyjoekanary.weebly.com/uploads/9/0/4/7/9047634/fake_a_water_reflect… · There are few things in life as relaxing as gazing at calm reflections

12-05-14 11:58 AMFake a water reflection | Photoshop Daily

Page 5 of 9http://www.photoshopdaily.co.uk/featured/fake-a-water-reflection/

Create a Solid Color adjustment layer and sample a lighter colour of the sky. Here, red is 119, green is 127 and blue is 152. Move this layer beneath thebottom image layer and above the background. Select the bottom image layer and click the Lock Transparent Pixels icon at the top of the Layers palette.

Step 4: Displacing water reflections

Page 6: Fake a water reflection | Photoshop Dailyjoekanary.weebly.com/uploads/9/0/4/7/9047634/fake_a_water_reflect… · There are few things in life as relaxing as gazing at calm reflections

12-05-14 11:58 AMFake a water reflection | Photoshop Daily

Page 6 of 9http://www.photoshopdaily.co.uk/featured/fake-a-water-reflection/

Go to Filter>Blur>Motion Blur and enter 90 ° for Angle and 75 pixels for Distance (or whatever works for your image). Click the Lock Transparent Pixelsicon to uncheck, and Ctrl/Cmd-click the layer’s thumbnail. Before you go to add the displacement map, you need to get one! We’ve supplied one in a zip file,which you can access by clicking here. Once saved to your desktop, unzip the file. Return to Photoshop and go to Filter>Distort>Displace. Enter Horizontal20 and Vertical 60. Make sure Stretch to Fit and Repeat Edge Pixels are selected. Click OK. Navigate to the ‘WaterDmap.psd’ file and click Open.

Step 5: Final touches

Page 7: Fake a water reflection | Photoshop Dailyjoekanary.weebly.com/uploads/9/0/4/7/9047634/fake_a_water_reflect… · There are few things in life as relaxing as gazing at calm reflections

12-05-14 11:58 AMFake a water reflection | Photoshop Daily

Page 7 of 9http://www.photoshopdaily.co.uk/featured/fake-a-water-reflection/

You might need to make a few tonal adjustments to make it all stitch together. Deselect (Ctrl/Cmd+D) and create a Levels adjustment layer above the bottomimage layer. Click OK without making any changes. Clip the Levels layer with the layer beneath (Alt/Opt+Ctrl/Cmd+G). Move the left (Highlight) inputslider to the right until it reads 233 – and you’re done.

Tags: displacement maps, fake a water reflection, free Photoshop tutorial, free tutorial, Photoshop displacement mapDid you enjoy this article? Share it!

Like 5 people like this.

Page 8: Fake a water reflection | Photoshop Dailyjoekanary.weebly.com/uploads/9/0/4/7/9047634/fake_a_water_reflect… · There are few things in life as relaxing as gazing at calm reflections

12-05-14 11:58 AMFake a water reflection | Photoshop Daily

Page 8 of 9http://www.photoshopdaily.co.uk/featured/fake-a-water-reflection/

Our provides the latest photoshop news, tutorials, features and reviews, while our fan page is the best place to communicate with otherAdvanced Photoshop fans.

What's your opinion?

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

* Required fields

Name * Your name

Mail * (will not be published) Your email

Website Your website

Submit Your Comment

First Name: FIRST NAME…

Last Name: LAST NAME…

Email Address: EMAIL ADDRESS…

Search our archives

Select Month

Latest posts

Photoshop CS6 & CS6 Extended are now availableAdobe Creative Suite CS6 PluginTop Tip for improving the lighting in an image in PhotoshopFotolia TEN Collection features Neopen

Facebook

Sign in with Facebookand follow recent News Feed updates instead of viewing

ads.

Login with Facebook

Page 9: Fake a water reflection | Photoshop Dailyjoekanary.weebly.com/uploads/9/0/4/7/9047634/fake_a_water_reflect… · There are few things in life as relaxing as gazing at calm reflections

12-05-14 11:58 AMFake a water reflection | Photoshop Daily

Page 9 of 9http://www.photoshopdaily.co.uk/featured/fake-a-water-reflection/

360gamesTMNowGamerPlayRetro GamerTotal PC GamingX360

Total 911

Videogames

Automotive

Android MagazineApps MagazineiCreateLinux User & DeveloperSmartphone EssentialsWeb Designer

DigiCamBuyerDigital PhotographerPhotography For Beginners

Computing

Photography

3D ArtistAdvanced PhotoshopDigital ArtistPhotoshop CreativePhotoshop Daily

How It WorksSciFiNow

Creative

Entertainment

About UsAdvertiseContact UsJobsPrivacy PolicySubscriptions

Imagine PublishingImagine Shop

About Imagine

Copyright © 2012 Imagine Publishing Ltd. All rights reservedImagine Publishing Ltd, Richmond House, 33 Richmond Hill, Bournemouth, Dorset, BH2 6EZRegistered company: 5374037 (England) | VAT No: 997 3331 76Directors: Damian Butt, Steven Boyd, Mark Kendrick, Alistair Ramsay, Harry Dhand

Nikon 1 J1 review

Popular posts

Wood texture fileCreate an HDR effect in Photoshop CS5Sketch brush setUk graphic design forumCreate an easy digital frame

Imagine Publishing websites

Tweets from...Photoshop Daily

Join the conversation

PshopCreative Combining cookerywith Photoshop (and cardboard!)...this made us smile:behance.net/gallery/Adobe-…2 hours ago · reply · retweet · favorite

PshopCreative Our image of the weekgoes to Born To Be Wild EkaterinaVypova for this lovely image:photoshopcreative.co.uk/user/Katsviri3 hours ago · reply · retweet · favorite

advancedpshop The AP team is feelingfull after cream cakes to celebrateImagine Publishing's 7th birthday!8 hours ago · reply · retweet · favorite

PshopCreative Learn how the LensFlare filter in Photoshop works fordifferent types of images, and how toapply it to a sunset:tinyurl.com/chsrxpp