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 …


… 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


… 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:

  •   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