Upload
rodrigo-saiani
View
8.571
Download
1
Embed Size (px)
DESCRIPTION
Slides usados no 1º Workshop de tipografia da Plau. Uma pincelada sobre os fundamentos e dicas de desenho de letras para logos, lettering e fontes.
Citation preview
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 😂
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ê.
Aque
cim
ento
1
1 Aquecimento
2 Fundamentos
3 Planejamento
4 Desenhando letras digitais
5 Recursos
Fund
Amen
tos
2Formas com a mesma altura absoluta…
Fund
Amen
tos
2…precisam ser ajustadas para parecerem ter a mesma altura.
HOAHOAHOAFu
ndAm
ento
s
2O mesmo acontece com as letras.
Fund
Amen
tos
2Centro geométrico A vs. centro visual b.
A B
A B
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
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.
Fund
Amen
tos
2Letras mais pesadas parecem menores.Para compensar, aumente a altura de x.
finessefinesse
Fund
Amen
tos
2Quanto mais pesada a letra, menores ficam os olhos, por isso…
finesse
Fund
Amen
tos
2… o espaçamento também deve ser mais justo. Sempre uma questão de equilíbrio.
finesse
Fund
Amen
tos
2Forma?
Fund
Amen
tos
2A contra-forma é tão importante quanto a forma. Vale para logos, lettering e fontes.
Fund
Amen
tos
2Curva geométrica vs. ótica
Fund
Amen
tos
2Sem medo do Beziér!
1 Aquecimento
2 Fundamentos
3 Planejamento
4 Desenhando letras digitais
5 Recursos
Decisões iniciaisAplicação Final/LimitaçõesPersonalidade/EstiloPlanejamento familiar: pesos, estilos.ProporçõesLegibilidade
PlAn
ejAm
ento
3
Aplicação final
Wayfinding Sans: Ralf HerrmannBell Centennial: Mathew Carter
Verdana: Mathew Carter Akceler Alt: Andrej Dieneš
PlAn
ejAm
ento
3
Personalidade + Planejamento
Primot
Guanabara Sans ‘13
Fonte única, display. Lettering
Super família, múltiplos pesos e estilos
PlAn
ejAm
ento
3
H VH V
Contraste e estilo
PlAn
ejAm
ento
3
Ax Ax Ax
Altura de x
Guanabara Sans | Mrs. Eaves | Maple Black
PlAn
ejAm
ento
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.
Altura de x vai afetar quantas palavras cabem por linha. Fontes condensadas e/ou expandidas tb.
Guanabara Sans | Mrs. Eaves | Maple Black | 30/36pt
PlAn
ejAm
ento
3
A proporção da fonte acima não é equilibrada como a da Myriad. Estude as fontes clássicas para treinar o olho.
HamburgefonsHamburgefons
Myriad: Robert Slimbach/Carol Twombly
PlAn
ejAm
ento
3
Calligraphic origin
Garamond
Didot
Scala Sans
Helvetica
eaea ea
ea
PlAn
ejAm
ento
2
Niels Shoe Meulman Tony DiSpigna
PlAn
ejAm
ento
3Cool letterings, different calligraphic origins.
milliliter milliliter
milliliter milliliter
Guanabara Sans
Helvetica
PlAn
ejAm
ento
2Legibilidade (ou não) Erik Spiekermann
Lindo.
Mas por onde começar?
1 Aquecimento2 Fundamentos3 Planejamento4 Desenhando letras digitais
DicasMétodo: MódulosMétodo: ScanMétodo: EsqueletoMétodo: DiretoMestres
5 Recursos
Rabiscar e tomar decisões cedo.
dese
nhAn
do l
etrA
s di
gitA
is
2
dese
nhAn
do l
etrA
s di
gitA
is
4
dese
nhAn
do l
etrA
s di
gitA
is
4
HamburgefonsAdhesiontext
Primeira palavra
Vão dar a personalidade e característica dos glifos restantes da fonte.
dese
nhAn
do l
etrA
s di
gitA
is
4
Pontos nos extremos
dese
nhAn
do l
etrA
s di
gitA
is
4
dese
nhAn
do l
etrA
s di
gitA
is
4Pontos nos extremos
HO no
Comece por uma letra reta e uma curva
Muitas letras são planejadas a partir desse grupo básico.
4
dese
nhAn
do l
etrA
s di
gitA
is
HOHOHOhohoho
Começar o espacejamento
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
dese
nhAn
do l
etrA
s di
gitA
is
HDFELOQCD
MN WYX ZS
Grupos de letra (construção)4
dese
nhAn
do l
etrA
s di
gitA
is
oec pdbq fjg nmu il kzs vwyz
Grupos de letra (construção)4
dese
nhAn
do l
etrA
s di
gitA
is
ABC0123
Numerais são geralmente um pouco mais baixos que a altura da maiúscula.
4
dese
nhAn
do l
etrA
s di
gitA
is
Minion Pro
0123456789001234567890
01234567890
Numerais4
dese
nhAn
do l
etrA
s di
gitA
is
Ctrl C |Ctrl V?
n n»nu
4
dese
nhAn
do l
etrA
s di
gitA
is
Quase isso…
n n»nu
dese
nhAn
do l
etrA
s di
gitA
is
4
A maravilha da interpolação (interPolêichon)
AAALight BlackBook
dese
nhAn
do l
etrA
s di
gitA
is
4
Qual altura da haste é melhor?
AAAde
senh
Ando
let
rAs
digi
tAis
4
MÓDULOS
dese
nhAn
do l
etrA
s di
gitA
is
4
dese
nhAn
do l
etrA
s di
gitA
is
4Módulos
Wim Crouwel
SCAN
dese
nhAn
do l
etrA
s di
gitA
is
4
dese
nhAn
do l
etrA
s di
gitA
is
4Scan
dese
nhAn
do l
etrA
s di
gitA
is
4Vetorizando
dese
nhAn
do l
etrA
s di
gitA
is
4Refinando a vetorização
Clube de roupas infantisbabycub
dese
nhAn
do l
etrA
s di
gitA
is
4Resultado Final
ESQUELETO
dese
nhAn
do l
etrA
s di
gitA
is
4Width tool (Illustrator – Shift + W)
dese
nhAn
do l
etrA
s di
gitA
is
4Width Tool
dese
nhAn
do l
etrA
s di
gitA
is
4Width Tool
dese
nhAn
do l
etrA
s di
gitA
is
4Width Tool
dese
nhAn
do l
etrA
s di
gitA
is
4Esqueleto – início de um S no illustrator. Muitos refinamentos necessários depois desse primeiro passo, mas é um começo!
DIRETO…BOA SORTE 😈
MESTRES
dese
nhAn
do l
etrA
s di
gitA
is
4
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
recu
rsos
5Para aprender maisBriem.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/
recu
rsos
5LivrosLogo, 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
OBRIGADO! email [email protected] link plau.co behance behance.net/plau twitter PlauStudio facebook facebook.com/plaudesignAgrAdecimentos: 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.