Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

Related Links

Light Swirls


Light swirl is just a name I have made up for this effect - there doesn't seem to be another term that describes it better. If you are designing 3D abstracts, then chances are that this effect is just what you need to add a little bit of extra pizzazz to your work. Best of all, its simple to create and extremely versatile.

Step 1: Create a blank document of any size and fill the background with black or another dark colour (I used a medium grey). You can make it any size you want, but if you want to use the swirl horizontally, you have to make the height as big as the length of your spiral. (it's best to make it very long - you can always delete parts of it).

Step 2: Grab the Brush Tool and choose a soft brush of any size - just don't make it too small or you will lose the light effect. Select white as your foreground colour and draw a straight line from top to bottom. You can easily make a straight line by holding shift when you drag your cursor downwards. Your image should now resemble the one on the left.

NB. I used a 13pt soft brush, but the size you need will undoubtedly depend on your individual project - feel free to experiment with different sizes.

Step 3: Now select filter > distort > shear from the main Photoshop menu, and make a zigzag line that looks like the one on the left. Yet again... you should experiment with different types of zigzags to find one that suits your own individual tastes. Press OK to apply the effect to your image.

Step 4: Grab the object you want to wrap your swirl around and place your swirl exactly on top. You can rotate the spiral as you see fit, but your end result will be better if you keep it perfectly horizontal or vertical. In this case I've decided to wrap the spiral around a simple pipe.

Step 5: To create the illusion of depth, start deleting parts of the swirl. Take a closer look at the picture on the left to see which parts you need to remove. You just grab your Lasso Tool and select the parts you want. Press DELETE and you should have something like my example opposite.

Note: This is easier if your object is separate from the background - that way you don't have to pay much attention to pixels outside the object. You can just select the the object and deselect parts of the selection by holding down the ALT key.

Step 6: To create an extra light effect, copy the layer and apply Filter > Blur > Gaussian Blur with a radius of 5px. You can personalize your swirl a bit by adding colour to your blurred swirl. Just press CTRL+U to open the hue/saturation window. Now tick colorize and turn the lightness down just a bit and slide the saturation slider all the way to the right. Choose a nice colour by sliding the top slider to the left or right and press 'OK'. I chose a nice light blue colour. Now change the layer blending mode to color burn and turn the opacity down to your taste.

Step 7: To finish it up, grab your Burn Tool and burn just a little part of the swirl where it disappears behind your object. You can add some sparkles to make it even better, and repeat step 6 with your sparkles as you did with the swirl. And that it - you're finished! Once you have done this a few times you'll get the hang of it and be able to personalize it further. If you are especially proud of your work, please post an example in the forum. It is always nice to see what other people make of this effect.

Variations: This is a collaboration between me and 5-0... He made the 3d-render and I did the Photoshop work. I used the swirl effect here. Draw some inspiration from it if you like, and get that mouse moving!

Click here for the full un-cropped image.

- Tutorial written by Malboroman

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  Mustika (#50830)
Date: Fri Jun 13, 2008. 02:08:17

Post #19 of 19

what is the different using filter distort -> wave with distort-> shear ? thx

Reply to this post


User:  gapeach094 (#50770)
Date: Thu Jun 12, 2008. 02:37:39

Post #18 of 19

Wow. seriously, you are [SIZE="4"]amazing[/SIZE]. i have seriously looked everywhere to find something like this where you dont need the pen tool because photoshop elements dosnt have the pen tool! :/. so, thank you SOOOO much!!!!

:)

Reply to this post


User:  Tamlin (#46850)
Date: Mon Dec 17, 2007. 19:06:02

Post #17 of 19

Make sure you have the Paths option (the middle button) selected in the Pen Tool's options toolbar:

Reply to this post


User:  AsielRich (#46841)
Date: Mon Dec 17, 2007. 17:38:53

Post #16 of 19

Quote from sherragray;45771:
I confess to being a little confused as I read through


I don't follow...
Everytime I use the pen tool, it just fills with a color. What option did you use to NOT have the pen tool fill after making some paths?

Reply to this post


User:  sherragray (#45771)
Date: Thu Nov 01, 2007. 02:45:51

Post #15 of 19

I confess to being a little confused as I read through, but I eventually understood and it turned out very nifty! Thanks!

Reply to this post


--- View Entire Thread ---
Featured Content

Realistic Water Dr...
Realistic Water Dr...
- Adobe Photoshop -
Type Along A Path
Type Along A Path
- Adobe Photoshop -
Creating Warm Light
Creating Warm Light
- Adobe Photoshop -
Thermoptic Camoufl...
Thermoptic Camoufl...
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Printer Friendly Version
Forum Threads

Competition Discussion - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:48pm
Activity: 0 replies, 53 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 54 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 115 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 93 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 26 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 108 views
 A Billion Styles - Please Help Me!!
Author: Angelz
Posted: Feb 03rd, 6:36pm
Activity: 2 replies, 133 views
101 Things you didnt know in 3DS Max ...in fact...
Author: noorjan
Posted: Jan 31st, 6:04pm
Activity: 0 replies, 160 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 163 views
Spam :: Online hotel reservations for Hotels in...
Author: kieulinh
Posted: Jan 28th, 6:39am
Activity: 0 replies, 204 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 3 replies, 17 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 27 replies, 727 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    415