Ms. Babkie's Graphic Design Classes
Add text
  • WELCOME!
  • GRAPHIC DESIGN I
    • PHOTOSHOP !!!!!!!! >
      • Indie Rock CD Cover & Case
      • PHOTOSHOP INTRO
      • Photoshop Tutorials
      • Deer Head Tutorial
      • Scroll Face Tutorial
    • Personal CD Project >
      • Personal CD Presentation
    • THE PEN TOOL
    • CAUSE POSTER - The Parts
    • THE CAUSE POSTER >
      • Cause Poster Final Art
    • Japanese Lucky Cat Tute
    • Zodiac Project
    • Zodiac Images
    • Mario Tutorial
    • Illustrator Tutorials >
      • Guilloche Pattern Tute
      • Stopwatch Tute
    • Ai & Ps Tutes
    • VIDEO GAME BOX DESIGN >
      • Backgrounds & Characters
      • Video Game Final Art
  • GRAPHIC DESIGN II
    • PRINCIPLES OF DESIGN
    • TYPOGRAPHY
    • Create Your Own Typeface
    • Typography Design Samples
    • WORD CLOUD PROJECT
    • The ELEMENTS OF DESIGN
    • Black Panther Type Tute
    • LOREM IPSUM
  • Tutorials! Tutorials! Tutorials!
  • WHEN THERE IS A SUB
  • PRISM Annimations
  • GAMING CLUB LOGO +

FLASH DRIVE NAME TAGS
I am finding your Flash Drives around the room and I want to give them back to you, but I don't know who's they are. 
This Exercise will help us all understand the importance of having a personal Flash Drive and for having our names on it.

Picture



STEP 1


Create a New Page in Illustrator:

Size:  Letter = 8.5 x 11 Inches

Save / Name the Page: 

FirstInitialLastName


FlashDriveNameTagPdX

Picture








STEP 2

Choose the Ellipse Tool from the Shapes Tools Menu. 

Click anywhere on the page and you'll see the ELLIPSE Menu appear. 

Type in 6 (for width) • Hit the "TAB" Key • type in 6 (for height) and click "Enter".

This will give you a Perfect 6-Inch Circle.

Picture
Give the Circle a GREEN FILL and a BLACK STROKE (see below) . . .
Picture
STEP 3 - Repeat the Ellipse Tool Process again but this time type in "4" . . . Hit the "TAB" Key . . ."4" for a 4-Inch Circle
Picture
STEP 4 - Give this Circle No Fill and a Black Stroke
Picture
STEP 5 - ALIGNING THE 2 CIRCLES
Select the 2 Circles using the Selection Tool - keep it a small area just in case you have an extra point somewhere on the page
Picture
Using the ALIGN PALLET - Choose the HORIZONTAL ALIGN to line up the Circles up Side to Side (see below)
Picture
Keeping the Circles Selected - Choose the VERTICAL ALIGN to line up the Circles up Top to Bottom (see below)
Picture

STEP 6 -
KEEP THE CIRCLES SELECTED and Type Control 8 for COMPOUND PATH to Combine the 2 Circles with an Empty Center.

Picture

STEP 7 - NAMING THE LAYER

Picture




















Double Click the Words "Layer 1"

inside the Layer Menu / Pallet

Name this Layer CIRCLES (See Below)



Picture

STEP 8 - MAKE A NEW LAYER

Picture







Click on this little area of Text

at the Top Left of the LAYERS Pallet

Picture


This Drop Down Menu appears and you'll


Choose "New Layer"

Picture



Double Click the words "Layer 2" and the Pop Up Menu will appear.

Type in "NAME"

This will help you Identify all the different Layers that you'll end up with.

Notice also, each layer has it's own Color Code to further help you identify your Layers.

See the Color Bar to the left of the Name of the Layer . . .

that is the Color Code for that Layer.

STEP 9 - TYPE ON A PATH

Picture


Double Click on the ELLIPSE TOOL again and

Type in "4.5" . . . Hit the "TAB" Key . . . Type in "4.5".

This will give you a new Circle a little bigger than the 4" one you made earlier.

Picture



Here's your 4.5" Circle

Picture
HOLD DOWN the "T" Tool until all the TYPE Tools appear.

Choose the TYPE ON A PATH TOOL from the TYPE TOOLS BOX

Picture



Put the Type on a Path Cursor directly


on that Top, Center Anchor Point and Click

Picture





PUT THE CAPS KEY "ON"

Start Typing your name.

Yes it looks very small,

we'll fix that in the next step.

Picture







Using the SELECTION TOOL,

select the Circle with your name on it. 




Follow the next Step carefully to

change the SPECIFICATIONS of your name . . .




STEP 10 - TYPE SPECS (SPECIFICATIONS)

Picture


At the Top of the Page (just above the art board)


you'll find the word Character in Blue and

3 Drop Down Menu Windows to the right: 

Type in the first 3 Letters of the Font we'll be using: 

B-e-r, and a Font with those 3 letters will appear

there in that window. 

Click on the Down Arrow to find the Font called

"Bernard MT Condensed" 

Leave the next window alone and then in the

3rd Window, click on the Drop Down Arrow,

Scroll down to and chose 60 Point.

Picture


The next part of Specifying Type is to

Align it Centered: 

To the right of the Type Size is the

Paragraph Choices:

Flush Left • Centered • Flush Right

You'll choose the CENTERED Option and the

Type will automatically swing around -  down to the

Centered position on the Path -

DON'T TOUCH IT!  LEAVE IT!
____________________________________________

SAVE! Control "S"

Save this File on your TCH Server:

Find your TCH (562) Computer

Find your GD1 1st Quarter (Main Folder)

Make a New Folder for this Exercise: 


Name it FLASH DRIVE NAME TAG

Then name the File FlashDriveNameTag

be sure to include your name and
what Period you're in:

FlashDriveNameTagABabkiePd0

(No Spaces, Initial Caps, 1st Initial, Last Name, Pd?) 

Before Class is over,
you'll put just this Folder on your Flash Drive



STEP 11 - ROTATE TOOL

Picture


With your (Name) Type on a Path still selected choose the ROTATE TOOL from the Tools Menu

Picture


DOUBLE CLICK right there INSIDE THE TOOL



Picture







Type in 180 and Click "Preview" 


Your Name will swing right around up to the top . . .

No need to plug in a million spaces! 

You will never do that again now that you are a

real, live Graphic Designer right? . . . RIGHT!


SAVE! Control "S"

Align Both Layers: Type on a Path and Circles:

Picture
Picture
Picture

Picture






Lock the CIRCLES Layer

STEP 12 - SCALE TOOL

Picture





Use the Selection Tool to select the Type on a Path
(Your Name)

Choose the SCALE TOOL from the Tool Box and


DOUBLE CLICK inside the SCALE TOOL.

Picture












The Scale Tool Menu will pop out and you'll

Type "95" in the Top Option


and Click "Preview"

Picture




Keep the Type on a Path selected


and give it a White Fill 

ALSO - Make sure you make the Type Size 60 Point

from the Character Menu at the Top . . .

I don't have a picture here, I forgot to do this part -

but you can do this.

SAVE! Control "S"

STEP 13 - Setting up the Lower Type

Picture




Lock the Layers: Name and Circles

Make a New Layer and name it FLASH DRIVE.

See STEP 8 for a reminder on how to do this.

Picture

Choose the Ellipse Tool from the Shapes Tools Menu. 

Click anywhere on the page and the ELLIPSE Menu will appear. 

Type in 4.25 • Hit the "TAB" Key • type in 4.25 and click "Enter".

Yes, we want a 4.25" Circle now.

Picture






Woops - Unlock your Layers - Sorry Bro 


Select all your Layers using your Selection Tool

Align all your Circles, Name and Flash Drive


See STEP 5 for a Reminder on how to do this part 

When you are done Lock the

NAME and CIRCLES Layers

Picture
Use your Type on a Path Tool to

Type the word FLASH DRIVE.

Picture












Select your FLASH DRIVE Type

with the SELECTION TOOL

Go up to the "Type" Option at the very TOP MENU

Go down to "Type on a Path"

Go down to "Type on a Path Options ..."





The Type on a Path Options Window will open. 

See Below for Settings

Picture







Once the Type on a Path Options Window is open,

Choose 3 things: 

Check Flip

Check Preview and

Choose "Ascender" so the Type will Flip around



SAVE!

THE HOME STRETCH!  SYMBOLS and CUSTOMIZATION

Picture

Lock all your Previously made Layers

and Make a New Layer


and name it SYMBOL.


Have your Swatches Pallet available
as well as your Symbols Pallet.


If they are not on the Desktop,

go up to Window at the Top of your Workspace

and look for them in there.

Picture
Choose the SYMBOLS TOOL from the Tools
Picture
Click on the Upper Right Side of the
Symbols Pallet and Choose "Open Symbols Library"  I chose the Grime Vector Pack for some Splatters and Spills
Picture
With the Symbols Tool Selected and one of the Symbols chosen (in the Pallet) Click once, change Symbols, Click once and Repeat as you build up more Splatters and Spills.  I made too many here - I'll fix that.
Picture
Select the area of Symbols using the
SELECTION TOOL

Go up to the Top Menu and choose "Object" 

Scroll down to and Choose "Expand...."
Picture
Once the Expand Menu Pops Up Click OK
Picture
You'll see you still can't really manage the Symbols, so, Repeat the first 2 Parts right here . . .

Choose Object at the Top of the Page, choose Expand...,

Each of the Symbols will separate into its own Shape.
Picture
Select all the Symbols,
RIGHT CLICK and Choose "Ungroup"
Picture
Now you should be able to manage the Symbols one at a time, delete some, change them, enlarge them and reduce them . . . Have some FUN!  PLAY!

I turned off the other Layers so  can just Play with the Symbols - now that I know how to do it!

AND VOILA! THE FINAL RESULT . . .

Picture
Powered by Create your own unique website with customizable templates.