Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Transformando um Esboço à Lápis em uma Ilustração de Personagem Dinâmica e Colorida

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating
Este tutorial foi publicado originalmente em Fevereiro de 2013 como um tutorial Premium do Tuts+. Agora ele está disponível para todos. Mesmo que este tutorial não use a versão mais recente do Adobe Photoshop, suas técnicas e o processo ainda são relevantes.

Esboçar a ilustração de uma personagem pode ser muito divertido. Por outro lado, dar vida à um esboço pode ser uma tarefa difícil. Neste tutorial, eu irei explicar a você como usar as ferramentas de pintura do Photoshop para transforma um esboço à lápis em uma ilustração de personagem dinâmica e colorida.

Neste processo, eu vou mostrar a você como manipular seu esboço, blocar as cores e finalmente como adicionar iluminação e texturas. Este tutorial também inclui um vídeo que pode te ajudar guiando você ao longo do processo. Vamos começar!

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante a produção deste tutorial:

1. Preparando Seu Esboço

Passo 1

Eu sempre gostei de pintar personagens de desenhos animados. Assim que tenho uma ideia, eu costumo desenhar o personagem diretamente no papel e depois digitalizo o esboço.

Prepare Your Sketch

Passo 2

Você certamente sabe a sensação de quando você não está satisfeito com seus esboços feito a lápis. Por exemplo, as proporções da personagem não estão certas ou poderiam ser mais dinâmicas. Como nós trabalhamos digitalmente, podemos resolver esses problemas de forma rápida e fácil. Portanto, o desenho precisa de alguns preparativos antes de começarmos o processo de colorização. Abra o esboço no Photoshop e duplique a camada.

Prepare Your Sketch

Passo 3

Use a Ferramenta Laço (L) e selecione a cabeça. Depois disso clique com o Botão Direito do Mouse > Selecionar Inverso > Botão Delete. Já que nós duplicamos a camada antes, teremos agora a cabeça em uma camada separada.

Prepare Your Sketch

Passo 4

Botão Direito do Mouse > Transformação Livre.

Prepare Your Sketch

Passo 5

Segure Command/Ctrl e estique a cabeça para deixá-la um pouco maior. Preste atenção para que a cabeça esteja na mesma posição do pescoço, assim como antes.

Prepare Your Sketch

Passo 6

O mesmo pode ser feito com as pernas. Duplique a primeira camada (Esboço). Selecione as pernas com a Ferramenta Laço (L) > Botão Direito > Selecionar Inverso > Botão Delete.

Prepare Your Sketch

Passo 7

Botão Direito > Transformação Livre.

Prepare Your Sketch

Passo 8

Mova o cursor para o começo das pernas e rotacione a área selecionada.

Prepare Your Sketch

Passo 9

Agora que nós podemos rotacionar o corpo inteiro, duplique a primeira camada (Esboço) e selecione os três últimos elementos com Command/Ctrl.

Prepare Your Sketch

Depois disso, clique com o Botão Direito do Mouse > Converter para Objeto Inteligente (Right-Click > Convert to Smart Object).

Prepare Your Sketch

Passo 10

Agora nós podemos rotacionar o corpo inteiro: Botão Direito do Mouse > Transformação Livre (Right-Click > Free Transform).

Prepare Your Sketch

E rotacione a área selecionada.

Prepare Your Sketch

Passo 11

Agora vamos dar uma retocada no nosso esboço. Para fazer isso, nós vamos usar a Ferramenta Carimbo (S) como mostrado abaixo.

Prepare Your Sketch

Passo 12

Em seguida, vamos mudar o contraste do esboço, e para isso eu usarei as seguintes configurações.

Prepare Your Sketch

O esboço parece estar mais acessível para o processo de colorização agora. Salve o documento em jpg e abra-o novamente no Photoshop. Esta é a forma mais fácil de converter todas as camadas e ajustes.

Prepare Your Sketch

Passo 13

Além disso, muitas vezes eu utilizo a Ferramenta Dissolver (Liquify Tool) para aperfeiçoar meus esboços. Neste caso eu usei ela para reforçar o sorriso da personagem. Abra o arquivo jpg no Photoshop e vá para Filtro > Dissolver (Filter > Liquify).

Prepare Your Sketch

Use a Ferramenta de Deformação Progressiva (W) para arrastar.

Prepare Your Sketch

Passo 14

Nós terminamos todas as preparações necessárias! Agora nós podemos iniciar o processo de colorização.

Prepare Your Sketch

2. Colorindo Seu Esboço

Passo 1

Eu prefiro trabalhar com dimensões elevadas, pois isto me permite imprimir meu trabalho em grandes tamanhos. Deste modo, certifique-se de que você tem uma Resolução de 300 dpi. Clique em Imagem > Tamanho da Imagem (Image > Image Size). Para esta pintura eu usei as seguintes configurações.

Color Your Sketch

Passo 2

Eu sempre duplico a camada principal (Esboço) para ter uma alternativa se eu cometer algum erro. Altere o modo Normal para Multiplicação (Multiply). Isso permite que você pinte por baixo do esboço. Corrija esta camada com um castelo.

Color Your Sketch

Passo 3

Agora crie uma nova camada e coloque abaixo do esboço (Camada de Multiplicação) e preencha-a com uma cor base. Esta é a nossa camada de fundo.

Depois disso, misture cuidadosamente uma paleta de cores com as cores principais que você deseja usar na sua pintura. Use também uma camada separada para isso. Depois disso, podemos escolher as cores com a Ferramenta Conta-Gotas (I). Depois de ter terminado, corrija esta camada com um castelo também.

Color Your Sketch

Passo 4

Logo depois, crie uma nova camada e comece a pintura com a Ferramenta Pincel (B).

Color Your Sketch

Na maioria das vezes eu uso o conjunto de pincéis do Mike Nash. Ele é um artista impressionante e oferece um monte de pincéis fantásticos de forma gratuita em seu website.

Color Your Sketch

Passo 5

Já que fizemos o processo de escolha das cores, nós precisamos apenas escolher a cor desejada com a Ferramenta Conta-Gotas (I). Nesta fase é muito importante escolher as cores certas, porque a pintura é construída sobre essa paleta de cores.

Não amplie a imagem ao pintar o plano de fundo para que você tenha uma visão completa da mesma. Escolha as cores básicas que já idealizamos com o Seletor de Cores.

Color Your Sketch

Passo 6

Tente imaginar de que direção a luz vêm. Neste caso, a fonte de luz vem do lado esquerdo, então pinte o canto esquerdo um pouco mais brilhante.

Color Your Sketch

Passo 7

Uma ótima dica: Vire a imagem horizontalmente em diferentes intervalos de tempo para que você possa ver sua pintura de um novo ponto de vista, isso ajudará você a encontrar possíveis erros.

Color Your Sketch

Agora crie uma nova camada para a personagem.

Color Your Sketch

Passo 8

Com cuidado, preencha a personagem com uma cor base usando um pincel básico.

Color Your Sketch

Passo 9

Depois disso, clique no botão Bloquear Pixels Transparentes (Lock Transparent Pixels).

Color Your Sketch

Passo 10

Agora nós podemos pintar alguns valores com uma cor mais brilhante. A textura em um pincel personalizado dá à pintura uma ótima aparência clássica.

Color Your Sketch

Passo 11

É sempre bom trabalhar com várias camadas, pois se você cometer um erro, você pode corrigi-lo de forma rápida e fácil.

Agora crie uma nova camada e direcione-a para a camada de cor da personagem. Isto tem o mesmo efeito do botão Bloquear Pixels Transparentes (Lock Transparent Pixels).

Color Your Sketch

Passo 12

A personagem lentamente ganha vida. Lembre-se que só temos as cores básicas, então não vamos focar nos detalhes ainda. Tente trabalhar com apenas algumas pinceladas.

Color Your Sketch

3. Adicionando Detalhes

Passo 1

Depois de terminar as cores básicas nós podemos começar com o trabalho detalhado.

Agora nós iremos pintar sobre o nosso esboço, então crie uma nova camada e coloque-a sobre o Esboço (A camada com o modo Multiplicação).

Novamente, tente trabalhar com várias camadas. Se o documento ficar muito grande, simplesmente converta as camadas.

Add the Details

Eu sempre começo com os brilhos ou realces, desta forma eu posso imaginar melhor a configuração de luz.

Dica rápida: Eu muitas vezes pinto pequenas setas direcionais em uma camada separada. Elas me mostram de onde vêm a luz e onde as sombras devem estar.

Add the Details

Passo 2

É hora de um novo giro, assim você pode ver sua pintura de um novo ponto de vista. Tente fazer a superimposição do esboço. A cabeça é o foco da pintura, então você deve colocar mais atenção nesta área.

Add the Details

Passo 3

Como você pode ver, a maioria dos traços do esboço a lápis desaparece sob as cores. Por causa do brilho do chão, podemos pintar alguma luz refletida na barriga e nos braços da personagem.

Add the Details

Passo 4

Para o chão eu usei uma textura do CGTextures.com.

Carregue a textura no seu arquivo.

Add the Details

Passo 5

Altere a camada para Luz Suave (Soft Light) e a Opacidade para 73%.

Add the Details

Passo 6

Escolha a Ferramenta Laço (L) > Botão Direito do Mouse > Transformação Livre. Então, estique-a para a posição certa.

Add the Details

Passo 7

Apague as bordas da textura com a Ferramenta Borracha (E).

Add the Details

Passo 8

Depois disso, crie uma nova camada e coloque-a sobre a textura. Agora nós podemos pintar sobre a textura.

Add the Details

Passo 9

A pintura está perto de ser terminada - a única coisa que falta é o cabelo.

Add the Details

Passo 10

Para o cabelo nós precisamos de um pincel afiado, então clique nas Configurações do Pincel (Brush Settings) em Dinâmica da Forma (Shape Dynamics). Eu usei as seguintes configurações.

Add the Details
Add the Details

Passo 11

O fundo está um pouco vazio, então eu começo a pintar algumas ondas de poeira no fundo.

Add the Details

Passo 12

Para dar um toque final ao trabalho, crie uma nova camada e preencha-a com a cor cinza. Logo depois, clique em Filtro > Ruído > Adicionar Ruído (Filter > Noise > Add Noise).

Add the Details

Defina a intensidade (amount) para 21.27% e clique em OK.

Add the Details

Depois disso clique em Filtro > Desfoque > Desfoque de Caixa (Filter > Blur > Box Blur) e defina o raio para 2 px.

Add the Details

Uma vez que você terminou isso, altere a camada para Luz Suave (Soft Light) e defina a Opacidade para 54%.

Add the Details

Trabalho Incrível, Você Terminou!

E é isso! Eu espero que este tutorial tenha sido útil e inspire você a desenvolver suas próprias personagens e estilo. Ah, e uma última dica: Se divirta!

Final image

Vídeo em Tempo Real

Este tutorial também inclui um vídeo em tempo real para demonstrar o processo. O vídeo teve seu comprimento editado, mas deve ser um ótimo guia se você tiver qualquer dúvida.

 
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.