plau type workshop slides
DESCRIPTION
Slides for a 4 hour type workshop that included fundamentals, tips for planning and drawing letters for logos, lettering & fonts.TRANSCRIPT
![Page 1: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/1.jpg)
Drawing letters for logos, lettering & fonts
![Page 2: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/2.jpg)
Workshop goals
Learn/remember some type design fundamentals.
Improve the analysis of fonts/lettering and proportions
Best practices and time-saving tips when drawing digital letters.
![Page 3: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/3.jpg)
This is my first attempt at drawing type circa 2002. Do not quit!
![Page 4: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/4.jpg)
Content
1 Warm-up exercice
2 Key fundamentals
3 Planning
4 Drawing digital letters
5 Resources
![Page 5: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/5.jpg)
1 Warm-up exercice
2 Key fundamentals
3 Planning
4 Drawing digital letters
5 Resources
![Page 6: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/6.jpg)
Monogram (15-20 minutes).Draw 2-3 name initials in pencil or any kind of writing tool that suits your personality.Try different tools and see how the outcome differs.
Aque
cim
ento
1
![Page 7: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/7.jpg)
1 Warm-up exercice
2 Key fundamentals
3 Planning
4 Drawing digital letters
5 Resources
![Page 8: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/8.jpg)
Fund
Amen
tAls
2Shapes that have the same absolute height…
![Page 9: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/9.jpg)
Fund
Amen
tAls
2…need to be adjusted so they look the same height. Forget math for a minute, type design is all about your eyes!
![Page 10: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/10.jpg)
HOAHOAHOAFu
ndAm
entA
ls
2The same effect on letters.
![Page 11: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/11.jpg)
Fund
Amen
tAls
2Math centering A vs. optic centering b. Move objects up a little so they look centered (and not falling).
A B
![Page 12: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/12.jpg)
A B
Horizontal stems look bigger than vertical. Which of these 2 look balanced?
![Page 13: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/13.jpg)
A B
B is visually adjusted for this optical illusion. Shorter horizontal stems, middle bar moved up a little so it looks balanced.
![Page 14: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/14.jpg)
A B
Which of these “io” looks better?
![Page 15: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/15.jpg)
Increase curved areas so that they match straights. B curves are the same width as the straights, which doesn’t look right.
![Page 16: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/16.jpg)
a: geometric vs optical construction.
![Page 17: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/17.jpg)
These visual compensations are what makes letter more legible and pleasing to the eye. On the right is Futura.
![Page 18: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/18.jpg)
Fund
Amen
tAls
2Bolder fonts will look smaller if they have the same x-height. Increase the x-height of bolder letters to compensate this effect.
![Page 19: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/19.jpg)
finessefinesse
Fund
Amen
tAls
2The heavier the letters, the smaller the counters which calls for…
![Page 20: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/20.jpg)
finesse
Fund
Amen
tAls
2… an adjustment in spacing so form and counterforms look balanced.
finesse
![Page 21: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/21.jpg)
Fund
Amen
tAls
2This looks clumsy.
![Page 22: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/22.jpg)
Fund
Amen
tAls
2The white spaces are just as important as the letters themselves.
![Page 23: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/23.jpg)
Fund
Amen
tAls
2Always smooth out the joins of straight to curved segments. Avoid the “bone effect”.
![Page 24: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/24.jpg)
Fund
Amen
tAls
2Do not fear the Bézier curve. Ever!
![Page 25: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/25.jpg)
1 Warm-up exercice
2 Key fundamentals
3 Planning
4 Drawing digital letters
5 Resources
![Page 26: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/26.jpg)
Some decisions to makeFinal useStyle/PersonalityFamily planning: weights, styles etc.ProportionsLegibility
PlAn
ning
3
![Page 27: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/27.jpg)
Final use
Wayfinding Sans: Ralf Herrmann. Signage.Bell Centennial: Mathew Carter. Type for newsprint.
Verdana: Mathew Carter. Optimized for screen display. Akceler Alt: Andrej Dieneš. For sports magazines.
PlAn
ning
3
![Page 28: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/28.jpg)
Personality/Family Planning
Primot
Guanabara Sans ‘13
Display Type (Primot/WIP) Lettering
Super family – multiple weights and styles.
PlAn
ning
3
![Page 29: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/29.jpg)
H VH V
Contrast and style.
PlAn
ning
3
![Page 30: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/30.jpg)
Ax Ax Ax
PlAn
ning
3Altura de x
Guanabara Sans | Mrs. Eaves | Maple Black
![Page 31: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/31.jpg)
AxPeles sernatur ad endis endae omnisti onemquatur?Atiatiis quodit, si sum re nus evel et quo temporeri dolessinvel molut exeraTur aut minus ulpa alitat.Voluptae senis ut laborem perumquibus.
AxPeles sernatur ad endis endae omnisti onemquatur?Atiatiis quodit, si sum re nus evel et quo temporeri dolessinvel molut exeraTur aut minus ulpa alitat.Voluptae senis ut laborem perumquibus.
AxPeles sernatur ad endis endae omnisti onemquatur?Atiatiis quodit, si sum re nus evel et quo temporeri dolessinvel molut exeraTur aut minus ulpa alitat.Voluptae senis ut laborem perumquibus.
x-Height affects word count. Same for condesed/expanded fonts.
Guanabara Sans | Mrs. Eaves | Maple Black | 30/36pt
PlAn
ning
3
![Page 32: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/32.jpg)
Proportions – top is not as well proportioned as bottom. Study time tested fonts and train your eyes for good proportions.
HamburgefonsHamburgefons
Myriad: Robert Slimbach/Carol Twombly
PlAn
ning
3
![Page 33: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/33.jpg)
Calligraphic origin
Garamond
Didot
Scala Sans
Helvetica
eaea ea
ea
PlAn
ning
3
![Page 34: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/34.jpg)
Niels Shoe Meulman Tony DiSpigna
PlAn
ning
3Calligraphic origin
![Page 35: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/35.jpg)
milliliter milliliter
milliliter milliliter
Guanabara Sans lowercas l is adjusted to be more readable.
Helvetica: l can be confused for an uppercase i.
PlAn
ning
2Legibility Erik Spiekermann
![Page 36: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/36.jpg)
Ok, nice.
![Page 37: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/37.jpg)
But where to begin?
![Page 38: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/38.jpg)
1 Warm-up exercice2 Key fundamentals3 Planning4 Drawing digital letters
TipsMethod 1: ModularMethod 2: From ScansMethod 3: StrokesMethod 4: Straight upMasters
5 Resources
![Page 39: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/39.jpg)
Sketch and define things early on.
drAw
ing
4
![Page 40: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/40.jpg)
drAw
ing
4
![Page 41: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/41.jpg)
drAw
ing
4
![Page 42: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/42.jpg)
HamburgefonsAdhesiontext
First words
Will help define the personality and features of the other glyphs.
drAw
ing
4
![Page 43: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/43.jpg)
Points at extrema
drAw
ing
4
![Page 44: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/44.jpg)
drAw
ing
4Points at extrema
![Page 45: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/45.jpg)
HO no
Kickstart your font start with one straight and one rounded letter.
You can define many letters from these basic shapes, and it will give you a good starting point for spacing.
4
drAw
ing
![Page 46: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/46.jpg)
HOHOHOhohoho
Spacing
Para decidir o espaçejamento entre as letras, comece pelas duplas HO maiúscula e minúscula. Assim você já tem muitos
espaçamentos resolvidos (lados circulares e retos).
4
drAw
ing
![Page 47: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/47.jpg)
HDFELOQCD
MN WYX ZS
Groups of shapes (construction)4
drAw
ing
![Page 48: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/48.jpg)
oec pdbq fjg nmu il kzs vwyz
4
drAw
ingGroups of shapes (construction)
![Page 49: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/49.jpg)
ABC0123
For text fonts, numerals are a little shorter than Capital Height so as not to overpower them in text.
4
drAw
ing
Minion Pro
![Page 50: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/50.jpg)
0123456789001234567890
01234567890
Some types of numerals4
drAw
ing
![Page 51: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/51.jpg)
Copy paste?
n n»nu
4
drAw
ing
![Page 52: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/52.jpg)
No sir (ma’am)!
n n»nu
drAw
ing
4
![Page 53: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/53.jpg)
Start to love the blend tool (Interpolation)
AAALight BlackBook
drAw
ing
4
![Page 54: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/54.jpg)
Use interpolation to test letter variations.
AAAdr
Awin
g
4
![Page 55: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/55.jpg)
MODULAR
drAw
ing
4
![Page 56: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/56.jpg)
drAw
ing
4Modular
Wim Crouwel
![Page 57: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/57.jpg)
SCAN
drAw
ing
4
![Page 58: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/58.jpg)
drAw
ing
4Scan
![Page 59: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/59.jpg)
drAw
ing
4Vectorizing the scan
![Page 60: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/60.jpg)
drAw
ing
4Refining the scan
![Page 61: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/61.jpg)
drAw
ing
4Final result
Clube de roupas infantisbabycub
![Page 62: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/62.jpg)
STROKES
![Page 63: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/63.jpg)
drAw
ing
4Width tool (Illustrator – Shift + W)
![Page 64: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/64.jpg)
drAw
ing
4Width Tool
![Page 65: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/65.jpg)
drAw
ing
4Width Tool
![Page 66: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/66.jpg)
drAw
ing
4Width Tool
![Page 67: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/67.jpg)
drAw
ing
4From strokes, you can also start simple monoline letters like this S for example. But remember, it will need lots of tweaking for you to call it a letter.
![Page 68: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/68.jpg)
STRAIGHT UP…JUST GO FOR IT😈
![Page 69: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/69.jpg)
MASTERS
drAw
ing
4
![Page 70: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/70.jpg)
Hoefler & Frere Jones
![Page 71: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/71.jpg)
House Industries
![Page 72: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/72.jpg)
Adrian Frutiger
![Page 73: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/73.jpg)
Doyald Young
![Page 74: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/74.jpg)
Herb Lubalin
![Page 75: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/75.jpg)
Alex Trochut
![Page 76: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/76.jpg)
Louise Fili
![Page 77: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/77.jpg)
1 Warm-up exercice
2 Key fundamentals
3 Planning
4 Drawing digital letters
5 Resources
![Page 78: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/78.jpg)
reso
urce
s
5Learn more!Briem.net: http://briem.net
Hoefler & Frere-Jones: http://www.typography.com/
Letritas: http://letritas.blogspot.com
Type Drawers: http://typedrawers.com
Typophile: http://typophile.com
Typotheque: https://www.typotheque.com/articles
Unos Tipos Duros: http://www.unostiposduros.com/
Type Workshop (Underware): http://www.typeworkshop.com/
![Page 79: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/79.jpg)
BooksLogo, Font & Lettering Bible. http://goo.gl/4djGZt
The stroke, Theory of Writing. http://goo.gl/Xr9rR
Counterpunch. http://goo.gl/hcQVDo
Letterletter. http://goo.gl/PcGyjF
Designing Type. http://goo.gl/HZ7TL
Scripts: Elegant Lettering from Design’s Golden Age. http://goo.gl/qCqyb
Elementos do estilo tipográfico. http://goo.gl/sAAxZ
Stop Stealing Sheep. http://goo.gl/8YKUK1
Metro Letters. http://goo.gl/5CWs5e
reso
urce
s
5
![Page 80: Plau type workshop slides](https://reader033.vdocuments.site/reader033/viewer/2022052315/5561105fd8b42a84138b5098/html5/thumbnails/80.jpg)
THANK YOU! email [email protected] link plau.co behance behance.net/plau twitter PlauStudio facebook facebook.com/plaudesigna big thanks to: Vanessa Padua, Cristiano Junqueira, Betina Cupello and everybody at Saravah, Cida, Eddy e Martha, Gu, Nina, Família Padua, Mark Mullin, Eduardo Varela, Lucas Azevedo, Daniel Campos, Matheus Fragoso, all the designers and coders from Niramekko and Plau and everyone who inspired and taught me so much!
fonts: Guanabara Sans, SS Social, Futura, Myriad, Minion Pro, Motiva Sans, Bordonia, Primot.