In this tutorial we will use some simple techniques to create a splashing sneakers effect. Lots of copy and paste commands along with some well chosen stock images will be our ingredients for this scene.

Preview of Final Results

Splashing Sneaker Photoshop Tutorial

Tutorial Resources

Step 1

Create a new document 1289×1000 px and fill the background with #adadad color. Unzip “Metal Package 5” and open file “metal5_1181”. Press Ctrl + A to select all then Ctrl + C to copy. Paste it into our newly created document (Ctrl + V) and desaturate (Ctrl + Shift + U). Lower the opacity of the texture layer to 24% and change the blend mode to Overlay.


Step 2

Duplicate the texture layer and change it’s blend mode to normal. Free transform this layer to create the floor and using the Eraser tool or the layer mask blend it seamlessly with the background. If the texture seems blurry sharpen it using the Unsharp Mask filter.


Step 3

Make a new layer (Ctrl + Alt + Shift + N) and lower the opacity to 11%. With a soft black round brush paint the outer edges to make the floor stand out better. Make another new layer and with a soft white round brush at 700px size dab once in the middle. We will place our shoe over the light to make it the point of interest in our scene.


Step 4

Open file “Shoe” and using your favorite selection tool copy and paste the shoe into our document. Place it in the middle of the scene.


Step 5

Unzip the “Paint Tossing Pack” and open file 15. Using the Magic Wand tool click once on the background to select it an then inverse the selection (Ctrl + Shift + I) to select the splash. Copy and paste this into our document. Position this splash as shown below and use the Eraser tool or add a layer mask and blend it seamlessly with the shoe.


Step 6

Add a clipped Gradient Map adjustment layer and Curves adjustment layer to darken the splash.


I sampled colors from the place the splash is supposed to be coming and used them as dark and white colors in the Gradient Map adjustment layer.


Step 7

Repeat the instructions from step 5 but this time use file “19”.


Step 8

Add a clipped Gradient Map adjustment layer and use the settings shown below. After that add a Curves adjustment layer to slightly darken the splash.

Pages: 1 2

52 responses to “How to Create an Awesome Splashing Sneaker in Photoshop”

  1.  Avatar

    This is a very good tutorial.

  2. nb Avatar

    This was a bad tutorial never ever share nothing from your part. Thank you for reading this, Trust me don’t share nothing again.

    1.  Avatar


  3. imran Avatar

    Nice graphic design thank you for sharing.

  4. Yener Avatar

    I do not watch.
    can you help me.

  5. noname Avatar

    They kind of obviously added and altered some things themselves… like with one of the splashes it was kind of obvious they used the clone tool to make it more realistic

  6. Sufyan Avatar

    I love this Website
    Very awesome and atractive tutorials….!!!

  7.  Avatar

    realy like this blog
    thanks master for sharing this.

  8.  Avatar

    thus is too hard.

  9. Abde Rahmane Avatar
    Abde Rahmane

    That’s Man is Brilliant :) :D

  10. deez Avatar


  11. crystal Avatar

    This is an awesome project I’d love to do with my class, but I can’t download the files anymore….when I click on the link there’s an error :(

    1. Photoshop Tutorials Staff Avatar
      Photoshop Tutorials Staff

      Thanks for letting us know! The link has been fixed :)

  12. Nash Avatar

    In Step 7 I think it’s :’Repeat the instructions from step 5 but this time use file “19”’ and not ‘Repeat the instructions from step 5 but this time use file “9”’. ;) And btw Great tuto

  13.  Avatar

    needs to be more specific did understand as i am a beginner

    1.  Avatar

      I agree good comment

  14. Maidul Islam Avatar
    Maidul Islam

    Nice technique. Really useful…thanks for the post…

  15. khj Avatar

    thanks for the tutorial!

  16. William Bunarto Avatar
    William Bunarto

    i created image named Rainbow Shoe Check it out below

    i learn from this tutorial

  17. Crispylogs Avatar

    nice tutorial about photoshop…!! loved it so shared it..

  18. Crispylogs Avatar

    I really appreciate your struggle, awesome tutorial to learn photoshop…. simply amazing, i shared it on my site..

  19. BRETT TURVEY Avatar

    what kind of photoshop do i need for this?

  20.  Avatar

  21. Giulio Avatar

    Awesome Tutorial. I was wondering for something like that :)

  22. larry Avatar
  23. Larry Avatar

    Thanx for the tutorial, really nice effect. Check Out my version of the splash paint shoe at this link. Thanx alot.

  24. Murnax Avatar

    Thank you for nice tutorial. :D

  25. john thomas Avatar
    john thomas

    File 9 is File ’19’ for me. (Step 9)
    just sayin

  26. Sila Mahmud Avatar
    Sila Mahmud

    This is really a great job thanks for share. Anyone get this type of clipping path service from us.

  27.  Avatar

    This isn’t really well explained and maybe you should edit that when it says open file 9 you should open file 19

  28. MrSimple Avatar

    Amazing =)

    Thanks for this Tuto !

  29. Chris Avatar

    Step 7 should be file “19” not file “9”. This is a great tutorial but it’s a shame you didn’t explain how adjustment layers work a little better. They are difficult to understand for most beginning Photoshop users.

  30. Richard Avatar

    Have seen similar tutorial, very good!

  31. saman Avatar

    tankyou .just im cnot speak english im from iran and i am language of pershian.

    1. AmirHossein Avatar

      WoW,That Was Great,tnx alot

      tnx 4 your every help

      im from iran 2 :D

  32. Sila Mahmud Avatar
    Sila Mahmud

    These are amazing. Super creative and imaginative and all things that are good.

    1. Aso Ahmed Avatar
      Aso Ahmed

      It’s available as video now

  33. fastgood Avatar

    very nice, thank you very much :)

  34. Daily Delicious Design Avatar
    Daily Delicious Design

    Thanks a million! Easy to follow and very effective. Made some changes but the idea is the same. Take a look…

  35. Maritza Andrade Avatar
    Maritza Andrade

    Interesting tutorial.  I made it with a high heel.  Wonderful result.

  36. jojoboi Avatar

    heh well ima try this n hopefully it turns out ok:) wish me luck

  37. Gezim S Avatar
    Gezim S

    Nice tut :)
    My result:

  38. Justin G Avatar
    Justin G

    Awesome tutorial!! I’m no pro at photoshop, but this tutorial was awesome! There’s my final product —–>

  39. Jade Avatar

    I found it very closely similar to this tutorial, about final result or even techniques in each step. Is it only a coincidence?

  40. lelo Avatar

    w0o0o0www i did it thank u so much ^_^ nice tutorial !!

    1. lelo Avatar

      my result

  41. djodjooo Avatar

    Hello, Thank You fot this good tutorial. The PSD seems to be broken. It’s possible to put this file available ? Look the size file ;-)

    1. dennytang Avatar

      @djodjooo Thanks for the tip! The link has been fixed and you can download it here:

  42. suleman98 Avatar

    thanks for the tutorial.i use it to make some images for my website

    1. Zuly Avatar

      logo?? nav??

Leave a Reply

Your email address will not be published. Required fields are marked *