example

Summary:

Make a Shield with a "Coat of Arms" in Illustrator

    ●   This can Make your Work Look Regal!


Learn About:

Live Paint BucketMesh ToolGradients Duplicate Shapes

  •   This Tutorial is part of the Package Redesign, Free Trade and CD Cover Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.

                     

Step #1: Open Your Project in Illustrator ~

Open YOUR CURRENT PROJECT in Illustrator

 

… if you're working on your Hero, open that …

 

… if you're working on your Currency, open that

 

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

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


Step #2: Line Segment Tool ~

Grab the Line Segment Tool or hit the keyboard shortcut (\) …

… and, holding to keep the lines perfectly straight, drag the Line Segment Tool in a plus shape.


Step #3: Shield Shape ~

Get the Pen Tool or hit the keyboard shortcut letter (p) …

… and again using the shift key to keep the top line straight, draw 1/2 of a shield shape.


Step #4: Reflect the Shape ~

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

… then Right-Click, go to: Transform > Reflect …

… and then hit Copy.


Now move the duplicte shape next to the other one.


Step #5: Group the Shapes ~

Group the shapes by hitting the keyboard shortcut: Cmd(⌘)+A or go to: Select > All and then hitting Cmd(⌘)+G or Right-Click and hit Group.


Step #6: Live Paint Bucket ~

Make sure the shield is selected (with the Selection Tool if necessary) …

… get the Live Paint Bucket tool or hit the keyboard shortcut (k)

… hover over the shape with the Live Paint Bucket and click …

… scroll through your colors by hitting the Arrow Key

… and fill the Live Paint area with color of your choice by clicking.


Step #7: Gradient Tool ~

Click the Gradient pallette, open it and activate the gradient …

… then you can adjust the colors.


Do Both Sides of the Gradient.


Step #8: Gradient Tool ~

Then get the OTHER Gradient Tool or hit the keyboard shortcut letter (G) …

… and you can adjust the direction of the gradient.


Do all 4 sides with different gradients and directions.


Step #9: Stars ~

Get the Star Tool which is behind the Rectangle Tool …

… and make some stars if you want.


Step #10: Duplicate the Shape ~

Select everything and copy it: Cmd(⌘)+C

… then hit the keyboard shortcut: Cmd(⌘)+F.

 

 

Don't see any difference?

 

 

Cmd(⌘)+F is the shortcut for "Paste in Place." It pastes what you copied exactly on top of where you copied it from.

 

Step #11: Squeeze the Shape ~

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

… and holding down the Alt (⌥)/Option key, alt-option keygrab the corner and squeeze the duplicate inward a little.


Get the Gradient Tool (G) and change the gradient of the inner shape.


Step #12: Small Squares ~

Get the Rectangle Tool or hit the keyboard shortcut letter (m) …

… and make 2 different colored rectangles along the top.


Step #13: Checkers ~

Select both boxes by holding Shift (⇧)

 

 

 

…and duplicate THOSE by holding Alt (⌥)/Option .

 

Select all 4 boxes and duplicate those again and again.

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

Get Adobe Flash player


Do this all the way across.


Step #14: Boarders ~

Click on one of the shapes, either the outside or inside …

… click Expand in the menu bar or go to: Object > Live Paint > Expand

… now open the Brushes panel …

brushes

… and choose any borders you want, but try: Borders > Decorative.


Apply brushes to the lines and see what happens!


Step #15: Symbols ~

Open Symbols or go to: Window > Symbols

symbols

… click the Symbol Libraries Menu

… and choose any Symbols you want - you might start with Regal Vector Pack first.

Choose a symbol and drag it onto your Artboard.

Lastly, click the Break Link button in the menu bar …


Step #16: Drop Shadow ~

Select all your shapes by hitting the keyboard shortcut: Cmd(⌘)+A and go to: Effect > Styleize > Drop Shadow and apply your own settings …

Now you can change the color, size, add Drop Shadow, or anything you want …


Last Step: Save Your Project & Attach ~

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

save as an ai

Save the file as YOUR NAME! so we know whose it is.

 

  •   ALWAYS save your projects using the following naming convention:
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://designertoday.com/Tutorials/Illustrator/1861/Make.Heraldry.Coat.of.Arms.Adobe.Illustrator.Tutorial.aspx