Summary:

Corner Star Shapes in Illustrator

     ●  All good magazine covers, advertising, and packaging have a "Call to Action" such as: Available Now! or Buy Today! - Sale - Win - Free - Offer Expires - Hurry - Best Value - Free Shipping - Reply Today - Click Here.

    ●  Create your own Call to Action by following this tutorial.


Learn About:

Star Shapes Effects Text Tool Rounded Corners
Gradient Tool Duplicate Shapes

  •   This tutorial is used as part of the CD Cover and Cereal Package Design Projects.

Other People's Work:

Here are some examples of work inspired by this tutorial.

Step #1: Open Your Project in Illustrator ~

Open YOUR CURRENT PROJECT in Illustrator

 

 

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

… make a New Layer, and lock lock your other layers.

new layer

Step #2: Star Tool in Illustrator ~

Get the Star Tool which is behind the Rectangle Tool …

… click somewhere on the Artbord with the Star Tool

… and set the number of points for your star. TRY DIFFERENT THINGS!

star points

The greater the difference between your two Radius settings the more your points you have. The points setting is the number of points on your star.

Here’s a little tip for using the Star Tool: Draw a star shape with the Star Tool, but don’t release the mouse button!

Instead, use the up up and down arrows on your keyboard to change the number of points on your star.

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

Get Adobe Flash player

 

 

If you keep pressing the down arrow, you’ll end up with a triangle.

 

 

When you get the number of points you want, you can release the mouse button.



Step #3: Gradient ~

Click the Gradient icon or go to: Window > Gradient and select Radial …

gradient tool

Double-Click below the Gradient Slider color picker to add or change color …

… and select a color of your choice.

Do the other side too …


Step #4: Move the Shape ~

Select the shape and drag it to one side or over the corner …


Step #5: Erase the Edges ~

With the shape selected, go to: Object > Expand

… then get the Eraser Tool or hit the keyboard shortcut letters: (Shift (⇧) + E) shift key + e key

… and erase the overhanging edes.


Step #6: Text ~

Get the Type Tool or hit the keyboard shortcut letter (t) …

text tool

… draw a box.

 

Type some text you can use in your project - a Call to Action! like these: https://www.netatlantic.com/blog/2012/04/20-effective-call-to-action-cta-phrases/


Step #7: Find a Font that Matches your Project ~

Go to http://www.dafont.com/ and search for a font that fits your project theme -

  •   For instance, if you want a text or font that looks Old, search for that at dafont.com.

OR

  •   If you want something that looks like Money, search for that. Get it?


Step #8: Download the Font ~

When you find a font that matches your project, Right-Click and save the file to your desktop, or somewhere you can find it …

download font


Step #9: Open Font Book ~

Go to where you downloaded the font (probably Window > Downloads) open it, and double-click on the .tff file(s) …

ttf file

… when Font Book opens, click Install Font.

font book install


Step #10: Find your Font ~

Choose your new font in the menu bar and modify the size, color, etc.


Step #11: Create Outlines ~

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

… go to: Type > Create Outlines


 

 

… or hit the keyboard shortcut:

shift key+ +

 

 

… but however you do it, be sure to ALWAYS create outlines of your text.

 


Step #12: Rotate Text ~

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

selection tool

… then tilt the text.

tilt text


Step #13: Drop Shadow ~

Now go to: Effect > Stylize > Drop Shadow

effect-stylize-drop-shadow.png

… and adjust the settings to your preferences.


Step #14: Warp ~

Then go to: Effect > Warp > Arc and modify the settings to your liking …

warp


Step #15: Effects ~

Go to: Effect > Stylize > Drop Shadow on the text and star shape - try the other effects also - Try different stuff! Make something interesting!

shiny button example


Last Step: Save your Project and Attach ~

Go to: File > Save as … and save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.ai]

Attach it!


  •   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.