TutorialFreakz_All kind of free Tutorials!

All kind Of Tutorials And Freebies!

Subscribe to TutorialFreakz_All kind of free Tutorials!

Light Effect Basics

Posted by chris On September - 10 - 2009

In this tutorial i will show you the basics of light effect in photoshop (CS, CS2, CS3, CS4).
The most important thing about light effects is your imagination, do not be afraid to try different things.


STEP 1

Just create a new photoshop file “CTRL + N” and set the size to your needs.
light effect 1

Now we have a blank background we can work on.


STEP 2

Go to “Filter -> Render -> Lighting Effects”.
light effect 2

Now you see the “Lighting Effects” window: Now we can create a spotlight effect.
Select the colors you would like in the areas as shown below, and click OK. (remember just play with the colors).
light effect 3

I selected the color red and this is the outcome.
light effect 4


STEP 3

Now lets create a second spotlight.
Create a new layer “CTRL + SHIFT + N” and press “G” to open the “Paint Bucket Tool” and fill the layer with white.
Set the layer mode to “Pin Light”.
light effect 5

Now repeat STEP 2 but use different colors and settings, just use you fantasy.
Repeat STEP 2 and STEP 3 till you are happy. Try using different layer modes for some layers.

I ended up using 5 layers:
light effect 6

light effect 7


STEP 4

I loaded a picture of the iPhone on top of the layers. You can use whatever you like.
light effect 8

We will create some nice glowing lines around the iPhone.

STEP 5

Creat a new layer by pressing “CTRL + SHIFT + N” and Press “P” to open the “Pen Tool” or “Freeform Pen Tool” and draw some nice lines on top of the iPhone.
light effect 9

Select the “Brush Tool” press “B” and set the brush settings as shown below.
light effect 10

Now press “P” again to get back to the “Pen Tool” and right click the canvas, and click “Stroke Path”.
light effect 11

This window will popup: Select Brush and Simulate Pressure.
light effect 12

Click OK and click “delete” on your keyboard.
This is the result.
light effect 13


STEP 6

Now we need to delete some parts to make it look like it is hidden behind the iPhone. Use the “Eraser Tool” “press P” for that.
light effect 14


STEP 7

Now we need to make the stroke look like a light beam.
So right click the stroke layer and click “Blending Options”.
light effect 15

Set the “Blending Options” settings as shown below.
Outerglow:
light effect 16

Inner Glow:
light effect 17

You can use the same settings, but you can just play with it.

light effect 18


STEP 8

We will duplicate the the stroke layer: right click the stroke layer and click “Duplicate Layer”.
light effect 19

Clear the layer style of the duplicated layer.
light effect 20

Duplicate the duplicated layer again.
light effect 21

Now i have 3 stroke layers and my creation looks like this.
light effect 22

To finish it, just use you fantasy. You can put some sparkles around the stroke, ad a second stroke or ad some brushes behind the iPhone, just anything you think is cool.

light-effect-final

I hope you enjoyed this tutorial, and dont forget to show off your end result in a comment.

pixelstats trackingpixel

18 Responses to “Light Effect Basics”

  1. Faisal Awan says:

    Thank you so much for the Tutorials. Its one of the best tutorials ever, i was using photoshop for almost first time and i understood it 100%. I would love to see more tutorials coming from your side.

    Thanks

  2. theman says:

    Ye the light and that is great, but i have no idea how to put an iphone in and how to resize picture and so on… so this tutorial is actully uslles for me

    • FRED says:

      Just look for a different tutorial for pasting the iphone in the picture.. It’s easier if you just use a little bit of your brain:)

    • Ivan says:

      You are not too bright, are ya? You should know the basics before attempting tutorials like these. It is quite easy to do, just try it. Thanks for great tutorial!

    • Stephanie says:

      I love it when a bunch of newbies say this tutorial is “USELESS” to them because they dont know basic cutting, extracting and transforming.

      Anyway, I tried this with a Absolut Vodka bottle instead and it came out perfect. Especially with the design of the bottle. Great tutorial

  3. Lasse says:

    Thank you for a great tutorial! I am in the process for learning Photoshop – this is the kind of things that helps a lot in that process.

    Thank you!

  4. TJ says:

    mine came out ok the line was my weekest part

  5. TJ says:

    My weekest part was with the line, but it came out ok im satisfied with the end results.

  6. Xaby says:

    Very very nice! thanks!

  7. hoodlord says:

    Hey, nice tutorial !! I’ve been using photoshop for a while now! I found this tutorial really very easy to understand ( lets say in a glance) ! Simple and Easy!!

  8. bmsanu says:

    Nice tutorial. thnx for this.

  9. tuna says:

    very cool effect, thanks..

  10. BILL says:

    I only have photoshop elements 6.
    Can this be done.

    Please advice.

    Thank you.

  11. bill says:

    I am just looking for a way to put the glow lines around the iphone.
    Can this be done using elements 6.

  12. thank you so much… words cannot adequate how thankful i am. your tutorials come in handy.. i will surely try this..
    thank you for sharing your knowledge with us(me and my brother)..
    its good to know there are people who want to help others and not selfish enough to share what they have learn..

    thanks again and again..

Leave a Reply

Get Adobe Flash playerPlugin by wpburn.com wordpress themes

About Us

Hi, welcome to TutorialFreakz.com .Explore the site and enjoy your stay and remember to comeback with your friends.