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

Como Desenhar a Hermione Granger no Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Neste tutorial passaremos pelo processo completo de desenho de uma peça de fan art da Hermione Granger a partir do zero, colorindo-a em escala de cinza e depois animando a ilustração com cores vivas.

Hermione Granger é a minha personagem favorita da série Harry Potter. Eu decidi desenhá-la de maneira estilosa, com base em sua imagem do filme.  Ao mesmo tempo, eu vou tentar retratar a personalidade inteligente e rápida da Hermione em seus traços faciais e pose.

Vamos seguir o processo de criação desta ilustração juntos!

1. Como Desenhar uma Cabeça em Valores de Preto & Branco

Passo 1

Vamos criar um Novo Documento. Prefiro trabalhar com um formato A3 para que eu possa imprimi-la mais tarde. Você pode encontrar o modelo A3 na parte Print ao criar um Novo Documento.

 create a New Document

Passo 2

Eu gosto de experimentar vários pincéis que outros artistas compartilham ou que encontro no Envato Elements ou GraphicRiver, mas na maioria das vezes eu uso pincéis padrão do Adobe Photoshop que estão disponíveis por padrão—pincéis redondos sólidos e pincéis redondos suaves.

A propósito, se você já atualizou para o Adobe Photoshop CC 2018, você obterá um monte de conjuntos de pincéis por Kyle Webster que são amplamente utilizados por profissionais em indústrias criativas. Você pode obtê-los abrindo o painel Brushes (clique com botão direito do mouse quando a Ferramenta Brush (B) estiver selecionada), Options > Get More Brushes. A partir daqui, você também pode carregar todos os pincéis do Adobe Photoshop CC 2017 clicando em Legacy Brushes. Todos os conjuntos de pincéis serão adicionados como pastas separadas no final da lista.

Se você apagar algo e quiser adicioná-lo de volta, você sempre pode fazê-lo clicando em Restore Default Brushes no mesmo menu.

Adobe Photoshop brushes

Passo 3

Vamos preencher a camada do Background com uma cor cinza de 50%. Nós estaremos desenhando tudo em preto e branco, usando apenas valores em escala de cinza.  Isso nos ajudará a concentrar nas formas, criando dimensões com luzes e sombras sem nos distrair por coisas como caçar as cores com a Ferramenta Eyedropper.

Uma vez que estamos felizes com o nosso resultado em preto e branco, passaremos para o próximo estágio e colorir tudo. Neste caso, já teremos todos os destaques e sombras que precisamos, para que possamos prestar toda a nossa atenção às zonas de cores e paleta de cores. Eu acho este fluxo de trabalho conveniente e consistente, e isso me ajuda a entender muitas coisas sobre formas e materiais no processo de desenho. Vamos experimentar juntos!

Crie uma New Layr (Shift-Control-N), pegue a Ferramenta Brush (B), selecione a escova Hard Round da coleção General Brushes e vamos fazer um esboço bruto do nosso personagem. Não presto muita atenção aos detalhes nesta fase, tentando me concentrar em toda a silhueta em vez disso. Certifico-me de que toda a composição parece equilibrada e a pose é interessante e dinâmica, as linhas estão fluindo e as proporções são corretas.

draw a sketch

Passo 4

No painel Layers, selecione a camada de esboço, defina seu Blending Mode para Multiply e abaixe a Opacidade para cerca de 30%.

Vamos criar uma New Layer (Shift-Control-N), pegue a Ferramenta Lasso (L) e selecione a forma da cabeça junto com a orelha e pescoço.

use the Lasso Tool L

Passo 5

Escolha uma cor cinza mais clara no painel de Color e use a Ferramenta Paint Bucket (G) para preencher a forma da cabeça com coloração plana.

Agora, Deselecione (Control-D) a cabeça e use um pincél texturizado para corrigir as bordas da cabeça. Estou usando Kyle's Ultimate Charcoal Pencil do conjunto de Dry Media Brushes .

Nós sempre podemos selecionar a forma novamente, se necessário, com Control-Clique a camada que contém a forma necessária.

Dica: como você pode notar, no Adobe Photoshop CC 2018 algumas escovas não podem ser definidas como a Ferramenta Eraser (E). No entanto, você pode dirigir-se ao painel de controle na parte superior e mudar o Mode do próprio pincel para Clear. Desta forma, você pode desenhar e apagar usando a mesma ferramenta alternando entre os Modos Normal e Clear.

color the silhouette

Passo 6

Vamos tornar a cabeça mais escura do que o fundo. Mantendo a camada da cabeça selecionada, vá para Image > Adjustments > Brightness/Contrast e brinque com os controles deslizantes, configurando o Brightness para -48.

go to Image Adjustments BrightnessContrast

Passo 7

Agora vamos Bloquear pixels transparentes da camada da cabeça—assim nós estaremos desenhando apenas dentro da área preenchida, sem cruzar as bordas da cabeça.

Escolha um pincel redondo suave e comece a fazer sombras ao longo da mandíbula com uma cor cinza mais escura. Mova pelo lado direito da cabeça, tornando-o mais tridimensional.

No painel Layers, ative e diminua a visibilidade do esboço para ver onde estão localizados os principais recursos faciais. Adicione sombras suaves e sombrias ao redor dos olhos.

Add soft dark shadows

Passo 8

Escureça a orelha e use o mesmo pincel macio para adicionar detalhes à parte interna da orelha. Diminua o tamanho do pinel macio para adicionar detalhes menores e linhas finas ao redor dos olhos, adicionando as pálpebras. Desta forma, podemos adicionar linhas distintas, preservando a suavidade das sombras.

Darken the ear

Passo 9

Agora vamos desenhar uma boca. Em primeiro lugar, retrata a forma principal com uma escova redonda macia muito pequena e uma cor cinza escuro. Também podemos usar um pincel rígido, mas certifique-se de que as bordas não se tornem muito irregulares e difíceis.

Em segundo lugar, aumente o tamanho do pincel redondo macio, escolha uma cor cinza mais clara e adicione uma sombra suave ao longo do lábio superior, adicionando volume a ela.

Acabe os lábios adicionando sutis destaques e sombras para enfatizar o contraste das linhas mais sombrias.

draw a mouth

Passo 10

Vamos criar uma Nova Camada e avançar para o nariz. Comece a formar a forma com uma pequena escova redonda, usando a cor cinza escuro. Retrate a narina e se mova ao longo do nariz, fazendo uma linha arqueada.

Start forming the nose

Passo 11

Aumente o tamanho do pincel, escolha uma cor cinza mais clara e adicione uma sombra sutil ao longo da borda do nariz.

Em seguida, vamos formar a parte superior do nariz adicionando um destaque com uma cor cinza claro (quase branca). Faça uma borda leve distinta ao longo da parte superior do nariz e, em seguida, abaixe a Opacidade da escova para adicionar um destaque mais suave e mais amplo, enfatizando a redondez do nariz e seu volume.  Aumente o contraste das linhas mais sombrias e mais claras e, em seguida, termine o nariz adicionando uma sombra de suspensão semi-transparente abaixo dela.

draw the nose

Passo 12

Vamos usar a Ferramenta Lasso (L) para selecionar a parte interna da orelha e preenchê-la com uma cor cinza mais escura em uma Nova Camada. Como você já notou, eu crio uma camada separada para cada elemento. Isso me ajuda a permanecer mais flexível com os ajustes, e sempre posso Merge (Control-E) as camadas mais tarde se o arquivo ficar muito pesado.

make the inner part of the ear

Passo 13

Agora crie outra camada, e vamos descrever os olhos. Use a Ferramenta Lasso (L) para extrair os globos oculares e preenchê-los com cor cinza claro usando a Ferramenta Bucket (G).  Mantendo a seleção, use o pincel redondo suave para adicionar sombras ao longo das bordas dos olhos, tornando os globos oculares esféricos e tridimensionais.

Desmarque (Control-D) e escolha um pincel rígido com uma cor mais escura para extrair os cílios ao longo das bordas dos olhos em uma camada separada.

depict the eyes

Passo 14

Use a mesma escova rígida com cor cinza escuro para desenhar a íris. Em seguida , clique com o botão Control na camada de cílios para selecioná-los, e Shift-Control-clique nas íris para adicioná-las à seleção.  Enquanto as formas estão selecionadas, desenhe dentro com uma escova redonda suave para adicionar toques.

Outra maneira de selecionar múltiplas formas mais rápido é usar a Ferramenta Magic Wand (W) e simplesmente clique nas áreas desejadas enquanto mantém pressionado Shift para adicionar mais seleções.

Use o pincel redondo para desenhar as sobrancelhas. Tente fazer as linhas fluir e a forma das sobrancelhas interessantes para dar uma certa expressão ao rosto.  Hermione é um personagem inteligente, esperta e rápida, então tento retratar sua personalidade com a ajuda de características faciais.

Mude o Mode do pincel para Clear e faça alguns traços nas sobrancelhas para adicionar cabelos separados e tornar as sobrancelhas mais detalhadas.

Clique nas sobrancelhas com a Ferramenta Wand Tool (W) ou Control-clique na camada de sobrancelhas para selecioná-las e use a escova redonda macia com uma cor cinza mais clara para adicionar um destaque sutil à parte interna das sobrancelhas.

draw eyes and brows

Passo 15

Vamos adicionar mais vida ao nosso personagem trabalhando nos olhos dela. Use a Ferramenta Lasso (L) para desenhar algumas formas arredondadas acima da íris e alegrá-las com um pincel redondo macio. Adicione destaques menores e mais leves, usando uma escova menor com cor branca.

add highlights to the eyes

2. Como Colorir um Personagem com Valores Preto & Branco

Passo 1

Agora que o rosto está pronto, vamos adicionar mais elementos.Crie uma Nova Camada para o cabelo na parte superior da cabeça e use a Ferramenta Lasso (L) para desenhar a franja. Preencha-o com uma cor cinza mais escura. Em seguida, volte para a camada principal e adicione uma sombra sutil na testa usando a escova redonda macia.

draw the fringe

Passo 2

Faça uma Nova Camada para o suéter e preencha sua silhueta com uma cor cinza escuro.

Ative a visibilidade do esboço e use uma cor mais escura para adicionar sombras ao longo das bordas do suéter e ao longo das bordas do livro que ela vai segurar em sua mão.

draw a sweater

Passo 3

Agora vamos desenhar as mãos em uma camada separada. Use a Ferramenta Lasso (L) para desenhar a silhueta das mãos e preenchê-las com uma cor cinza claro. Então, Bloqueie os pixels transparentes da camada das mãos ou mantenha-os selecionados e adicione sombras, destaques e detalhes aos dedos, variando o tamanho e a opacidade da escova.

Dica: use sempre referências ao desenhar partes do corpo.Mesmo que seja um personagem de desenho animado,   todas as características estilizadas são sempre baseadas em anatomia real e, em seguida, simplificadas. Há uma abundância de referências de fotos na web e no PhotoDune, mas a melhor referência da vida real é você, então mantenha um espelho à mão.

draw hands

Passo 4

Use a Ferramenta Lasso (L) para criar a pulseira da manga da camisa em uma nova camada. Torná-lo mais tridimensional e adicione a parte interna da pulseira em uma camada separada, colocando-a debaixo da camada de camisola. Faça essa parte mais escura para enfatizar a profundidade. Conclua a pulseira adicionando um botão redondo.

create a wristband

Passo 5

Agora, crie uma camada para o livro e coloque-a entre a mão e o suéter. Crie uma silhueta quadrada e corte a parte em que o braço abraça o livro.

Mantendo a camada de livro selecionada, clique no botão Add Vector Mask na parte inferior do painel Layers. Agora que a máscara está selecionada, use a Ferramenta Lasso (L) para desenhar uma silhueta do braço e depois preencha com cor preta usando a Ferramenta Paint Bucket (D). A cor preta em uma máscara branca faz desaparecer a área preenchida. Podemos ajustar as formas criadas na máscara usando a Ferramenta Brush (B) e alternar entre cores preto e branco para desenhar ou apagar.

Clique na camada do livro (uma miniatura quadriculada) para voltar ao desenho e continuar adicionando sombras, destaques e detalhes, usando a escova redonda.

create a book

Passo 6

Adicione a parte superior do livro, preenchendo com cor cinza claro e adicionando linhas mais escuras e mais leves para páginas. Crie uma Nova Camada e decorar a capa do livro. Eu decidi desenhar a palavra "Encantos" no estilo de letras de mão, usando a pincel rígida. Estou fazendo as letras mais tridimensionais pintando algumas das partes com cores mais escuras.

add the cover and details

Passo 7

Agora vamos usar a Ferramenta Lasso (L) para fazer uma silhueta de uma varinha e preenchê-la com uma cor cinza muito escura. Crie os elementos ornamentais e use uma escova redonda suave para adicionar dimensão aos detalhes.

Encontre uma referência de uma pena flutuante e tente descrevê-la da maneira mais simples possível. Não estou gastando muito tempo nesse elemento, porque será muito pequeno e parcialmente coberto com um efeito de luz que vamos adicionar no final.

draw a wand and feather

Passo 8

Ative a visibilidade da nossa camada de esboço e desenhe uma saia, colocando a camada de saia sob camisola e as camadas de livros. Adicione as dobras usando a escova dura e finalize, adicionando sombras e destaques.

draw out a skirt

Passo 9

Mova-se para as pernas e use a Ferramenta Lasso (L) para desenhar a forma da perna. Adicione sombras sutis com uma escova redonda macia e, em seguida, mantendo a perna selecionada, use uma escova mais dura com cor cinza escuro para desenhar um sapato.

Uma vez que terminamos a perna, vamos Duplique (Control-J) a camada da perna e pressione Control-T para Free Transform. Rotacione a cópia da perna e prenda-a ao corpo de acordo com nosso esboço.

draw the legs

Passo 10

Agora vamos adicionar o cabelo, colocando uma nova camada abaixo de todas as outras camadas.

Retorne à camada com a franja e Control-clique para selecioná-la. Crie uma Nova Camada e, mantendo a seleção ativa, use uma escova dura para adicionar linhas escuras e claras para cabelos separados.

Use uma escova texturizada e desenhe a camada marginal para torná-la mais detalhada. Estou usando o pincel de controle de grafite com baixa opacidade do Drawing Box da Kyle para adicionar um toque suave e texturizado aos cabelos.

add the hair

Passo 11

Faça o mesmo pelo resto da textura do cabelo e depois—adicione fios separados de cabelo claro e escuro na parte superior.

add texture to the hair

Passo 12

O último mas não o menor detalhe que podemos adicionar aqui é a luz da borda, que vai tornar o nosso personagem ainda mais tridimensional e garantir que ela se destaca do fundo.

Em primeiro lugar, selecione as camadas das mesmas peças (por exemplo, todos os detalhes do cabelo ou todas as camadas que se referem aos olhos da cabeça, nariz, etc.) e Agrupe (Control-G) juntos no painel Layers .

Em seguida, selecione o grupo de cabelo, mantenha pressionada a tecla Alt e clique no botão Crie Nova Camada na parte inferior do painel Layers. A janela New Layer aparecerá; Certifique-se de que a caixa Usar Camada Anterior para Criar Máscara de corte esteja marcada, renomeie-a para sua conveniência e clique em OK. Agora temos uma camada vinculada que é marcada por uma pequena seta. Tais camadas permitem desenhar dentro da área ligada; Funciona da mesma forma que a função Lock transparent pixels, mas para todo o grupo.

Use uma escova redonda suave e uma cor branca para adicionar uma luz de borda ao longo da borda direita do cabelo.

add rim light

Passo 13

Adicione camadas vinculadas a cada camada ou grupo de camadas que precisa de uma luz de borda. Eu marquei a direção da luz com pequenos ícones do sol como um lembrete para mim.

add rim light to all elements

Passo 14

Finalmente, use uma escova redonda suave e crie uma sombra na parte inferior para colocar nosso personagem no chão.

Agora, podemos adicionar uma nova Camada de Ajuste em cima de todas as outras camadas. Clique no ícone Add new fill or adjustment layer na parte inferior do painel Layers e adicione uma camada Brightness/Contrast. Aumente o Brightness e o Contrast da nossa imagem para fazê-la parecer melhor.

create the ground

3. Como Colorir uma Imagem em Preto & Branco

Passo 1

Agora que nossa ilustração em preto e branco está pronta, vamos adicionar cores! Começaremos com o segundo plano. Abra o painel Color e selecione roxo para a cor do primeiro plano e rosa pêssego para a cor do fundo, clicando nos quadrados.

Agora pegue a Ferramenta Gradient (G) e arraste uma linha vertical em segundo plano para preenchê-la com gradiente linear vertical. Você pode verificar as opções de gradiente no painel de controle na parte superior.

apply gradient to the background

Passo 2

Crie uma Nova Camada em cima do grupo de camadas cinza e mude seu Modo Blending para Color no painel Layers.

Encontre a camada principal e Control-clique para criar uma seleção. Mantenha o botão Shift-Control e clique nas camadas das mãos e das pernas para adicioná-las à seleção.

Preencha as áreas selecionadas com cor pinky-orange na nossa nova camada de Color.

color the skin

Passo 3

Vamos fazer o mesmo pelos olhos, cabelos, livros, roupas e todos os outros elementos. Control-clique no grupo de camadas cinza e preencha a seleção em novas camadas no Color Mode.

Você pode usar uma única camada de Color para todos os elementos ou criar uma nova camada de Color para cada elemento que possamos.

Aqui, uso a Ferramenta Gradient (G) para preencher o livro com uma cor rosa-corada suave.

color the hair and clothes

Passo 4

Agora, crie uma Nova Camada no Overlay Mode e vamos aumentar a intensidade das cores, adicionando mais vida ao nosso personagem.

Dica: se olharmos o mapa de cores do rosto humano, podemos notar que nosso rosto está dividido em zonas de cores—amarelo para a testa, vermelho para as bochechas, nariz e orelhas, azul para o maxilar inferior e um pouco ao redor dos olhos.

Mantendo a seleção em torno da cabeça, use a escova redonda macia para criar zonas de cores. Você notará como nossa imagem se torna mais realista e vívida ao mudar para o Overlay Mode.

draw face color zones

Passo 5

Proceda ao cabelo e adicione um toque de vermelho acastanhado no Overlay Mode.

Proceed to the hair

Passo 6

Agora vamos trabalhar na capa do livro. Eu quero adicionar um toque de ouro aos elementos de letras, então eu uso a escova seca do conjunto M Brushes padrão e pinto sobre a área selecionada com cores amarelas e laranja escuro, criando uma superfície dourada.

work on the book cover

Passo 7

Duplique (Control-J) a camada de letras da mão e mover a cópia inferior para baixo e para a direita. Encha-o com cor roxa escura para criar uma sombra das letras.

Conclua as letras, adicionando luzes brilhantes brilhantes ao longo das bordas das letras com a ajuda da escova dura.

add shadow and highlights to lettering

Passo 8

Vamos fazer o nosso personagem fofo e adicionar personalidade, retratando algumas sardas no rosto. Use o pincel de inclinação de Spatter Bot do Specil Effects Brushes da Kyle e ajuste a Opacidade da camada para torná-la semi-transparente.

add freckles

Passo 9

Agora é hora de brilhar a pena! Crie uma Nova Camada para o efeito brilhante e mude seu Blending Mode para a Screen.

Use uma escova redonda macia de tamanho grande e desenhe com movimentos circulares acima da pena para criar um brilho branco. Você pode adicionar pequenas faíscas ao redor ou usar outras escovas para efeitos especiais.

add glow to the feather

Passo 10

Agora, podemos adicionar algumas Camadas de Ajuste no topo para corrigir o brilho, contraste, cores e tudo o que ajuda a dar uma aparência harmônica e preservar a paleta de cores adequada.

Aqui, por exemplo, eu adicionei uma camada de Cor Seletiva e jogado com cores escuras, tornando a área sombreada refrigerador adicionando mais tons de azuis a ele.

adjust the colors

Nossa Ilustração Mágica de Hermione Está Terminada!

Ótimo trabalho—fizemos isto até o final!

Espero que você tenha aproveitado seguir este tutorial e descoberto algumas técnicas novas interessantes que vão ser úteis para os seus futuros trabalhos.

Divirta-se!

Hermione Granger character fanart
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.