Desenhando letras para logos, lettering & fontes.
Objetivos do Workshop Aprender ou relembrar alguns fundamentos de desenho de tipo. Melhorar a análise de fontes/lettering e suas proporções. Aprender melhores práticas e dicas salvadoras na hora de desenhar letras.
Tem esperança! Minha primeira tentativa de type đ&#x;˜‚
ConteĂşdo
1 Aquecimento 2 Fundamentos 3 Planejamento 4 Desenhando letras digitais 5 Recursos
1 Aquecimento 2 Fundamentos 3 Planejamento 4 Desenhando letras digitais 5 Recursos
Monograma (15-20 minutos). 2 ou 3 iniciais do seu nome a lapis ou qualquer outro instrumento de escrita que combine com vocĂŞ.
Aquecimento
1
1 Aquecimento 2 Fundamentos 3 Planejamento 4 Desenhando letras digitais 5 Recursos
Fundamentos
Formas com a mesma altura absoluta‌
2
Fundamentos
…precisam ser ajustadas para parecerem ter a mesma altura.
2
HOA
Fundamentos
O mesmo acontece com as letras.
2
A
B
Fundamentos
Centro geomĂŠtrico a vs. centro visual b.
2
Hastes horizontais parecem maiores que verticais. Qual das 2 parece melhor?
A
B
B estรก compensada visualmente.
A
B
Qual dos “io” está melhor balanceado
A
B
Aumente a espessura das curvas para ficarem visualmente iguais Ă s retas.
A minúsculo – construção geométrica e construção visual.
Todos os detalhes e ajustes que melhoram a legibilidade da letra.
Fundamentos
Letras mais pesadas parecem menores. Para compensar, aumente a altura de x.
2
finesse finesse
Fundamentos
Quanto mais pesada a letra, menores ficam os olhos, por isso‌
2
finesse finesse
Fundamentos
… o espaçamento também deve ser mais justo. Sempre uma questão de equilíbrio.
2
Fundamentos
Forma? 2
Fundamentos
A contra-forma ĂŠ tĂŁo importante quanto a forma. Vale para logos, lettering e fontes.
2
Fundamentos
Curva geom茅trica vs. 贸tica
2
Fundamentos
Sem medo do BeziĂŠr!
2
1 Aquecimento 2 Fundamentos 3 Planejamento 4 Desenhando letras digitais 5 Recursos
Aplicação Final/Limitações Personalidade/Estilo Planejamento familiar: pesos, estilos. Proporções Legibilidade
Planejamento
Decisões iniciais
3
3 Planejamento
Aplicação final
Bell Centennial: Mathew Carter
Wayfinding Sans: Ralf Herrmann
Verdana: Mathew Carter
Akceler Alt: Andrej Dieneš
Primot Fonte única, display.
Lettering
Guanabara Sans ‘13 Super família, múltiplos pesos e estilos
Planejamento
Personalidade + Planejamento
3
3
H
V
Planejamento
Contraste e estilo
H
V
Ax Ax Ax Guanabara Sans | Mrs. Eaves | Maple Black
Planejamento
Altura de x
3
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.
Guanabara Sans | Mrs. Eaves | Maple Black | 30/36pt
Planejamento
Altura de x vai afetar quantas palavras cabem por linha. Fontes condensadas e/ou expandidas tb.
3
Hamburgefons Hamburgefons Myriad: Robert Slimbach/Carol Twombly
Planejamento
A proporção da fonte acima não é equilibrada como a da Myriad. Estude as fontes clássicas para treinar o olho.
3
Calligraphic origin
ea ea
ea ea
Garamond
Scala Sans
Didot
Helvetica
Planejamento
2
Niels Shoe Meulman
Tony DiSpigna
Planejamento
Cool letterings, different calligraphic origins.
3
milliliter
milliliter
Guanabara Sans
milliliter Helvetica
milliliter
Planejamento
Legibilidade (ou n達o) Erik Spiekermann
2
Lindo.
Mas por onde comeรงar?
1 Aquecimento 2 Fundamentos 3 Planejamento 4 Desenhando letras digitais Dicas Método: Módulos Método: Scan Método: Esqueleto Método: Direto Mestres
5 Recursos
Desenhando letras digitais
Rabiscar e tomar decis천es cedo.
2
Desenhando letras digitais
4
Desenhando letras digitais
4
Hamburgefons Adhesiontext VĂŁo dar a personalidade e caracterĂstica dos glifos restantes da fonte.
Desenhando letras digitais
Primeira palavra
4
Desenhando letras digitais
Pontos nos extremos 4
Desenhando letras digitais
Pontos nos extremos 4
HO no Muitas letras sĂŁo planejadas a partir desse grupo bĂĄsico.
Desenhando letras digitais
Comece por uma letra reta e uma curva
4
HOHOHO hohoho
ara 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). P
Desenhando letras digitais
Começar o espacejamento
4
HDFEL OQCD MN WYX ZS
Desenhando letras digitais
Grupos de letra (construção)
4
oec pdbq fjg nmu il kzs vwyz
Desenhando letras digitais
Grupos de letra (construção)
4
ABC0123 Minion Pro
Desenhando letras digitais
Numerais sĂŁo geralmente um pouco mais baixos que a altura da maiĂşscula.
4
01234567890 01234567890 01234567890
Desenhando letras digitais
Numerais
4
n
n
Âť nu Desenhando letras digitais
Ctrl C |Ctrl V? 4
n
n
Âť nu Desenhando letras digitais
Quase isso‌ 4
AAA Light
Book
Black
Desenhando letras digitais
A maravilha da interpolação (Interpolêichon)
4
Desenhando letras digitais
Qual altura da haste ĂŠ melhor?
4
Desenhando letras digitais
4
MĂ“DULOS
Wim Crouwel
Desenhando letras digitais
M贸dulos 4
Desenhando letras digitais
4
SCAN
Desenhando letras digitais
Scan 4
Desenhando letras digitais
Vetorizando 4
Desenhando letras digitais
Refinando a vetorização 4
4 Desenhando letras digitais
Resultado Final
babycub Clube de roupas infantis
ESQUELETO
Desenhando letras digitais
Width tool (Illustrator – Shift + W)
4
Desenhando letras digitais
Width Tool 4
Desenhando letras digitais
Width Tool 4
Desenhando letras digitais
Width Tool 4
Desenhando letras digitais
Esqueleto – início de um S no illustrator. Muitos refinamentos necessários depois desse primeiro passo, mas é um começo!
4
DIRETO… BOA SORTE 😈
Desenhando letras digitais
4
MESTRES
Hoefler & Frere Jones
House Industries
Adrian Frutiger
Doyald Young
Herb Lubalin
Alex Trochut
Louise Fili
1 Aquecimento 2 Fundamentos 3 Planejamento 4 Desenhando letras digitais 5 Recursos
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/
Recursos
Para aprender mais
5
Logo, 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
Recursos
Livros
5
OBRIGADO! email link behance twitter facebook
rodrigo@plau.co plau.co behance.net/plau PlauStudio facebook.com/plaudesign
Agradecimentos: Vanessa Padua, Cristiano Junqueira, Betina Cupello e todo mundo da Saravah, Cida, Eddy e Martha, Gu, Nina, FamĂlia Padua, Mark Mullin, Eduardo Varela, Lucas Azevedo, Daniel Campos, Matheus Fragoso, todos os designers e programadores que passaram pela Niramekko e Plau e mais um monte de gente que me inspirou e ensinou tanta coisa! Fontes: Guanabara Sans, SS Social, Futura, Myriad, Minion Pro, Motiva Sans, Bordonia, Primot.