Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 1 de 19

• Home
• About
• Advertise with Us
• Contact

• RSS
• Feeds:

• Tutorials
• Layers Magazine
• Blog
• Reviews
• Layers TV
• Subscribe

Enter Keyword
CS5 LEARNING CENTER

• Photoshop CS5

• Illustrator CS5

• Dreamweaver CS5

• Flash CS5

• InDesign CS5

• After Effects CS5

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 2 de 19

• Premiere Pro CS5

 
Learn Photoshop For Less Than $2 a Week & Get a Free DVD to Get Started

Making Unrealistic Things Look Possible in Photoshop CS4

By Dave Cross in Photoshop, Tutorial
Wednesday December 16, 2009

Perhaps one of the most satisfying gratifications of designing with Photoshop is the ability to
create the impossible—making unrealistic things look possible. Here we’ll combine dancers with
splashes to create a unique “splash dance.”

1 [WHITE BACKGROUNDS WORK BEST]

Like many techniques in Photoshop, this one will be easier if the photo you choose is on a white
background. We’ve chosen this istockphoto.com image of a leaping dancer. (Toward the end of
the tutorial we’ll look at what’s involved if the background isn’t white.)

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 3 de 19

2 [FIND SOME SPLASH PHOTOS]

A quick search of “splashes” and “paint splashes” on istockphoto.com provides a bunch of nice
splashes. We chose this one of red paint because it gave a good solid surface to work with, even
though the color isn’t right. (See the variation at the end for working with water splashes.)

3 [DRAG-AND-DROP]
Drag-and-drop the splash photo onto the photo of the dancer. (For the purpose of illustration only,
we added a stroke to the splash layer so it’s easy to see here; but the stroke’s not necessary).

4 [FREE TRANSFORM; LOWER THE OPACITY]

With the splash layer active, press Command-T (PC: Ctrl-T) for Free Transform. Rotate and scale
the splash so it matches fairly closely with the dancer’s leg (as shown). Press Enter (PC: Return)
when you’re satisfied.

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 4 de 19

Tip: Many times it’s easier if you temporarily lower the Opacity of the layer slightly in the Layers
panel so you can see the leg underneath. After transforming, return the Opacity to 100%.

5 [ADD A LAYER MASK TO BLEND THE SPLASH]

With the splash layer still active, click on the Add Layer Mask icon (circle in a square) at the
bottom of the Layers panel. Then, with the layer mask active, use a black, soft-edged Brush (B) to
paint and blend the splash into the leg. Note: Depending on the angle of the foot, you may have to
use the Clone Stamp tool (S) to clone out areas of the foot on the Background layer.

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 5 de 19

6 [ADD A LAYER WITH A COLORED SHAPE]

Click on the Create a New Layer icon at the bottom of the Layers panel to add a new layer above
the splash layer. Now select the Lasso tool (L) and make a rough selection that’s larger than the
splash. Use the Eyedropper tool (I) to sample the color from the dancer’s pant leg, and press
Option-Delete (PC: Alt-Backspace) to fill the selection with that color. Then, press Command-D
(PC: Ctrl-D) to deselect.

7 [CHANGE BLEND MODE; DODGE AND BURN]

Change the blend mode of this layer (Layer 2) from Normal to Color in the Layers panel, and the
color of the splash should match up very nicely with the dancer’s pant leg. You may need to create
a clipping mask to ensure that the color only affects the splash. To do this, hold down Option (PC:
Alt) and click on the line between the splash layer and the color layer. Double-click on the layer’s
name and rename it “gray.” To add to the realism, use the Burn tool to darken areas of the splash
slightly and the Dodge tool to lighten areas so the colors match the pants better.

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 6 de 19

8 [REUSE THE SPLASH WITH WARP]

We’re going to reuse the same splash on the dancer’s hand, but we’ll make it look different. Drag
the splash layer onto the Create New Layer icon and rename the original layer “foot” and the
duplicate layer “arm.” With the arm layer active, use Free Transform to position, scale, and rotate
it. With Free Transform still active, click on the Warp icon in the Options Bar. Use the Warp
handles to make this splash fit his arm but look different from the original, then press Enter (PC:
Return).

9 [CHANGE COLOR OF ARM SPLASH]

If you had the gray layer clipped, you’ll lose the clipping mask when you copy the splash layer. If
you need the clipping mask, duplicate the gray layer, drag the copy above the foot splash layer,

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 7 de 19

and clip it again. Next, make the top gray layer active, and Command-click (PC: Ctrl-click) its
thumbnail to select it. While holding Option-Command (PC: Alt-Ctrl), click inside the selection
and drag it over the arm splash. This duplicates the colored shape we created in Step 6, changing
the color of the arm splash from red to black.

10 [CLONE AND MASK ARM SPLASH]

Finally, use the Clone Stamp tool to add some additional small splashes. Also note that the layer
mask was duplicated as well when we made a copy of the foot splash in Step 8. Paint on the layer
mask using black to hide areas of the splash and white to reveal areas.

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 8 de 19

11 [IF YOUR BACKGROUND ISN’T WHITE]

If the background of your original photo isn’t white, the splash will have a very noticeable white
box around it after you drag-and-drop it onto the dancer image. Double-click on the splash layer to
the right of the layer name to open the Layer Style dialog in Blending Options. Click on the white
triangle under the This Layer slider in the Blend If section and drag it to the left slightly (ours is
213) to remove the white. Hold down Option (PC: Alt) and click on the triangle to split it and drag
the left side to the left (90 here) to make a cleaner transition. Click OK.

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 9 de 19

12 [ADD A LAYER BELOW AND MERGE DOWN]

To remove the white permanently, add a new layer below the splash layer, click on the splash
layer, and press Command-E (PC: Ctrl-E) to Merge Down. Now the white box is gone (rather than
hidden).

13 [VARIATION: WATER SPLASH]

You can use the same concept using translucent splashes such as this colored water. All the steps
are the same: Drag-and-drop, Free Transform/Warp, and use a layer mask to blend in the splash.
We also used the Blend If sliders to remove the white from the splash and added a layer to “cover
up” part of the dancer’s foot. Since the colored water is semi-see-through, one clipped colored
layer in Color mode wasn’t enough so we duplicated the colored layer, darkened some areas, and
changed the blend mode to Overlay. To finish, we lowered the Opacity slightly as that created a
better color match.

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 10 de 19

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 11 de 19

14

Share and Enjoy

34
Me gusta A 158 personas les gusta esto. Sé el primero de tus amigos.

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 12 de 19

Products You Might Like

• Mastering Selections in adobe Photoshop CS5

by Dave Cross

Price: $69.99

• Adobe Photoshop CS4 Selections and Masks

by Dave Cross

Price: $69.99

• Adobe® Photoshop® CS3 for Beginners

by Dave Cross

Price: $41.99

Author: Dave Cross Although his official title is Senior Developer, Education and
Curriculum for the National Association of Photoshop Professionals, on his business card it
simply says "Dave Cross, Chief Photoshop Guy". Dave is involved in all aspects of the training
that is provided to NAPP members, including the content of seminars, conferences, workbooks,
and the NAPP members' website. He is an Adobe Certified Instructor in Photoshop CS4 and is a
Certified Technical Trainer.

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 13 de 19

Similar Articles
Input and Export from Premiere Pro CS5
By franklin mcmahon Thursday October 7, 2010

Setting Up Live Captions in InDesign CS5

By Terry White Wednesday October 6, 2010

Design Makeover: Caught Between Cultures

By jake widman Tuesday October 5, 2010

New Westcott Vintage Backgrounds are In

By Rafael "RC" Concepcion Monday October 4, 2010

71 Comments

1.
Amina (Reply) on Wednesday December 16, 2009

Sick! this is really cool! thanks

2.
heather (Reply) on Wednesday December 16, 2009

COOOOOOOOOOOOOOOOOL. I like the liquidyness

3.
Gustavo (Reply) on Wednesday December 16, 2009

Muito bom! very good!

4.
matt (Reply) on Wednesday December 16, 2009

that’s cool. Thnx!

5.
Andreas (Reply) on Wednesday December 16, 2009

Great tutorial, looks very simple

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 14 de 19

6.
Chinese (Reply) on Wednesday December 16, 2009

Great design. I am very fond of. Thank you!

7.
rudi (Reply) on Wednesday December 16, 2009

waw it’s cool… i like that

8.
ken (Reply) on Wednesday December 16, 2009

that is cool!
its too bad ya didnt do it into a tutortial clip. =/

9.
freeman (Reply) on Wednesday December 16, 2009

Perfect and Easy. Thanks!

10.
miranda (Reply) on Wednesday December 16, 2009

when i change layer 2 from normal to color after following the previous steps exactly, my
splash doesn’t turn black and blend with the leg. it is gray. how do i fix this? i need help
asap because i’m doing this tutorial for a photoshop class grade.

11.
bacoon lover (Reply) on Wednesday December 16, 2009

thank u so much

12.
Adhir Pandit (Reply) on Wednesday December 16, 2009

Cool man

13.
Alan (Reply) on Wednesday December 16, 2009

Absolutely amazing, I’m bookmarking this for future use.

14.

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 15 de 19

theone (Reply) on Wednesday December 16, 2009

Great tutorial, man you are the greatest photoshop teacher ever thanks a million.

15.
preety rathi (Reply) on Wednesday December 16, 2009

i need this tool so cool

16.
libby (Reply) on Wednesday December 16, 2009

OMG! it is soooooooo cool!!!

luv it!

17.
Jason (Reply) on Wednesday December 16, 2009

Nice effect! Will bookmark for future reference

18.
zac (Reply) on Wednesday December 16, 2009

I will try this in After effects with some motion. sweet.

19.
MagnetsMan (Reply) on Wednesday December 16, 2009

Thanks for creative lesson. Its good way for make interesting pictures. I bookmarked this
post!

20.
Grover (Reply) on Wednesday December 16, 2009

Liquidate Now!

21. Tutorial Efectos Fantásticos con Photoshop

[...] http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-
cs4.html#more-10575 Tags: cs4, efectos fantasticos, fantastic efects, psd, tutorial photoshop
[...]

« Older Comments

Leave a Response

Name (required)

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 16 de 19

Mail (will not be published) (required)

Website

Submit Comment

Try Adobe Creative Suite 5

Download a free trial
Download Now

• Popular

◦ Input and Export from Premiere Pro CS5

◦ Setting Up Live Captions in InDesign CS5

◦ Adobe Workflow Lab to Fireworks, Part 2

◦ Live Trace Tricks in Adobe Illustrator

◦ Experiment with Adobe Illustrator and Adobe Photoshop CS5

◦ Overview of New Features in Camera Raw 6

• Columns

◦ Design Makeover: S Virginia Higher Ed Center

◦ Design Makeover: Electric Signs

◦ Sustainability in the Design Process

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 17 de 19

◦ Photoshop Turns 20
◦ Retouching Eyes Tutorial |Roaming Photo Plus
◦ Night Lights: Creating a Glowing Neon Effect in Illustrator

• Reviews

◦ Ricoh CX3

◦ Holomatrix

◦ modo Studio Lighting and Illumination Kit (SLIK)

◦ Aperture 3

◦ Digimarc for Images 4

◦ Lensbaby Soft Focus Optic

• Input and Export from Premiere Pro CS5

• Setting Up Live Captions in InDesign CS5

• Adobe Workflow Lab to Fireworks, Part 2

• Live Trace Tricks in Adobe Illustrator

• Experiment with Adobe Illustrator and Adobe Photoshop CS5

• Overview of New Features in Camera Raw 6

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 18 de 19

View All

• Portland, OR
Adobe® Photoshop® CS5 Creativity Tour Oct. 11
• Denver, CO
Adobe® Photoshop® CS5 for Photographers Tour Oct. 13
• Islington, London, UK
Scott Kelby's Adobe® Photoshop® for Digital Photographers Tour Oct. 15
• Minneapolis, MN
Maximum Adobe® Photoshop® CS5 Tour Oct. 18
• Toronto, ON
Adobe® Photoshop® CS5 for Photographers Tour Oct. 22

Full Day of Training only $99 / $79 for NAPP Members

LAYERS Tip of the Day Get the latest tips, tricks and news delivered straight to your inbox.

Enter your email address Submit

Popular Categories

• Photoshop
• Illustrator
• InDesign
• Fireworks
• Flash
• Dreamweaver
• After Effects
• Premiere
• Lightroom
• Acrobat

Layers Online

• All Tutorials

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010
Making Unrealistic Things Look Possible in Photoshop CS4 | Layers Magazine Página 19 de 19

• Product Reviews
• Magazine Columns
• Layers TV Podcast

Layers Magazine

• Current Issue
• Downloads
• Subscribe/Renew
• Advertise with Us

Additional Info

• Contact Us
• About Us
• Privacy Policy
• Terms of Use

© 2010 Layers Magazine. Kelby Media Group. All other trademarks are the property of their
respective owners.

Adobe, Photoshop, Illustrator, Acrobat, Flash, Dreamweaver, After Effects and soundbooth are
either trademarks or registered trademarks of Adobe Systems Incorporated.

http://layersmagazine.com/making-unrealistic-things-look-possible-in-photoshop-cs4.... 08/10/2010