Creating Cool Abstract Waves in Skateboard Jam

Skateboard Jam is an artwork I created for my personal portfolio, JSK.SG (coming soon). I discovered an easy yet interesting way to make beautiful abstract waves and hope to share with you in this tutorial. We will touch on using common tools like Warp and various brush effects.

Preview of Final Image

The texts and images are copyrighted to 10Steps.SG and their respective owners. You CANNOT copy the whole tutorial, either in English or translate to another language.

Create an A4 size document with 300dpi resolution. Set the Foreground color to white and Background color to #2bbcef. Using the Reflected Gradient tool, create a gradient similar to what I did below.

Open the Brush Settings panel. Click on Brush Tip Shape and enter the values as shown below.

Check on Scattering and enter the values and shown below.

Create a new layer above the blue gradient and rename the layer as Bokeh. Set the Foreground color to white and Brush Opacity to 30%. Select Brush tool with earlier settings to paint around the document area.

Create a new layer above the Bokeh layer. Rename the new layer as Color Bars. Make a rectangular selection and fill it with brown color.

Repeat the earlier step but with orange gradients this time. Experiment around with the brightness and tones of similar colors.

Repeat the same steps again for various tones of blue colors and gradients.

Select the Color Bars layer. right-click and choose Convert to Smart Object. Then go to Edit > Transform > Warp. Bend color bars like the way I did below.

Go to Edit > Transform > Rotate. Turn the bent color bars towards the left.

Duplicate two more color bars and overlaying them the way as shown.

Create a new layer in between the color bars and paint some light shadows on it with the Brush tool.

Download Skateboard Jump from ShutterStock. Crop the man out from his white background and place him on one of the color bars. You may refer to this post for various cropping methods.

Repeat the same step for 2 more person, put each of them close to a different set of color bars.

Duplicate the first man layer. Select the original layer, go to Image > Adjustments > Hue/Saturation. Set the Lightness to -100 so the image will turn black. Go to Edit > Free Transform and scale it the way shown below. Then go to Filter > Blur > Gaussian Blur and set the Radius to 40px.

Repeat the same steps to create shadows for the other 2 jumpers behind.

Right-click on the first man layer and choose Blending Options. Check on Outer Glow and fill in the settings shown below.

Check on Inner Glow and fill in the settings shown below.

You will get a nice glow effect on every jumper.

Create a new layer and rename it as Light Streak. Make a white rectangle like I did and rotate it slightly.

Using Eraser tool with 500px and Soft Brush type, fade the sides of white rectangle such that only the top border remain sharp.

Duplicate a few of the Light Streak layer and overlay them to form beautiful light crossing effects.

Create a new layer and rename it as Glows. Using the Brush tool with size 200px and Soft Brush type, paint a few glowing dots around the man.

Let us create some 3D objects to fill up the document. You may refer to this post for how to create fake 3D objects in Photoshop.

Position your 3D objects in any manner you like.

And we are done after having all the 3D objects! I hope you find this tutorial useful. Thanks for reading.

Other Design Articles You May Find Interesting

32 Comments | Write a Comment

  1. sierma says:

    thank you so much for your tips on wrap and gradients effects. i really learn allot from your website. thank you again

  2. Mya says:

    Yah, mine too, some parts of my bars are pixelized 🙁

  3. Tonks says:

    I really liked your methods for creating the colour bars – they are my favourite parts of the tutorial.

  4. MD says:

    Thanks Bro
    These tutorials help me to draw various designs

  5. ile bogdanovski says:

    nice one.Lets try i found another cubic abstract turtroial you may check it out

  6. Superb john… Good stuff…

  7. kachuky says:

    wow, it just great. you re too much. keep it up.

  8. Logomondo says:

    Excellent ork, Keep it like this!

  9. Miguel says:

    seems good but is complicated for

  10. bonidis says:

    j’ai beaucoup aimé tout ce ki se fait veus vous me

  11. mamank says:

    wow…most amazing achievement….creative

  12. Jon says:

    Thanks for this awesome tutorial! Easy to follow, professional look. Interesting to see how different concepts and styles are used; keep up the sick work!

  13. El says:

    My Color Bars are soo pixie. Why?

  14. verry verry helpful , thanks

  15. Hesham 3mara says:

    I like this tut its amazing

  16. Artjunks says:

    i like the line effect 😀

  17. Alex says:

    easy to follow, and really nice one, tnx!!

  18. sbongs says:

    Gees man I like it, nice tut

  19. Anitha says:

    Great piece of collection,impressed with your tutorials

  20. Karthik says:

    Superb john… Good stuff…

  21. Rashed says:

    you are my favorite teacher .. i really love your works

    please keep going ..

  22. jessa says:

    wow. you never fail to amaze me with your tutorials @@

17-09-2014 | Comments Off on Top 50 sport wordPress themes
18-06-2013 | Comments Off on 20 sets of free grunge photoshop brushes
21-01-2013 | Comments Off on Free futuristic fonts from
06-01-2013 | (2) Comments
24-11-2012 | Comments Off on Make your own business card for free
08-02-2012 | (1) Comment
  • Free Brushes
  • FudgeGraphics
  • CrazyLeaf Design Blog
  • Fuel Your Creativity
  • Photoshop Tutorials and Design Resources
  • touch up photo retouching services
  • Small House Design
Follow My Twitter Subcribe Full RSS