About PSD Vault

In operation since 2008, PSD Vault is a blog that focuses on providing high quality, step-by-step Photoshop tutorials to all Photoshop lovers and hobbyists around the world.

VIP Membership

Become a PSD Vault VIP to access 170+ PSD Files, Extra Goodies and Exclusive Photoshop tutorials. Sign up now!

Useful Resources

site5 banner

Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Posted on November 3rd, 2009 in Photo Effect.

In this tutorial, I will show you the steps I took to create this really cool, shining girl poster by using the powerful photoshop brush engine, plus previously mentioned cloud warpping and some basic photo retouch techniques. Have a try!

Along the way, we will go through some photo retouch techniques, make a brush then tweak with the Photoshop brush engine, also we will use the cloud filter to create some awesome lighting effect.

This is an intermediate level tutorial so some steps can be a bit tricky, if you get stuck, just drop a comment below and I will try my best to help you out.

Here is a preview of the final effect for this tutorial: (click to enlarge)

shape girl poster flatten final 466x700 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Alternative Version:

shape girl poster flatten final 2 466x700 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Ok let’s get started!

To complete this tutorial, you will need the following stock:

Rainbow Girl

Step 1

Create a new document sized  800px * 1200px and fill the background layer with Black colour. Load the Rainbow Girl image into Photoshop and cut the girl out by using whatever selection method you like to use. (I used Channel Mask technique here, if you’re interested, here is a tutorial for it)

Copy and paste the girl image onto our document, as shown below:

1 paste 466x700 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Name this layer as “girl”.

Step 2

Now we’re into the interesting part of retouching. As you may have noticed, we have some facial impection here as shown below:

facial impection 500x388 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

To clean them up, simply grab the Spot Healing Brush Tool and the Healing Brush Tool, apply the following settings:

Spot Healing Brush Tool

spot healing 500x237 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Healing Brush Tool

healing brush 500x187 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

With the Spot Healing Brush Tool, simply do a single click on the black spot you like to get rid of. If you found it’s not quite working, you the healing brush tool to sample a good piece of skin, then heal the black spot with it.

Here is my effect after the clean up:

after cleanup 500x358 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Step 3

Now we can smooth her skin a bit. To do this, simply duplicate the girl layer, go to Filter > Blur > Surface Blur and apply the following settings:

3 surface blur Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Because we only want her face and the should skin to be blurred, so we can hide the rest of the layer by adding a layer mask to it, as shown below:

3 mask 500x623 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Reduce the layer opacity of this duplicated layer to around 50%.

And here is the effect so far, you can see now we have a much better girl image:

3 effect 500x508 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Step 4

Let’s add some lighting effect on the image. Create a new layer called light on top of the “girl copy” layer and grab a soft white brush, paint over the area as shown below:

4 paint 500x533 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Set the blendng mode of this light layer to “Overlay”, drop the opacity to around 50%. Add the following two adjustment layers on top of the light layer:

Curves

4 curves Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Brightness and Contrast

4 bc Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

And here is the effect so far:

4 effect 500x589 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Step 5

Now let’s make a simple custom brush, which we will then use to create the background of this image.

Create a new document (size doesn’t matter here) and fill the background with Black. Grab the Rectangular Tool as shown below:

5 rect tool Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Create a new layer on top of the background layer, draw a rectangular shape on the canvas, then right-click it and choose “Stroke Path”, choose the option “Pencil” (Make sure you set the pencil size to be 1px, with a light grey colour)

5 stroke 500x358 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

And here is the effect after you stroke the path:

5 draw Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Now we want to get rid of the part outside the square. To do so, go to Image > Trim and apply the following settings:

5 trim 500x328 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

You will see the black part outside the square is now gone. Now hide the background layer, go to Edit > Define Brush Preset and save the brushset as “square”:

5 define 500x252 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

5 name brush 500x230 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

And you will see the brush appears in the brush panel:

5 brush loc 500x262 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Step 6

Let apply this brushset to our image. Create a new layer named “square brush texture” under the original girl layer, click on the brush we just made, apply the following brush dynamic to it:

Shape Dynamics

6 shape dyn Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Scattering

6 scattering Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Tick “Smoothing” option.

And paint away with this brushset on the texture layer around the girl edge, adjust the brush size for variations:

6 paint 498x700 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Optionally, you can cancel the dynamics and just use the original brush, for different effect:

6 paint 2 500x561 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Step 7

Now we can add some cloud on top of the shapes texture layer. Create a new layer on top of the square shape texture layer called “cloud”, use the Lasso Tool with a 20px feather, draw a selection and render some cloud inside it, change the blending mode of this layer to “Colour Dodge”:

7 cloud 500x513 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Duplicate the cloud layer once and drag it onto the feet position, so to create some highlight on her feet: (Resize it a bit with the free transform tool)

7 cloud 2 500x179 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Now duplicate the cloud layer a few more times and change the blending mode of those layers to “Normal”. On each duplcated layer, hit Ctrl + T and right-click to choose the “Warp” option, warp the cloud to different shapes around the girl’s body:

7 warp cloud 500x449 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

This step is entirely up to you want kind of the shapes you like, here is my effect:

7 warp cloud 2 500x621 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

And here is the effect so far:

7 effect 500x693 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Step 8

Ok we’re almost there! Now let’s do some final adjustment for the image. On top of all previous layers, add a Black and White adjustment layer on the top:

8 bw Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Change the blending mode of this black and white layer to “Overlay”, apply the following layer mask to it:

8 bw mask 1 489x700 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

You can see by adding the mask, we created some depth to the image:

8 effect 1 500x655 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Duplicate this black and white layer twice, maintain the blending mode as “Overlay”. Add aonther Vibrance adjustment layer on top of the duplicated layer:

8 vib Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Create a new layer on top of every other layer and set the blending mode of it to “color”, grab a big soft brush with colour of your choice and simply paint on desired area. You will have the following effect:

8 effect1 496x700 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Step 9

OK we can do some fine-tuning of the final image by adding some light strips. To do this, simply flatten the image, duplicate the background layer once, and apply the following motion blur setting to the duplicated layer:

9 motion blur Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Change the blending mode of this motion blur layer to “Screen”. Here we don’t really want to the whole image to be covered by blur, so we add a layer mask to the motion blur layer to hide a portion of it:

9 mask 500x678 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

And here is the effect so far:

9 effect 500x673 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Optional: you can duplicate this motion blur layer a few times and try out different blending mode. The result will amaze you :)

Here is my final effect for this tutorial: (click to enlarge)

shape girl poster flatten final 466x700 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Alternative version: (I added some abstract brushset on the girl feet)

shape girl poster flatten final 2 466x700 Design an Shining Girl Poster with Awesome Lighting Effect in Photoshop

Further Reading

Just an interesting article I found on the net about Photoshop Brush Engine, great for beginners:

An Introduction to Photoshop Brush Engine

That’s for this tutorial! Hope you enjoy it and find it useful, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

<p>Find out how to make great <a href=“http://www.cafepress.com/+posters”>wall posters</a> and ship them to family and friends.</p>

Take a Break

  • http://ricardofx.deviantart.com/ ricardofx

    nice @james contartulations bud!

    rfx

  • Vince

    Nice tutorial! But what went wrong with cutting out? Her right arm is pretty fckd.

  • Heather

    Hey nice photo job but who is that girl.? She looks like me but I swear its not me and where did you get the photo of her.?

  • Terran Carter

    I like the layout of your tuts, helps me try to attempt to learn advanced techniques. Question is I have CS3 extended (MAC) and i am missing several of the buttons needed like trim, or define brush for example. Are you running cs3 or cs4? I like this tutorial, easy to follow other than the control issue, but maybe i’m just not at the same level

  • James

    @Heather: i got the image from deviantart, if you click on the image download link in the tutorial, that will take you to the author’s deviantart page.

  • http://www.dic-syen.com Dic-Syen

    Hey,I’m inspired by this tutorial. Will definitely be trying it out.

  • Bjell

    Hey. I can’t seem to get step 5. I get stuck with a square filled with color, not just the stroke around. What am i doing wrong? :)

  • Pingback: [Photoshop] Realizzare un poster con effetto luminoso! | sastgroup.com

  • Pingback: [photoshop] realizzare un poster con effetto luminoso!

  • http://digitalartempire.com/ Benjamin Rama

    thats one of teh first girl with swirly light tuts ive seen i like – there are so many swirly light with people dancing tuts and images — anwya looks great tx

  • Jose

    Hey, this tutorial is so great, but in the step 8 i don’t have de Black/ White Adjustment layer because i’m using photoshop CS2, how can I do the same effect with this photoshop?

    thanks

  • http://desaindigital.com jeprie

    About the color. I really like it, is it just random or you use some color theme?

  • http://www.semtexdesign.com Jitender

    That’s a good tutorial and that’s inspire me to use this effect on my next project.

  • Kristin

    having trouble with step 5, when I go to trim it says it’s empty???

  • madcene

    if your using cs3 after uve selected the rectangle tool hit the paths button on the top and the it will let you trim

  • http://www.tutoriallounge.com/ Tutorial Lounge

    excellent techniques in whole tutorial which is really helping. thanks

  • nix

    i have a problem with step 5. define brush preset won’t work it says that the selected area is empty….need help…

  • edwin

    hey i have a problem with step five and the define brush set.. I can’t get it to come up.i am not able to do it.

  • Paul Ehrenreich

    Hey, I am digging the tutorial so far and I seem to be pretty stuck on that start of step 5.

    I am running Photoshop CS4 and I am at the part where you create the rectangle for the brush. I create a new document, fill it in black. I then create a new layer on top of the background, select the rectangle tool and try one. However if I right click on the newly drawn rectangle the stroke path option is grayed out.

    I have tried setting the option for the rectangle tool for paths at the top. This allows me to be able to select the stroke path but when I get to the trim part, it will not let me saying that the space will be empty.

    Anyone doing this tutorial get past this part?
    Thanks for the help in advance!

  • Paul Ehrenreich

    Ok disregard my last comment, I forgot to set the pencil tool to a light color. This allowed me to trim it without any issues =)

  • Paul Ehrenreich

    Ok, even thought I got past that part I am now stuck on the part where you are supposed to define brush preset after you trim the rectangle. For some reason mine is grayed out. I made sure that it was under the 2500px limit and it still will not let me define it as a brush. Has anyone else run in to this issue and been able to figure it out.

  • Max

    I had the same problem in step 5 and solved it leaving some transparent area around the square and hiding the black background. Hope it’s helpful :)

  • http://arokathikachaka.deviantart.com Aroachikachaka

    In step five, when I have to difine the brush preset, photoshop, for some reason or another, won’t let me do so. Any advice as to fix this dilemma?

  • Eric Johnson

    Step 5, Can’t define the brush. Any help would be appreciated

  • MrJ

    I had the same problem with step 5, but I fixed it by going to the paths palette and deleting the path that was created when the rectangle was drawn. Then the “Define Brush” option became available.

    Hope this helps. Otherwise a great tutorial. Thanks.

  • Pingback: 55 Colorful Light Streaks in Your Photo -Photoshop Tutorials-Part I - Photoshop Website - Tutorials,Brushes & more..

  • Pingback: POSTER - Photoshop Website - Tutorials,Brushes & more..

  • Bids

    amazing!!!!!!!!! love it!

  • Pingback: 25 Outstanding Photoshop Lighting Effect Tutorials - Programming Blog

  • Pingback: 25 Outstanding Photoshop Lighting Effect Tutorials

  • Pingback: 10 Tutoriales con efectos de iluminación | Plantillas de Photoshop | Tutoriales | Photoshop

  • Jenna

    this is amazing other than the issue i had with step 5 i was able to recover and have a great out come.
    thanks :)

  • http://www.mastersofgeek.com Jovana

    Oooh, I’m definitely going to try this out! I love touching up my photos and this will be perfect – thanks so much :)

  • http://Website Alfredo

    Amazing effect!!!! thanks for sharing