Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Vector
Design

Crie um Jogador Retrô Usando o Adobe Illustrator para a Copa do Mundo

by
Difficulty:IntermediateLength:MediumLanguages:

Portuguese (Português) translation by Erick Patrick (you can also view the original English article)

Final product image
What You'll Be Creating

Ama futebol? A Copa do Mundo 2014 no Brasil começa hoje! Decidi ensinar, nesse tutorial, uma bela ilustração com um estilo retrô e com um toque das cores da seleção anfitriã (Seleção Brasileira), tudo no Adobe Illustrator.

1. Prepare sua Área de Trabalho

Você precisará: Adobe Illustrator, uma foto de um jogador e uma mesa digitalizadora.

Passo 1

Criemos um Novo Documento no Adobe Illustrator com as seguintes configurações.

Passo 2

Você precisará de uma foto de algum jogador, que servirá como base para o trabalho. Eu achei essa maravilhosa imagem no Photodune. Há inúmeras fotos com jogadores de futebol disponíveis, porém, escolhi essa por ter uma ótima iluminação e uma pose bem dinâmica.

Passo 3

Arraste a imagem para a camada atual. Abra as Opções de Camada, clicando duas vezes nessa camada. Renomei-a para Picture e use as configurações a seguir. 

Passo 4

É hora de criar e selecionar algumas cores retrô no painel Amostras. As cores tem de ser fortes, constratantes e vivas. Vá ao painel Cor e mexa com as configurações RGB.

Usarei esse azul escuro retrô. Ótimo para sombras e contornos. Vamos criar e adicionar outras cores. Esses são os códigos hexadecimais para as cores que usaremos: #FFFFFF, #AB673D#AB673D, #FFD438, #179840, #66999C. Você pode usá-los como base para criar as suas próprias.

2. Crie as Formas Principais

Passo 1

Crie uma Nova Camada, acima da camada da imagem que escolhemos. Escolha o azul escuro para cor de Preenchimento. Vamos criar o contorno principal com a Ferramenta Caneta de Forma Livre (P).

Preste atenção aos detalhes, mas não deixe a forme muito suave. Ângulos agudos dão um ótimo efeito old school.

Use o modo de Visualização (Exibir > Visualização) para ver somente os contornos. Essa é uma ótima forma de tornar esse processo muito mais fácil.

Passo 2

Quando terminar com a forma principal, selecione-a e crie mais um contorno indo em Objeto > Caminho >Caminho de Deslocamento.  Bloqueie o caminho gerado (Objeto > Bloquear > Seleção).

Passo 3

Vamos dividir a forma original em várias partes básicas: cabeça, mãos, pés and roupas. Ainda usando a Ferramenta Caneta de Forma Livre (P) crie uma nova forma para a cabeça, acima da forma original.

Crie as mãos, pernas e roupas da mesma forma. 

Na verdade, não é preciso que as formas estejam fechadas. Basta você criar alguns contornos nas áreas da forma original que serão divididas.  

Passo 4

Depois, selecione todas as formas (exceto a deslocamento e a bloqueada, claro) e clique no botão Dividir no painel Pathfinder. Então Desagrupe (Objeto > Desagrupar) tudo e remova qualquer objeto desnecessário.

Passo 5

Selecione cada peça e mude a cor de Preenchimento usando as amostras que criamos anteriormente.

Passo 6

Adicione mais contornos azuis escuros naqueles lugares que necessitarem de mais contraste.

Gere o Caminho de Deslocamento para cada peça novamente (da mesma forma que você fez no Passo 2) para conseguir contornos extras rapidamente. Use a Ferramenta Caneta de Forma Livre (P) para criar algumas linhas nas áreas das mãos e dedos. 

3. Adicione os Detalhes

Esse parte é a mais cansativa por ser trabalho braçal. Mas, ao mesmo tempo, é a mais legal e interessante.

Passo 1

Começando pela parte superior, vamos criar os detalhes do rosto, usando a Ferramental Caneta de Forma Livre (P). A cor de Preenchimento ainda é o azul escuro. Resolvi diminuir a opacidade nas opções de camada da nossa camada Picture para ter uma melhor Visualização.

Continue a adicionar detalhes no rosto.

Passo 2

Escolha a cor amerela para o preenchimento e crie algumas áreas de tons medianos. Não esqueça de ficar alternando com o modo de Visualização para saber onde colocar a cor amarela.

Passo 3

Crie um Pincel Caligráfico para linhas artísticas estilosas, tornando seu trabalho mais detalhado. Clique no botão Novo Pincel no painel Pincéise use as configurações abaixo.

Continue desenhando, usando sua mesa digitalizadora. Experimente com a pressão: Algumas linhas tem de ser finas, outras mais grossas. Se você, em algum momento, achar que precisa usar a Ferramenta Caneta de Forma Livre, sinta-se livre para usá-la. Como pode ver abaixo, usei a Ferramenta Caneta de Forma Livre para áreas maiores e o Pincel para áreas que precisam de linhas mais finas e precisas. 

É importante você atentar a como seu trabalho está ficando. Você tem de manter um mesmo estilo por todo o processo.

Se não estiver gostando dos resultados usando essa configuração de Pincel, tente muda-las (aperte Enter). Eu usei essas configurações:

Não esqueça de checar as configurações da sua Mesa Digitalizadora. Configurei a Intensidade de Pressão no nível mais alto para ter um controle melhor sobre a pressão.

Passo 4

Adicione luzes de contorno no cabelo com uma cor marrom e realce o rosto em algumas partes, usando branco. Continue na parte de baixo, seguindo para adicionar sombras à camisa. Novamente, use a Ferramenta Caneta de Forma Livre para grandes áreas e o Pincel para áreas de detalhes com linhas finas.

Não esqueça dos realces. 

Passo 5

Há uma ótima forma de criar sombras e realces mais detalhadas e estilosas. Adicione linhas contíguas e afiadas em alguns lugares, parecido com o que foi feito abaixo.

Veja como criei os tons medianos em amarelo e realces brancos nas mãos. Faça do mesmo jeito: em alguns lugares com a Ferramenta Caneta de Forma Livre e em outros com o Pincel.

Passo 6

Atente-se às luzes de contorno - as linhas finas nas laterais. Essas linhas ajudam a dar bastante contraste. Crie-as usando a Ferramenta Pincel (B).

Passo 7

Continue adicionado os detalhes indo para a parte mais abaixo. Adicione tons médios esverdeados e realces brancos ao calção.

Coloque o número no calção também. Distorça-o com a Ferramenta Deformar e a Ferramenta de Seleção Direta (A).

Passo 8

Ainda usando a Ferramenta Pincel, adicione algumas linhas decorativas e alguns pontos em alguns lugares para dar um ar de textura na ilustração. 

Passo 9

Desenhe algumas linhas nos meiões e, então, passe para as chuteiras.

Eu tive bastante trabalho nas chuteiras, já que elas são pretas na imagem original. Quase um preto uniforme: poucos realces ou meio-tons. Isso indica que, algumas vezes, você terá de ser bem criativo para criar partes como essas.

Passo 10

Adicione os toques finais: linhas de contraste, pontos decorativos e pequenos rabiscos. Adicione mais curvas ao cabelo, algumas gotas de suor, linhas extras na barba e bigode. 

E, finalmente, conseguimos um jogador de futebol estilizado e retrô. Hum... Algo está faltando. Ah, sim, é a bola!

4. Crie a Bola

Você pode criar a bola da mesma forma que fez com o jogador. Não é preciso nada demais. Mas, aqui, usei uma bola vetorizada que criei um tempo atrás. Vou mostrar como fiz para estiliza-la.

Passo 1

Duplique a bola. Selecione a cópia e pressione o botão Unir.

Passo 2

Preencha a forma resultante com a cor azul escura do seu painel de Amostras. Crie o Caminho de Deslocamento dela, acessando Objeto > Caminho > Caminho de Deslocamento (com a mesma configuração do jogador). Cole o caminho resultante no fundo (Objeto > Organizar > Enviar para Trás). 

Passo 3

Desagrupe a bola de cima e selecione todos os objetos pretos, usando Selecionar > Mesmo(a) > Cor de Preenchimento (mas, tenha certeza de já ter selecionado, pelo menos, um). Então, altere a cor preta das formas selecionas para o azul escuro.

Selecione todas as formas com cor cinza escuro e mude a cor de preenchimento para o verde. Use essa técnica para alterar o cinza claro para amarelo e o verde intermediário para marrrom.  

Passo 4

Remova as formas excedentes e adicione algumas linhas extras usando a Ferramenta Pincel

Passo 5

Coloque a bola mais próxima do jogador. Atente para a direção da iluminação. Ela tem de ser a mesma para a bola e para o jogador. Se preciso, rotacione a bola. 

5. Adicione Textura à sua Ilustração

Passo 1

Vá até o painel Camadas e torne a camada Picture invisível. Crie uma Nova Camada , acima de Picture. Escolha a Ferramenta Retângulo (M) e crie um novo retângulo de dimensões 500 x 700 px. Preencha-o com essa cor #66999C.

Passo 2

Crie uma Nova Camada sobre todas as outras e cole alguns elementos vetorizads que remetam a sujeira. Eu usei um que eu tinha na minha máquina. Mas, se você não tem o que usar, mostrarei como criar um bem rápido.

Pegue sua câmera e tire algumas fotos de paredes ou saia e tire fotos de algum outro lugar ou tire fotos de asfaltos. Superfícies sujas e raladas são melhores para o que queremos fazer.

Arraste sua foto para a última camada criada, selecione-a e vá até Janela > Traçado de Imagem.

Faça alguns ajustes para obter o melhor resultado possível. Para a minha imagem eu usei as seguintes configurações:

Aperte o botão Tracejar quando achar que está bom e Expanda-o com o menu principal superior. Após isso, você terá um conjunto de elementos vetorizados!

Passo 3

Mude a cor dos seus elementos de "sujeira" para a mesma cor do plano de fundo.

Arraste, altere o tamanho e rotacione cópias de sujeiras pela sua ilustração.

Passo 4

Por fim, adicione algumas linhas extras e borrifos para dar um ar retrô envelhecido.

GOL! Acabou!

Sua ilustração de um jogador de futebol em estilo retrô está finalizada. É perfeito para usar em projetos de pôsteres. Ou você pode, simplesmente, usar em sua Área de Trabalho. Espero que tenha gostado desse tutorial e tenha aprendido alguma técnica útil. 

Seja o primeiro a saber sobre novas traduções–siga @tutsplus_pt no Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.