Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Sponsored 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. 03: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. 03: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 ---
Amazing Font Pack!

Featured Tutorialsmore

The Plastic Effect
The Plastic Effect
- Adobe Photoshop -
Electrical Circuits
Electrical Circuits
- Adobe Photoshop -
Creating A Colour ...
Creating A Colour ...
- Adobe Photoshop -
Quick Barcodes
Quick Barcodes
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Advertisements





Special Options
Printer Friendly Version
Forum Threads

 Re: 3ds Max Tutorials for Beginners
Author: 3DSMaxresources
Posted: Feb 22nd, 4:29pm
Activity: 0 replies, 714 views
Delete Account
Author: Neo824
Posted: Oct 18th, 7:47am
Activity: 1 replies, 1835 views
Back...
Author: unleash
Posted: Jul 02nd, 12:37pm
Activity: 2 replies, 1931 views
Help Please :)
Author: Roosta
Posted: Mar 25th, 5:08am
Activity: 0 replies, 2380 views
thank you
Author: HypepapyHer
Posted: Mar 24th, 9:18pm
Activity: 1 replies, 1742 views
 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 12:16pm
Activity: 1 replies, 2503 views
 changes....
Author: supertackyman
Posted: Sep 12th, 3:56am
Activity: 2 replies, 3416 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 4:50pm
Activity: 0 replies, 2660 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 1:58pm
Activity: 0 replies, 4029 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 3:18pm
Activity: 1 replies, 3795 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 3:33pm
Activity: 0 replies, 17050 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 4:37am
Activity: 0 replies, 4921 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4669