Welcome, Guest

Please login or register

TUTORIALS SUBMENU

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

Related Links

Starburst Effects


When it comes to impact and relative simplicity, it is very hard to beat a skilfully composed starburst effect.  Used by the advertising industry for decades, they are surprisingly eye-catching, and can make totally mundane objects appear much more enticing.  There are, of course, several different methods for creating these effects.  For the sake of this tutorial, however, I will cover the two most popular techniques, used to create hard-edged and soft-edged starbursts, respectively.

Hard-Edged Starbursts

Step 1:  Create a new document of a suitable size with a default white-filled background.  Try to stick to square dimensions (i.e. 300px by 300px) as they will yield the best results. You can always crop the image later if you desire.

Add a new transparent layer on top of the background and make it active.  Then, using the Rectangular Marquee Tool, select several vertical rectangular areas across the layer and Edit > Fill them with a colour of your choice (in this case I chose #6988B5).  You should end up with something that resembles my image on the left.  It isn't important to copy the same pattern, so just use your own creativity - in the end, it all adds to the uniqueness of the effect.

Step 2:  Now all you have to do is run Filter > Distort > Polar Coordinates with the 'Rectangular to Polar' option selected, and press OK.  And there you go - a very simple hard-edged starburst effect.

This technique yields a very distinctive and attractive burst effect with an almost cartoon-like quality.  Due to the distortion of the source lines, however, fuzziness and pixellation also creeps in, which must be subsequently dealt with by anti-aliasing techniques, or image size reduction.


Soft-Edged Starbursts

Step 1:  Create a brand new document of a suitable size with a single background layer. Try to stick to square dimensions (i.e. 300px by 300px) as they will yield the best results. You can always crop the image later if you desire. Then, after selecting two similar colours as the background and foreground colours (I chose #6988B5 and #F9F9F9 respectively), draw a vertical gradient across the background layer using the gradient tool.

Step 2:  Run Filter > Distort > Wave from the main menu and enter the settings on the left into the dialog box that pops up. Press OK.

Step 3:  Go to Filter > Distort > Polar Coordinates, ensure the 'Rectangular to Polar' setting is selected, and press OK to view the final effect.

Unlike the hard-edged starburst, this comparative effect is much more gentle, and won't give people a migraine. You may need to play around with the Hue & Saturation, however, to make the colours fit your project a little better.

- Tutorial written by Man1c M0g

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

Last 5 User Comments

User:  satria (#47037)
Date: Fri Dec 28, 2007. 20:44:19

Post #16 of 16

thanks dude, this tutorial i`ve search last couple week

Reply to this post


User:  ootbruli (#42061)
Date: Sun May 20, 2007. 17:22:23

Post #15 of 16

Quote from facelady;38463:
You have done it again. Another tutorial that even I could follow. I love the look. Thanks so much.



I agree with the above ^.^ will be using it to make eye textures :D

Reply to this post


User:  Tamlin (#40397)
Date: Mon Apr 09, 2007. 07:29:51

Post #14 of 16

Sure thing - here you are. Hope this helps.

Reply to this post


User:  sadcase- (#40395)
Date: Mon Apr 09, 2007. 07:13:12

Post #13 of 16

Quote from tamlin;40311:
There are graphics beside the text (see attached screenshot) - maybe your browser settings need tweaking if you can't see them.

Sorry, but I don't know what you mean by "i can't include the settings".



thanks a lot . ! could you help me screenshot the images for the 2nd one ? the image with the settings ...

Reply to this post


User:  Tamlin (#40311)
Date: Sat Apr 07, 2007. 09:52:21

Post #12 of 16

Quote from sadcase-;40306:
are there supposed to be graphics beside the text? because i can't see it... and i can't include the settings :(


There are graphics beside the text (see attached screenshot) - maybe your browser settings need tweaking if you can't see them.

Sorry, but I don't know what you mean by "i can't include the settings".

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Realistic Cigarettes
Realistic Cigarettes
- Adobe Photoshop -
Segmented Rings
Segmented Rings
- Adobe Photoshop -
Sweat & Grease Shine
Sweat & Grease Shine
- Adobe Photoshop -
Simple Camouflage
Simple Camouflage
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 884 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1048 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1053 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1933 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1828 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14440 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2747 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2771 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3438 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2354 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2498 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2797 views
Forum Threads

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