Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5

August 23rd, 2010 by ART-D Posted in Adobe Photoshop, Photo Editing

   

In this tutorial, I’m going to show you how to add lighting and shining effects to an image using Adobe Photoshop CS5 techniques. Layered PSD file included. Let’s get started!

Final Image Preview

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Create a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 768px by 1024px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with black color the new background layer.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5

Now choose the Rectangle Tool (U) and represent a rectangle as it is shown below:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5

Set the Fill on 0% on the Layers panel, right click on this layer and select Blending Options. On Advanced Blending section select Layer Mask Hides Effects.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5

Next add Stroke as it is shown below:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5

Make sure the rectangle’s layer is active and click on the bottom part of the Layers panel on Add layer mask icon. Select the Soft Round Pressure brush of black color from Brush Tool (B). Set Brush size to 200px and Hardness to 100% in Options bar. Use this brush to paint in the mask as it is shown below.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
It’s the result we should get:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Make a copy of this layer Ctrl+J (Duplicate layer) and re-size it, applying the object’s transformation Ctrl+T (Free Transform).

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Find a stock photo with a model represented on it, I used this photo from deviantart. I would like to thank the author of this photo, or if you prefer, you can substitute similar image of your own.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer in our main document.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Create a new layer Ctrl+Shift+N and choose the next brush from Brush Tool (B) with the color #8182BD.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Paint the girl’s head as it is demonstrated next picture:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Let’s create a clipping mask to make the content of the layer containing the brushstrokes only visible within the content of the layer containing the girl. Hold down Alt (Windows) or Option (Mac OS) and click between layer with brushstrokes and the layer with girl (on the Layers panel).

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5

Change the Blending Mode for this layer to Color.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Apply the same procedure with the red color this time #ED1C24 and create a clipping mask.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Change the Blending mode to Hue.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Apply the same operation for the next layer, paint with the next color: #D7941D, create a clipping mask and change the Blending Mode to Hard mix. On this layer we have to set Fill to 40%.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Click Create new fill or adjustment layer from bottom part of the Layers panel and select Hue/Saturation.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Drag the slider to the left to decrease the Saturation of the color range. Using this operation we can minimize the color intensity.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Select once again Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little color corrections.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
We’ve got the next effect:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Select the next Soft Round brush of black color from Brush Tool (B):

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Use this brush to paint the girl’s lowest part on a new layer:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Use again the Soft brush of white color.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Next we have to add some stars on a new layer, using different brush’s size. You can change the Brush size using [ and ] keys on the keyboard.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Now we have to change the brush’s size, select the #ec008c color and make smaller the brush’s Opacity to 10%.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Let’s represent the contour around the girl on a new layer using Soft Round brush:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Next step we’ll download a set of brushes for in Adobe Photoshop, named: Lep reflections. Choose the one indicated in the next image:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
We need to customize our brush in Brushes panel (F5), select the Brush Tip Shape. Click and drag any of the sliders to change the Size, the brush Angle and brush Spacing as show. The Preview window displays the changed brushstroke. Set the Opacity on 40% and select also white color.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
On a new layer we have to change the brush’s size, to represent the stars from below:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Make a copy of this layer Ctrl+J (Duplicate layer) and pass on the filters’ menu to add Filter>Blur> Gaussian Blur.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
It’s the effect we should get for the picture:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little correction of the contrast.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
We’ve got the next effect.

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Go to the Layers panel and move the corners layers under Curves adjustment layer as shown:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
We’ve got the next result:

Apply Lighting and Shining Effects to an Image in Adobe Photoshop CS5
Finished!

View full size here.

Download free Layered PSD file.

  •  

  •    
  •  

 

Tags: , , , , , , , , , , , , , ,

  • gareth

    24/08/2010

    Wow this time i can catch all and successful adapted your tutorial and it works just as you did.great

  • Online Printing Services

    24/08/2010

    thanks for the cs5 tutorial. how did you get that effect with the last picture, where the background seems split like that?

  • casino fate

    02/09/2010

    thanks for this lovely tutorial,it will now easy for me to moderate my websites with effects.

  • Nadeem

    22/09/2010

    gud job dear
    i want download this tutorial

  • Oreo

    27/09/2010

    Hmm ugly , sorry mate

  • Adri_Rory

    29/09/2010

    Simple steps to follow, yet the result is wonderful !

    Nice work !

  • kakiDesigns

    18/11/2010

    Hi , please put more tips showing how to clear, dusts, scratches, skin rashes, pimpos.etc of photoshop……….
    thanks & knd rgds.

  • Ali

    31/12/2010

    Very Nice Great!

  • Brett Widmann

    17/01/2011

    This is a great tutorial! Thanks for the help.

  • abhay

    04/05/2011

    Greeeeeeeeeeeat…………
    wanna give you a huge thankyou for superb tutorials………..
    i m ur fan now.
    thankyou …….thankyou ………….

  • adam

    06/10/2011

    wauw,,,its great,thank u,,,,

  • Reza

    14/01/2012

    hi dear
    thanks for this great tutorial,it will now easy for me to moderate my websites with effects & best design!

  • LoveDeep

    20/11/2012

    Its great
    thnx for the tutorial

  • Mark

    04/01/2013

    Nice Tutorial

  • ANAMIKA AICH

    09/01/2013

    Thanks for this great tutorial,thanks you very much of my heart.