Mallerinuttall Art130 Finalprocessbook

Module 01
“Computers are to design as microwaves are

to cooking.”
– Milton Glaser
M A L L E R I N U T TA L L A R T 130 | I N T R O D U C T I O N TO G R A P H I C D E S I G N | 1
AC T I V I T Y | R E S E A R C H : PR I N C I PL E S O F D E S I G N PH OTO SU R V E Y (1 O F 4)
1 2 3 4
Focal Point
1 2 3 4
Visual Hierarchy
1 2 3 4
Proximity
1 2 3 4
Alignment
1 2 3 4
Scale Contrast
1 2 3 4
Asymetrical Balance
1 2 3 4
Negative Space
1 2 3 4
Overlapping
AC T I V I T Y | R E S E A R C H : PR I N C I PL E S O F D E S I G N : PR O FE SS I O N A L G R A PH I C D E S I G N E X A M PL E S
Focal Point | This image uses focal point because right in the Visual Hierarchy | This image is an example of visual hierarchy
center of this photo is a women in neon green. It brings your because you may first look at the lights, then follow the lines
attention right to this specific point in the cneter. down to the people. It leads your eyes to different places.
Proximity | This image uses proximity with the difference in size Alignment | This image uses alignment by creating a pattern
from the poeple pulling the huge cities together. with all of the cups. It causes you to follow and recognize the
straight lines and feel organized.
AC T I V I T Y | R E S E A R C H : PR I N C I PL E S O F D E S I G N : PR O FE SS I O N A L G R A PH I C D E S I G N E X A M PL E S
Scale Contrast | This image uses scale contrast with the point Asymetrical Balance | This image shows asymetrical balance
of view of this man. It makes him seem as though he is much because of the two halves split by this light post. On one side we
bigger. have a wolf, tree, and fire hydrant, and the other just a tree.
Negative Space | This image uses negative space by having this Overlapping | This image uses an overlapping technique
main image in the center, and the rest being negative or “open” between different shapes and colors to create a unique image of
grey color. It creates the eye to focus on one main point. women.
AC T I V I T Y | P O N D E R : M O D U L E 01
Hi my name is Malleri Nuttall and my Why are you taking this class and what do you hope
that it will do for you?
most distinguishing feature is my smile.
I am taking this class for my Apparel Entrepeneurship
Where did you come from, before BYU-Idaho? major and I hope it will be useful in my future career to
Mesa, Arizona know a few design tips and create things for my potential
business.
Why are you here, at BYU-Idaho?
PRINCIPLES OF DESIGN: PHOTO SURVEY
To get a degree for a cheaper cost than other
Universities. What was your experience like completing the
photographic design principle survey?
An interesting fact about yourself. It was a little challenging at first, but once I got going the
creative ideas just kept coming and it was a lot easier. It
Something interesting about me is was cool to realize how simple it is to see these design
aspects in so many things in our everyday lives.
that I have an identical twin sister.
We get mistaken for eachother all PRINCIPLES OF DESIGN: PROFESSIONAL EXAMPLES
What was your experience completing the activity
the time! But, searching for design principles in professional
we have never design examples?
tried to switch I really enjoyed learning about the design principles and
seeing some beautiful professional exmaples in how they
places before, use them in their art or ads. It was interesting to see that
haha. some even use multiple principles in one image.
CONCLUSION
In conclusion I really enjoyed this assignment and it
seemed a lot more daunting to see all the diferent
Malleri Nuttall
tools and steps, but once I learned the software this
assignment was a lot more simple than it seemed. I liked
that everything is organized and easy to understand.
Where are you going, after BYU-Idaho
Anywhere a career takes me, hopefully back home to
Arizona!
Module 02
“Don’t try to be original, just try to be good.”
– Paul Rand
MALLERI NUT TALL ART 130 | INTRODUC TION TO GRAPHIC DESIGN | 1

P R O J E C T 1 | S H A PE S: T H U M B N A I L S
1. In this first design you can see the
principles of focal point and scale
contrast with the small white
circle inside of the triangle.
2. In this second design I used the

principles of overlapping the
shapes to create a focal point and
contrast of the negative white
space.
3. In this third design I used the

principles of visual hierarchy
because the triangle points to
one focal point, and then your
eye leads to the repetition of
the lines.
1
2

P R O J E C T 1 | S H A PE S: T H U M B N A I L S
1. In this first design I used
overlapping shapes to create a
focal point of black contrasting
with the white space.
2. In this second design I used the

middle triangle to create a focal
point and then the other lines,
crosses, and circles on each side
to create a sort of asymetrical
2
balance.
3. In this third design I used

negative space to create a focal
point, and alignment of all of
the different shapes down the
middle.
1
3

AC T I V I T Y | A D O B E I L LU S T R ATO R : BA S I C S H A PE S
DEPTH FOCAL POINT CONTRAST

P O N D E R | M O D U L E 02
My favorite room in the world is What did you enjoy most about this weeks activities?
my bedroom because it is where I I enjoyed learning how to use illustrator and creating the
shapes.
spend the most time and feel most
comfortable. “Creativity is intelligence having
THUMBNAIL SKETCHES fun.”
How long did it take to complete the sketches?
It took me about 2 and 1/2 hours to complete, there were
-Albert Einstein
a lot!
ADOBE ILLUSTRATOR ACTIVITY
How comfortable are you with Adobe Illustrator?
I am not very comfortable with illustrator, this has been
the first time that I have used it.
What is the biggest advantage of vector art?

The biggest advantage of vector art is that you can
create limitless amounts of designs with just a few simple
shapes and colors.
CONCLUSION
Filling in all my sketches with black marker. This image uses focal point In conclusion this assignment wasn’t too difficult, but
because I am the center of the image, and nothing else catches your eye. was time consuming. I thought it was really fun to push
myself creatively and think of new designs with a few
How can sketching be to your advantage as a shapes.
designer/web designer?
Sketching can be an advantage as a designer because
you can lay out ideas and see what works best for your
project before completing the final product.
Why do you think 48 sketches were assigned?

I think 48 sketches were assigned to push our creative
minds and allow us to practice sketching and using the
design principles.

Module 03
“It’s through mistakes that you actually
can grow. You have to get bad in order
to get good.”
– Paula Scher
MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 1

P R O J E C T 1 | S H A PE S: R E FI N E M E N T T H U M B N A I L S
1. In this first sketch I used the
principles of focal point with
the traingle pointing right at the
corner of the aquare.
2. In the second selection I used the

principle of visual hierarchy by
creating a contrast of the square
and triangle in color, and having
1 them point to one certain focal
point. The other shapes just fill
space and cause the eye to move
around.
3. In the third selection I used

the principles of isolation and
grouping of the shapes to create
a contrast and visual hierarchy of
where the eye leads to.

P R O J E C T 1 | S T E P 2: D I G I TA L S K E TC H S E T 01
DESIGN PRINCIPLES USED DESIGN PRINCIPLES USED DESIGN PRINCIPLES USED

1. Visual Hierarchy 1. Visual Hierarchy 1. Asymetrical Balance
2. Alignment 2. Alignment 2. Visual Hierarchy
3. Focal Point 3. Isolation 3. Focal Point


1. Isolation 1. Grouping 1. Isolation
2. Visual Hierarchy 2. Visual Hierarchy 2. Grouping
3. Focal Point 3. Focal Point 3. Visual Hierarchy

AC T I V I T Y | A D O B E I L LU S T R ATO R : L AY E R S , S E L E C T I N G , A L I G N M E N T, A N D M O R E

My favorite thing to eat at a restaurant is When creating the digital sketches, did you think
about design or how to use Adobe Illustrator?
fresh chips and salse. I sometimes order
I think the technology is awesome to learn and design
the same thing when I go out to eat with, I prefer computer designing over my drawing
because I know what I like and only like because I am not good at drawing. Illustrator isn’t too
to try new things every once in a while. difficult to learn, the videos are really helpful.
DIGITAL SKETCHES Adobe Illustrator is an awesome

What design principles do you keep coming back to? digital creative outlet. It will be
I find myself keep coming
back to focal point, challenging to get down the basics
grouping, and alignemnt. of the program, but with practice,
Why are you drawn to it will become easier.
these specific principles?
I am drawn to the ALIGNMENT ACTIVITY
simplicity and noticable What is your favorite new thing that you learned
difference when using completing this activity?
these principles. They are
I really liked learning about adding new layers and hiding
This was my favorite digital sketch easy to identify and mix
them. It was much easier to create the activity pattern
because I felt like I did very well with together at the same time.
the design and used the shapes to while just focusing on one element at a time. This will be
use multiple design principles. useful in my future designs.
What did you discover
about your compositions from making variations?
What do you need more help with?
I discovered that even though my variations and
I need more help with understanding all of the tools
compositions are simple, with just a little change they
available to me on Illustrator. I feel like there are so many
can create a whole new piece.
and I barely understand how to use the basics while
watching a video tutorial.
Do any of your digital sketches look like your
thumbnail sketches?
CONCLUSION
Some of my digital sketches do look like my thumbnail In conclusion I really enjoyed this assignment and felt
sketches, I tried to roughly organize my ideas to the best like my learning growth really improved this week. This
of my ability, and it showed it. The digital sketches look assignment pushed me to be more creative and learn
much more professional and refined. new skills digitally with the program.

Module 04
“Working within the constraints of a problem
is part of the fun and challenge of design.”
– Ellen Lupton


1. Visual Hierarchy 1. Visual Hierarchy 1. Alignment
2. Alignment 2. Alignment 2. Visual Hierarchy
3. Isolation 3. Asymmetrical Balance 3. Asymmetrical Balance

P R O J E C T | S H A PE S PR OJ E C T FI N A L CO M P O S I T I O N

AC T I V I T Y | A D O B E I L LU S T R ATO R : L AY E R S , S E L E C T I N G , A L I G N M E N T, A N D M O R E

PONDER | MODULE 04
My favorite pet was named Rocco and My composition is titled ‘Tilted ACTIVITY | SOFTWARE TRAINING
What was the most helpful thing you learned this
I loved it when he liked to sunbathe in Focus’. A creative but simple name week about Adobe Illustrator?
the warm AZ sun. to explain the design concept. The The most helpful thing I learned this week about Adobe
principles of design are crucial Illustrator was changing the colors to look good when
printing, This will be helpful to know for future projects.
to create designs that are both
creative and eye-catching. What do you still want to learn about Adobe
Illustrator?
Visual Hierarchy is used with the leading lines, the Something I still want to learn about Illustrator is to how
triangles pointing, and the contrast of the small white to draw curved lines and sketch drawings or images. To
circle. This principle helped the composition by creating create things such as logos, names, or card designs.
visual interest leading the eye to different spots of the
design. MODULE 03 REFLECTION
Alignment is used through the diagonal lines, and the What do you need more help with?
traingle and square being aligned with the lines. This I need more help with understanding all of the tools
principle helped the composition by creating a sense of available to me on Illustrator. I feel like there are so many
organization and focus on certain elements. and I barely understand how to use the basics while
watching a video tutorial.
Asymetrical Balance is used through the line “splitting”
the image in half and having small shapes on one side, CONCLUSION
an d the big circle on the other. This principle helped the In conclusion I really enjoyed this assignment and felt
composition by creating emphasis and focus on certain like my learning growth really improved this week. This
things over others. assignment pushed me to be more creative and learn
“Tilted Focus” new skills digitally with the program.
In conclusion, Visual Hierarchy, Alignment, and
FINAL COMPOSITION PRESENTATION Asymetrical Balance. assisted in creating a successful
In the Shapes Composition I created a design that used composition by creating a visually appealing and creative
a circle, square, triangle, cross, and a line. The three design.
principles of design of design used to create a successful
composition are visual hierarchy, alignment, and
asymetrical balance.

Module 05
“Content precedes design. Design in the
absence of content is not design, it’s
decoration.”
– Jeffrey Zeldman

P R O J E C T | LO G O : C AT E G O RY & T H E M E
Complete this worksheet before you

My logo should communicate a mood of happiness,
begin your research or start sketching comfortability, and calmness.
your logo. Use this page to define the
My logo should communicate ideas of safety and
problem you will be solving before you comfortability.
begin working on the logo itself. The
success of your logo will be assessed COMPANY/EXHIBIT NAME
according to the information you

Bloom Baby Co.
provide here.
COMPANY TAGLINE
COMPANY/EXHIBIT
Clothing and acessories for your sweet babe.

The company I have chosen from the list on iLearn is
Nature Clothing.
COMPANY/EXHIBIT DETAILS
My company will focus on selling baby clothing and

accessories. Ranging from onesies, blankets, hats,
pacifiers, and bottles.
THEME
The theme I have chosen from the list is nature, and I

would like to focus on the aspect of flowers.
TARGET AUDIENCE
The target audience for my company is mothers,

grandmothers, and women in general. Ages ranging
from 20+ who are interested or know someone with a
child.
MOOD/IDEA CHARACTERISTICS

Collect logo samples in order
to understand what a good
logo is. Write a short caption
for each logo describing why
you picked it.
AC T I V I T Y | LO G O : V I SUA L R E S E A R C H 1. I liked this because of the bright
colored circle with th graphic in
the center.
2. I liked this because of the

wordplay and text.
3. I liked this because of the graphic

in the center, with text circled
around it.
4. I liked the spacing of the text

underneath the graphic.
1 2 3 4 5 5. I like the bright colors and font of
the text.
6. I like the big graphic with smaller

text underneath.
7. I like the artistic feel with one

continuous line.
8. I like the graphic on one side, text

on the other.
9. I like the square graphic and bold

text.
6 7 8 9 10
10. I like the design aspect of the big
bold text abbreviations.
11. I like the layout of the graphic and

text all spaced and aligned.
12. I like the all orange color and bold

text in a rectangle.
13. I like the all one color and cursive.
14. I like the birght color in the

bordered circle.
11 12 13 14 15
15. I like the artistic look and
simplicity.
16. I like the creativity and simple

colors.
17. I like the text on the graphic and

underneath.
18. I like the one stand out colored

letter.
19. I like the focal point of the red

16 17 18 19 20 bookmark.
20. I like the graphic inside of the

neutral circle with border.

P R O J E C T | LO G O C AT E G O RY: V I SUA L R E S E A R C H (PH OTO S E TC .)

P R O J E C T | LO G O TO PI C : V I SUA L R E S E A R C H (PH OTO S E TC .)

P R O J E C T | LO G O PR OJ E C T: WO R D L I S T S
A word list helps you explore ideas. Milk Tired
Write every word you can think of that Bottle Flowers

relates to your compay or exhibit. Make
Formula Nature
sure you fill this page full of words.
You may need the help of a thesarus Pacifier Green
to complete this task. Once the page is Binki Pink

full of words take some time to find and Toys Blue
mark those words that could be turned
Teether Ring Petal
into interesting logo sketches.
Dad Leaf
Baby
Doll Grass
Babe
Dress Field
Toddler
Blanket Sunlight
Infant
Bassinet Soil
Newborn
Swing Growing
Mom
Crib Picking
Hospital
Pillow Plants
Clothing
Bouncer Crops
Onesie
Comfortable Farmer
Comfortable
Soft Farm
Diaper
Cozy Water
Wipes
Fuzzy Play
Crying
Warm Cuddle
Napping

P R O J E C T | LO G O : M I N D M A P
Identify interesting
connections
1. formula
2. swaddle
3. petal
4. sleep
5. pacifier
6. bottle
7. cradle
8. pink
9. blue
10. walking
11. toddler
12. bouncer

P R O J E C T | LO G O PR OJ E C T: S Y M B O L S K E TC H E S
connections
1. #20 I like because of the

simplicity and the baby crawling
on top of the company name,
“bloom”.
2. #28 I like because of the

simple outline of the little girls
head, with the spaced text
underneath.
3. #29 I like because of the artistic

feel of the flower (handdrawn)
with the smaller text.

AC T I V I T Y | A D O B E I L LUS T R ATO R : A N I N T R O D U C T I O N TO T H E PE N TO O L

Hi my name is Malleri and my favorite What makes a logo goos is if it

dessert is anything with peanut butter. stands out, gets the message
Why do you conduct research at the begining of a across, and is creative.
design project?
You conduct reserach previous to designing to get your
crative juices flowing and think of all the possible ideas
to your design process.
What makes a logo good?

What makes a logo good is if it stands out, get the
message across, and is creative.
How many ideas were you able to discover through

your word lists and mind maps?
It wa hard to think of ideas because you can only think of
a few, but then it got easier and I thought of a lot more
than i thought I could.
How many of your sketches combine two different

objects into a single image?
I tried to do a few more designs with multiple objects
but I found myself really like the simple ones the best.
What is the most difficult part of coming up with Letter B inside a picture frame in my home.
ideas to sketch? How did you work through this
difficulty?
The most difficult part is trying to think of ideas to sketch,
and different variations but still staying with the same
theme. I would just refer back to my research pictures
and find more inspiration for new sketches.

Module 06
“Constantly experiment … constantly go
forward.”
– Alexey Brodovitch

Collect logo samples in order
to understand what a good
logo is. Write a short caption
for each logo describing why
LO G O | V I SUA L R E S E A R C H PA R T 02 you picked it.
1. This is an iconic caption and I like

the mirror image of the C.
2. I like that this caption is simple

and you know what the tv chanel
is about.
3. I like the color contrast and the

hidden arrow symbol.
4. I like the simplciity and negative

space.
1 2 3 4 5 5. I like the repetition and
alignment.
6. I like the simple design, and

literal dove.
7. I like the simple bold letter.
8. I like the contrast of the arrow

and letters.
9. I like the focused circle logo with

patriotic colors.
6 7 8 9 10 10. I like the asymmetrical oval.
11. I like the simplicity and color

choice.
12. I like the bolded text and red

background shape.
13. I like the rainbow colors and

simple shape.
14. I like the big focal point and

color.
15. I like the simple black color.

11 12 13 14 15
16. I like the fun simplisitc logo.
17. I like the all green color and

focused circle.
18. I like the contrast of the blue

letters and yellow star.
19. I like the simple letter with the

recognizable colors used.
20. I like the patriotic colors in a simple
16 17 18 19 20 circle.

S T U D I O | LO G O PR OJ E C T: R E V I S E D LO G O S K E TC H E S
connections
1. caption
2. caption
3. caption
4. caption
5. caption

AC T I V I T Y | A D O B E I L LUS T R ATO R : M O R E PR AC T I C E W I T H T H E PE N TO O L
VIKING BRAND

S T U D I O | LO G O PR OJ E C T: D I G I T I Z E D LO G O S
Logo Option A Logo Option B Logo Option C
Original Sketch Original Sketch Original Sketch

PONDER | MODULE 06
My favorite snack to munch on while them. It was more diffiult to try and figure out how to use
the tools to portray my sketches.
designing is candy because it helps me
to have energy to focus. This round of sketching pushed
How did this second round of sketching affect your me to really think creatively and I
logo ideas? liked these logos even better than
This round of sketching pushed me to really think
creatively and I liked these logos even better than my
my originals.
originals.
How did you choose which logos to digitize?

It was super hard to decide which ones to digitize, but
I chose the ones that had the most potential and used
both factors equally being shown.
What new things did you learn about Adobe

Illustrator while digitizing your logos?
I learned how to use the curvature tool and how to
mirror images.
What was the most difficult thing about digitizing

your logos?
It was really difficult to create the flowers how I
envisioned them, and hard to get certain shapes if they
Heart shaped candy is the best candy!
are not a straight edge.
Are your digitized logos better than your sketches or

are your sketches better than your digitized logos?
Why?
I think I like my sketches are better than my digitized
logos because I could more easily portray the certain
curves and looks of the flowers and shapes how I wanted

Module 07
“A designer knows he has achieved
perfection not when there is nothing left to
add, but when there is nothing left to take
away.”
– Antoine de Saint-Exupéry

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 TO O L A N D CO LO R PA L E T T E S PA R T 01
Module 07 Activity | Part 01
Typography
This letter R has serifs. This letter R doesn’t have serifs. This letter R has thick straight
It is a serif typeface It is a sans serif typeface serifs. It is a slab serif typeface
Type the names of the serif typefaces you received from fonts.com here. Set each name in that typeface.
Baskerville MT Pro Centaur MT Pro

Bembo Book MT Pro
Bodoni MT Std
Type the names of the sans serif typefaces you received from fonts.com here. Set each name in that typeface.
Akko Rounded Stda Klint Std

Avenir Next LT Pro Legacy Sans ITC Pro
Neue Haas Grotesk Display Pro
Trade Gothic Next LT Pro
Type the names of the slab serif typefaces you received from fonts.com here. Set each name in that typeface.
Egyptian Slate Std

Typography
The space between letters is just as important as the letters themselves. This space establishes a rhythm for the
letters in a word. You can adjust the space between letters to change the feel of the word. In Adobe Illustrator
you can adjust this space using the Tracking control in the Character palette.
Note: It is always a good idea to increase the letter space for words set in all capital letters. But you should almost NEVER
increase the letter space for words set in lower case letters. Doing this often makes words harder to read.
Recreate the word below using Avenir Next Bold (downloaded from fonts.com). Adjust the letter spacing using the
Tracking control in the Character palette. Place your word directly over the outlined word below. Fill your word a solid
black with no stroke.
L E T T E R S PA C E

Typography
In the space below create logotypes for three different companies:

1. Amicus Motors is a high end car dealership. The image that they want to portray is expensive and luxurious.
2. Jack and Jill Clothing is a children’s clothing store. They sell simple, classic clothing that never goes out of style.
3. Astro Burger is a fast food restaurant. They are a retro, family-focused diner.
Parameters
• The logotypes need to be entirely typographic (do not add pictorial elements).
• All logos must be created in grayscale (only use black, white, and gray).
• Olny use typefaces you received from fonts.com to complete this activity. Rely on your type choice to create
the feel that each company is looking for. Don’t forget that you can adjust the letter space in your logotypes.
You can also set the names of the companies in all capital letters, all lowercase letters, or a mix of both to help
you convey the mood of each company.
Amicus Motors logotype
AMICUS MOTORS
Jack and Jill logotype
JA C K and J I L L
Astro Burger logotype
Astro Burger

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 TO O L A N D CO LO R PA L E T T E S PA R T 0 4
Color and Value Contrast
While it is important for a designer to understand how color works it is even more important for them to understand
how value and value contrast affects design. Value involves the lightness or darkness of an object. Colors like yellow
have a light value while colors like purple have a dark value. Value contrast involves the lightness or darkness of an
object in relation to its background. If a light colored object is placed on a light colored background there is a low
value contrast between the object and the background. This will make the object hard to see.
Directions
• Select each black circle and fill it with a gray value that matches the value of the colored circle on top of it.
• Use the Proof Colors tool to check your work. Set the Proof Colors tool to grayscale by navigating to:
1. View > Proof Setup > Customize. The Proof Setup window will appear on your screen.
2. Select the top drop down menu in the Proof Setup window ( it should currently say something like Working
CMYK-U.S. web coated...) and scroll all the way down to the bottom of the list.
3. Select Generic Gray from the list of grayscale options and click on the OK button.
4. Check the gray values you filled the black circles with against the values of the color circles. Adjust your
values to match the values of the color circles.
5. You can toggle the Proof Colors setting on and off by navigating to View > Proof Colors.

Color and Value Contrast
Create copies of the logotypes you created in part 03 of this activity. Place each logotype on one of the color
swatches below (one logotype per swatch). Pick colors for each of the logotypes that allow high value contrast
between the logotype and the color background
AMICUS MOTORS
JA C K and J I L L
Astro Burger

P R O J E C T | LO G O PR OJ E C T: R E FI N E M E N T S
1. 2. 3.
Best Logos
1. This composition uses principles of contrasting color, repitition of the

flower petal, and simplicity of the focal point.
2. This composition uses principles of a focal point and contrasting color of

the pink.
3. This composition ues a small focal point and principles of unity of the blue
colors.

S T U D I O | LO G O PR OJ E C T: B R A N D M A R K- LO G OT Y PE VA R I AT I O N S PA R T 01 O F 02
Baby L OO M
Bloom Baby Co. m B
B L O O M BABY CO
O O
OO M
b l oLo .
m b a b yMc o
o
L
Co
Blo
Baby baby co.
B
L O O M
m B b
o
.
Co
Blo
B
.
1. 2. 3. 4.
Baby L OO M
m B
B LOO M OO M
O bO
b lo o .
o
L m a b yMc o
Baby L
Co
Blo
Bloom Baby Co. m B
B
b lo o .
o
m b a by c o
.
Co
Blo
BLOOM BABY CO. Bloom

.
ba by co .
BABY CO.
baby co.
5. 6. 7. 8.
Baby L OO M
L O O M
m B
B
L mOb aOb y cMo .

b lo o
o
Co
Blo
Blo
B

.
S T U D I O | LO G O PR OJ E C T: B R A N D M A R K- LO G OT Y PE VA R I AT I O N S PA R T 02 O F 02
.BLOOC
Baby L
Bloom Baby
OO
MCo. Baby
M
m B b lo o
m
.
o
m b a by c o
M Baby
Co Co.
Blo
B l oB l o
B l oB l o
Baby
MoBABY CO.
m m
BLOOM
b l oL O BABY
BLOOM OBABY CO.
cMo . CO.
o
.
.
o
o m b a by
Co
Blo
B
.
9. 10. 11. 12.
Baby L OO M Baby
m B b lo o .
m
o
o
B l o BBl lo o
m b a by c o
o
Co
Baby Baby
Blo
Co Co.
B l oB l o
m m
BLOOM
o
o
o
BLOOM
.
.
Co
Blo
m Bloom Baby Co.
.
B L O O M
baby co.
13. 14. 15. 16. Baby
m
o
L O O M
o o
Co
Blo Blo
B l oBB ll oo
Baby Baby
B
m m
.
o
o
Co
Co
Blo
.
.
S T U D I O | LO G O PR OJ E C T: CO LO R VA R I AT I O N S PA R T 01 O F 02
Baby Baby Baby Baby

m m m m
o
o
o
o
Baby
Co
Co
Co
Co
Blo Blo
Blo
Blo
Blo
Baby Baby m
m m
o
o
.
.
.
.
Co
o
Blo
Co
Blo
Co
.
.
.
1. 2. 3. 4.
Baby Baby
m Baby Baby m
m m
o
o
Co
Blo
o
o
Ba Ba Baby Baby
Co Co
B l oB l o
m mb y b y
Co
Co
Blo
Blo
m m
.
o
o
o
.
.
Co
Co
Co
Blo
Blo
Blo
BLOOM BABY CO. BLOOM BABY CO. BLOOM BABY CO.
.
.
.
5.
Baby
6. 7. Baby 8.
m Baby m Baby
m m
o
o
Co
Blo
o
Baby
o
Baby Baby
Co
Blo Blo
Co
m
Blo
Co
Blo
Baby m m
m
o
.
o
o
Co
.
Blo
.
Co
.
Co
Blo
Blo
o
Co

.
.
.
.
S T U D I O | LO G O PR OJ E C T: CO LO R VA R I AT I O N S PA R T 02 O F 02
B a bBya b y Baby
m m m
Baby
o
o
o
m
Co
Co
Co
Blo Blo
Blo
Blo
Baby
o
m BLOOM BABY CO. BLOOM BABY CO. Bloom Baby Co. Bloom Baby Co.
Co
Blo
.
.
.
o
Co
.
.
9. 10. 11. 12.
Baby Baby
m Baby m
m
o
o
Co Co
BloBlo
Baby Baby
Co
o
Blo
m m
Co
Blo
.
o
o
.
Co
Blo
.
Bloom Baby Co. Bloom Baby Co. Bloom Baby Co.

.
.
13.B aby 14. 15. 16.
m Baby
m
o
o
Co
Blo Blo
Co
Blo
Baby
m
.
.
o
Co

.
My favorite color is green because it Logos only use very few colors
reminds me of nature. so your eye doesn’t get too
Which typefaces worked best with your logo? Why? distracted, it is easier to focus
I really liked using Egyptian and Akko because I liked how on the main point, and it looks
the looked and were more rounded shapes, appealing to
a younger audience.
professional.
Can typefaces have personalities? How?

Yes! I think depening on the shape, boldness, spacing,
etc. it all creates different moods and personalitites.
What did you learn about value contrast?

I learned that it is important to contrast our color values
so that way they are appealing to the eye.
Why do logos usually only use one or two colors?

Logos only use very few colors so your eye doesn’t get
too distracted, it is easier to focus on the main point, and
it looks professional.
Sage Green- one of my favorite shades of green!

Module 08
“Art resides in the quality of doing, process is
not magic.”
– Charles Eames

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.
T H E Q UA L
IN IT
S
E
Y
• AR RESID
OF
DOING •
T PR
IC
O
CE A
G
SS M
IS N OT
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.

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
QUALITY
Your Logotype
MAGIC
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.

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

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

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
Best Compositions
1. This first variation I changed the shape of my pacifier handle, and added
the three cut out holes.
2. This second variation I removed the cut out holes in the pacifier.
3. This third variation I also changed my original handle.

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

When I need to take a break from soemthing you worked hard on desgining. But in the
end, my revised work is usually better than my orignal.
homework my favorite thing to do is
take a nap or watch Netflix. My favorite step in the design
What makes a logo successful? process is reviewing my feedback
What makes a logo successful is when it is simple, and then taking it to explore new
creative, and gets the idea across to the viewers.
ideas and how I can improve my
What did you learn about typography during this designs. It pushes me to think
project?
more creatively and to perfect my
I thought it was interesting to learn about typing on a
line, using the eyedrop tool to transfer colors, and the work to its best ability.
width tool to create those wiggly lines.
You have followed a basic design process for two

projects now. What are the basic steps in a design
process?
The basic steps in a design process is research (looking at
old work), reviewing feedback, exploring new ideas and
sketches, creating variations, and then completing the
final design.
What is your favorite step in the design process?

Why?
My favorite step in the design process is reviewing my My favorite way to get a break from homework is watching Netflix to get a
feedback and then taking it to explore new ideas and good laugh, and let my mind rest. One of my favorite shows to watch is Parks
and Rec.
how I can improve my designs. It pushes me to think
more creatively and perfect my work to its best ability.
Which step in the design process do you struggle

with the most? Why?
I think I struggle with wanting to change my original
designs, because it can be hard to move on from

Module 09
“Art is work.”
– Milton Glaser

P R O J E C T | P O S T E R S: A R T I S T R E S E A R C H
After choosing your artist from the Artist touch with nature. I am sure this inspired her meticulous
work and bright colors.
Sign-up list provided on iLearn, get to
know them better by reading about MAKING CONNECTIONS
them and looking at their work. I have learned that design can come from many different
backgrounds, I had never really thought about weaving
After completing the research on your artist provide and textiles as an art. I have realized that it is patterened
the following information: and colored, but a textile weaver is never on the top of
my list as an artist. It was interesting learning about her
BIOGRAPHY background and how she was so curcial to her work in
GUNTA STOLZL Germany, she changed the textile design forever. She
Gunta Stozlz was born in 1897 in Munich, Germany and dedicated her work and craftsmanship for her entire
later enrolled as a student at the Bauhaus School in life, and didn’t let hardships and wars stop her from her
Weimar in 1919. Shortly after, she became the first and devotion. I think her example can help design students
only female master craftswoman specializing as a textile improve their own work today by sticking to their art,
artist. At the Bauhaus in Dessau she was appointed pushing their abilities, and perfecting their work over
head of the weaving facility. During her lifetime this was their entire lifetime. She never gave up and pushed
probably a remarkable achievement for a woman. through difficulties to master her art.
HISTORICAL, TECHNOLOGICAL, AND SOCIAL CLIMATE

During the time she began her education in 1919,
Germany was forced to sign the Treaty of Versailles under
threat of continured allied advance, which effectively
ended World War 1. In 1919, German women also began
voting for the first time- in an important election after
the war, and the following year Hitler formed the Nazi
party. These few changes I’m sure effected her art, life,
and future.
ARTIST’S PHILOSOPHY
Gunta studied decorative painting, glass painting,
ceramics, art history and style. She applied ideas
from modern art and complex concentration and
mathematical skills. Nowadays this concept of artwork
can be reproduced within minutes, but in her day it was
both controversial and brave, it was a mastery complex
art. She was also a passionate mountaineer- very close in

P R O J E C T | P O S T E R S: A R T I S T V I SUA L R E S E A R C H

P R O J E C T | P O S T E R S: A R T I S T V I SUA L R E S E A R C H (CO N T I N U E D)

P R O J E C T | P O S T E R S: G E N E R A L P O S T E R V I SUA L R E S E A R C H

P R O J E C T | P O S T E R S: WO R D L I S T S
A word list helps you explore ideas. Complementary Triangle
Write every word you can think of that Stitched Squiggly

relates to your artist exhibit. Make sure
Textile Lines
you fill this page full of words. You
may need the help of a thesaurus to Clothing Bold
complete this task. Once the page is full Wall hanging Soft
of words take some time to find and Decor Collage
mark those words that could be turned
Skill Mixed
into interesting poster sketches.
Focused Happy
Colofrul
Quilt Bright
Tapestry
Macrame Simple
Weaving
Simple Needle
Rainbow
German Loom
Bright
Swiss String
Patterned
Art Fabric
Stripes
Artist Handwoven
Creative
Woman Clothing
Unorganized
Education Wall Hang
Bold
Picture frames Thread
Asymmetrical
Monochromatic Color
Crazy
Plaid Dye
Meshed
Square Wool
Blended

P R O J E C T | P O S T E R S: C AT E G O RY & T H E M E
Complete this worksheet before you

EMOTIONAL & RATIONAL CHARACTERISTICS
begin sketching your poster designs.
[What mood should your posters communicate?]
Use this page to define the problem
you will be solving in your sketches. The Empowerment
success of your posters will be assessed Creativity

according to the information you Happiness
provide here.
Boldness
After completing the research on your artist provide
the following information: Reflectiveness
ARTIST [What ideas should your posters communicate?]

Gunta Stolzl
Creativity
EXHIBIT THEME OPTIONS
Womanhood
Master Crafstwoman
Brightness
Textile Artistry
Interest
Women Empowerment
Simplicity
Complex Creativity
Colorful Madness
Weaving Master
EXHIBIT THEME
Women Weaving Master
This will teach people that she was a hardworking and

dedicated women who perfected her craftmenship to
become the first and only craftswoman specializing as a
textile artist.
EXHIBIT TAGLINE
Empowerment through perfected weaving artistry.

P R O J E C T | P O S T E R S: M I N D M A P
connections
1. teacher
2. mountains
3. natural
4. textiles
5. Europe
6. Travel
7. Weaving
8. Loom
9. Thread
10. Sheep
11. Mother
12. Chaotic
13. Weaving
14. Education

P R O J E C T | P O S T E R S: S K E TC H E S
connections
1. Number 2 in the second row is

one of my favorites becuase it is
a sketch of one of her weaves, all
crazy and paterend, with a text
overlay.
2. Number 4 in the second row is

another of my favorite because
it is another weave of hers in
a simple long black and white
patterned lines. I like how it is
offset to one side.
3. I like number 3 in the last row

because it is a portrait of her with
a border and text surrounding it.

P R O J E C T | P O S T E R S: S K E TC H E S (CO N T I N U E D)
connections
1. I like number 2 in the first row

because of the split text of
her big name, and split into
four equal sections with other
information.
2. I like number 1 in the third row

because it is a simple bold cursive
of her name, with white space
around it, and information small
at the bottom.

because of the way her name
is big and bold, with a striped
shadow to one side.

P R O J E C T | P O S T E R S: S K E TC H E S (CO N T I N U E D)
connections
1. I like number 3 in the first row

because of the simple centered
photo with her name at the
corner, text underneath.
2. I like number 1 in the third

row because of the photo
background and a small square of
color and text in the center.

because of a photo background
and a lined border and
information in the top section.

My favorite thing to learn about is how Designers brainstorm to reflect

to decorate and design my home. and push their creative brainflow
Why do designers conduct research? to create new ideas and designs. It
Designers conduct research to understand background helps them bounce of new and old
information, motivation, and comprehension of the
artwork. They are then able to better understand the art
ideas to pursue in their sketching.
and how they can use it to motivate their work.
What do you enjoy about researching? What parts do

you struggle with?
I enjoy learning about so many different artists, their
background, and how motivational they are to me.
It is inspiring to see how others work is perfected. I
sometimes struggle with finding the right information I
need, spending too much time, or getting distracted.
Why do designers brainstorm?

Designers brainstorm to refect and push their creative
brainflow to create new ideas and designs. It helps
them bounce off new and old ideas to pursue in their
sketching.
What do you enjoy about brainstorming? What parts

of brainstorming do you struggle with?
An aspiring interior decorator, searching on pinterest for insperation.
I enjoy seeing the process of my thinking, to see where I
started and how my ideas end up. I really struggle with
coming up with more ideas, it can be hard to not be
focused on one thought, and think of other ideas.
How did your brainstorming help your sketching?

My brainstorming helped my sketching by allowing me
to understand all of my ideas and know which ones are
good, better, or best.

Module 10
“If you want to be as good as [Paul] Rand,
don’t look at Rand; look at what Rand looks
at.”
– Helmut Krone

AC T I V I T Y | A D O B E PH OTO S H O P: FI L E R E S O LU T I O N PA R T 01
Directions:
1. Open the m10_activity_01_resolution_small
file in Adobe Photoshop.
2. Access the Image Size pop-up window by
navigating to Image > Image Size in the drop-
down menus above.
Directions: 3. Check to make sure the Width and Height

fields are linked together (there should be a
1. Select View > Display Performance > High small dark gray link icon to the left of these
Quality Display from the drop-down menus fields).
above
4. Check to make sure the Resample check box is
2. Place the m10_activity_01_resolution_large checked.
file inside this image frame.
5. Type 5.94 in the Height field (the Width field
Note: This image is a high resolution image (300 pixels per inch) should automatically change to 4.475 inches).
built to the size of this image frame.
6. Save your photoshop file.
7. Place your modified m10_activity_01_
resolution_small file inside this image frame.
8. Select this frame with the Selection Tool and
then select Object > Fitting > Fit Content
Proportionately from the drop-down menus
above.
Place the m10_activity_01_resolution_large.psd file in the image frame above. Place the m10_activity_01_resolution_small.psd file in the image frame above.

AC T I V I T Y | A D O B E PH OTO S H O P: FI L E R E S O LU T I O N PA R T 02
After completing the activity on the

previous page describe what you have
learned about image resolution:
What is a pixel?
A pixel is a contraction of picture and element, it is the
smallest element of a color on a picture.
What does pixels per inch (ppi) mean?

Ppi describes the resolution of an image, meaning how
many individually colored pixels are in an inch.
How is the image of the camera on the right different

from the image of the camera on the left (Note:
both images began as the same original digital
photograph)?
The image on the right is the same original photograph,
it has just been shrunk down to a lower resolution.
What happens to an image when you scale it up

(increase the number of pixels per inch or increase
the size of the file using the same number of pixels
per inch) from its original image resolution?
An image that is scaled up from its original image
resolution gets added a blend of new colored pixels, and
shows up blurry when enlarged.

AC T I V I T Y | A D O B E PH OTO S H O P: L AY E R S PA L E T T E
Directions:
1. Open the m10_activity_03_resolution_small file in
Adobe Photoshop.
2. Access the Layers palette for this file. You may
need to access the Layers palette by navigating to
Windows > Layers from the drop-down menus.
3. Rearrange the layers for this file so that Layer 0 is on
the bottom, Layer 1 above it, Layer 2 above it, and
Layer 3 as the top layer
5. Place your modified m10_activity_03_layers file
inside the image frame on the left.
Proportionately from the drop-down menus above.
Place the m10_activity_03_layers.psd file in the image frame above.

AC T I V I T Y | A D O B E PH OTO S H O P: A DJ U S T M E N T L AY E R S
Directions:
1. Open the m10_activity_04_
adjustment_layers file in Adobe
Photoshop.
2. Access both the Layers palette and the
Adjustments palette for this file.
3. Add a Curves Adjustment Layer to this
file and set new black and white points
for the file.
4. Further adjust the curve for this file
to add more darks at the low end and
more lights at the high end.
5. Add a Hue and Saturation Adjustment
Layer to the file and use the Master
adjustment slider to eliminate the
green tint to the image.
7. Place your modified m10_activity_04_
adjustment_layers file inside this
image frame.
8. Select this frame with the Selection
Tool and then select Object > Fitting
> Fit Content Proportionately from the
drop-down menus above.
The m10_activity_04_adjustment_layers.psd file before layer adjustments are made. Place your modified m10_activity_04_adjustment_layers.psd file in the image frame above.

AC T I V I T Y | A D O B E PH OTO S H O P: L AY E R M A S K S
Directions:
1. Open the m10_activity_05_layer_masks file in
Adobe Photoshop.
2. Access the Layers palette for this file.
3. Select the layer that contains the image of the letter
a on a wood grain background.
4. Add a layer mask to that file and mask out the
wood grain background of the image.
6. Place your modified m10_activity_05_layer_masks
file inside the image frame on the left.
Place the m10_activity_05_layer_masks.psd file in the image frame above.

P R O J E C T | P O S T E R S: M O R E G E N E R A L P O S T E R V I SUA L R E S E A R C H

P R O J E C T | P O S T E R S: C AT E G O RY & T H E M E R E V I S I T E D
After receiving feedback from your Timeline photos
peers and instructor revisit the theme Color

you’ve chosen for your artist’s exhibit.
Dye
Does this theme accurately portray your
artist? Is your theme a clear message? Is I can create a collage of tools used for weaving to create
the poster background and compilation.
it interesting?
[Describe other image opportunities that you plan on
After receiving feedback on your exhibit theme exploring in your sketches to help illustrate your exhibit
provide the following information: theme]
EXHIBIT THEME REVISIONS Spotlight
After receiving feedback and revisiting the theme of
“Women Empowerment” I felt an urge to follow along Contrast in black and white and colorful objects
the same idea, but change the theme to “Women
Weaving Master”. This way the audience can quickly sunset or sunrise to show color
recognize what will be showcased. This better portrays
intertwined vines and greenery
my artist because of her incredible weaving artistry,
which was her life devotion. It is interesting because you
don’t often think of a weaver as an artist, but she created
beautiful designs, fabrics, and wall hangings. [Describe how you plan on using typography to express
your image theme—especially for the typographic
REVISED EXHIBIT TAGLINE poster direction.]
A woven fabric is a picture made of wool.
Weaved letters
VISUAL METAPHORS AND OTHER IMAGE OPPORTUNITIES
Bold name smaller text
Fabric piles
letters all different colors
Weaved fabric
Thread
Weaving board
Rope
Nature

P R O J E C T | P O S T E R S: S K E TC H E S F O R P O S T E R D I R E C T I O N 01
connections
1. caption
2. caption
3. caption
4. caption
5. caption

connections
1. caption
2. caption
3. caption
4. caption
5. caption

connections
1. caption
2. caption
3. caption
4. caption
5. caption

P R O J E C T | P O S T E R S: V I SUA L E X PE R I M E N T S
Description for Visual

Experiment 01
1. For these visual experiments I

photographed elements and
characteristics of things that
would be used for weaving like a
loom, thread, and fabric.


Experiment 01
1. For this visual experiment I

expirimented with watercolor
painting to visualize contrast of
color, her weaving designs, and
her name.


Experiment 01
1. For this visual experimentation,

I looked through my old
professional photo roll and found
these images that perfectly
depict color, boldness, and
weaving.

My favorite example of my artist’s work the way they are sized, the font,
is her tapestry wall hangings because bolded, and arranged.
they are so beautifully and colorfully
made. I would love to hang one of hers
in my home.
How does understanding the theme of your exhibit
influence your sketches?
Understanding the theme of my exhibit influences my
sketches to portray and define that theme. The viewers
must understand what they are looking at and how it
connects.
What does the word Concept mean in graphic design?

The word concpet in graphic design means the way the
audience undersands a communication/art.
What did you learn about typography from working

on your typographic poster?
I learned that typography is more than just typing words,
its the way they are sized, the font, bolded, and arranged.
What did you learn from your visual experiments

about making images outside the computer?
My favorite tapestry made my Gunta Stolzl.
I learned that you can be really creative and
experiment with things a little easier outside of the
comupter because it allows for quick changes and a
fresh eye not looking at a screen.
I learned that typography is

more than just typing words, it is

Module 11
“Don’t try to be original, just try to be good.”
– Paul Rand

P R O J E C T | P O S T E R S: R E V I S E D V I SUA L E X PE R I M E N T S
Experiment 01
1. Threads on a white background

piled.
2. Threads on a white background

lined up.
3. Threads spaced evenly on a white

background, looks like stripes.
4. Monpchromatic pink color

scheme of bunched threads.

P R O J E C T | P O S T E R S: CO L L AG E P O S T E R D I G I TA L CO M P S
GUNTA
GUNTA
w o m e n
G U N T A
w e a v i n g
S T O L Z L
m a s t e r
STOLZL
STOLZL women
weaving
master
November 3- December 31
Artist reception----
Saturday, November 3, 6-9 PM
RSVP for reception at----
800-235-8456
or exhibits@sfmoma.com
San Fransisco Museum of Modern Art

151 Third Street
(between Mission&Howard Streets)
San Fransisco, CA 94103
G U N T A S T O L Z L
w o m e n w e a v i n g m a s t e r
N o v e m b e r 3 - D e c e m b e r 3 1
A r t i s t r e c e p t i o n : S a t u r d a y N o v. 3 , 6 - 9 P M
R S V P f o r r e c e p t i o n a t 8 0 0 - 2 3 5 - 8 4 5 6
o r e x h i b i t s @ s f m o m a . c o m
november 3 - december 31
S a n F r a n s i s c o M u s e u m o f M o d e r n A r t a r t i s t r e c e p t i o n : s a t u r d a y n o v. 3 , 6 - 9 p m san fransisco museum of modern art
1 5 1 T h i r d S t r e e t rsvp for reception at 800-235-8456 151 third street
( b e t w e e n M i s s i o n & H o w a r d S t r e e t s ) or exhibits@sfmoma.coma (between mission & howard streets)
S a n F r a n s i s c o , C A 9 4 1 0 3 san fransisco, ca 94103
1. Write a caption for your 1st digital comp selection.
2. Write a caption for your 2nd selection.
3. Write a caption for your 3rd selection.

P R O J E C T | P O S T E R S: T Y P O G R A PH Y P O S T E R D I G I TA L CO M P S
GUNTA
November 3 - December 31 San Fransisco Museum of Modern Art
GG UU NN
151 third street
Artist reception: saturday nov. 3, 6-9 pm (between mission & howard streets)
RSVP for reception at 800-235-8456 san fransisco, ca 94103
or exhibits@sfmoma.coma
G U N TA
STOLZL
TT AA STOLZL
w o m e n
w e a v i n g
STOLZL
m a s t e r
SS TT OO
November 3 - Decmber 31
Artist reception: Saturday Nov. 3, 6-9 PM

RSVP for reception at 800-235-8456

151 Third Street
LL ZZ LL
( between Mission & Howard Streets)
N o v e m b e r 3 - D e c m b e r 3 1
A r t i s t r e c e p t i o n : S a t u r d a y N o v . 3 , 6 - 9 P M
RS V P f o r r e c e p t i o n a t 8 0 0 - 2 3 5 - 8 4 5 6
o r e x h i b i t s @ s f m o m a . c o m
S a n F r a n s i s c o M u s e u m o f M o d e r n A r t
1 5 1 T h i r d S t r e e t
( b e t w e e n M i s s i o n & H o w a r d S t r e e t s )
S a n F r a n s i s c o , C A 9 4 1 0 3

P R O J E C T | P O S T E R S: PH OTO G R A PH Y P O S T E R D I G I TA L CO M P S
w wo om me en n w we ea av vi in g
n g m a
m sa ts et re r
G u n t a
G U N T A
w o m e n
G U N TA S T O L Z L
w e a v i n g m a s t e r
S T O L Z L S t o l z l
G U N TA S T O L Z L
N o v e m b e r 3 - D e c e m b e r 3 1
artist reception: saturday nov. 3, 6-9 pm

rsvp for reception at 800-235-8456
or exhibits@sfmoma.coma
san fransisco museum of modern art

151 third street
(between mission & howard streets)
san fransisco, ca 94103
November 3 - December 31
November 3 - December 31 Artist reception: Saturday Nov. 3, 6-9 PM
A r t i s t r e c e p t i o n : S a t u r d a y N o v . 3 , 6 - 9 P M
RS V P f o r r e c e p t i o n a t 8 0 0 - 2 3 5 - 8 4 5 6
o r e x h i b i t s @ s f m o m a . c o m San Fransisco Museum of Modern Art
151 Third Street
S a n F r a n s i s c o M u s e u m o f M o d e r n A r t (between Mission & Howard Streets)
1 5 1 T h i r d S t r e e t San Fransisco, CA 94103
( b e t w e e n M i s s i o n & H o w a r d S t r e e t s )
S a n F r a n s i s c o , C A 9 4 1 0 3

AC T I V I T Y | A D O B E PH OTO S H O P: CO M B I N I N G I M AG E S
+ =
Directions:
1. Open both the Art130_Activity_m11_01.JPG file
and the Art130_Activity_m11_02.JPG file in Adobe
Photoshop.
2. Using a layer mask, remove the background in the
image of the young man.
3. Copy and paste the image of the young man into
the file containing the image of the lake.
4. Use adjustment layers to adjust the image of the
young man so it matches the lighting and contrast
of the image of the lake.
5. Save your photoshop file as m11_activity.psd.
6. Place your m11_activity.psd file inside the image
frame on the left.
Place the m11_activity.psd file in the image frame above.

My favorite medium for making images to focus on something big, bright,

is water coloring because I like seeing and interesting when it is colored.
the different colors you can create with
more or less water. It is fascinating how
it paints on canvas.
Which mediums (paint, collage, photography, etc.)
best communicate the theme of your exhibit? Why?
I think the best mediums that communicate the theme
of my exbhibit are collages because as a weaver, Gunta is
the master of collaging things together and creating one
big image.
What symbols have you chosen to communicate your

exhibit theme? Why?
The symbols I have chosen to communicate my exhibit
theme are organized, clean, and professional looking. I
think this shows that she is a master at what she does,
even as a women. It helps show her strength.
What other symbols are you considering exploring?

I am considering exploring different threads, ropes, and
weaving tools to symbolize the work she has done.
What makes an image stand out on a poster? Take a photograph of one of your visual experiments which uses your favorite
medium. Crop it and add it to this page with a caption.
I think the color makes an image stand out on a poster.
It allows our eyes to focus on something big, bright, and
interesting when it is colored.
The color makes an image stand

out on a poster. It allows our eyes

Module 12
“Type is a beautiful group of letters, not a
group of beautiful letters.”
– Matthew Carter

P R O J E C T | P O S T E R S: V I SUA L E X PE R I M E N T R E FI N E M E N T S

P R O J E C T | P O S T E R S: T Y PE I N A R T I S T ’ S WO R K

P R O J E C T 4 | T Y PE C H O I C E : T Y PE F O R T H E A R T I S T
DISPLAY FONT OPTIONS (FOR THE LARGE WORDS ON YOUR POSTERS)
AKKO ROUNDED STD BOLD BASKERVILLE BOLD BODONI MT STD BOLD
ABCDEFGHIJKLMNOPQRSTUVW ABCDEFGHIJKLMNOPQRS ABCDEFGHIJKLMNOPQRST

XYZabcdefghijklmnopqrstuv TUVWXYZabcdef ghijklmn UVWXYZabcdef ghijklmnopq
wxyz opqrstuvwxyz rstuvwxyz
The quick brown fox jumps over the The quick brown fox jumps over the The quick brown fox jumps over the lazy
lazy dog. lazy dog. dog.
This type would be a great title of the artists name This type would be a great type for the This would be a great type for the large letters on my
because it is bold, easy to read, and I like the way large words on my poster because it is bold, poster because I like the way they look capitalized,
the shapes are rounded and smooth to the look. structured, and makes the words pop out strong. bolded, and sort of elongated to put emphasis.
BODY COPY FONT OPTIONS (FOR THE SMALLER WORDS ON YOUR POSTERS)
AKKO ROUNDED STD REGULAR CENTAUR MT PRO BASKERVILLE REGULAR
ABCDEFGHIJKLMNOPQRSTUVWX ABCDEFGHIJKLMNOPQRSTU ABCDEFGHIJKLMNOPQRS

YZabcdefghijklmnopqrstuvw VWXYZabcdefghijklmnopqrst TUVWXYZabcdef ghijklmno
xyz uvwxyz pqrstuvwxyz
The quick brown fox jumps over the lazy The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy
dog. dog.
This type face would look good for the smaller words on my
This same type face would look great paired with posters because of its sleek look and simplicity. It takes up little This type would look good for the smaller words on my
the bolded akko rounded type because of its same space for the less important things. postrs because of the structured lines and terifs, to make it
rounded look but smaller lines. simple but easy to read.

P R O J E C T | P O S T E R : D I G I TA L VA R I AT I O N S F O R P O S T E R 01 (CO L L AG E )
GUNTA
GUNTA
GUNTA STOLZL Gunta Stolzl
STOLZL
STOLZL women weaving master
San Fransisco Museum

November 3- December 31 of Modern Art
Artist reception---- 151 Third Street

Saturday, November 3, 6-9 PM (between Mission&Howard Streets)
800-235-8456 San Fransisco, CA 94103

151 Third Street Saturday, November 3, 6-9 PM
San Fransisco, CA 94103 RSVP for reception at----
800-235-8456 or exhibits@sfmoma.com
women
weaving
master
San Fransisco Museum of Modern Art Artist reception----
(between Mission&Howard Streets) RSVP for reception at----

P R O J E C T | P O S T E R : D I G I TA L VA R I AT I O N S F O R P O S T E R 02 ( T Y P O G R A PH Y )

wo m e n we av i n g m a s t e r
GUNTA GUNTA
GUNTA
GUNTA STOLZL S T O L Z L
SS TT OO LL ZZ LL w o m e n
w e a v i n g
m a s t e r November 3- December 31
November 3- December 31 San Fransisco Museum of Modern Art

November 3- December 31 151 Third Street
Artist reception: Saturday Nov. 3, 6-9 PM
San Fransisco Museum of Modern Art or exhibits@sfmoma.com
151 Third Street RSVP for reception at----
San Fransisco, CA 94103 ( between Mission & Howard Streets) 800-235-8456
Artist reception---- San Fransisco, CA 94103 or exhibits@sfmoma.com


P R O J E C T | P O S T E R : D I G I TA L VA R I AT I O N S F O R P O S T E R 03 (PH OTO G R A PH)
GUNTA STOLZL GUNTA STOLZL wo m e n we av i n g m a s t e r
women weaving master

GUNTA STOLZL

151 Third Street

San Fransisco Museum of Modern Art 151 Third Street
151 Third Street Artist reception----
(between Mission&Howard Streets) Saturday, November 3, 6-9 PM San Fransisco, CA 94103
San Fransisco, CA 94103 Artist reception----
RSVP for reception at---- Saturday, November 3, 6-9 PM

AC T I V I T Y | A D O B E PH OTO S H O P: FI X I N G I M AG E S
Directions:
1. Open the m12_Activity_Image_01.psd file in Adobe
Photoshop.
2. Remove the scar on the model’s right cheek and
the spot on his left cheek using the Healing Brush
and/or the Coning Stamp tool.
3. Save your photoshop file as m12_activity_01.psd.
4. Place your m12_activity_01.psd file inside the image
frame on the left.

AC T I V I T Y | A D O B E PH OTO S H O P: M O R E O N M A S K I N G
+ =
Directions:
1. Open the m12_Activity_Image_02.psd and m12_
Activity_Image_03.psd files in Adobe Photoshop.
2. Using the mask tools combine the images into a
new file that looks like the example above.
3. Save your photoshop file as m12_activity_04.psd.
4. Place your m12_activity_04.psd file inside the
image frame on the left.

My favorite typeface from the fonts.com They design the small type into their posters by using
different alignments, font sizes, spacing, and directions.
package is Akko Rounded because I like
the way that it looks all rounded and
soft. I learned the importance of visual
What is a design grid? hierarchy while doing my shapes
A design grid is a great tool to help you align objects project, which is very important
along the line of a grid very precisely.
when designing a poster. It is
How do designers use grids to organize their poster helpful to have more emphasis
designs?
Desisgners use grids to organize their text out outlay of
and focus on some things over
their posters to be spaced proportionally and evenly. others.
What did you learn from the shapes project that will
now help you design your poster?
I learned the importance of visal hierarchy while doing
my shapes project, which is very important when
designing a poster. It is helpful to have more empahsis
and focus on some things over others.
Study examples of small type (body copy) on the

poster examples you’ve collected. How small is that
type usually compared to the other elements on the
posters? Gunta Stolzl poster that is inspiring my typography.
The small type is usually at least hald a size smaller than

the big elements.
After studying your poster examples explain how

designers design the small type into their posters
(What are different ways they shape the text block,
use alignment, etc.).

Mallerinuttall Art130 Finalprocessbook

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Mallerinuttall Art130 Finalprocessbook

Uploaded by

Copyright:

Available Formats

Module 01

“Computers are to design as microwaves are

MALLERI NUT TALL ART 130 | INTRODUC TION TO GRAPHIC DESIGN | 1

2. In this second design I used the

3. In this third design I used the

MALLERI NUT TALL ART 130 | INTRODUC TION TO GRAPHIC DESIGN | 2

2. In this second design I used the

3. In this third design I used

MALLERI NUT TALL ART 130 | INTRODUC TION TO GRAPHIC DESIGN | 3

DEPTH FOCAL POINT CONTRAST

MALLERI NUT TALL ART 130 | INTRODUC TION TO GRAPHIC DESIGN | 4

What is the biggest advantage of vector art?

Why do you think 48 sketches were assigned?

MALLERI NUT TALL ART 130 | INTRODUC TION TO GRAPHIC DESIGN | 5

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 1

2. In the second selection I used the

3. In the third selection I used

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 2

DESIGN PRINCIPLES USED DESIGN PRINCIPLES USED DESIGN PRINCIPLES USED

2. Alignment 2. Alignment 2. Visual Hierarchy

3. Focal Point 3. Isolation 3. Focal Point

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 3

DESIGN PRINCIPLES USED DESIGN PRINCIPLES USED DESIGN PRINCIPLES USED

2. Visual Hierarchy 2. Visual Hierarchy 2. Grouping

3. Focal Point 3. Focal Point 3. Visual Hierarchy

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 4

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 5

DIGITAL SKETCHES Adobe Illustrator is an awesome

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 6

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 1

DESIGN PRINCIPLES USED DESIGN PRINCIPLES USED DESIGN PRINCIPLES USED

2. Alignment 2. Alignment 2. Visual Hierarchy

3. Isolation 3. Asymmetrical Balance 3. Asymmetrical Balance

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 2

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 3

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 4

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 5

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 1

Complete this worksheet before you

according to the information you

Clothing and acessories for your sweet babe.

My company will focus on selling baby clothing and

The theme I have chosen from the list is nature, and I

The target audience for my company is mothers,

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 2

2. I liked this because of the

3. I liked this because of the graphic

4. I liked the spacing of the text

6. I like the big graphic with smaller

7. I like the artistic feel with one

8. I like the graphic on one side, text

9. I like the square graphic and bold

11. I like the layout of the graphic and

12. I like the all orange color and bold

13. I like the all one color and cursive.

14. I like the birght color in the

16. I like the creativity and simple

17. I like the text on the graphic and

18. I like the one stand out colored

19. I like the focal point of the red

20. I like the graphic inside of the

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 3

MALLERI NUTTALL ART 130 | INTRODUCTION TO GRAPHIC DESIGN | 4