example

Summary:

Star Shape with Volume in Illustrator

    ●  Learn to make straight lines with the Pen Tool in Illustrator.

    ●  Then make it look as if the star has Volume by creating semi-transparent shapes over the corners.


Learn About:

Direct Selection Tool Selection Tool Blending
Scale Tool Pen Tool

  •   This tutorial is used with the CD Cover and Free Trade Projects.


Other People's Work:

Here are examples of work inspired by this tutorial.

             

Step #1: Open Your Project in Illustrator ~

Open YOUR PROJECT in Illustrator and …

 

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

 

… make a New Layer and Lock the others.


Step #2: Pen Tool ~

Get the Pen Tool by hitting the shortcut letter (p)…

… set your Fill color to none none and your Stroke color to whatever you want …

… and draw a star shape the same way as you would on paper.

 

 

 

 

It doesn't have to be perfect, you can fix it later.

 

Just make sure you close the shape by finishing where you started.


Step #3: Direct Selection Tool ~

Get the Direct Selection Tool or hit the keyboard shortcut letter (a) …

… and Deselect the star by clicking on an empty area outside the shape.


Step #4: Adjust the Shape ~

Fix your shape using the Direct Selection Tool

 

What's the difference?

 

The Selection Tool is for selecting the total object.

 

The Direction Selection Tool is for selecting separate points in an object.


Step #5: Pathfinder ~

Open the Pathfinder panel by hitting the keyboard shortcut: Shift+Cmd(⌘)+F9, or going to: Window > Pathfinder, select the star, and hit Unite.

 


Step #6: Copy of the Star Shape ~

Make a copy of the shape by holding down the Alt (⌥)/Option key and dragging it off somewhere to the side …

… you'll use the copy later.


Step #7: Color ~

Fill the remaining star with color and turn the Stroke off .


Step #8: Pen Tool Again ~

Change your color now …

… and, using the Pen Tool (p) again, draw another skinny star shape inside the bigger one. 

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Adjust the anchor points with the Direct Selection Tool as before.


Step #9: Blending ~

Select both shapes by holding shift key and clicking on both stars …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… and then go to: Object > Blend > Blend Options …   and set Specified Steps to 3 or 4.

blend-options-panel-ai.png

Then go to: Object > Blend > Make or hit the keyboard shortcut:

Alt (⌥)/Option alt option + Cmd(⌘) cmd key + B

blended star


Step #10: Shadows and Volume ~

Using the Pen Tool again, set your fill to Black and Stroke to none none

stroke-none-fill-black-ai.png

… and draw a triangle on one side of your star as shown:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #11: Transparency ~

Click Transparency or go to: Window > Transparency

… and change the Blending Mode until you get something you like.

Also, experiment with lowering the Transparency (if necessary …)


Step #12: Continue Making Shapes ~

Continue making triangle shapes all around on the same side of the star …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #13: The Other Shape ~

 Remember the star shape that was created in Step 5? Go click on it and then get the Scale Tool

scale tool

 Click outside the star with the Scale Tool and make it slightly bigger by pulling gently …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

With the Selection Tool selection tool small drag the star behind your other shape, set your stroke to none and change the fill color …

star volume example


Last Step: Save and Attach ~

Go to: File > Save as … and save your work as an .ai file.

Attach it and continue working …


  •   ALWAYS save your projects like this:
FIRST_NAME_LAST_NAME_PROJECT_NAME

 

  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

 

  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.


Other resources: http://juliasdesign.com/en/star