Criando composições tipográficas com brushes no Illustrator

Atendendo ao pedido do Lucas lukatra1@hotmail.com iniciaremos o 2010 falando de ilustração vetorial. É importante frisar que essa não é a única técnica para compor imagens tipográficas, mas certamente é uma das mais simples.

A primeira dica é evitar o BLABLA, RARARARA ÇQLJRQÇLEKRQÇEKJ, e outras formas de “encher linguiça” que não seja um texto um Loren ipsu ou mesmo um texto relacionado ao tema. Crie variações de tamanhos e tonalidades dos preenchimentos. O segredo é trabalhar com variações de tons de cinza pois assim, quando a cor do brush for alterada, você já terá uma ideia do resultado.

Figura 1 - Crie textos reais, pois o resultado é bem mais interessante

Agora que já criou seu texto é hora de preparar o brush. Crie um composição armônica com relação a cores e dimensões dos textos. Poderão ser criadas várias combinações diferentes evitando assim, um preenchimento previsível de sua imagem.

Figura 2 - Várias composições poderão ser criadas a partir da mesma base de textos

Pois bem, agora é hora de criar os brushes. É importante lembrar que cada composição deverá ser criada por vez. Para garantir a operação você deverá (1) converter o texto em curva (TYPE > CREATE OUTLINES); (2) arrastar a composição para dentro da paleta Brushes (WINDOW > BRUSHES) e (3) criar um NEW PATTERN BRUSH. A escolha desse tipo de brush se justifica pelo fato da distorção ser menor em termos geométricos, além da capacidade de repetição do brush original. Ou seja, se um traço for três vezes mais longo do que a largura original do brush, ele será automaticamente repetido, completando os espaços vazios.

Figura 3 - O Pattern Brush gera deformações menores ao texto

A criação do Pattern Brush depende de uma pequena configuração, simplificada neste post. Em (a) define-se a escala na qual o brush será aplicado. No campo (b) define-se o espaço entre as composições do brush caso sejam repetidas para ajustar-se ao comprimento da linha. No campo (c) define-se se o brush será distorcido ao aplicado, se será adicionado um espaço para ajusta-lo ao caminho, ou se será aproximado ao caminho. Por fim, (d) o método de colorização poderá ser definido por TINTS, pois respeita a variação tonal original do brush. Se ao criar foram definidos 12 tons diferentes de cinza ou qualquer outra cor, ao mudar para verde, por exemplo, as mesmas 12 variações serão respeitadas.

Figura 4 - Configuração para criação do Pattern Brush

Agora o segredo: caso não seja um exímio desenhista poderá utilizar um pequeno recurso, a referência fotográfica. Ela é primordial para que consiga fazer os efeitos de luz e sombra. Escolha a ferramenta BRUSH TOOL  na barra de ferramentas, selecione um dos brushes que você criou e comece a rabiscar! Para reproduzir as variações de iluminação e intensidade do traço, varie a espessura de cada linha desenhada. Quanto mais espessa a linha, maior o texto aplicado e vice-versa.

Mude também o preenchimento, variando nas cores que desejar. Já que os brushes foram criados com o modo de colorização TINTS, as variações tonais serão mantidas.

Figura 5 - Utilização de imagem como referência

Outros recursos poderão ser incorporados, como a variação de opacidade dos traços ou utilizando as opções de mesclagem do menu TRANSPARENCY (Multiply, Overlay…). Lembrando que é mais simples de manusear uma arte criada em camadas, portanto, cada elemento distinto, como imagem de referência, background e imagem tipográfica deverão estar aplicados em layers distintos. O resto é experimentar. Não há regra para quantidade de tons, espessuras dos fios, nada! Pura experimentação!

Figura 6 - Resultado final da ilustração

Figura 7 - Outro exemplo de aplicação tipográfica utilizando brushes

Agora é com você! Experimente ao máximo e crie suas variações de brushes em diversas aplicações. A qualidade do resultado depende de cuidado, portanto, não tenha pressa! Faça as variações com calma que o resultado certamente será sensacional!

Já que o tema é tipografia e Batman, vale a pena conferir a abertura da nova série animada: Batman, os bravos e destemidos:

 

Abs,

Rangel Sales

Posted by Rangel Sales   @   26 janeiro 2010

Related Posts

Like this post? Share it!

RSS Digg Twitter StumbleUpon Delicious Technorati

21 Comments

Comments
jan 26, 2010
7:49
#1 Paulo :

Simples e objetivo!!!!! Bacana D +

Author jan 26, 2010
8:07

Valeu, Paulo! Divulgue aí! (rsrsrsrs)

Abs,

Rangel Sales

jan 26, 2010
10:05
#3 Lucas :

Não pensei que fosse tão simples…
Todos os dias venho no blog e você pode ter certeza que ele está sendo divulgado por mim…
as dicas são ótimas e bem claras..

valeu!!!

jan 26, 2010
10:06
#4 Lucas :

Ah!!

E obrigado por ter me atendido…

jan 26, 2010
10:32
#5 Bernardo :

Impressionante!

Author jan 26, 2010
14:25

Obrigado, Lucas! Conto com cada um de vocês e podem contar comigo também!

Abs,

Rangel Sales

jan 30, 2010
9:22
#7 Lucas :

Olá Rangel, olha eu ai denovo rsrsrs…
estou fazendo este post freneticamente.. andei pesquisando na internet e vi vários retatatos tipográficos muito interessantes..
eu queria saber com você como eu posso deixar a minha “arte” com os textos mais definidos, em linha reta, tentei com o BRUSH TOOL mas ele ainda deixa ondulações na fotografia.

obrigado

At,

Lucas

fev 5, 2010
16:26
#8 Israel :

ótimoo rangeell^^
JA TO APRENDENDOO AKII^^
MTOO BOOM MSM^^

BRAÇÃO PRA TII!!!
E PARABÉNSS PELA CONQUISTA DE PROFF UNIVERSITÁRIO!!!

fev 11, 2010
19:38
#9 Brian Jonatan Pereira :

Mais uma vez, Rangel Sales, chega arrasando com sua criatividade, Design Gráfico é isso!

Author fev 12, 2010
16:34
#10 Rangel Sales :

Obrigado, caro aluno!

Com certeza você tem talento o bastante para chegar mais longe do que eu!

Abs,

Rangel Sales.

fev 28, 2010
13:30
#11 Kelly :

ARRASOU!!!!

abr 23, 2010
15:45
#12 Guilherme :

ou que doido! assim eu vo caba ficando bao um dia nos trabalhos! haja tempo pra tanto conhecimento!

Author abr 25, 2010
2:18
#13 Rangel Sales :

Haha!

Isso é só o começo, meu caro!

Abs,

Rangel Sales

out 21, 2010
13:25

Essa tecnica é de malandro!!!
Típco do Afro-Ranger.
Abraço.

jan 26, 2011
15:00
#15 massai :

Caralho negão, mandou bem demais.
Nem imaginava que era tão simples ahahaha.
Chegar em casa vou experimentar mais coisas nessa técnica.

Vou divulgar o blog!

Author jan 26, 2011
17:25
#16 Rangel Sales :

O Filho… Valeu, Tem mais coisa bacana pra blogar por esses dias! Aguarde!

Abraços!

fev 28, 2011
12:17

Olá, estava pesquisando uns assuntos de design na net e por acaso encontrei
este blog, nossa eu adorei. Muito bem escrito e o designer dele é lindo.Amei.
Parabéns Rangel.
beijos Beatriz Barreto

Author abr 7, 2011
22:57
#18 Rangel Sales :

Obrigado, Beatriz!!!

Mande suas dúvidas que continuaremos crescendo!

Bjs!

abr 9, 2011
21:38
#19 Max Lothian Porto :

Ótimo post, Rangel. Uma dúvida. Você usou o Adobe Illustrator, certo? Eu consigo criar esse brush no Photoshop também ou só no AI? Câmbio.

Author abr 9, 2011
22:15
#20 Rangel Sales :

O processo é bem similar, MAX.

Vc pode criar a mesma imagen no PS. Contudo, achate as camadas, converta-a para GRAY SCALE para eliminar as cores, selecione toda a imagem e vá ao menu: EDIT > DEFINE BRUSH PRESET e o brush estará criado. Contudo, nas preferências da paleta BRUSES, altere os valores da aba SCATTERING, para que o brush fique aleatório.

Experimente outras fuções dessa paleta e defina a que melhor se aplica ao seu trabalho.
Abs,

Rangel Sales

abr 10, 2011
0:31
#21 Max Lothian Porto :

Consegui fazer. Bem simples, quando se sabe. rs. Valeu pela dica, Rangel. Um abraço!

Leave a Comment

Name

Email

Website

Previous Post
«
Next Post
»
Powered by Wordpress   |   Lunated designed by ZenVerse