In today’s tutorial, we will find out how to create vector sunbursts by using Transform effect and stroked paths. The techniques described here allow you to edit previously-created sunbursts that can result in an infinite number of variations. Have fun learning in our vector tutorial!
- Program: Adobe Illustrator CS5 – CC
- Difficulty: Beginner
- Topics Covered: Stroke panel, Transform live effects
- Estimated Completion Time: 10 minutes
Take the Pen Tool (P) or the Line Tool (\) and draw a horizontal path by holding down Shift. This path has a stroke (of any color) and has no fill. Set the stroke width – 4px in the Stroke panel (Window > Stroke).
Group the created path (Cmd/Ctrl + G). Select the entire created group, then go to the Effect > Distort & Transform > Transform…. In the Transform Effect dialog box set an angle of 360/20, where 20 is a number of rays of which our sunburst will consist. Set the number of copies, which is 19. The number of copies is the total number of rays minus one ray. Choose the left central square in the reference point locator then click OK.
As you can see, the Transform effect was instantly applied to the new object. The effect application gives us opportunity to bring in quickly new objects into the sunburst without customizing the transformation parameters every time for these objects as indicated in the image below.
Sunburst in retro style is ready.
The techniques which were used in this tutorial allow for the quick creation of different new varieties of sunbursts from existing ones. For example, we can switch the Arrowhead and the Width Profile in the Stroke panel.
Let’s finalize the design of our retro sunburst. Create a rectangle with the help of the Rectangle Tool (M) with the brown fill which will serve as a background. Choose light-brown as the color of the ray’s stroke and circle’s fill.
Select the lower rectangle and triangle, take the Reflect Tool (O) and click in the center of the big rectangle holding down Opt/Alt. In the opened dialog box, choose the Vertical axis, and then click on the Copy button.
Here is how it should look. I hope you’ve enjoyed this tutorial and can apply these techniques in your future projects.
Author: Iaroslav Lazunov
My name is Iaroslav Lazunov, I am a graphic designer from Ukraine. I am glad that I finally found the job in my life that I can share my knowledge and experiments with you in my tutorials. Follow me on Twitter or visit my blog Vectorboom.com