93
FABULOSA VERÃO Tipografia tridimensional

Workshop Plau - Fabulosa Verão no IED

  • Upload
    plau

  • View
    434

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Workshop Plau - Fabulosa Verão no IED

FABULOSA VERÃOTipografia tridimensional

Page 2: Workshop Plau - Fabulosa Verão no IED

RODRIGO SAIANIFLORA DE CARVALHODANIEL ROCHALUCAS CAMPOIGABRIEL GALCPlau - www.plau.co

Page 3: Workshop Plau - Fabulosa Verão no IED

Tipografia tridimensional

Tudo que você queria saber sobre tipografia mas nunca teve tempo de aprender.

Ferramentas e elementos úteis na sua profissão pra sempre!

Aprender sobre tipos da maneira “tradicional”vv

Page 4: Workshop Plau - Fabulosa Verão no IED

Objetivos do Workshop

Fundamentos Desenho de tipo Poster

Page 5: Workshop Plau - Fabulosa Verão no IED

Programação do dia

9-10h Fundamentos os básicos do desenho de letras para fontes, logotipos e lettering

10-12h 14h-15h Criação de letras Colocar os fundamentos em prática imediatamente.

15-16h. Produção Produção das letras em madeira

16-19h. Posters impressão de posters com os blocos criados pela turma.

Page 6: Workshop Plau - Fabulosa Verão no IED

SOBRE A PLAU

Page 7: Workshop Plau - Fabulosa Verão no IED
Page 8: Workshop Plau - Fabulosa Verão no IED
Page 9: Workshop Plau - Fabulosa Verão no IED
Page 10: Workshop Plau - Fabulosa Verão no IED

Characters with character!

Education meets imagination in

a world where punctuation marks

have a life of their own. A diver

comma, communicative parenthe-

ses and many others are going

to assist children in the task of

understanding the importance

of punctuation to English written

communication. Rodrigo Saiani

Rodrigo Saiani is a

graphic designer and

he had a blast

designing this book.

Page 11: Workshop Plau - Fabulosa Verão no IED

crustáceo carioca, suíngue, sangue bom

propulsão. Quando se enterra (nunca de frente, mas com a parte de trás), o tatuí usa suas muitas patas para se afundar até 4 cm. A grande habilidade escavadora, po-rém, está no final do abdômen onde ficam o telso e os urópodos. Como se fossem pás, eles cavam e im-pulsionam o tatuí para baixo, que some na areia em poucos segundos ao menor sinal de perigo. Em fuga, pode se enterrar até 50 cm.

Emer

ita

bras

ilien

sis

desc

rito

com

con

sult

oria

de

Tere

za C

rist

ina

G. d

a Si

lva,

bió

loga

do

Labo

rató

rio

de C

arci

nolo

gia

da U

FRJ

O tatuí é o organismo mais popular entre os banhistas

brasileiros. Difícil encontrar um habitante da costa do

Sul e Sudeste, onde vive a espécie emerita brasiliensis,

ou do Nordeste, em que ocorre a emerita portoricensis,

que não tenha o crustáceo nervosinho nas suas memó-

rias de infância. Apesar de abundante no nosso litoral,

os tatuís estão diminuindo em número nas praias urba-

nas com grande concentração de banhistas. “Os motivos

podem ser diversos, desde poluição até pisoteio”, diz

a bióloga Valéria Veloso, especialista em ecologia de

praia da Uni-Rio. “Mas não há extinção, temos indícios

de contínua reprodução da espécie.” O Laboratório de

Ecologia Bêntica da Uni-Rio agora pesquisa se as ativi-

dades humanas têm a ver com a queda na população dos

pequenos crustáceos, que surgiram no planeta cerca de

11, 5 mil anos atrás. Existem também outras espécies de

tatuí nos dois lados da América e na África.

texto nelson feitosa

fotos ricardo siqueira

telso

urópodo

qu

art

a p

ata

terc

eir

a p

ata

quinta pata (sob a carapaça)

visão. De todos os decápodas (a ordem que incluem também cama-rões, caranguejos e lagostas), o tatuí é o que enxerga menos. Vê apenas movimento e luminosidade. Os olhos projetados, típicos dos crustá-ceos, ficam no final de pedúnculos que saem do cefalotórax (a cabeça e o corpo fundidos numa coisa só).

filtração. O tatuí se alimenta enterrado, mas os olhos e as quatro antenas ficam erguidas para fora da areia. São armadilhas físicas e hidráulicas que movimentam a água, criam sifões e filtram a corrente da onda no momento do recuo. Centenas de cerdas articu-ladas, que são franjas presas aos flagelos das antenas, aprisionam como redes de pesca algas e ani-mais microscópicos na água. Após a captura, uma antena de cada vez vai à boca.

resistência. A carapaça endure-cida por sais de cálcio faz do tatuí um Land Rover da arrebentação. O reforço extra permite a sobrevivên-cia num ambiente inóspito, com incessante impacto de ondas, além de diminuir a desidratação duran-te a exposição ao ar. O tatuí respira o oxigênio dissolvido na água, como os peixes, mas a proteção da couraça mantém as brânquias mo-lhadas. Enquanto houver umidade, ele respira fora d´água.

mobilidade. Decápoda quer dizer dez patas: cinco apêndices locomo-tores posicionados em cada lado do corpo. Oito deles escavadores e dois limpadores. O primeiro par é maior e usado para movimenta-ção. O último, atrofiado, fica dobra-do por baixo da carapaça. Como se fossem pára-brisas de carro, as quintas patas retiram constante-mente os grãos de areia presos às brânquias.

defesa. A proteção da prole foi uma grande vantagem evolutiva, que ajudou o tatuí a sobreviver como espécie. A fêmea, que cresce até 25 mm (dez a mais que o macho), carrega seus ovos no abdômen por cerca de duas semanas até o mo-mento da eclosão. Só então os tatuís em estágio de larvas, aproximada-mente 300 indivíduos por ninhada, deixam a proteção materna para enfrentar sozinhos os perigos do mar. Duas semanas mais tarde, já com o desenvolvimento concluído, retornam às praias para novamente povoá-las. Cada tatuí pode viver cerca de dois anos.

primeira pata

cerdas articuladas

olhos

carapaça

segundas antenas

segu

nda

pa

ta

primeiras antenas

rev | 18–19 | terra

Page 12: Workshop Plau - Fabulosa Verão no IED

Em qualquer terreno, em qualquer esqui-na, em qualquer rua sem movimento. Na areia da praia, na terra, no cimento, no asfalto ou na grama, verde ou careca. No Brasil todo espaço é usado como palco para uma boa pelada. A bola pode ser de plástico, de couro ou até de meia... O que importa é o prazer da “brincadeira”. E en-tre passes, chutes e gols, o apelido de país do futebol soa natural para cada visitante. O fruto dessa paixão é quase que óbvio: craques e mais craques numa renovação constante que empolga os amantes do fu-tebol em todo o mundo e faz do Brasil a nação com maior número de títulos mun-diais, além de dona de um estilo único.

Mas já pensou se no lugar das bolas de meia nossos meninos descalços estivem com faixas de atadura nas mãos? Ou que ao invés de surradas chuteiras cal-çassem luvas desbotadas. Difícil imagi-nar? Para facilitar, que tal trocar as bali-zas de bambu nas pracinhas do interior do país por ringues? No lugar de driblar o adversário, trocar passes e estufar a rede, nossos moleques estariam trocan-do golpes, prensando o oponente nas cordas até conseguir levá-lo à lona. Sim, aí poderíamos ser o país do boxe.

Esta é a fórmula de sucesso do es-porte em Cuba, maior potência do boxe amador mundial, dona de cinco

COMO O MODELO

CUBANO ESTÁ

AJUDANDO A FAZER

DO BRASIL UMA

POTÊNCIA OLÍMPICA

DOS RINGUES

POR ANDRÉ MANSUR FOTOS SÉRGIO CARVALHO

LONAS DE VÁRZEA LEMBRAM AS PELADAS BRASILEIRAS

CONHECER

OUTUBRO • DEZEMBRO 2005 ARENA 17

Page 13: Workshop Plau - Fabulosa Verão no IED
Page 14: Workshop Plau - Fabulosa Verão no IED
Page 15: Workshop Plau - Fabulosa Verão no IED
Page 16: Workshop Plau - Fabulosa Verão no IED

Motiva Sans14 font, all surface sans-serif.

tabular lining/oldstyle

proportional oldstyle scientific superiors

proportional lining fractions

small cap figures numerators & denominators

1980 1981 1982 1983

1 Borg McEnroe McEnroe McEnroe

2 McEnroe Lendl Connors Lendl

3 Connors Connors Lendl Connors

4 G. Mayer Borg Vilas Wilander

5 Vilas Clerc Gerulaitis Noah

6 Lendl Vilas Clerc Arias

7 Solomon G. Mayer Wilander Higueras

8 Clerc Teltscher G. Mayer Clerc

9 Gerulaitis Gerulaitis Noah Curren

10 Teltscher McNamara McNamara G. Mayer

top 10 players in the 80’s8 sets of figures & fractions

Page 17: Workshop Plau - Fabulosa Verão no IED
Page 18: Workshop Plau - Fabulosa Verão no IED
Page 19: Workshop Plau - Fabulosa Verão no IED

Motiva Sans Emojis

😠 😧 😖 😕 😢 😥 😞 😑😋 😓 😤 😮 😛 😝 😜 😂😨 😳 😦 😀 😁 😐 😔 😣😡 😌 😇 😈 😃 😅 😄 😆😊 😎 😏 😒 ☹ � 😉 😟

Page 20: Workshop Plau - Fabulosa Verão no IED
Page 21: Workshop Plau - Fabulosa Verão no IED
Page 22: Workshop Plau - Fabulosa Verão no IED

Lagoa Natural air

Verão 40° Summer dreamingFutebol Happy MassesSamba Dance away

guanabara weights: medium, bold, extra bold & black + italics

Guanabara Sans ThinGuanabara Sans Extra Light

Guanabara Sans LightGuanabara Sans Book

Guanabara Sans MediumGuanabara Sans Bold

Guanabara Sans Extra BoldGuanabara Sans Black

Guanabara Sans Thin Italic

Guanabara Sans Extra Light Italic

Guanabara Sans Light ItalicGuanabara Sans Book ItalicGuanabara Sans Medium ItalicGuanabara Sans Bold ItalicGuanabara Sans Extra Bold ItalicGuanabara Sans Black Italic

guanabara weights & styles

Page 23: Workshop Plau - Fabulosa Verão no IED
Page 24: Workshop Plau - Fabulosa Verão no IED
Page 25: Workshop Plau - Fabulosa Verão no IED
Page 26: Workshop Plau - Fabulosa Verão no IED

TREINANDO O OLHAR (OU COMO NOSSOS OLHOS NOS ENGANAM!)

Page 27: Workshop Plau - Fabulosa Verão no IED

MATEMÁTICA SEUS OLHOS

Page 28: Workshop Plau - Fabulosa Verão no IED

Formas com a mesma altura absoluta…

Page 29: Workshop Plau - Fabulosa Verão no IED

…precisam ser ajustadas para parecerem ter a mesma altura.

Page 30: Workshop Plau - Fabulosa Verão no IED

HOAHOAHOA

2O mesmo acontece com as letras.

Page 31: Workshop Plau - Fabulosa Verão no IED

Centro geométrico A vs. centro visual B.

A B

Page 32: Workshop Plau - Fabulosa Verão no IED

A B

Qual das 2 parece melhor?

Page 33: Workshop Plau - Fabulosa Verão no IED

A B

B está compensada visualmente.Hastes horizontais parecem

maiores que verticais.

Page 34: Workshop Plau - Fabulosa Verão no IED

A B

Qual dos “io” está melhor balanceado

Page 35: Workshop Plau - Fabulosa Verão no IED

Aumente a espessura das curvas para ficarem visualmente iguais às retas.

Page 36: Workshop Plau - Fabulosa Verão no IED

Construção geométrica vs. construção visual.

Page 37: Workshop Plau - Fabulosa Verão no IED

Todos os detalhes e ajustes que melhoram a legibilidade da letra.

Page 38: Workshop Plau - Fabulosa Verão no IED

Letras mais pesadas/bold parecem menores se estiverem

na mesma altura-de-x.Para compensar, aumente a altura de x.

Page 39: Workshop Plau - Fabulosa Verão no IED

finessefinesse

Quanto mais pesada a letra, menores ficam os olhos, por isso…

Page 40: Workshop Plau - Fabulosa Verão no IED

finesse

…o espaçamento também deve ser mais justo.

É sempre uma questão de equilíbrio.

finesse

Page 41: Workshop Plau - Fabulosa Verão no IED

Forma de torneira não!

Page 42: Workshop Plau - Fabulosa Verão no IED

A contra-forma é tão importante quanto a forma. Desenhe as duas

ao mesmo tempo.

Page 43: Workshop Plau - Fabulosa Verão no IED

Curva geométrica vs. ótica

Page 44: Workshop Plau - Fabulosa Verão no IED

Sem medo do Beziér!

Page 45: Workshop Plau - Fabulosa Verão no IED

PLANEJAMENTO

Page 46: Workshop Plau - Fabulosa Verão no IED

Processo Identificar o problema

Geração de alternativas

Minúsculas e Maiúsculas

Espacejamento

Pontuação, acentos etc.

Kerning + Features

Lançamento

Divulgação/uso

Page 47: Workshop Plau - Fabulosa Verão no IED

Aplicação Final/Limitações

Personalidade/Estilo

Planejamento familiar: pesos, estilos, larguras…

Proporções

Legibilidade

Decisões iniciais

Page 48: Workshop Plau - Fabulosa Verão no IED

Aplicação final

Wayfinding Sans: Ralf HerrmannBell Centennial: Mathew Carter

Verdana: Mathew Carter Akceler Alt: Andrej Dieneš

Page 49: Workshop Plau - Fabulosa Verão no IED

Aplicação final

Page 50: Workshop Plau - Fabulosa Verão no IED

Personalidade + Planejamento

Guanabra Sans ‘13

Fonte única, display. Lettering

Super família, múltiplos pesos e estilos

Page 51: Workshop Plau - Fabulosa Verão no IED

Origem caligráfica da fonte: ponta chata vs. ponta flexível.

Garamond

Didot

Scala Sans

Helvetica

eaea ea

ea

Page 52: Workshop Plau - Fabulosa Verão no IED

Niels Shoe Meulman Tony DiSpigna

Origem caligráfica em lettering

Page 53: Workshop Plau - Fabulosa Verão no IED

H VH V

Contraste e estilo

Page 54: Workshop Plau - Fabulosa Verão no IED

Eixo

Cochin | Garamond Premier | Didot

Page 55: Workshop Plau - Fabulosa Verão no IED

Ax Ax Ax

Altura de x

Guanabara Sans | Mrs. Eaves | Maple

Page 56: Workshop Plau - Fabulosa Verão no IED

Ax Peles sernatur ad endis endae omnisti onemquatur? Atiatiis quodit, si sum re nus evel et quo temporeri dolessinvel molut exera aut minus ulpa alitat. Voluptae senis ut laborem perumquibus. Ax Peles sernatur ad endis endae omnisti

Ax Peles 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.  Ax Peles sernatur ad endis endae omnisti onemquatur?Atiatiis quodit, si sum re nus

Ax Peles 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.Obit omnis non con

Altura de x vai afetar quantas palavras cabem por linha. Fontes

condensadas/expandidas também.

Motiva Sans | Mrs. Eaves | Maple Black | 24/30pt

Page 57: Workshop Plau - Fabulosa Verão no IED

A proporção da fonte acima não é equilibrada como a da Myriad.

HamburgefonsHamburgefons

Abaixo: Myriad, por Robert Slimbach/Carol Twombly

Page 58: Workshop Plau - Fabulosa Verão no IED

milliliter milliliter

milliliter milliliter

Guanabara

Helvetica

Legibilidade

Page 59: Workshop Plau - Fabulosa Verão no IED

MÉTODOS DE DESENHO

Page 60: Workshop Plau - Fabulosa Verão no IED

Adhesiontext

Partimos de poucas letras para manter o design flexível.

Page 61: Workshop Plau - Fabulosa Verão no IED

Rabiscar e tomar decisões cedo.

Page 62: Workshop Plau - Fabulosa Verão no IED
Page 63: Workshop Plau - Fabulosa Verão no IED
Page 64: Workshop Plau - Fabulosa Verão no IED

DESENHOVETORIAL

Page 65: Workshop Plau - Fabulosa Verão no IED

Pontos nos extremos

Page 66: Workshop Plau - Fabulosa Verão no IED

Para traçar uma curva é preciso equilibrar os dois handles.

Page 67: Workshop Plau - Fabulosa Verão no IED

HOno

Comece por uma letra reta e uma curva

Muitas letras são planejadas a partir dessa base.

Page 68: Workshop Plau - Fabulosa Verão no IED

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).

Page 69: Workshop Plau - Fabulosa Verão no IED

HDFELOQCD

MN WYX ZS

Grupos de letra (construção)

Page 70: Workshop Plau - Fabulosa Verão no IED

oec pdbq fjg nmu il kzs vwyz

Grupos de letra (construção)

Page 71: Workshop Plau - Fabulosa Verão no IED

ABC0123

Numerais são geralmente um pouco mais baixos que a altura da

Page 72: Workshop Plau - Fabulosa Verão no IED

0123456789001234567890

01234567890

Numerais

Page 73: Workshop Plau - Fabulosa Verão no IED

Ctrl C | Ctrl V?

Page 74: Workshop Plau - Fabulosa Verão no IED

Quase isso…

Page 75: Workshop Plau - Fabulosa Verão no IED

A maravilha da interpolação (InterpolêIchon)

Light BlackBook

Page 76: Workshop Plau - Fabulosa Verão no IED

Qual altura da haste é melhor?

Page 77: Workshop Plau - Fabulosa Verão no IED

MÓDULOS

Page 78: Workshop Plau - Fabulosa Verão no IED

Tipos de madeira modulares

Page 79: Workshop Plau - Fabulosa Verão no IED

Wim Crouwel

Page 80: Workshop Plau - Fabulosa Verão no IED

Fontstruct www.fontstruct.com

Page 81: Workshop Plau - Fabulosa Verão no IED

SCAN

Page 82: Workshop Plau - Fabulosa Verão no IED

Scan

Page 83: Workshop Plau - Fabulosa Verão no IED

Vetorizando

Page 84: Workshop Plau - Fabulosa Verão no IED

Refinando a vetorização

Page 85: Workshop Plau - Fabulosa Verão no IED

Clube de roupas infantisbabycub

Resultado Final

Page 86: Workshop Plau - Fabulosa Verão no IED

ESQUELETO

Page 87: Workshop Plau - Fabulosa Verão no IED

Width tool (Illustrator – Shift + W)

Page 88: Workshop Plau - Fabulosa Verão no IED

Width Tool

Page 89: Workshop Plau - Fabulosa Verão no IED

Width Tool

Page 90: Workshop Plau - Fabulosa Verão no IED

Width Tool

Page 91: Workshop Plau - Fabulosa Verão no IED

Demo: Letra S

Page 92: Workshop Plau - Fabulosa Verão no IED

SOBRE TIPOS DE MADEIRA

Page 93: Workshop Plau - Fabulosa Verão no IED

Obrigado! email [email protected] link plau.co behance behance.net/plau twitter PlauStudio facebook facebook.com/plaudesignFontes: Guanabara Sans, SS Social, Futura, Myriad, Minion Pro, Motiva Sans, Bordonia, Primot.