Plau – Workshop de Tipografia Slides

Page 1

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.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.