preview

How to Create a Surreal Photo Manipulation with Twisting Water

Mar 6th in Illustration, Photo Effects by Oliver Cereto

In this tutorial, we're going to create a fantasy photo manipulation mixing different images and learning to use and modify the stock images in a creative way. The idea is to get a compact image that looks absolutely real, and at the same time, absolutely impossible!

PG

Author: Oliver Cereto

I am a Spanish freelance designer, photographer and illustrator. I use mostly photoshop for photomanipulation and design, but I love vector graphics and flash animation.

Final Image Preview

Take a look at the image we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below.

Step 1

Start with an empty document (mine is 40cm by 50cm at 240 dpi) and one beautiful sky pic for the background. I used my own image for this, which is in the download for Psd Plus members, though you can certainly search stock sites for a good sky image as well.

Step 2

Apply Color Balance (Image > Adjustments > Color Balance) to add blue and cyan using the settings shown below.

Step 3

Let's add the girl. It's a personal photograph of mine and is included in the download for Psd Plus members. I captured the model in natural light and is easy to reproduce. You can always use your own image or stock image though. Cut it out with your favorite tool from the original picture and paste it in our main document (don't worry about feet, we don't need them). Place the image in the center.

Step 4

Now we are going to modify the color on the girl. Go to Color Balance again (Image > Adjustments > Color Balance) and use the adjustments shown below.

Step 5

Let's add some levels next. Go to Image > Adjustments > Levels and apply the following adjustments.

Step 6

Now use the Healing Brush Tool (J) to erase the details on the girl skin that you don't like (marks, moles, etc...). Just search for a clean zone of the skin, press Alt and click with the left button mouse button. Then release Alt and click over a mark/mole and it erase.

Step 7

Let's work on the ground now. Search for some grass photographs, like the ones that I show below. I used these grass images: 1, 2, 3, and 4. Next, cut a line of grass out carefully. It's important to use images with quality that don't look blurred because some of them will be close-up in our final illustration. Use all the time that you need, and the Eraser Tool with a harder edge, to get the best selection possible.

When you paste a selection in our image, use Color Balance (Image > Adjustments > Color Balance) and Levels (Image > Adjustments > Levels) to match the different colors and lights. Basically, you need to add yellow/blue or magenta/green depending of the image you are using.

Step 8

We're going to place layer over layer to make credible grass. Some of the layers will not be very visible so don't worry if you repeat the same selection in different parts of the image. For the last line of grass (the closest to our eyes) we'll need an image with good quality and definition. Cut it carefully and paste it over all the other layers.

Use a line of grass behind the girl to join better in the grass. Finally, use little leaves to cover details and imperfections in the grass. It's important that you don't merge all the layers because we will need to introduce elements between some of them. This is an easy job, it doesn't require too much knowledge but you will need patience and good stock images. One last advice is don't use brushes to make elements like this, unless you're an absolute expert, as it will look bad and not photorealistic.

Step 9

Let's go now for the water drop in the hand of the girl. As you can see, we have got a good stock image that doesn't need too much editing to get a good final look. That's the importance of the stock images that we use; the better they are, the less work we'll have to do on them in Photoshop.

Cut and paste it into our image behind the girl layer. Then use the Color Overlay option in Layer Style (Layer > Layer Style > Color Overlay) to make blue the green tones in our drop. Use the Overlay in Blend Mode, select a color similar to the one in the image and set the Opacity to 59%.

Step 10

Now let's add some more drops floating and falling from the hand. Use photographs from drops that have a white or blue background to get a perfect match with our cloudy background. I used this image.

Step 11

It's time to create some water spirals. One more time we need a good stock image that can be used as we want. This time we will use the water falling from a hose. Select it and paste in our image. Now go to Image > Adjustments > Hue/Saturation and change the Hue to +111.

Step 12

Now go to Edit > Free Transform (Command + T) and move the water to the position in the sample and go to Edit > Transform > Warp. With this mesh you can distort the object to make it twist.

Step 13

Once you have got a look similar to the image below, use the Blur Tool (R) on the edges of the water to make it blurred. You can use a subtle motion blur if you want too (Filters > Blur > Motion Blur).

Step 14

Duplicate the water layer and move down the lower one. Apply a Gaussian Blur (Filters > Blur > Gaussian Blur) with a Radius of about 32 pixels. Now use the Eraser Tool (E) to delete the blur that doesn't fall over the body of the girl. Add some green and yellow using Image > Adjustments > Color Balance and finally change the kind of layer from Normal to Soft Light.

Step 15

Use the Burn Tool with an exposure of about 40% over our "water" layer, creating some shadows on different zones.

Step 16

This will be easy. Duplicate the "water" layer again and use Free Transform (Command + T) to move it into the position shown below. Move it between some of the grass layers, like it is jumping and running.

Step 17

Duplicate the "water" layer one more time. This time we are going to make the new layer bigger and move it closer to the viewer's position (between the "grass" layers again).

Step 18

In this last layer, add a motion blur. Go to Filters > Blur > Motion Blur and set it to an Angle of 16 and about 30 pixels of Distance.

Step 19

Copy and paste a piece of the water stream to improve the end of this water stream, as shown below. Then move it to the zone near the grass and use the eraser or a layer mask to make the union perfect.

Step 20

Now let's add some details. Cut some blades of grass and use motion blur on them to emulate the effect of moving, then place them around the water steam. Next, create some little white spheres with the Ellipse Tool and apply motion blur again. These are shinning drops that I can paste here and there to make the stream a little more personalized.

Step 21

Now let's use the original water stream again. Move it with the Free Transform (Command + T) to the position in the image, then use the Eraser or a Layer Mask to merge the edges of the two stream layers. Go to Image > Adjustments > Color Balance and use the Colors Levels that you can see in the image below. Finally, use the Burn Tool and Dodge Tool to add some shadows and highlights to the stream. What we've done is added some green to the water, like it was reflecting the color from the grass.

Step 22

Let's use a copy of the original water stream again. Go to Edit > Transform > Warp to modify the selection as shown. Then move it into the position in the second sample image below. Finally, add some more drops and shines as we've done before.

Step 23

Let's use the original water stream >. Use Free Transform (Command + T) to modify the selection like in position (2). Then use Edit > Transform > Warp to get the stream like in position (3). Add drops and shines again. It's easy; as you can see we're just repeating all that we've done in previous steps.

Step 24

There's nothing new here. Repeat the previous step and modify the selection with Edit > Transform > Warp to get the stream that you can see in the sample below.

Step 25

Let's work on details now. Select the layer of the "girl." Use your Eraser or one Mask Layer to improve the selection of the girl. Use it carefully in the hair. Then use the Healing Brush Tool as discussed in Step 6 to correct the final details. As you can see in the image below, the girl on the left is the original girl image, and the one on the right is the final version.

Step 26

We're still on the "girl" layer. Select the Burn Tool, and with Range in Midtones and Exposure about 25%, and use it on the places where the shadows of the water fall. Use the sample image below as a guide.

Conclusion

Personally I like the colors and light. But I invite you to use Adjustments Layers to modify and change them as you want. Go to your upper layer and then go to Layer > Adjustments Layers > Levels (for example); modify it as you want to get your perfect image. You can make the same with Color Balance, Curves, etc...

Subscribe to the Psd.tuts+ RSS Feed for the best Photoshop tuts and articles on the web.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Misael Arroyo March 6th

    Nice tutorial. =P

    ( Reply )
  2. PG

    OpenSourceHunter March 6th

    Real nice tutorial!

    greetz

    ( Reply )
  3. PG

    Patrik March 6th

    Look great! Nice tutorial!

    ( Reply )
  4. PG

    Saro March 6th

    Really cool!

    ( Reply )
  5. PG

    Neill March 6th

    hmmmmm.

    ( Reply )
  6. PG

    Miyou March 6th

    WOW! I really like the end result! :D

    ( Reply )
  7. PG

    Alvaro March 6th

    Nice tut… I’ll try it but with more splashes all around the twisting water.

    Liked the grass part

    ( Reply )
    1. PG

      lawrence77 March 6th

      give your output link :)

      ( Reply )
      1. PG

        x-ned May 24th

        i Love it

  8. PG

    Jeff March 6th

    This is a probably on of the better ways to create an effect with twisting water. Although the steps are very basic, it utilizes the abilities of the Warp tool & layer modes enough so that the water does what you want it to… This would be interesting to apply to fire…
    Over all, informative tutorial.

    ( Reply )
  9. PG

    Constantin Potorac March 6th

    Hey great tutorial.

    ( Reply )
  10. PG

    dan March 6th

    not so sure about this one…

    ( Reply )
  11. PG

    Anderson March 6th

    Usefull.

    ( Reply )
  12. PG

    lawrence77 March 6th

    26 steps….
    i like it, my college register number is 26! :) lol

    is it a 150$ tutorial! :(
    anyway great outcome!!!

    ( Reply )
    1. PG

      lawrence77 March 6th

      anyway i appreciate the thinking of the authour!!

      good thinking man!

      ( Reply )
    2. PG

      lawrence77 March 6th

      I’m the first to thread here in this tutorial! :) :D

      ( Reply )
  13. PG

    Sirwan March 6th

    step 6 was unessesary

    ( Reply )
    1. PG

      TS March 6th

      so is your comment

      ( Reply )
      1. PG

        Tom H March 6th

        That is not fair – he is expressing opinion and is being more useful than you.

        Please don’t spam the comments.

      2. PG

        nahid March 7th

        Really not fair TS

    2. PG

      Tom H March 6th

      I agree, but something’s gotta fill the page! ( Just kidding :) )

      The tutorial overall seemed a bit…pretense, but the outcome was good.
      A lot of the steps seemed like they could have been merged because with this kind of stuff there is a lot of nitpicking.

      Overall, I really like the result!

      ( Reply )
      1. PG

        lawrence77 March 7th

        me too…

    3. PG

      John March 7th

      It is pretty much standard to make model’s skin “perfect.” Its probably not a bad idea to get beginning photoshoppers in the habit of it.

      ( Reply )
  14. PG

    s March 6th

    Looks like you made her skinnier in the document than she was in the original photograph. :O Didn’t want to mention that in step 3? :P

    ( Reply )
    1. PG

      Heather March 7th

      That appears to just be where the stream of water flows. I dont think there was actually any photoshop trimming that occured.

      ( Reply )
  15. PG

    BogDinamita March 6th

    I don’t know it’s pretty amateurish

    ( Reply )
    1. PG

      Sascho March 6th

      Exactly, therefore, I like it. :D

      ( Reply )
      1. PG

        zakkap March 7th

        ah comment threading.

  16. PG

    sdrakulich March 6th

    good, but not great. Nothing outstanding, although some basics are shown

    ( Reply )
  17. PG

    Isis March 6th

    A little amateur…Maybe it looks better and more natural if the water have some transparency…

    =)

    ( Reply )
    1. PG

      nahid March 6th

      I totally agree! it looks like some color strap. Water should have been more transparent!

      ( Reply )
      1. PG

        Tama March 8th

        yeah, I totally agree! That’s the only point in dis-favour, otherwise it’òò be a great image… btw the tutorial is fine, if someone wants trasparent water, just make it transparent :)

  18. PG

    Nigga March 6th

    Great idea

    ( Reply )
  19. PG

    Qiming March 6th

    Cool tutorial, but I think it could be better.

    ( Reply )
    1. PG

      Closeupman March 9th

      Oh Really Qi?

      What a great comment! :P

      Exactly HOW could it have been better? :P

      ( Reply )
  20. PG

    pranskate March 6th

    =OOO
    very nice…

    ( Reply )
  21. PG

    Thomas March 6th

    I love it :D

    ( Reply )
  22. PG

    nahid March 6th

    omg 150$ for this? mann! it looks so silly effect! anyways its kinda cool. I have made one wonderful tutorial, planning to post to my website or earn 150$ at psdtuts!

    I have 2 tutorials coming up on my site! lets see what i decide. lols

    26 steps to glory!

    ( Reply )
    1. PG

      lawrence77 March 7th

      Nahid write the tutorial here!
      because if it is posted in PSDTUTS u got 150$ and also a free advertisement to your site(people want to see your webpage while u post a tutorial)

      so better option write tuts here!!! :)

      ( Reply )
    2. PG

      moih60 March 7th

      yes..u make amazing site but in this way u just give ur bee
      i add them to my blog

      ( Reply )
      1. PG

        sriganesh March 30th

        me too, write tutorials here on psd tuts, man. lawerence once agian we met here.

  23. PG

    macias March 6th

    i like twisting shapes… result is nice

    ( Reply )
  24. PG

    saustomat March 6th

    nice, inspiring to warp water effect.

    ( Reply )
  25. PG

    ouhti March 7th

    woooooow

    ( Reply )
  26. PG

    Daniel March 7th

    Good tut. A lot of basics but that’s extremely important.

    ( Reply )
  27. PG

    Oliver Cereto March 7th

    Hi,

    Thanks a lot for your comments and opinions. Just want to say that, how some of you say in your comments, this is a tutorial that use basics knowledges and apply them to get a photomanipulation with quality. It´s just an example that it´s not too difficult to create a quality image with imagination and a good selection of stock =)

    ( Reply )
    1. PG

      sriganesh March 30th

      you are correct. Oc

      ( Reply )
  28. PG

    Southguy March 7th

    lol tentatcle

    ( Reply )
  29. PG

    Catherine Tsapelik March 7th

    Well, the tut is good. Really. But still not great. It’s kinda not finished yet. Something’s missing.
    I’d add some light effects and details like more water splashes which were supra mentioned. But it’s ok. After finishing it could be a good advertising poster.

    ( Reply )
  30. PG

    Tony March 7th

    The water is quite transparent you know.. Otherwise the warp tool is pretty nicely explained in the tut

    ( Reply )
  31. PG

    Harsh Anjaria March 7th

    i think this tutorial is awsome for those who is learning photoshop.. as it shows how you can create some good effects and images using some of the basic tools in photoshop… from that part i can say its awsome..

    ( Reply )
  32. PG

    TheDoc March 7th

    Some good skills are discussed, but the finished product in this case is lacking quality.

    A shame, this one had some potential.

    ( Reply )
  33. PG

    Lorenzo March 7th

    it kinda pales in comparison to many of the other tutorials here. but still. it has some useful basic parts… seems like this could be improved a lot. oh well.

    ( Reply )
  34. PG

    Iain Fraser March 8th

    End result looks nice and I really like the technique. I was thinking of doing a piece that involves mucking around with liquids and I might just use this idea. To those criticising the end result, I think it’s more important that you get to learn a new technique, or an old technique in a way you never thought of applying before. I like this one.

    ( Reply )
  35. PG

    Centaurus March 8th

    Wasted $150, everything in this tutorial are too basic and everyone can learn them from books, we need something more special on a Tutorial Website.

    PS : The water must be transparent and see-through, not be solid like that.

    ( Reply )
    1. PG

      Roberto Blake March 22nd

      That is a mater of some opinion, we are after all talking about Photo Manipulation not Photo Realism.

      ( Reply )
  36. PG

    Arik March 8th

    A few months ago I made a piece where I applied the distortion tools to blurred out and contrast enhanced firework photography. I wrapped that around a woman and it looked like this amazing rainbow. Few shadows here and there and voila.

    ( Reply )
  37. PG

    JakeGy March 8th

    Not convinced.

    ( Reply )
  38. PG

    Tama March 8th

    whay are you working at 240 dpi? what kind of resolution is that? that’s weird…

    ( Reply )
    1. PG

      Oliver Cereto March 8th

      It´s the resolution that was used in the laboratory where I printed the image some years ago :) Not the best of course, but it was good for the size I needed.

      Anyway, if you don´t like it, it´s easy to change it.

      Regards

      ( Reply )
  39. PG

    Foobar March 8th

    This is weak. The color balance is wrong and the overall effect looks amateur.

    ( Reply )
  40. PG

    Richard March 9th

    This tutorial could be better.
    And that is true, the color balance is not good.
    You can add some depth of field on the grass and clouds higher.
    Looks like she is on a piece of ground that is flying.

    ( Reply )
  41. PG

    merb March 9th

    muy bueno, gracias!

    ( Reply )
  42. PG

    FL March 9th

    Yeah i don’t know about this one either..

    It’s a nice tut for showing photoshop’s capabilities like the warp tool etc, but there are better ways to create water that you can transform like you want.

    But than again, it’s a well explaned tutorial so i think it’s could be very usefull for lots of people

    ( Reply )
  43. PG

    Illy March 9th

    The water looks not very natural, because it has this greeny shine from the original picture. It should be more transparent, like the water in the hand of the model, but the idea is good!

    ( Reply )
  44. PG

    insic March 9th

    nice one

    ( Reply )
  45. PG

    hadi March 9th

    very very Good .nice effect

    ( Reply )
  46. PG

    justin March 9th

    look, im not the first comment! yay!

    ( Reply )
  47. PG

    Eric Shafer March 9th

    Nice tutorial, could be a little different with transparency but i like it.

    Featured here: http://www.presidiacreative.com/web-picks-15/

    ( Reply )
  48. PG

    Anton Agestam March 10th

    Cool tutorial!

    ( Reply )
  49. PG

    Maurizio Liberato March 10th

    Nice effect! Well done :)

    ( Reply )
  50. PG

    sy jones March 10th

    Like the way you’ve made the models arse smaller in the final image than in the original. Nice touch! ;)

    ( Reply )
  51. PG

    Melody March 10th

    This tut shows some good skills, I just wish they’d come together int oa nicer final product.

    ( Reply )
  52. PG

    Fabian pallares March 11th

    The water should of been transparent!

    ( Reply )
  53. PG

    Greg March 11th

    looks magical ^^

    ( Reply )
  54. PG

    flomo_design March 11th

    So Happy I have my plus account now :)

    ( Reply )
  55. PG

    shoiabe March 12th

    it was good yar but water was not much good just water only other wice it was grat

    ( Reply )
  56. PG

    Michael March 12th

    she’s very cute :X

    ( Reply )
  57. PG

    Alan March 12th

    Thanks for the effort, Oliver. I think some more finishing touches and details could have made it even better.

    ( Reply )
  58. PG

    Ushuaia-Info March 13th

    Great effect, thank you !

    ( Reply )
  59. PG

    nahid March 14th

    Inspirational.. cool thanks psd

    ( Reply )
  60. PG

    Uwe Noelke March 17th

    Must have been many hours of work. The result is perfect. Thanks for the tutorial.

    ( Reply )
  61. PG

    jeck March 18th

    hi ,,,,,,,,,,,,,,,,ur amaizing……………” ur worl also”

    ( Reply )
  62. PG

    DEEPAK March 19th

    NICE TUTS BRO

    ( Reply )
  63. PG

    Roberto Blake March 22nd

    Really liked your tutorial inspired me to create this image:

    http://robertoblake.com/graphics/roberto-blake-psd-water-bender-girl-web.jpg

    Thanks again for the tutorial.

    ( Reply )
  64. PG

    PG43riel March 23rd

    it could be really better… but thats the way to go, with some more treatment would be great, nice doing

    ( Reply )
  65. PG

    timshapiro March 27th

    The water needs to be more transparent. This is an easy effect.

    ( Reply )
  66. PG

    ligouba April 8th

    i like the girl in pic she is my type!

    ( Reply )
  67. PG

    Irshad ul Islam April 9th

    Nice tutorial, i liked it……!

    ( Reply )
  68. PG

    maya April 11th

    i can try it… ^_^

    ( Reply )
  69. PG

    Deepak wakde April 11th

    very nice tutorials, thanks for psd.tutsplus.com

    ( Reply )
  70. PG

    Rodger April 12th

    Im interested in where you got the stock grass photos. I checked out the site and almost joined it. I figured I would check here to see if it was a free site before I gave them my information. I’ve never been on a stock photo site so sorry for my lack of knowledge.

    ( Reply )
    1. PG

      Oliver April 17th

      Most of them are from: http://www.sxc.hu/
      And maybe some from deviantart, I can´t remember exactly which are all the images that I used, but in these sites you can find all of them for sure.

      Hope it can help you!

      ( Reply )
  71. PG

    Armand April 17th

    Amazing… thanks for share this….

    ( Reply )
  72. PG

    Brian April 26th

    Step 14, lovely. Makes a really big difference even if people don’t notice it. Wonderful tutorial, learned heaps. Thanks mate.

    ( Reply )
  73. PG

    Balraj April 28th

    Very Very Beautifully explained tutorial. Thanks

    ( Reply )
  74. PG

    Snapper77 May 3rd

    It’s awesome……………………………
    Amazing tutorial

    ( Reply )
  75. PG

    Bagus May 4th

    nice tutorial, but actually you can make the water effect with the plastic warp and chrome ,filter plus a little adjustment in layer blending options

    ( Reply )
  76. PG

    tncytrk May 5th

    Haha! Superb

    ( Reply )
  77. PG

    photo retouching May 10th

    Nice tutorial, but I have seen better from this site

    ( Reply )
  78. PG

    Kris 14 years old May 13th

    i think i really have to practice first before i can make this :P

    ( Reply )
  79. PG

    khalid May 15th

    fantastic

    ( Reply )
  80. PG

    huwaw69 May 21st

    wow the swirling water is really great effect hahaha

    ( Reply )
  81. PG

    Taylor Fridrich May 26th

    nice techniques, but i dont really like the end result.

    ( Reply )
  82. PG

    Manju.M May 29th

    Very nice

    ( Reply )
  83. PG

    esanstudio.net May 30th

    thanks on this idea…haha

    GOOD JOB!!!

    huh..how do you the idea? tel me the concept of your brain..

    ( Reply )
  84. PG

    Michael July 21st

    awesome

    ( Reply )
  85. PG

    Anass August 12th

    thank you very much
    here’s mine
    http://img101.herosh.com/2009/08/12/203680284.jpg
    take care and thank you

    ( Reply )
  86. PG

    mangoa August 14th

    i love the idea

    ( Reply )
  87. PG

    vampire August 15th

    just one world…..
    WOW….

    ( Reply )
  88. PG

    Ahlem August 29th

    wooooooooooow .. c magnifique

    ( Reply )
  89. PG

    lewisjj September 30th

    great tutorial reminds me a bit of avatar with waterbending

    ( Reply )
  90. PG

    NONE November 5th

    Hey andy

    ( Reply )
  91. PG

    Emily Osment November 17th

    i lov u all !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    November 17th