5 steps for drawing complex vector sun rays
This tutorial shows you how you can make sun rays in Adobe Illustrator, I’m using the CS3 version.
Before you start make sure you set your Fill color to None and Stroke color to Black or whatever color you prefer.
Step 1 Your draw a circle. The one I drew was 100 px in diameter.
Step 2 Select Window>Stoke (Ctr+F10) to bring up the Stroke Panel and click on the Show options to view all the Stroke options.
Step 3 Now increase the Stroke Weight until you get something similar to a circle. For a diameter of 100 pixels a weight of 100 pixels should do it.
Step 4 Now Click of the Dashed Line option and… tadam!!! You have your Vector Sun Rays. But what if you want to spice things up?
Step 5 You play with the Dash/Gap Values!
Let’s try a 3-4-1 setting
Now a 5-3-2-1-12 setting
Make sure that before you use your customs sun rays you expand your circle by using OBJECT>EXPAND from the menu bar.
As you seen you can get some real funky, retro vector sun rays for your backgrounds in less than a minute. Your Vector Sun Rays are ready to be used in your backgrounds. You can easily add a Radial Gradient in Illustrator to add a bit of dept. You now have a cool background for your next illustration .
Keep a close eye on our blog for more Drop-Dead Tutorials.
If you enjoyed this post, make sure you subscribe to my RSS feed!
If you like this article, consider bookmarking or help us promote it. Thank you!
Similar posts:
18 Comments »
Trackbacks
This tutorial shows you how you can make sun rays in Adobe Illustrator, I’m using the CS3 version.
Before you start make sure you set your Fill color to None and Stroke color to Black or whatever color you prefer.
Step 1 Your draw a circle. The one I drew was 100 px in diameter.
Step 2 Select Window>Stoke (Ctr+F10) to bring up the Stroke Panel and click on the Show options to view all the Stroke options.
Step 3 Now increase the Stroke Weight until you get something similar to a circle. For a diameter of 100 pixels a weight of 100 pixels should do it.
Step 4 Now Click of the Dashed Line option and… tadam!!! You have your Vector Sun Rays. But what if you want to spice things up?
Step 5 You play with the Dash/Gap Values!
Let’s try a 3-4-1 setting
Now a 5-3-2-1-12 setting
Make sure that before you use your customs sun rays you expand your circle by using OBJECT>EXPAND from the menu bar.
As you seen you can get some real funky, retro vector sun rays for your backgrounds in less than a minute. Your Vector Sun Rays are ready to be used in your backgrounds. You can easily add a Radial Gradient in Illustrator to add a bit of dept. You now have a cool background for your next illustration .
Keep a close eye on our blog for more Drop-Dead Tutorials.
If you enjoyed this post, make sure you subscribe to my RSS feed!
RSS feed for comments on this post. TrackBack URL
Leave a comment
Loading ...
August 13th, 2008 at 5:37 am
until now it took me 20 minutes to do this, hard way :)
Thanx!
August 14th, 2008 at 2:01 am
Great trick, haven´t seen this yet,
I always used one of the preinstalled shapes in Fotoshop, but this ist much better.
Thank you for the info
August 14th, 2008 at 6:33 am
Sweet trick! This will make it easy to do cool and precise radiant shapes.
August 18th, 2008 at 7:43 pm
This is wonderful! I love tutorials that make my (design)life easier.
August 20th, 2008 at 8:33 am
I can’t tell you how many times I have searched for a “quick” tutorial on how to do this in the past, and only found crappy tutorials on it. Brilliant in it’s simplicity. Thanks a ton!
September 2nd, 2008 at 7:41 am
This kinda makes me really happy and really angry at the same time.
To think of the time I would have saved….
thanks!
September 29th, 2008 at 1:49 pm
Try this in InDesign too for some really crazy designs. More flexibility with strokes in InDesign.
Thanks for this though.
September 30th, 2008 at 11:17 pm
Well just a quick comment, that some RIPS can’t handle it. Had a customer that used this technique about 2 years ago. When a poster was printed the line width got up to well over 2000pt and the RIP went crazy, lotts of ines everywhere. You may need to expand appearance to make sure you get what you see.
October 12th, 2008 at 8:56 pm
I must be a freakin’ dunce. When I click “Dashed Line,” nothing happens…
November 18th, 2008 at 4:10 am
hi.. good technic to teach me well,
thank a lot
January 1st, 2009 at 9:14 am
hi
can you tell an easy similar way to do the same in PHOTOSHOP and not illustrator ? I use photoshop 7 …
thank you very much and waiting for your reply curiously.
Jessy
January 2nd, 2009 at 4:00 pm
Thanks for writing Jessica .
It is actually very easy to do this effect in Photoshop as it is in Illustrator…and be sure that you will see a tutorial on this subject in the near future.
January 5th, 2009 at 4:52 am
A very GOOD tutorial…. I’ve always had a hard time trying to create that in illustrator.
Thank you very much!!