Photoshop
Basic Skills
Buttons and Icons
Colors
Designing
Drawing
Effects
Photo Retouch
Text Effects
Textures & Brushes
Web Graphics
Web Templates
9tuts
Home
Subscribe to 9tuts RSS
Subscribe via Email
Abstract Light

AbstractLight125x125 In this tutorial we will be creating a magic lighting effect, using transformation, gradients and layer styles. Although they are simple techniques but the result achieved is really wonderful!

 

 

Before we begin, let's take a look at the image we're creating

AbstractLight15

Step 1: We will start from scratch and go straight to the point so no background is required, just fill it with black to get a simple background :)

AbstractLight1

Step 2: Create a new layer and choose a hard brush (about 3 pixels), go to Window>Brushes and select Shape Dynamics. Set it as shown below:

AbstractLight2

Step 3: Use the Pen tool to draw a curve like the image below

AbstractLight3

Now right click on the document and choose Stroke Path and don't forget to tick on the Simulate Pressure checkbox

AbstractLight4

We get a nice curve faded at the two ends

AbstractLight5

 Continue to draw a second curve with the technique above

AbstractLight6

Step 4: We had two nice curves but they are still dim, so press Ctrl-J to duplicate this layer and then merge it down by press Ctrl-E

Double click on this layer to bring up the Layer Style box. Select Outer Glow and use these settings:

AbstractLight7

Step 5: We will create a glossy circle from these curves by duplicating and rotating process. Simple, right? If not, let me make it clear: duplicate the current layer, use the Move tool with Show Transform Controls checkbox is on and rotate it a bit (you should hold down Shift when rotating to keep their distance equal). Here I made the first example

AbstractLight8

Keep doing this step until it comes to layer 23, approximately. Here is the image we get after this step, nice circle, huh?

AbstractLight9

Step 6: Create a new layer and fill it with black. Use Marquee tool or any tool you like to create five white horizontal lines

 AbstractLight10

Step 7: Go to Filter>Distort>Twirl and set a big angle

AbstractLight11

Go to Filter>Blur>Gaussian Blur to make it dim

AbstractLight12

Change its blending mode to Overlay and reduce its Opacity to 50%

AbstractLight13

Step 8: Create a new layer and use the Gradient tool, select the rainbow gradient and choose Radial Gradient to paint a vivid circle like this:

AbstractLight14

Finally, change it blending mode to Overlay, you will see a nice lighting effect on our circle

AbstractLight15

And the tutorial is now finished, I hope you enjoy the techniques shown above and use them in your future works.


Related tutorials:



Comments
Alan 08-28-2008
Great tut, thank!
kirpal singh 09-10-2008
beautiful i like it
Dhanetra Singh Negi 09-13-2008
Very Cool Tuto
Tnx 2 9tuts
:)
Fayyaz Ahmed 09-23-2008
this is very good tutorial
Balaji 09-30-2008
cool.....
attracted Boss.
hahaha 10-18-2008
cool..but I donno u say wat
Sarah 10-18-2008
i like tutorialized it so nice is good
parisa 10-19-2008
Fab!i enjoy it
vineela 10-20-2008
ooooh !! its really worht learning it and i'll suerly try it out thanks for the
on ewho done
yuuuuuu 10-21-2008
I cant change
Anonymous 10-24-2008
nice
Marc 10-24-2008
nice
nad 10-25-2008
i can not select the stroke path option, anyone no how to solve this problem.
akkis 10-28-2008
Nad, you must select the second icon named "paths" of pen tool before
you start drawing the line.

It's a great tut...
Katy 10-29-2008
That is so stinkin' cool! :D
ashish 10-31-2008
full marks.....10 out of 10
keep it up.
dhanashree 11-17-2008
i had problem with path stroke..need ur help pls
no name 11-18-2008
hi
no name 11-18-2008
how are you i am cool =) hehe
ryuna 12-15-2008
the storke path doesnt take effect on my image... help... T_T
Peter 12-15-2008
When I select Paths under pens and then draw, and then do the stroke path thing,
it doesn't do the tapered end effect at all. I have both things set correctly.
Help!
jarrod 01-07-2009
to get it to do the stroke, you have to be on the background layer
gfxer 01-16-2009
i did it :D
12335 01-21-2009
hey
12335 01-21-2009
i tryed didnt work
sergio 01-22-2009
how do you right click on the document?
I am stuck at that step, please help...
SDK 02-04-2009
Awesome tut.
rain 02-10-2009
yes it is cool
lYcAr 02-22-2009
Grat Tut 10xxxxxxxxxx {}
lYcAr 02-22-2009
great*
oya 03-13-2009
wow, nice tut
Rendzis 03-18-2009
cool!
aPu 04-08-2009
genial hat mir sehr weitergeholfen....
Anonymous 04-29-2009
cooooooooooooooolllllllllllll
Anonymous 04-29-2009
love it loads like boobies
Anonymous 04-29-2009
ass hoooooolle
Anonymous 05-06-2009
480 852 8008 text me :)
Anonymous 05-17-2009
To get the stroke, you have to right-click it in the paths tab. The layer you're
on is irrelevant.
hanquach 06-06-2009
Great tut, that was fun creating. Cheers!
sandeep 06-09-2009
it i good and amezasing
MS 06-26-2009
I m Loving It...........


good Design..........

thanks............
lakshmi 06-28-2009
nice :-) can be used easily to create great effects
Fredddy Downie 07-08-2009
THANKS MATE FANTASTIC TUT REALLY HELPED ME OUT.
THANKS MATE!!!!
SNT 07-15-2009
tried it didnt happen....help..could not rotate..transform thng...
paulinha! - -' 08-21-2009
È mara --'
Foxxy 08-30-2009
When you right click to stroke the path, make sure the color is on white.. Had
the same problem in the beggining
Robert 09-10-2009
Do you know were can i learn to use the pen tool :D
Thanks, great tutorial ;)
Photoshop Tutorials 09-16-2009
very nice tutorial, thanks a lot
Managed hosting 10-28-2009
It was amazing. This so way easy and really fun doing it.
R. 10-30-2009
hard ;[
sarah 11-03-2009
danks 4 showing us the E-Z parts, but den u didnt sho us how 2 do the kewl
harder partz
lian hup 11-28-2009
thanks very much...
very nice..
Add A Comment
Name:
Website:

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

 
(15 votes)