Tutorial de Illustrator: Como fazer um cartaz retrô

0
133
img Destaque

Neste tutorial, vamos usar uma variedade de ferramentas no Adobe Illustrator (incluindo caneta, lápis e ferramentas como Pathfinder, entre outras) para criar ilustrações vetoriais fáceis. Também vamos modificar algumas fontes elegantes para completar a nossa arte.

Este tutorial, é uma tradução de envatotuts+.

Vamos lá!

Passo 1

Vamos começar abrindo um novo documento no Illustrator. Eu defini o meu documento com tamanho A3, um tamanho comum de cartaz que é aproximadamente cerca de 11 x 17 polegadas, em medições americanas (EUA). Você pode seguir a configuração abaixo:

img1

Passo 2

A seguir, vamos escolher nossas cores. Se você gostaria de usar a mesma paleta de cores que eu, você pode conectar os códigos haxadecimais listados abaixo. Basta clicar duas vezes sobre a caixa de preenchimento na sua barra de ferramentas (onde as seleções de cores aparecem) e digitar o código na caixa na parte inferior da janela, que é precedida por um sinal numérico (#).

img2

Passo 3

Adicione um fundo usando a Ferramenta Retângulo para preencher toda a art board com a cor amarela: #F9CF1C

Bloqueie a camada que está no painel de camadas, clicando na caixa vazia à esquerda.

Uma das chaves para a criação de um design que reflete um certo período de tempo, é escolher fontes autênticas. Para este projeto, queremos um estilo que lembre os anos 50 e 60 (comumente referido como “meados do século” ou “de meados do século moderno”). Eu escolhi dois tipos de fontes livres, destinados a simbolizar essa época, que você pode baixar nos links abaixo:

Carosello
Maiden Orange

Crie uma nova camada e digite “Fresh” com 170 pt de tamanho. Altere a fonte para Carosello, com a cor de laranja: #F77823. Em seguida, faça o “F” um pouco maior, com cerca de 180 pt.

Digite Coffee com 145 pt. Altere a fonte para Donzela, e a cor verde escuro: #3BAD9D.

As letras parecem um pouco finas demais ao lado dos traços grossos da fonte do script, dê a palavra “Coffee” mais 5 pt de contorno (stroke) e mude o rasteramento (tracking) para 50. Ambas definições estão acessíveis na barra de ferramentas Tipo, que se estende através da parte superior da tela, quando você seleciona uma caixa de texto.

img3

Arraste as duas palavras no canto superior direito da prancheta, onde estaremos organizando-as. Isto é o que temos até agora:

img4

Agora, vamos fazer algumas alterações no texto para dar-lhe um pouco de característica retrô extra.

Passo 4

Primeiro, selecione o texto “Fresh” e vá para Efeitos > Distorção > Subir e defina a curvatura para 18%.

img5

Em seguida, usando um dos pincéis padrões do Illustrator, vamos adicionar um efeito sublinhado sob o texto “Fresh”, para dar ênfase e para preencher o espaço entre ele e a palavra “Coffee”.

Passo 5

Selecione a Ferramenta Pincel. A partir do menu de biblioteca de pincéis, escolha Artístico > Artistic_lnk e encontre o pincel Cônico (Tapered – Round).

Desenhe um par de curvas alaranjadas sob a palavra “Fresh”, seguindo o ângulo de inclinação das letras. Se as linhas ficarem um pouco irregulares, arraste a Ferramenta Suave através delas (localizada sob a Ferramenta Lápis, clicando com o botão direito do mouse você a encontra). Eu mudei o curso da linha superior a 1,5 pt e mantive a linha de fundo em 1 pt para que haja uma pequena variação entre elas, para que pareça que realmente foram pintadas com um pincel.

img6

Algumas escovas no Illustrator podem variar ligeiramente da cor do traço que você atribui a elas. Aqui, você pode notar que as linhas parecem ser um laranja mais leve do que o texto “Fresh”. Se você já percebeu esse problema no seu trabalho, basta selecionar as pinceladas que não aparecem a direita, vá para Objeto > Expandir > Aparência, e selecione novamente a sua cor de amostra desejada.

Passo 6

Nossa último embelezamento, é adicionar uma sombra sutil para a palavra “Coffee”. Em primeiro lugar, queremos fazer as letras todas de uma forma, de modo que não tenhamos que mexer mudando as cores de preenchimento e traçado separadamente. Para fazer isso, vá para Tipo > Criar contornos, em seguida, Objeto > Expandir (deixe as configurações padrão) > OK. Para finalizar o processo, selecione Window > Pathfinder > Unir.

Agora, copie e cole a palavra “Coffee”, para duplicá-la. Mude a cor para dourado: #F9B31C e posicione a cópia um pouco abaixo e a esquerda da palavra original. Agora clique novamente na palavra “Coffee” e selecione Objeto > Organizar > Trazer para a frente.

img7

E agora, nós concluímos a parte tipográfica do nosso projeto. Você pode querer ajustar o posicionamento, até que goste da maneira como as palavras ficam próximas.

Passo 7

Crie as ilustrações.
Agora, nós começamos a adicionar o nosso trabalho artístico principal: o pote de café e o copo. Você pode abordar esta parte da maneira que quiser, mas algumas técnicas que você pode considerar, são:

usando formas vetoriais preexistentes;
criando-os à mão livre, seja em um papel primeiro ou em linha reta no Illustrator;
usando uma foto de referência e a Ferramenta Caneta;

Eu escolhi a terceira opção por diversos motivos. Um, eu gosto do controle que a Ferramenta Caneta oferece para a criação de formas, tanto curvas quanto geométricas. Segundo, eu tenho um estilo particular de pote de café em mente, e queria fazer as formas corretamente, com a ajuda de uma foto como referência.

Se você também gostaria de usar este método, alguns passos básicos se seguirão. Para sugestões de fotografias de referência, consulte os links abaixo. Os que eu vou estar usando são as primeiras opções, mas você pode usar essas técnicas, não importando qual foto escolha.

Coffee

coffee1

coffee2

coffee3

Taças

taças1

taças2

taças3

Passo 8

Coloque sua foto de referência para o lado de sua prancheta de desenho e reduza a sua opacidade para cerca de 50%. Usando a Ferramenta Caneta, desenhe as formas básicas de seu pode de café. Se você quer que todas as peças tenham cores diferentes do corpo principal, faça-as separadas, para colorir mais facilmente mais tarde. Não se preocupe com a criação de linhas perfeitamente retas.

Aqui está como o meu delineamento acabou. Mesmo que o bico seja da mesma cor que o resto do pote, eu dei-lhe sua própria forma, para poder criar ângulos limpos.

img8

Passo 9

Altere os contornos em formas preenchidas clicando no preenchimento de Swap e Stroke (Permuta e Contorno) ou simplesmente pressionando Shift+X. Aplique as cores que você gostar. Pode ser necessário enviar algumas formas para trás (como as alças na imagem).

img9

Coloque o seu pote de café acabado no canto inferior esquerdo e dimensione-o para preencher cerca de dois terços do espaço abaixo do texto. Verifique se o bico está apontando para a direita. Se a foto de referência que você está usando está virada em outra direção, é um reparo fácil. Basta arrastar o cursor para selecionar todo o pote, em seguida, clique em Objeto > Trasformar > Refletir > Vertical.

Passo 10

Repita as duas etapas anteriores para a taça. Se você precisar cortar uma forma, tais como o interior do punho, uma maneira fácil é se certificar de que o contorno ou forma esteja na frente, selecione-o e a forma de fundo (mantendo pressionada a tecla Shift), e vá para Janela > Pathfinder > Minus Front (que é o segundo botão na linha superior).

img10

img11

Passo 11

Não podemos esquecer de encher seu copo! Use a Ferramenta Elipse para adicionar um oval marrom escuro para o café. Você pode usar a Ferramenta de Seleção Direta para arrastar para fora os pontos de ancoragem do oval, até que ele se encaixe dentro do seu copo. Termine-o fora, traçando uma forma curva marrom mais clara, com a Ferramenta Caneta, para dar um destaque.

img12

Passo 12

Crie uma nova camada e mova-a para que seja a segunda a partir do painel de camadas. Use a mesma técnica usada no passo anterior (Ferramenta Elipse e movendo os pontos de ancoragem) para adicionar sombras sob o pote e o copo em nossa cor dourada.

img13

Nosso último passo é desenhar algum vapor saindo da jarra de café. Use a Ferramenta Lápis a 3 pt e com uma cor de traço branca. Desenhe algumas linhas onduladas, que se sobrepõem, e que preencham o espaço acima do vaso e para a esquerda do texto. Acho que a melhor maneira de criar um fluido, linhas entrecruzadas, é desenhá-los em dois loops em que ambos começam e terminam no bico do bule de café.

img14

Isso é tudo, pessoal!

Este tutorial, é uma tradução de envatotuts+.

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here