recap,’typography,’illustratortext,’objects’panel’continued’ … · 2012-03-01 ·...
TRANSCRIPT
![Page 1: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/1.jpg)
WEEK 15 + 16 (MIDPOINT) Recap, Typography, Illustrator Text, Objects Panel continued
![Page 2: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/2.jpg)
RECAP
§ Color and Emotions ú Hue, Value, Saturation, Temperature ú Tone
§ Choosing color in Illustrator § Project 2
![Page 3: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/3.jpg)
![Page 4: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/4.jpg)
![Page 5: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/5.jpg)
![Page 6: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/6.jpg)
![Page 7: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/7.jpg)
![Page 8: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/8.jpg)
![Page 9: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/9.jpg)
Typography + History Who gets credit?
![Page 10: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/10.jpg)
What is type?
§ A set of symbols used in communication. § Statement of culture § Past 2 decades many symbols have been added because of the computer. ú ;D ú <3
§ Most powerful form of communication
![Page 11: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/11.jpg)
What is typography
§ The study of type. § The art and process of arranging type on a page.
![Page 12: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/12.jpg)
History of Type
§ Johannes Gutenberg, 15th century Germany § Created movable type, Blackletter
![Page 13: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/13.jpg)
Others followed
§ Renaissance artists looked for standardization of proportions
§ Louis X1V wanted to construct roman letters. § 18th century type influenced by new styles of handwriting. ú John Baskerville ú Times New Roman
![Page 14: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/14.jpg)
Birth of BIG fonts
§ Vendors with goods and services § Incorporated illustration and type to spread the message
§ Explosion of advertising § Big, bold faces to attract
attention
![Page 15: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/15.jpg)
Anatomy of a Type
![Page 16: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/16.jpg)
Anatomy of a Type
![Page 17: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/17.jpg)
Typeface vs. Font
§ Typeface ú A single set of characters that share stylistic unity. ú Comprises an alphabet of letters, numbers, punctuation and diacritical marks.
§ Font ú A complete character set of a particular typeface in one size.
![Page 18: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/18.jpg)
Font Classification
![Page 19: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/19.jpg)
6 Categories of Fonts
§ Old Style § Modern § Slab Serif § Sans Serif § Script § Decorative
![Page 20: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/20.jpg)
Old style
§ Based on handlettering of scribes § Have serifs § Examples
ú Goudy
ú Palantino!ú Times ú Baskerville
![Page 21: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/21.jpg)
Modern
§ Have serifs § Have a striking appearance § Tend to have cold, elegant look § Examples
ú Times Bold ú Onyx
ú Lucinda Bright
![Page 22: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/22.jpg)
Slab Serif
§ Have little or no thick/thin transition § Clarendon § Use in children’s books § Have serifs § Examples
ú Rockwell ú Courier Bold!
![Page 23: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/23.jpg)
Sans Serif
§ Typefaces without serifs on the ends of the strokes
§ Monoweight—no visual thick/thin transition § Examples
ú Verdana ú Letter Gothic ú Futura�ú Helvetica"
![Page 24: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/24.jpg)
Script
§ Simulate handwriting or calligraphy § Used in formal occasions § Examples
ú Lucida Calligraphy ú Monotype Corsiva
![Page 25: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/25.jpg)
Decorative
§ Often used for art projects § Examples
ú Playbill ú Rosewood Standard
ú Chalkduster
![Page 26: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/26.jpg)
![Page 27: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/27.jpg)
Structure and Optics
§ Spacing of letters in words, sentences and paragraphs
§ Type sizes and spaces § Visual variations § Selecting typefaces
ú issues
![Page 28: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/28.jpg)
Letterspacing § Goal is to create a uniform “gray” value for
minimal reader distraction. § Every typeface has distinct strokes and spaces.
§ Relationship between these 2 characteristics defines the optimal spacing of that typeface, which transcends to the spacing between words, lines, and paragraphs.
![Page 29: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/29.jpg)
Kerning + Leading
§ Leading: The amount of horizontal space between two lines of text – leading is measured from baseline to baseline.
§ Kerning: Adjusting the space between individual letters when awkward pauses come between them.
![Page 30: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/30.jpg)
![Page 31: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/31.jpg)
HISTORY OF CD COVERS
![Page 32: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/32.jpg)
THE BEGINNINGS
" Album Cover Art " Cover Art good cultural barometers " 50’s, 60’s, 70’s, 80’s
" Sergeant Peppers Lonely Hearts Club Band was a turning point " had cut-‐out inserts, lyrics, a gatefold
sleeve
" A component of the over all packaging of an album.
![Page 33: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/33.jpg)
CONTENTS OF A COVER
" Serve the purpose of advertising the musical contents on the LP, through the use of graphic design, photography and/or illustration.
" Contains the artist's name, sometimes in logo form, album title, sometimes tracks, and branding
" Famous cover art
![Page 34: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/34.jpg)
EXAMPLES
![Page 35: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/35.jpg)
EXAMPLES
![Page 36: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/36.jpg)
EXAMPLES
![Page 37: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/37.jpg)
EXAMPLES
![Page 38: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/38.jpg)
EXAMPLES
![Page 39: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/39.jpg)
DESIGNING YOUR COVER
PROCESS
![Page 40: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/40.jpg)
Project 3 Instructions/Guides
![Page 41: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/41.jpg)
What’s your direction?
" What does wild mean? " Occurring, growing, or living in a natural state; not domesticated,
cultivated, or tamed " Extravagant; fantastic " Full of, marked by, or suggestive of strong, emotion
" What does exciting intensity mean? " Who is your Jictitious band? " What type of direction? Futuristic? GrafJiti? Grunge? RB? Whimsical? Edgy? " All these have styles. Choose one, stay true to direction. " Cohesiveness
" Remember non-‐offensive.
![Page 42: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/42.jpg)
RESEARCH
![Page 43: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/43.jpg)
SKETCHING + SCANNING
4 sketches will be submitted with CD cover as well as a 1 page paperon your creative process and elements used.
![Page 44: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/44.jpg)
CD COVER in Progress
![Page 45: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/45.jpg)
Student Examples
![Page 46: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/46.jpg)
Student Examples
Glue Tab
Glue Tab
Front
Back First Folds
Second Fold
FrontBackInside Inside
1 2 3
6 16 98670409 7
FBI A
nti-P
iracyW
arnin
g:
Un
athoriz
edco
pyin
g is p
un
ishab
le u
nd
er federal law
.
EX
CU
TIV
E P
RO
DU
CER
S: KIK
I ALI A
ND
JASO
N SH
IMA
SUA
SSOC
IAT
E E
XC
UT
IVE P
RO
DU
CER
: JAY
JAY
AR
I
©2
01
2 I.N
. REC
OR
DS, LLC
MA
RK
ETED
AN
D M
AN
UFA
CT
UR
ED B
U T
HE A
SIAN
JAM
SM
USIC
GR
OU
P, 3
89
AV
E, SOM
EPLA
CE, SO
MEP
LAC
E 39
20
4. D
ISTU
RB
UT
ED B
Y
UN
IVER
SAL M
USIC
AN
D V
IDEO
DIST
RIB
UT
ION
CO
RP. A
LL RIG
HT
S RESER
VED
.
HELLO GIRLSR
EC
OR
DS
WW
W.K
US
AB
AN
AG
IRL
S.C
OM
WW
W.H
EL
LO
GIR
LR
EC
OR
DS
.CO
M
![Page 47: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/47.jpg)
Project 3 Rubrics
![Page 48: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/48.jpg)
Type Sizes and Spacing
§ Setting type smaller or larger than the optimal reading size for text. ú Efficient reading of long texts (books, newspaper, etc.) Type size ranges between 9 pt. to 14 pts.
§ Note: ú Decrease type size = letterspace increase ú Increase type size = letterspace decrease
![Page 49: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/49.jpg)
![Page 50: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/50.jpg)
ILLUSTRATOR TYPE What can we do?
![Page 51: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/51.jpg)
Type Panel
![Page 52: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/52.jpg)
Type Panel Options § Type: Creates type that is not associated with a path. You
can use it to enter type along the edge of an open path or inside a closed path.
§ Area Type: Creates type inside an open or closed path. § Type on a Path: Creates type along the outer edge of an
open or closed path. § Vertical Type: Creates vertical text and works like the
Type tool.
§ Vertical Area Type: Creates vertical type inside an open or closed path.
§ Vertical Type on a Path: Creates vertical type along the outer edge of an open or closed path.
![Page 53: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/53.jpg)
Creating Type
§ Single click the Type tool’s I-‐beam cursor anywhere on page to create a point text box. ú Point text has not margins or frame edges
§ Area Text block ú Drag the Type Tool on the page to create the container to hold the text.
![Page 54: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/54.jpg)
Selecting Text
§ Several Ways 1. Drag the Type tool over a range of text select
those characters. 2. Double-‐clicking a single word with the Type tool.
Triple clicking selects an entire paragraph. 3. Use Command + Shift + Right/Left arrow keys
selects one word at a time. 4. Use the Selection tool to select a block of text,
the entire block is selected. (for moving)
![Page 55: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/55.jpg)
Resizing a Text Container
§ Small (+) icon will appear if you have more copy than container space.
§ Resize the text block by displaying the bounding box (shift + cmd + B) and dragging its handles.
![Page 56: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/56.jpg)
Character Panel
![Page 57: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/57.jpg)
Character Panel Breakdown § Fonts
ú Serifs ú San Serifts ú Decoratives ú Scripts ú Dingbats
§ Styles ú Roman, Normal, Regular, Bold, Oblique, Heavy, Light, etc.
![Page 58: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/58.jpg)
Character Panel Breakdown § Size
ú Vertical points. ú 72 points in one inch. ú Vertical length extends from the descender to the ascender.
§ Leading ú Common practice is to set the leading to 120% of the base typefeace. I.E. 10 pt. size = 12 pt. leading
![Page 59: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/59.jpg)
Character Panel Breakdown § Spacing: Tracking,
Kerning ú Kerning: spacing
between 2 characters ú Tracking: spacing
throughout a range of characters.
ú Common practice is to set the leading to 120% of the base typefeace. I.E. 10 pt. size = 12 pt. leading
![Page 60: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/60.jpg)
Kerning
§ Use the Tracking Menu ú 0 = normal ú Negative = tighter tracking ú Positive = increased space
§ High quality fonts have certain common kerning pairs built into the fonts.
§ Larger types used in headlines require manual kerning to look their best.
![Page 61: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/61.jpg)
Letters’ Rule
§ Position their outer boundaries against one another.
![Page 62: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/62.jpg)
Scaling
§ To condense or expand the height and/or the width of type characters.
![Page 63: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/63.jpg)
Baseline Shift
§ Imaginary line that type characters sit on. ú Subscript H20 ú Superscript E=MC2
![Page 64: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/64.jpg)
Paragraph Formatting
§ Paragraph Panel ú Options that affect the paragraph’s alignment, indents, space before and after paragraphs.
![Page 65: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/65.jpg)
Alignment § 5 alignment choices
ú Flush left ú Flush right ú Align center ú Justify full line ú All lines justify
§ Indents ú Only within the text block.
§ Space Before Paragraph ú Better than Hard returns ( 5 or 6 pts. for 12 pt. text)
![Page 66: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/66.jpg)
Utilities
§ Change Case § Check spelling § Find Font § Find/Change § Smart Punctuation § Rows & Columns
![Page 67: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/67.jpg)
TYPE PATHS
![Page 68: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/68.jpg)
Type Panel
![Page 69: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/69.jpg)
Type on Paths
§ Type in Illustrator is not restricted to just the square text box.
§ Because Illustrator drawing tools create objects of various types, we can go back and use these paths to combine, connect or attach Text.
![Page 70: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/70.jpg)
Examples:
![Page 71: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/71.jpg)
Modifying A Path
§ Change the alignment, shape, and orientation of the type with the Type on a Path dialog box.
§ Apply type effects, which include Rainbow, Skew, 3D Ribbon, Stair Step, or Gravity, as well as change alignment and spacing.
§ Flip the type on the path.
![Page 72: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/72.jpg)
Modifying A Path
§ Click the Type menu, point to Type on a Path, and then click Type on a Path Options.
§ Select the Preview check box to view your changes in the document window.
§ Click the Effect list arrow, and then select an effect: Rainbow, Skew, 3D Ribbon, Stair Step, or Gravity.
§ Click the Align to Path list arrow, and then select an alignment option: Baseline, Ascender, Descender, or Center.
![Page 73: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/73.jpg)
Text on Circles
§ Select the text block you want to flip. § Double Click the selection arrow on the I-‐beam.
![Page 74: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/74.jpg)
Converting Text to Graphics
§ Type > Create Outlines § Most of Illustrator’s special operations and filters only work on path outlines.
§ Once converted you cannot undo unless it’s used immediately after the conversion.
§ Prepare files that need to be opened and printed from a remote computer.
![Page 75: Recap,’Typography,’IllustratorText,’Objects’Panel’continued’ … · 2012-03-01 · Student Examples Glue Tab Glue Tab Front Back First Folds Second Fold Inside Inside](https://reader033.vdocuments.us/reader033/viewer/2022050503/5f95008ce538da7f524d5bc2/html5/thumbnails/75.jpg)
Work
§ Assignment 3: Milk Carton (3.08) § Project 3: CD Cover § In class exercise: Type on a Circular Path § Reading: Chapter 8 (optional)