Module 08

“Art resides in the quality of doing, process is

not magic.”
– Charles Eames

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 1

AC T I V I T Y | A D O B E I L LUS T R ATO R : T H E T Y PE O N A PAT H TO O L , E TC . PA R T 01

Module 08
07 Activity | Part 01

Typography: The Type on a Path Tool

Typography

Use the Type on a Path tool to recreate the artwork below. Begin by drawing two circles, one for the type above and
one for the type below. Next type the phrase below using the Type on a Path tool (found under the Type tool in the
Tools palette). Use the typeface Trade Gothic Next Bold (received from fonts.com). The two bullet points can be be
typed by holdong down the option key on a Mac (for a PC see the directions at the bottom of this artboard) and
typing an 8. Adjust the point size and tracking for your type. Place your solution directly over the gray example
below. Make sure to fill your solution with black.

Hint: You may need to use the Baseline Shift control found in the Type Character palette to complete this activity.

N THE QUAL
I IT
S
DE

Y
OF
ART RESI

DOING
•P

C•

O
R

GI

CE A
SS I
S NO TM
To Type the two bullet points on a PC: Press the "Num Lock" key above your numbers pad on your keyboard if you are using Windows OS. Press the "ALT"
key and keep it depressed. Then type these numbers in sequential order, as if you are dialing a phone number, "0149" Then release the ALT key. Note: This
will not work with the number row across the top of your keyboard.

Hint: You may need to use the Baseline Shift control found in the Type Character palette to complete this activity.

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 2

AC T I V I T Y | A D O B E I L LUS T R ATO R : T H E T Y PE O N A PAT H TO O L , E TC . PA R T 02

Module 08 Activity | Part 02

Typography: Outlining Type

In Adobe Illustrator, typography consists of two parts: 1. the code information that allows the type to be editable
and 2. the artwork that makes each typeface and character look the way it does. This second part is based on vector
lines just like the logo you have been creating. Illustrator allows you to turn the words you have typed into an
outline. This essentially removes the code information from your word leaving the vector lines.

You can turn any typed word to outlines by selecting that word using one of the arrow tools and navigating to the
Type drop-down menu > Create Outlines. You can also use the key command Command + Shift + O (Control + Shift
+ O on a PC).

Recreate the artwork below by typesetting the words, turning each word to outline, and merging the words using
the Pathfinder palette. Use the typeface Avenir Next Heavy (from fonts.com). After stacking the two words and
converting the type to outlines, use the Divide control in the Pathfinder palette to slice up the words so they can be
filled with the various colors. Use the Direct Select tool to select each segment you will be coloring.

Logotype Example

Your Logotype

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 3

AC T I V I T Y | A D O B E I L LUS T R ATO R : T H E T Y PE O N A PAT H TO O L , E TC . PA R T 03

Module 08 Activity | Part 03

Lines: The Stroke Palette

Use the Stroke palette to complete this activity. Create strokes that match the examples in gray below.

Cap: Use the Cap control to add rounded ends to a line colored with a black stroke. Place your stroke object
directly below the example.

Dashed Line: Use the Dashed Line control to create a line similar to the example below. Color your dashed line with
a black stroke and place it below the example.

Align Stroke: Make copies of the square on the left and use it to recreate each of the three gray examples below.
Use the Align Stroke control to recreate each of the stroke effects on each of the gray squares. Color the
stroke on your squares black and place them over the gray examples.

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 4

AC T I V I T Y | A D O B E I L LUS T R ATO R : T H E T Y PE O N A PAT H TO O L , E TC . PA R T 0 4

Module 08 Activity | Part 04

Lines: The Pen Tool and Width Tool

Use the Pen tool to create each of the line segments below. Each of the lines was originally created using two points
(one on each end) and dragging Bezíer curve handles out at either 45° or 90° angles.

Next use the Width tool to recreate the varying thicknesses of each stroke. The top stroke uses one width point with
the handles extended at equal distances from one another. The bottom stroke uses one width point but has one of
the width handles tucked back into the point. To do this, hold down the Option key, click on the handle you would
like to adjust, and drag. This will break the two handles apart from one another.

Color your lines with a black stroke and place them over the gray examples.

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 5

AC T I V I T Y | A D O B E I L LUS T R ATO R : T H E T Y PE O N A PAT H TO O L , E TC . PA R T 05

Module 08 Activity | Part 05

The Pathfinder Palette

Use various controlls on the Pathfinder palette and the black shapes provided below to build objects similar to the
gray examples on the left of the artboard.

Minus Front

Unite

Divide

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 6

S T U D I O | LO G O PR OJ E C T: FI N A L VA R I AT I O N S

Cabin Fever Books CABIN FEVER CABIN FEVER

BOOKS BOOKS

Best Compositions

1. I like the ‘natural’ colors in this composition. Trying to play up the

mountain/cabin feel. I also pulled the words out a little to carry the
mountain feel down through the words.

2. I like the colors of this composition. With the size of the words on the
bottom though it almost feels too symmetrical.

3. I was playing around with using one color and using pure, light, and dark
hues of it. It makes the colors feel nice, but might be too monochromatic.

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 7

S T U D I O | LO G O PR OJ E C T: FI N A L VA R I AT I O N S

CABIN
FEVER
BOOKS
Cabin Fever Books CABIN FEVER
BOOKS

Best Compositions

1. I really like the pop of color with the pink, but I think it looses the feeling
of ‘sun’.

2. I was again playing around with light, dark, and pure, this time of a purple.
Again, too monochromatic I think.

3. I wanted to play with the sun since I have no negative elements of this
logo. I don’t like how it looks in front of the mountain though.

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 8

S T U D I O | LO G O PR OJ E C T: FI N A L VA R I AT I O N S

CABIN
FEVER
BOOKS
Cabin Fever Books Cabin Fever Books Cabin Fever Books

Best Compositions

1. One more time, different hues of the same color. This one has more pop
that the others and doesn’t feel quite so monochromatic to me.

2. I like the light, medium, dark in this logo, but the colors don’t feel quite
right and I like the words longer.

3. Playing around with different ways to add a pop of color, but the purple
sun just feels weird, not like a sunset.

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 9

S T U D I O | FI N A L LO G O S I G N AT U R E

Cabin Fever Books

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 10

P O N D E R | M O D U L E 08

When I need to take a break from
homework my favorite thing to do is -
well it depends. If I just need a quick
break to step away and come back to
look at my work with fresh eyes, I go
play the piano. If I need a long break I
watch TV.
What makes a logo successful?
There are a lot of elements that play into a successful
logo. The image must make sense and be visually
appealing. The typeface must go with the feel of the
company. The colors must carry on the right feel. An ice
cream shop probably won’t do well with a logo of grays,
and a funeral parlor probably wouldn’t do well with
a logo of bright pinks. All three elements of the logo
create a unity together that should give the viewer an
immediate feel for the brand.
You have followed a basic design process for two
projects now. What are the basic steps in a design
process?
The basic steps of the design process are: sketch
out ideas, sketch out more ideas, create your
strongest ideas digitally, play with your ideas, play All three elements of the logo create
with them more, take your strongest ideas and
a unity together that should give
give any final tweaks.
What is your favorite step in the design process?
Why?
I’ve had a hard time with the design process during this Which step in the design process do you struggle
project as I move during it and just felt overwhelmed! with the most? Why?
I find sketching very frustrating, but I am coming to As mentioned above, sketching is what I struggle with
actually enjoy it and see how it helps in the process of the most. I can see in my mind what I would like to
creation. I usually enjoy taking the original ideas and sketch, but I lack the skill to create what I see. That make
watching them become digital - as long as it doesn’t the sketching process very rough and it is hard to see
involve sketching. how my idea will really work on paper.

What did you learn about typography

during this project?
Typography is very important. You can’t just
throw any font into a project. It needs to flow
with the feel of what you are creating. Many
fonts are overused, and just because a font
feels ‘fun’ does not make it a good choice.
There is a reason that some fonts have been
around for hundreds of years - they work.

Playing the piano is often my favorite way to take a break from my homework.

ERIKA CARDON ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 11