Adobe PhotoShop Adding Light Effects Tutorial – Blinded by the Lights

[box type=”shadow” align=”aligncenter” class=”emy” width=”500″ ][highlight] ” BlINDED BY THE LIGHTS “[/highlight][/box]

photoshop lighting effect

 

Hey Designers, for my first tutorial on Stylebizz, I will show you how to create this cool photo manipulation using Filters, Layer Mask and Patterns.

[box type=”shadow” align=”aligncenter” class=”emy” width=”500″ ]Resources Needed for this Tutorial[/box]

Free Photoshop Stars Patterns Pack 1

– Veiled03 by Odessa11stock

Violet by LeandrasStock

[box type=”shadow” align=”aligncenter” class=”emy” width=”500″ ]Step 1 – Model and Layer Mask[/box]

Create a new document in Photoshop, mine is 1000x1000px with a white background.

We’ll start with the model image, download the Veiled03 by Odessa11stock images, you can find the link in the Resources Needed section at the start of the tutorial. Load this image your document, use the Free Transform Tool (Cmd+T) to resize and rotate the image if needed.

photoshop lighting effect

  • Create a blank Layer Mask on the model layer, Layer – Layer Mask – Reveal All. Select the Brush Tool (B) with a rounded brush and paint with black on the Layer Mask we just created on the bottom part of the model like below:

photoshop lighting effect

  • Select a soft rounded brush this time, paint on the same Layer Mask around the model.

photoshop lighting effect

  • Duplicate the Model layer, rename the new layer “High Pass”, apply the High Pass Filter with a 5px Radius, Filter – Other – High Pass. Change the Fill of this new layer to 50% and Blending Mode to Overlay.

photoshop lighting effect
photoshop lighting effect

 

photoshop lighting effect

 

[box type=”shadow” align=”aligncenter” class=”emy” width=”500″ ]Step 2 – Stock Image Part 1[/box]

  • In this step we’ll use a nice flower stock image called Violet by LeandrasStock, you can find the link in the Resources Needed section at the start of the tutorial. Load this image your document, use the Free Transform Tool (Cmd+T) to resize and rotate the image if needed.

photoshop lighting effect

  • Duplicate this image layer 3 times, you should have 4 similar image layers. Hide the 3 duplicated layers we just created. Let’s work on the first one. Apply a Surface Blur Filter, with 10px Radius and 100 Levels Threshold of this image, Filter – Blur – Surface Blur.

photoshop lighting effect

photoshop lighting effect

  • Change the Blending Mode to Screen and Fill to 50%.

photoshop lighting effect

  • Unhide the first duplicated flowers image layer, change its Blending Mode to Soft Light and Fill to 50%.

photoshop lighting effect

photoshop lighting effect

 

 

[box type=”shadow” align=”aligncenter” class=”emy” width=”500″ ]Step 3 – Stock Image Part 2[/box]

  • Unhide the second duplicated flowers image layer, Apply a 20px Radius Gaussian Blur, Filter – Blur – Gaussian Blur.

photoshop lighting effect

photoshop lighting effect

photoshop lighting effect

  • Change the Fill to 25% and its Blending Mode to Soft Light.

photoshop lighting effect

  • Unhide the third and last duplicated flowers image layer, Change the Fill to 20% and its Blending Mode to Color Dodge.

 

[box type=”shadow” align=”aligncenter” class=”emy” width=”500″ ]Step 4 – Stars Textures and Text[/box]

  • Now we created a nice effect with the flowers images on the model, letÕs add a little details with a Photoshop Stars Pattern . you can find the link in the Resources Needed section at the start of the tutorial. Load those Photoshop patterns in Photoshop. Create a new Pattern Fill layer using one of those stars patterns. Layer – New Fill Layer – Pattern.

photoshop lighting effect

  • Change the Blending Mode of this Pattern Fill layer to Color Dodge.

photoshop lighting effect

  • Select the Text Tool (T) and write some text, I wrote ” Blinded by the Lights “ in the bottom right corner of the canvas.

photoshop lighting effect

  • Duplicate the Stars Pattern Fill layer we created previously and place it in front of the text, change the Blending Mode to Normal, create a Clipping Mask on this pattern fill layer, Layer – Create Clipping Mask.

photoshop lighting effect

photoshop lighting effect

photoshop lighting effect

[box type=”shadow” align=”alignleft” width=”600″ ]That’s it for this first tutorial, I hope you enjoyed it and learned a few tricks. Leave me a comment if you’ve need help for this tutorial.[/box]

 

3 thoughts on “Adobe PhotoShop Adding Light Effects Tutorial – Blinded by the Lights”

  1. Pingback: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>