Create Energy Lines around a Dancer

 

Preparation:

We will need a series of images of a woman dancing. There is a good set of them found at Mjranum Stock.

Visit gallery of Mjranum Stock.

All rights of these resources belong to their respective owners.

   

Step 1 – Setting Up Background:

Create a document of size 900×660 pixels..

Set the foreground color to #09294B and background to #000000.

Using the Radial Gradient tool, create a gradient like the one shown in the diagram.

   

Step 2 – Creating Blue Mist:

Create a new layer above Background and name it as Blue Mist. Set the foreground color to #FFFFFF and background to #000000.

Go to Filter > Render > Clouds. Then follow by Filter > Distort > Wave. Leave the settings as default and hit OK.

Set the Blend Mode of Blue Mist to Color Dodge.

   

Step 3a – Cropping the Dancer:

Open up one of the dancer images.

Crop her out of the background. You may refer to this post for the various types of cropping methods.

Resize the dancer and position her the way shown on the left.

   

Step 3b – Cropping the Dancer:

Repeat Step 3a for 3 more of the dancer images.

Resize and position them in such a way that they look like a chain of movements.

   

Step 4 – Adding Reflections:

Duplicate each of the four dancer images.

Flip them vertically by going to Edit > Transform > Flip Vertical. Position the mirrored images directly below the original ones.

Using the Airbrush Eraser tool with size 300, fade the mirrored images downwards.

   

Step 5a – Creating Wavy Lines:

Select the layer of the first dancer image. Using the Rectangular Marquee tool, make a rectangle selection of 1 pixel width. Make sure the selection covers from the dress to the skin of the dancer.

Press CTRL+C then follow by CTRL+V. This will create a new layer with the selected area. Rename this layer to Wavy Lines.

   

Step 5b – Creating Wavy Lines:.

With the Wavy Lines layer selected, go to Edit > Free Transform.

Scale the width of the pixels horizontally as shown in the diagram.

   

Step 5c – Creating Wavy Lines:

Go to Edit > Transform > Warp.

Distort the color lines such that they form several waves.

You may hide the background to have a clearer view during the distortion.

   

Step 5d – Creating Wavy Lines:

Using the Eraser tool, remove some parts of the wavy lines so that it seems moving between the dancers. Duplicate the Wavy Lines layer. Select the upper Wavy Lines layer, go to Filter > Blur > Gaussian Blur. Set the radius to 3 pixels and hit OK.

Set the Blend Mode of this layer to Screen. Set the Blend Mode of the lower Wavy Lines layer to Linear Dodge (Add).

   

Step 5e – Creating Wavy Lines:

Repeat Step 5a, 5b and 5c for the arm area.

   

Step 5f – Creating Wavy Lines:

Repeat Step 5d for the arm area.

   

Step 6a – Create Glowing Lines:

Create a new layer above the rest and name it as White Stroke. Using the Pen tool, draw a path like the one shown in the diagram.

Set the Brush tool to Airbrush 3 pixels. Select the Pen tool again, right-click on the path you have just drawn and choose Stroke Path. Check on Simulate Pressure and hit OK.

   

Step 6b – Create Glowing Lines:

Right-click on the White Stroke layer and choose Blending Option.

Choose Outer Glow. Set the Blend Mode to Color Dodge, Opacity to 100%, color to #0072FF, Size to 5 and leave the rest as default.

   

Step 6c – Create Glowing Lines:

Repeat Step 6a and 6b for more glowing lines around the dancers.

   

Step 7a – Create Glowing Dots:

Create a new layer and name it as Glowing Dot. Using the Brush tool, set it to Airbrush 17 pixels and color #FFFFFF, paint a dot near the glowing lines you have drawn earlier.

Right-click on the layer and choose Blending Options. Go to Outer Glow and change the Blend Mode to Linear Dodge (Add), Opacity to 100%, color to #008AFF, Size to 24 and leave the rest as default.

   

Step 7b – Create Glowing Dots:

Repeat Step 7a for more dots around the glowing lines.

   

Step 8a – Create Wavy Background:

Repeat Step 5a and 5b.

Go to Edit > Transform > Warp. Distort the color lines differently this time. Make sure it stretches to all four corners of the document.

Rearrange this layer to be just above the Blue Mist layer.

   

Step 8b – Create Wavy Background:

Duplicate the background wave layer.

Select the duplicated layer and go to Filter > Blur > Gaussian Blur. Set the radius to 10 pixels.

Change the Blend Mode of this layer to Color Dodge.

   

Optional:

And we are done! I adjusted the colors a little further using the Hue/Saturation and Curves Adjustment Layers.

Hope you have enjoy the session. Thanks!

Click here to view the final image.

Other Design Articles You May Find Interesting

44 Comments | Write a Comment

  1. Hunter says:

    That is a very cool trick. I would have had absolutely no clue how to create that effect, and I’m fairly Photoshop proficient. I’m going to try it on a coupel of my own images and see if I can get close. Cheers.

  2. game updates says:

    looks complicated but the result are rewarding

  3. tristana says:

    it’s a good tutorial but the second girl at left has got two feet 🙂 but its great

    sorry for my english language i’m french

  4. Awesome tutorial, thanks!

  5. what an Idea. great result!

  6. Wow, this blog is definately getting bookmarked. Great Info all over the place.

  7. smg says:

    nice tutorial.. tkank you..^^;

  8. what a great result!

  9. CgBaran Tuts says:

    Great tutorial thanks

  10. Hart Parrish says:

    Thank you so much. Can’t get enough of this good stuff.

  11. memo says:

    very creative tutorial, tks for sharing

  12. i0_ says:

    woww i’ll try from your step.
    this is really useful.
    thx man.

  13. zoro says:

    i really like to use this one…!
    specially the white glowing strokes
    but the program wont let me to turn it to “stroke path”

    do you have any idea why ??

    great tutorial …!
    thanks

  14. Samir says:

    Very nice! Thank U! 😀

  15. Johnson says:

    Thanks everyone for the appreciation! 😀

  16. akshay says:

    very creative… !
    keep it Up !

  17. Avik says:

    Its really worth of admire…………….i,m really thankfullfor geting this tutorial

  18. Jam says:

    nice One!!!! I really want to have this before.. Thanks for the sharing.. MMMMmmmmwah!! Tsup!!!

  19. insic says:

    really nice effect. i try this one.

  20. Johnson says:

    Thanks Quang and Laurence for pointing this out. I have missed out an important step in Step 2. It is now amended and hope it works for you 🙂

    We should set the Blend Mode of Blue Mist to Color Dodge.

  21. Laurence says:

    Erm? I’ve followed the exact steps, but I think ‘Step 2’ has missing parts as suggested by Quang. Do you create a layer mask, then paint through the central parts of the mist? Nice looking tutorial, but not for beginners 🙂

  22. Quang says:

    i’m already stuck at step 2. i cant get the cloud affect just where the gradient is. i get this full layer of cloud

  23. MimiBeru says:

    Thanks for your tutorial

    I allowed to translate it into French on

    http://www.geekeden.com/index.php?showtopic=18678

    please let me know if this disturbs you.

  24. sadhu says:

    looks very complicated :S

  25. Johnson says:

    Thanks Patterhead and Evelyn 😀

    @Patternhead: I enjoy your site too. You have a great collection of patterns!

  26. evelyn says:

    unique technique! thanks!

  27. Patternhead says:

    Fantastic tutorial.

    Thanks for sharing 🙂

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 urbanfonts.com
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
  • http://www.webbuildersguide.com/
Follow My Twitter Subcribe Full RSS