Design a Cool “Mystic Dancer” Scene In Photoshop

Design a Cool “Mystic Dancer” Scene In Photoshop

Posted on March 1st, 2009 under Photo Effect

In this tutorial, I will show you the processes I used to create this really cool “Mystic Dancer” scene by using natural grass texture in Photoshop. I came across the original image while browsing for free stock image and I thought: what if I combine it with some natural pattern and texture?

Together we can explore various image adjustment tools, filter effects, layer blending mode, dynamic brush settings and more. Some parts of this tutorial can be a bit tricky, but why not have a try :)

Here a before and after preview:

Before

orginal 495x700 Design a Cool Mystic Dancer Scene In Photoshop

After

the mystic dancer final 2 495x700 Design a Cool Mystic Dancer Scene In Photoshop

Alternative version:

the mystic dancer final 3 495x700 Design a Cool Mystic Dancer Scene In Photoshop

the mystic dancer final 4 495x700 Design a Cool Mystic Dancer Scene In Photoshop

Ok let’s get started!

Step 1

Download a copy of this image from stockvault.net and load it into Photoshop.

If you can take some time to observe the image, you can the image itself primarily consist of some dark and cold concrete wall, with a only a line of the light source in the middle.

The first step is to add a few extra light to the overall image. To do this, duplicate the background layer once and hit Ctrl + M and bring up the Curve Tool, apply the following settings:

1 curves Design a Cool Mystic Dancer Scene In Photoshop

Then hit Ctrl + Alt + Shift + B to bring up the Black and White Image Adjustment Tool, apply the following settings:

1 bw2 Design a Cool Mystic Dancer Scene In Photoshop

And here is the effect so far:

1 effect2 490x700 Design a Cool Mystic Dancer Scene In Photoshop

Step 2

Still on this layer, use the Eraser Tool (E) to erase the distracting white bits of the woman’s upper body:

2 erase 499x442 Design a Cool Mystic Dancer Scene In Photoshop

Duplicate the “Background Copy” layer once, set its blending mode to “overlay” and you will have the following effect:

2 effect6 493x700 Design a Cool Mystic Dancer Scene In Photoshop

Step 3

Now we want to add some texture on the concrete wall so it looks not so boring. Download a copy of this Grass image and load it into Photoshop. (This image is of my own stock and you can use it wherever and for whatever purpose).

Then go back to our document, hit Ctrl + A and select the whole canvas and drag that selection over to the grass image, copy and paste back to our document and name the newly-formed layer as “grass texture”.

Change the blending option of “grass texture” layer to “overlay” and you will have the following effect:

3 effect6 494x700 Design a Cool Mystic Dancer Scene In Photoshop

Then go to Image > Adjustment > Channel Mixer and apply the following settings:

3 channel mixer Design a Cool Mystic Dancer Scene In Photoshop

Change the layer blending mode to “overlay”, and you will see the following effect:

3 effect 21 487x700 Design a Cool Mystic Dancer Scene In Photoshop

Optional: you can erase the texture overlay on the dancer or keep it, that’s totally up to you.

I chose to erase the grass texture off because I felt I would have more room later on for adding something else:

3 after erase 500x403 Design a Cool Mystic Dancer Scene In Photoshop

Step 4

Now we can add a bit of motion into the image: Duplicate the “Grass Texture” layer once more, then go to Filter > Blur > Radial Blur and apply the following settings:

4 radial blur Design a Cool Mystic Dancer Scene In Photoshop

Then hit Ctrl + L to bring up the Levels tool, apply the following settings:

4 level Design a Cool Mystic Dancer Scene In Photoshop

Change the blending option of this layer to “Screen” and you will have the following effect:

4 effect 2 490x700 Design a Cool Mystic Dancer Scene In Photoshop

Step 5

Now we can add something around the dancer to create a better connection between her and the rest of the image. Pen Tool + Dynamic Brush is usually a good choice for this :)

Create a new layer called “Stuff around the dancer”, grab the Brush tool and apply the following brush dynamics:

Shape Dynamics

5 shape dyn Design a Cool Mystic Dancer Scene In Photoshop

Scattering

5 scattering Design a Cool Mystic Dancer Scene In Photoshop

Texture:

5 texture Design a Cool Mystic Dancer Scene In Photoshop

Dual Brush

5 dual brush Design a Cool Mystic Dancer Scene In Photoshop

Color Dynamics

5 colour dyn Design a Cool Mystic Dancer Scene In Photoshop

And tick “Airbrush” and “Smoothing” options.

Then we use the Pen Tool to briefly outline the dancer as shown below:

5 pen tool 499x562 Design a Cool Mystic Dancer Scene In Photoshop

Then right-click and choose “stroke path” with brush, and you will see the following effect:

5 effect 499x700 Design a Cool Mystic Dancer Scene In Photoshop

Step 6

We can add some additional lighting effect for the dancer so the image looks more realistic. Create a new layer called “extra light”, grab a soft round brush and paint as shown below:

6 soft brush 500x591 Design a Cool Mystic Dancer Scene In Photoshop

Change the layer blending mode to “overlay” and you will see the following effect:

6 effect 500x483 Design a Cool Mystic Dancer Scene In Photoshop

Step 7

Lastly we can add some cloud in the middle of the image to give the photo some extra flavor. To do this,  create a new layer called “cloud”, grab the lasso tool and set its feather to 100px, make a selection as shown below:

7 lasso 437x700 Design a Cool Mystic Dancer Scene In Photoshop

Then go to Filter > Render > Cloud (Make sure you set White as foreground colour, Black as background colour) and render some cloud inside:

7 cloud 473x700 Design a Cool Mystic Dancer Scene In Photoshop

Then duplicate the “cloud” layer three times, change the blending mode of each duplicated layer as below:

Cloud Copy – Multiply

Cloud Copy 2 – Overlay

Cloud Copy 3 – Soft Light

and you will have the following effect:

7 effect 491x700 Design a Cool Mystic Dancer Scene In Photoshop

Step 8

Lastly, we can add a light source to the image. To do this, create a new layer called “source light”, fill it with black colour and go to Filter > Render > Lens flare and apply the following settings:

8 lens flare Design a Cool Mystic Dancer Scene In Photoshop

Change the layer blending option to “screen” and erase some unnecessary bits down the bottom, you will have the following effect:

8 effect 479x700 Design a Cool Mystic Dancer Scene In Photoshop

I also added some flying bird on the top of the image, you can download this brush from qbrushes.com and load it into Photoshop. For those who don’t know how to load brushes, here is a handy link for you.

Here is the effect so far:

8 effect 2 494x700 Design a Cool Mystic Dancer Scene In Photoshop

Ok that’s it for this tutorial! You can of course further enhance it and add whatever effect you feel like to it!

Here is my final image for this tutorial: (Add some colour and rainy effect)

the mystic dancer final 2 495x700 Design a Cool Mystic Dancer Scene In Photoshop

Alternative colour scheme:

the mystic dancer final 3 495x700 Design a Cool Mystic Dancer Scene In Photoshop

the mystic dancer final 4 495x700 Design a Cool Mystic Dancer Scene In Photoshop

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54 Design Abstract Surreal Text Effect with Metal Texture in Photoshop VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect
  • hieronymus

    Hello dude,…

    Its monday morning 9.30 am. I am at work and again looking at your amazing tutorials. This one is great and gonna try it out right away.

    Cheers…

  • http://www.psaddict.com psaddict
  • http://www.cgshelf.com/graphics/photoshop/design-mystic-dancer-scene/ Design ‘Mystic Dancer’ scene using adobe photoshop | Photoshop, Flash, Maya, 2D, 3D tutorials

    [...] Together we can explore various image adjustment tools, filter effects, layer blending mode, dynamic brush settings and more. Read full tutorial here [...]

  • Michael

    To be honest……..the old picture looked very cool to me. The tutorial ruins it.

  • Roy

    Michael i describe people like you plain.

    wonderful effects man keep it up.

  • http://www.booto.net/?p=2339 Photoshop CS4 经典教程推荐 – Booto’Blog

    [...] 2.Cool “Mystic Dancer” [...]

  • http://tuts.cgbaran.com/2009/03/19/design-a-cool-%e2%80%9cmystic-dancer%e2%80%9d-scene-in-photoshop/ Design a Cool “Mystic Dancer” Scene In Photoshop | CgBaran Tuts

    [...] View Tutorial [...]

  • http://www.uprinting.com/Brochure-Printing.html Brochure Printing

    Cool man, really cool! Excellent work you’ve posted here. Thanks for sharing this tutorial, keep up the good work!

  • http://www.aditivovisual.com santiag0

    Im linking it to my web. http://www.aditivovisual.com
    great work

  • Deadman

    OMFG! Yep… It’s a real masterpiece… grats!

  • http://photorestorationretouching.com/ photo retouching

    A real masterpiece, thanks for sharing your tips with us.

  • http://www.miraztutorials.com huwaw69

    uhmmm i can’t say something but, i think there is something really not right, great output though.. really good output, but something is lacking…

  • http://thepirateway.net/?p=6171 Design an Awesome Space Dancer Scene with Nebula Texture in Photoshop

    [...] Design a Cool “Mystic Dancer” Scene In Photoshop [...]

  • http://your-dailyword.blogspot.com Mikes

    You are one intelligent being my friend. Those are great pictures! keep it up!

  • taryarL

    that’s why i love this site :)

  • http://www.codescape.in Vaibhav Vijay

    Hi, great piece of work.
    I’ve some problem with getting the texture you used in the brush dynamics part can you provide me with the link?