Illustrator make sunburst vector shape opener Create a Vector Sunburst in Illustrator

I’ve been looking around for some time for a good way to make sunbursts in Illustrator. Those methods I’ve seen suffer from one of two problems, one is that some use a triangle shape which is repeatedly copied and rotated to create the sunburst – I’m lazy so that’s too much repetition for me to be bothered doing. In addition, getting a good balance between width of the ray and the number of rays is also a problem with this method so it’s a lot of trial and error. The other method uses a dash line stoke on a circle but it suffers from the problem that the middle of the shape never closes up to a good tight fit.

So, I’ve come up with my own take on creating sunbursts in Illustrator. What I like about it is that you can decide as you are making it the number of rays so you can make lots of thin rays or a few really thick ones and it’s all done automatically so there’s not copy and rotating involved. You can also adjust the spacing between the rays on the fly. The final thing I like is that the middle closes up nicely into a small circle.

The finished sunburst can be saved as a symbol so you can reuse it and, of course you can crop it to fill the artboard and color it to suit – I’ll show you how to do all this. Here’s how:

Step 1

Start with any sized document in Illustrator. Select the Ellipse tool, hold Shift as you draw a circle on the screen. Set the Fill to No Fill and the Stroke to black.

Illustrator make sunburst vector shape step1 Create a Vector Sunburst in Illustrator

Step 2

Choose Windows > Stroke to display the Stroke palette. Click the Dashed Line checkbox.

Here you determine the width of the rays and the gaps so don’t leave here till you have it right. Adjust the Weight value so you can see the rays – ignore the fact that they don’t meet in the middle but you will want to set a large enough value for weight that they come close to meeting – if you don’t the inside points will be difficult to select later on. Weight only affects the length of the rays and not their number or spacing.

Set the Dash value to a value that gives you the number of rays you want. The larger the Dash value the smaller the number of rays.

This is a Dash of 36 pt:

Illustrator make sunburst vector shape step2a Create a Vector Sunburst in Illustrator

This is a Dash of 8 pt:

Illustrator make sunburst vector shape step2b Create a Vector Sunburst in Illustrator

Make sure that you have an even arrangement of rays around the circle and that two rays aren’t joined together or too close to each other – which can happen. If it does, try a slightly different value for the Dash – sometimes changing it by one or two points is all you need to even everything up.

If you want to adjust the spacing between the rays, enter a value for Gap – again, check that the rays look balanced before continuing. The larger the value of the Gap, the fewer the rays you will have.

Step 3

Now use the Selection tool (V) to select the Circle. Choose Object > Expand > Select Fill and Select the Stoke checkboxes and click Ok.

Now your vector shape is the rays themselves – not a stroked circle.

Illustrator make sunburst vector shape step3 Create a Vector Sunburst in Illustrator

Step 4

Click outside the shape to deselect it. Select the Direct Selection tool (A) and drag over all the inside anchors leaving the outside ones unselected. This is a little fiddly and you’ll find that the smaller the inside circle the easier it is to do.

If you have lots of narrow rays you may need to enlarge the Illustrator window and zoom in close to be able to start your selection not on a path.

Illustrator make sunburst vector shape step4 Create a Vector Sunburst in Illustrator

Step 5

Right click your selection and choose Average > Both and click Ok. This positions all the anchor points at the center of the shape closing up the rays perfectly.

Illustrator make sunburst vector shape step5 Create a Vector Sunburst in Illustrator

Step 6

Now you can select the shape and resize it.

You can change the fill color and add it as a symbol to the Symbol library by dragging and dropping it into the Symbol pane.


Illustrator make sunburst vector shape step6 Create a Vector Sunburst in Illustrator

Step 7

While you’re on a roll, create a few more sunbursts with less or more rays that you can then add to the Symbols collection and then save as a Symbol set you can use any time.

To save the Symbols, remove all but the symbols you just created from the Symbols pane by selecting them and drop them on the Delete Symbol icon.

Click the Symbol flyout menu and choose Save Symbol Library and save the symbols to a file on disk. In future you can select the same flyout menu on the Symbols pane and choose Open Symbol Library to import the symbols back into Illustrator so you can use them.

Illustrator make sunburst vector shape step7 Create a Vector Sunburst in Illustrator

Step 8

To use a sunburst symbol, drag it from the Symbol pane into the Artboard.

To recolor it, right click it and choose Break Link to Symbol, then select the shape and alter the Fill color and add a stroke color if desired. If you plan to crop the sunburst to the Artboard size following step 10 below, don’t recolor the shape right now.

Illustrator make sunburst vector shape step8 Create a Vector Sunburst in Illustrator

Step 9

To trim the sunburst to the shape and size of the Artboard, first size it to fill the Artboard.

Illustrator make sunburst vector shape step9 Create a Vector Sunburst in Illustrator

Step 10

Drag a rectangle over the Artboard to the exact size of the Artboard.

Select both the rectangle and the sunburst under it using the Selection tool (V).

Display the Pathfinder palette by choosing Window > Pathfinder and select the Intersect option.

Illustrator make sunburst vector shape step10 Create a Vector Sunburst in Illustrator

Step 11

The sunburst will be cropped to the Artboard shape.

Illustrator make sunburst vector shape step11 Create a Vector Sunburst in Illustrator

Step 12

You can now set its fill color and stroke to suit.

Illustrator make sunburst vector shape step12 Create a Vector Sunburst in Illustrator

Helen Bradley

Related posts:

  1. Create Cool Spirals in Illustrator
  2. Illustrator – Create a Vector Sunburst
  3. Illustrator – Create a Vector Swatch from a Madpattern Template
  4. Multicolor Sunburst in Illustrator
  5. Create a stepped edge gear shape in Illustrator