We bcrop:zoom:thumb:sbcover 2013

175
UNIT: Sketchbook Cover Design

Transcript of We bcrop:zoom:thumb:sbcover 2013

Page 1: We bcrop:zoom:thumb:sbcover 2013

UNIT:Sketchbook Cover Design

Page 2: We bcrop:zoom:thumb:sbcover 2013

UNIT:Sketchbook Cover Design

What will we learn & use?

• Crop & zoom

• Thumbnail sketches

• Positive & negative space

• Fonts

• Logos

• Composition

Page 3: We bcrop:zoom:thumb:sbcover 2013

a huge part of ART is figuring out to do with blank space - it can be overwhelming!

Page 4: We bcrop:zoom:thumb:sbcover 2013

a huge part of ART is figuring out to do with blank space - it can be overwhelming!

this brings us to:

Page 5: We bcrop:zoom:thumb:sbcover 2013

a huge part of ART is figuring out to do with blank space - it can be overwhelming!

compositionthis brings us to:

Page 6: We bcrop:zoom:thumb:sbcover 2013

composition:

Page 7: We bcrop:zoom:thumb:sbcover 2013

the plan, placement, or arrangement of parts in a work of art - how the space is used

composition:

Page 8: We bcrop:zoom:thumb:sbcover 2013

the plan, placement, or arrangement of parts in a work of art - how the space is used

composition:

a “good” composition is...

Page 9: We bcrop:zoom:thumb:sbcover 2013

the plan, placement, or arrangement of parts in a work of art - how the space is used

composition:

a “good” composition is...

1. visually pleasing - there are actually scientific “rules” for this! (it relates back to how humans’ features are arranged)

Page 10: We bcrop:zoom:thumb:sbcover 2013

the plan, placement, or arrangement of parts in a work of art - how the space is used

composition:

a “good” composition is...

1. visually pleasing - there are actually scientific “rules” for this! (it relates back to how humans’ features are arranged)

2. if not visually pleasing, then it is expressive in some other way

Page 11: We bcrop:zoom:thumb:sbcover 2013
Page 12: We bcrop:zoom:thumb:sbcover 2013

the science of lookin’ good

Page 13: We bcrop:zoom:thumb:sbcover 2013

the science of lookin’ good(having a visually pleasing composition)

Page 14: We bcrop:zoom:thumb:sbcover 2013

the science of lookin’ good(having a visually pleasing composition)

meet “phi” !

Page 15: We bcrop:zoom:thumb:sbcover 2013

Φthe science of lookin’ good

(having a visually pleasing composition)

meet “phi” !

Page 16: We bcrop:zoom:thumb:sbcover 2013

Φthe science of lookin’ good

(having a visually pleasing composition)

1 + √52 ≈ 1.61803...

meet “phi” !

Page 17: We bcrop:zoom:thumb:sbcover 2013
Page 18: We bcrop:zoom:thumb:sbcover 2013
Page 19: We bcrop:zoom:thumb:sbcover 2013
Page 20: We bcrop:zoom:thumb:sbcover 2013
Page 21: We bcrop:zoom:thumb:sbcover 2013
Page 22: We bcrop:zoom:thumb:sbcover 2013
Page 23: We bcrop:zoom:thumb:sbcover 2013
Page 24: We bcrop:zoom:thumb:sbcover 2013

Keys to Composition

S V P

Page 25: We bcrop:zoom:thumb:sbcover 2013

Keys to Composition

S V PIZE

Page 26: We bcrop:zoom:thumb:sbcover 2013

Keys to Composition

S V PIZE

IEW

Page 27: We bcrop:zoom:thumb:sbcover 2013

Keys to Composition

S V PIZE

IEW

LACEMENT

Page 28: We bcrop:zoom:thumb:sbcover 2013

SIZE

Page 29: We bcrop:zoom:thumb:sbcover 2013

SIZE

Page 30: We bcrop:zoom:thumb:sbcover 2013

SIZE

Page 31: We bcrop:zoom:thumb:sbcover 2013

SIZE

Page 32: We bcrop:zoom:thumb:sbcover 2013

SIZE

Page 33: We bcrop:zoom:thumb:sbcover 2013

SIZE

Page 34: We bcrop:zoom:thumb:sbcover 2013

VIEW

By altering your point of view of the

objects, you can also create a sense of

intrigue or interest.

Page 35: We bcrop:zoom:thumb:sbcover 2013

VIEW

By altering your point of view of the

objects, you can also create a sense of

intrigue or interest.

Page 36: We bcrop:zoom:thumb:sbcover 2013

VIEW

By altering your point of view of the

objects, you can also create a sense of

intrigue or interest.

Page 37: We bcrop:zoom:thumb:sbcover 2013

VIEW

Page 38: We bcrop:zoom:thumb:sbcover 2013

VIEW

Page 39: We bcrop:zoom:thumb:sbcover 2013

PLACEMENT

Page 40: We bcrop:zoom:thumb:sbcover 2013

PLACEMENT

Page 41: We bcrop:zoom:thumb:sbcover 2013

PLACEMENT

Page 42: We bcrop:zoom:thumb:sbcover 2013

PLACEMENT

Page 43: We bcrop:zoom:thumb:sbcover 2013

ZOOM

Page 44: We bcrop:zoom:thumb:sbcover 2013
Page 45: We bcrop:zoom:thumb:sbcover 2013
Page 46: We bcrop:zoom:thumb:sbcover 2013
Page 47: We bcrop:zoom:thumb:sbcover 2013
Page 48: We bcrop:zoom:thumb:sbcover 2013
Page 49: We bcrop:zoom:thumb:sbcover 2013
Page 50: We bcrop:zoom:thumb:sbcover 2013
Page 51: We bcrop:zoom:thumb:sbcover 2013
Page 52: We bcrop:zoom:thumb:sbcover 2013
Page 53: We bcrop:zoom:thumb:sbcover 2013
Page 54: We bcrop:zoom:thumb:sbcover 2013
Page 55: We bcrop:zoom:thumb:sbcover 2013
Page 56: We bcrop:zoom:thumb:sbcover 2013
Page 57: We bcrop:zoom:thumb:sbcover 2013
Page 58: We bcrop:zoom:thumb:sbcover 2013

CROP

Page 59: We bcrop:zoom:thumb:sbcover 2013
Page 60: We bcrop:zoom:thumb:sbcover 2013
Page 61: We bcrop:zoom:thumb:sbcover 2013
Page 62: We bcrop:zoom:thumb:sbcover 2013

POSITIVE & NEGATIVE SPACE

Page 63: We bcrop:zoom:thumb:sbcover 2013

Dame Barbara HepworthTwo Figures (Menhirs)slate1964

Page 64: We bcrop:zoom:thumb:sbcover 2013

Dame Barbara HepworthTwo Figures (Menhirs)slate1964

POSITIVESPACE

Page 65: We bcrop:zoom:thumb:sbcover 2013

Dame Barbara HepworthTwo Figures (Menhirs)slate1964

POSITIVESPACE

Page 66: We bcrop:zoom:thumb:sbcover 2013

Dame Barbara HepworthTwo Figures (Menhirs)slate1964

POSITIVESPACE

Page 67: We bcrop:zoom:thumb:sbcover 2013

Dame Barbara HepworthTwo Figures (Menhirs)slate1964

POSITIVESPACE

Page 68: We bcrop:zoom:thumb:sbcover 2013

Dame Barbara HepworthTwo Figures (Menhirs)slate1964

NEGATIVE SPACE

POSITIVESPACE

Page 69: We bcrop:zoom:thumb:sbcover 2013

Dame Barbara HepworthTwo Figures (Menhirs)slate1964

NEGATIVE SPACE

POSITIVESPACE

Page 70: We bcrop:zoom:thumb:sbcover 2013

Dame Barbara HepworthTwo Figures (Menhirs)slate1964

NEGATIVE SPACE

POSITIVESPACE

Page 71: We bcrop:zoom:thumb:sbcover 2013

Dame Barbara HepworthTwo Figures (Menhirs)slate1964

NEGATIVE SPACE

POSITIVESPACE

Page 72: We bcrop:zoom:thumb:sbcover 2013
Page 73: We bcrop:zoom:thumb:sbcover 2013

POSITIVESPACE

Page 74: We bcrop:zoom:thumb:sbcover 2013

POSITIVESPACE

Page 75: We bcrop:zoom:thumb:sbcover 2013

POSITIVESPACE

NEGATIVESPACE

Page 76: We bcrop:zoom:thumb:sbcover 2013

POSITIVESPACE

NEGATIVESPACE

Page 77: We bcrop:zoom:thumb:sbcover 2013

FONTS

Page 78: We bcrop:zoom:thumb:sbcover 2013
Page 79: We bcrop:zoom:thumb:sbcover 2013

Arial

Page 80: We bcrop:zoom:thumb:sbcover 2013

Courier NewArial

Page 81: We bcrop:zoom:thumb:sbcover 2013

Courier NewArial

Times New Roman

Page 82: We bcrop:zoom:thumb:sbcover 2013

Courier NewArial

Times New RomanCooper Black

Page 83: We bcrop:zoom:thumb:sbcover 2013

Courier NewArial

Times New RomanCooper Black

Comic Sans

Page 84: We bcrop:zoom:thumb:sbcover 2013

Courier NewArial

Times New Roman

Clementine^ Sketch^

Cooper BlackComic Sans

Page 85: We bcrop:zoom:thumb:sbcover 2013

Courier NewArial

Times New Roman

Clementine^ Sketch^

Cooper BlackComic Sans

VTKS REVOLT

Page 86: We bcrop:zoom:thumb:sbcover 2013

LOGO

Page 87: We bcrop:zoom:thumb:sbcover 2013
Page 88: We bcrop:zoom:thumb:sbcover 2013
Page 89: We bcrop:zoom:thumb:sbcover 2013
Page 90: We bcrop:zoom:thumb:sbcover 2013
Page 91: We bcrop:zoom:thumb:sbcover 2013

THUMBNAIL SKETCHES

Page 92: We bcrop:zoom:thumb:sbcover 2013
Page 93: We bcrop:zoom:thumb:sbcover 2013
Page 94: We bcrop:zoom:thumb:sbcover 2013
Page 95: We bcrop:zoom:thumb:sbcover 2013
Page 96: We bcrop:zoom:thumb:sbcover 2013
Page 97: We bcrop:zoom:thumb:sbcover 2013

A thumbnail sketch is . . .

• Small• A quick drawing• A way of taking notes• Used to show an idea simply• A planning tool• A memory aid• Leads to something bigger!

Page 98: We bcrop:zoom:thumb:sbcover 2013
Page 99: We bcrop:zoom:thumb:sbcover 2013
Page 100: We bcrop:zoom:thumb:sbcover 2013
Page 101: We bcrop:zoom:thumb:sbcover 2013
Page 102: We bcrop:zoom:thumb:sbcover 2013
Page 103: We bcrop:zoom:thumb:sbcover 2013

47

Page 104: We bcrop:zoom:thumb:sbcover 2013
Page 105: We bcrop:zoom:thumb:sbcover 2013
Page 106: We bcrop:zoom:thumb:sbcover 2013

STARTING OUR LOGO DESIGNS

Page 107: We bcrop:zoom:thumb:sbcover 2013

Caroline Sturges Appel

Page 108: We bcrop:zoom:thumb:sbcover 2013

Caroline Sturges Appel

C S A

Page 109: We bcrop:zoom:thumb:sbcover 2013

CSA

Page 110: We bcrop:zoom:thumb:sbcover 2013

CSAcsa

Page 111: We bcrop:zoom:thumb:sbcover 2013

CSAcsaCSA

Page 112: We bcrop:zoom:thumb:sbcover 2013

CSAcsa csaCSA

Page 113: We bcrop:zoom:thumb:sbcover 2013

CSAcsa csaCSA

CSA

Page 114: We bcrop:zoom:thumb:sbcover 2013

CSAcsa csa

Cs^A^

CSA

CSA

Page 115: We bcrop:zoom:thumb:sbcover 2013

CSAcsa csa

Cs^A^

CSA

CSACSA

Page 116: We bcrop:zoom:thumb:sbcover 2013

CSA

CSAcsa csa

Cs^A^

CSA

CSACSA

Page 117: We bcrop:zoom:thumb:sbcover 2013

SC A

Page 118: We bcrop:zoom:thumb:sbcover 2013

SC A

Page 119: We bcrop:zoom:thumb:sbcover 2013

SCA

Page 120: We bcrop:zoom:thumb:sbcover 2013

SCA

Page 121: We bcrop:zoom:thumb:sbcover 2013

SCA

Page 122: We bcrop:zoom:thumb:sbcover 2013

SCA

Page 123: We bcrop:zoom:thumb:sbcover 2013

SCA

Page 124: We bcrop:zoom:thumb:sbcover 2013
Page 125: We bcrop:zoom:thumb:sbcover 2013
Page 126: We bcrop:zoom:thumb:sbcover 2013
Page 127: We bcrop:zoom:thumb:sbcover 2013
Page 128: We bcrop:zoom:thumb:sbcover 2013
Page 129: We bcrop:zoom:thumb:sbcover 2013
Page 130: We bcrop:zoom:thumb:sbcover 2013

sketchbook logo thumbnail sketches• Create at least 3 thumbnail sketches to design a cover logo using your initials - think SIZE, VIEW, and PLACEMENT - don’t stop with your first idea!

• Designs must touch all 4 edges

• Make sure you are using “block letters”

• Color in your designs (marker or colored pencil) to make the positive / negative space clear

Page 131: We bcrop:zoom:thumb:sbcover 2013

sketchbook logo thumbnail sketches• Create at least 3 thumbnail sketches to design a cover logo using your initials - think SIZE, VIEW, and PLACEMENT - don’t stop with your first idea!

• Designs must touch all 4 edges

• Make sure you are using “block letters”

• Color in your designs (marker or colored pencil) to make the positive / negative space clear

Page 132: We bcrop:zoom:thumb:sbcover 2013

sketchbook logo thumbnail sketches• Create at least 3 thumbnail sketches to design a cover logo using your initials - think SIZE, VIEW, and PLACEMENT - don’t stop with your first idea!

• Designs must touch all 4 edges

• Make sure you are using “block letters”

• Color in your designs (marker or colored pencil) to make the positive / negative space clear

Page 133: We bcrop:zoom:thumb:sbcover 2013

sketchbook logo thumbnail sketches• Create at least 3 thumbnail sketches to design a cover logo using your initials - think SIZE, VIEW, and PLACEMENT - don’t stop with your first idea!

• Designs must touch all 4 edges

• Make sure you are using “block letters”

• Color in your designs (marker or colored pencil) to make the positive / negative space clear

Page 134: We bcrop:zoom:thumb:sbcover 2013

Enlarge your chosen thumbnail design onto tracing paper, using a pencil. You can erase and re-draw lines to make sure you get it the way you want it.

Page 135: We bcrop:zoom:thumb:sbcover 2013

Enlarge your chosen thumbnail design onto tracing paper, using a pencil. You can erase and re-draw lines to make sure you get it the way you want it.

Page 136: We bcrop:zoom:thumb:sbcover 2013

Enlarge your chosen thumbnail design onto tracing paper, using a pencil. You can erase and re-draw lines to make sure you get it the way you want it.

Page 137: We bcrop:zoom:thumb:sbcover 2013

This is a good time to erase any unnecessary lines.

Page 138: We bcrop:zoom:thumb:sbcover 2013

This is a good time to erase any unnecessary lines.

For example: this is all going to be one shape,

Page 139: We bcrop:zoom:thumb:sbcover 2013

This is a good time to erase any unnecessary lines.

For example: this is all going to be one shape,

Page 140: We bcrop:zoom:thumb:sbcover 2013

This is a good time to erase any unnecessary lines.

For example: this is all going to be one shape,so I don’t want these lines to be here

Page 141: We bcrop:zoom:thumb:sbcover 2013

This is a good time to erase any unnecessary lines.

For example: this is all going to be one shape,so I don’t want these lines to be here

Page 142: We bcrop:zoom:thumb:sbcover 2013

This is a good time to erase any unnecessary lines.

otherwise I might accidentally cut them.

For example: this is all going to be one shape,so I don’t want these lines to be here

Page 143: We bcrop:zoom:thumb:sbcover 2013

It’s a good idea to write “cut” in the areas of NEGATIVE SPACE. (This makes it easy to keep track of your design once all of your lines are on the same color paper.)

Page 144: We bcrop:zoom:thumb:sbcover 2013

It’s a good idea to write “cut” in the areas of NEGATIVE SPACE. (This makes it easy to keep track of your design once all of your lines are on the same color paper.)

cut

cut

cut

cut

cut

cut

Page 145: We bcrop:zoom:thumb:sbcover 2013

Decide which colors you want for your positive shapes, and which colors for your negative shapes.

Roll PaperConstruction Paper

?

Page 146: We bcrop:zoom:thumb:sbcover 2013

Now you need 2 pieces of paper (one color for your positive space, one color for your negative space).

They need to be bigger than 10” x 13” (the size of your cover, which is also the size of your tracing paper) but you don’t need to measure exactly.

Page 147: We bcrop:zoom:thumb:sbcover 2013

red

purple

purplepurple

purple

purplepurple

Decide which colors you want for your positive shapes, and which colors for your negative shapes.

Page 148: We bcrop:zoom:thumb:sbcover 2013

red

purple

purplepurple

purple

purplepurple

Decide which colors you want for your positive shapes, and which colors for your negative shapes.

Page 149: We bcrop:zoom:thumb:sbcover 2013

red

purple

purplepurple

purple

purplepurple

Decide which colors you want for your positive shapes, and which colors for your negative shapes.

Page 150: We bcrop:zoom:thumb:sbcover 2013

red

purple

purplepurple

purple

purplepurple

Decide which colors you want for your positive shapes, and which colors for your negative shapes.

Page 151: We bcrop:zoom:thumb:sbcover 2013

1. Take a piece of tracing Paper and a Drawing Pencil. Enlarge your design so that it fits exactly on the tracing

paper as it does in your thumbnail sketch.

Tracing Paper

Materials: Drawing Pencil, Tracing Paper

Page 152: We bcrop:zoom:thumb:sbcover 2013

1. Take a piece of tracing Paper and a Drawing Pencil. Enlarge your design so that it fits exactly on the tracing

paper as it does in your thumbnail sketch.

Tracing Paper

Materials: Drawing Pencil, Tracing Paper

Page 153: We bcrop:zoom:thumb:sbcover 2013

1. Take a piece of tracing Paper and a Drawing Pencil. Enlarge your design so that it fits exactly on the tracing

paper as it does in your thumbnail sketch.

Tracing Paper

Materials: Drawing Pencil, Tracing Paper

Page 154: We bcrop:zoom:thumb:sbcover 2013

2. In each shape, write what color it is supposed to be.

Tracing Paper

Materials: Drawing Pencil, Tracing Paper

Page 155: We bcrop:zoom:thumb:sbcover 2013

2. In each shape, write what color it is supposed to be.

Tracing Paper

Materials: Drawing Pencil, Tracing Paper

red

red

purple

purplepurple

purple

purple

purple

Page 156: We bcrop:zoom:thumb:sbcover 2013

Materials: Drawing Pencil, Tracing Paper

Tracing Paper

red

red

purple

purplepurple

purple

purple

purple

3. Make sure that the lines of your shapes are DARK, and have been drawn with a drawing pencil

Page 157: We bcrop:zoom:thumb:sbcover 2013

Materials: Drawing Pencil, Tracing Paper

Tracing Paper

red

red

purple

purplepurple

purple

purple

purple

3. Make sure that the lines of your shapes are DARK, and have been drawn with a drawing pencil

Page 158: We bcrop:zoom:thumb:sbcover 2013

Materials: Drawing Pencil, Tracing Paper

Tracing Paper

red

red

purple

purplepurple

purple

purple

purple

3. Make sure that the lines of your shapes are DARK, and have been drawn with a drawing pencil

Page 159: We bcrop:zoom:thumb:sbcover 2013

Materials: Drawing Pencil, Tracing Paper

Tracing Paper

red

red

purple

purplepurple

purple

purple

purple

3. Make sure that the lines of your shapes are DARK, and have been drawn with a drawing pencil

Page 160: We bcrop:zoom:thumb:sbcover 2013

Materials: Drawing Pencil, Tracing Paper, Colored Paper (at least two colors)

4. Make sure that your colored paper is EXACTLY 10” x 13”

Page 161: We bcrop:zoom:thumb:sbcover 2013

Materials: Drawing Pencil, Tracing Paper, Colored Paper (at least two colors)

4. Make sure that your colored paper is EXACTLY 10” x 13”

Page 162: We bcrop:zoom:thumb:sbcover 2013

Materials: Drawing Pencil, Tracing Paper, Colored Paper (at least two colors)

5. Turn your tracing paper over so the lead is not facing up. Align it with the colored paper you are using for your

POSITIVE SHAPES.

Tracing Paper

redpurple

purplepurple

purple

purple

purple

(front)

Page 163: We bcrop:zoom:thumb:sbcover 2013

Materials: Drawing Pencil, Tracing Paper, Colored Paper (at least two colors)

5. Turn your tracing paper over so the lead is not facing up. Align it with the colored paper you are using for your

POSITIVE SHAPES.

Tracing Paper

redpurple

purplepurple

purple

purple

purple

(front) Tracing Paper

redpurple

purplepurple

purple

purple

purple

(back)

Page 164: We bcrop:zoom:thumb:sbcover 2013

Materials: Drawing Pencil, Tracing Paper, Colored Paper (at least two colors)

5. Turn your tracing paper over so the lead is not facing up. Align it with the colored paper you are using for your

POSITIVE SHAPES.

Tracing Paper

redpurple

purplepurple

purple

purple

purple

(back)

Page 165: We bcrop:zoom:thumb:sbcover 2013

Materials: Drawing Pencil, Tracing Paper, Colored Paper (at least two colors)

5. Turn your tracing paper over so the lead is not facing up. Align it with the colored paper you are using for your

POSITIVE SHAPES.

Tracing Paper

redpurple

purplepurple

purple

purple

purple

(back)

Page 166: We bcrop:zoom:thumb:sbcover 2013

redpurple

purplepurple

purple

purple

purple

Materials: Drawing Pencil, Tracing Paper, Colored Paper (at least two colors)

5. Transfer your design! Using the back of your pencil, firmly press along the pencil lines you see through your tracing

paper.

Page 167: We bcrop:zoom:thumb:sbcover 2013

redpurple

purplepurple

purple

purple

purple

Materials: Drawing Pencil, Tracing Paper, Colored Paper (at least two colors)

5. Transfer your design! Using the back of your pencil, firmly press along the pencil lines you see through your tracing

paper.

Page 168: We bcrop:zoom:thumb:sbcover 2013

purple

purplepurple

purple

purple

purple

Materials: Drawing Pencil, Tracing Paper, Colored Paper (at least two colors)

6. Peel back just a corner of your tracing paper to make sure the pencil lead is transferring clearly.

Page 169: We bcrop:zoom:thumb:sbcover 2013

purple

purplepurple

purple

purple

purple

Materials: Drawing Pencil, Tracing Paper, Colored Paper (at least two colors)

6. Peel back just a corner of your tracing paper to make sure the pencil lead is transferring clearly.

Page 170: We bcrop:zoom:thumb:sbcover 2013

Take your cardboard cover, cover it with glue, and place it face down on your negative space sheet.

Page 171: We bcrop:zoom:thumb:sbcover 2013

cover your cover with glue - but

don’t stop here! spread out your

glue before attaching the paper

Page 172: We bcrop:zoom:thumb:sbcover 2013

use a scrap of cardboard to

spread out your glue

Page 173: We bcrop:zoom:thumb:sbcover 2013

you should have a flat “sheet” of glue on your cardboard - if it seems like its drying out at the edges, add more

Page 174: We bcrop:zoom:thumb:sbcover 2013

put your cover face down on your negative space

paper, and smooth it out

Page 175: We bcrop:zoom:thumb:sbcover 2013

when glueing your logo (positive space)

onto your cover, also spread out your

glue!

TAKE YOUR TIME!

spread out glue on a little big of your

logo to start - NOT THE WHOLE

THING!

glue part down, then work your way out