1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Como Criar um Retrato em Line Art Peculiar no Adobe Photoshop.

Scroll to top
Read Time: 8 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Eu conheço muitos ilustradores que praticam seu ofício e seu próprio rosto. Embora eu tenha tentado no passado vetorizar a mim mesmo, eu não consegui ficar encarando meu próprio rosto por algumas horas. Eu comecei com meu próprio rosto, vetorizando a partir de uma selfie eu usei um ângulo "extremo" (acho que emo do MySpace) mas então empurrando o rosto. O ponto era não se parecer comigo, para que então eu pudesse manter o foco no trabalho ao invés da pessoa. Foi daí que esse projeto de selfie estranha tomou a vida.

Awkward Selfies SeriesAwkward Selfies SeriesAwkward Selfies Series

Nos últimos dois meses eu venho vetorizando meus amigos em poses similares. O estilo que eu usei é bem semelhante aquele do meu tutorial popular, Como Criar um retrato dramático com uma line art sólida (NT: arte ou desenho de linha, porém o termo line art é mais usado em português do que sua tradução). Eu pensei em ensinar a você como usar esse estilo com alguns processos adicionais e ajudar a responder algumas perguntas comuns que eu recebo nos projetos de line art, tais como, como transmitir textura e pelos faciais.

Se você quer ter seu retrato feito, há muitos artistas retratistas talentosos no Envato Studio que são capazes de criar ilustração de retratos de qualidade, qualquer que seja a pose!

Pegue a sua Pior Selfie.

Agradecimentos ao Andrew Blackman por voluntariar seu rosto para esse tutorial, você pode baixar a foto dele nessa página como anexo. Caso contrário, você pode usar sua própria foto.

Usando Sua Própria Foto.

Se você quiser usar uma selfie sua ou de um amigo, pense em feio. Pense em estranho. Pense em desafio. Você não quer usar uma imagem tediosa de frente ou de perfil.

O ponto central desse projeto é vetorizar um ângulo estranho, algo que você não vê todo dia com ilustração de retratos. Entretanto seja bem compreensivo com quaisquer erros que cometer. Então, coloque a câmera em ângulo, alto, baixo, no comprimento do braço, ou super perto e tire uma selfie!

1. Como Configurar seu Documento

Passo 1

Seria mais fácil colocar sua foto na sua prancheta e vetorizá-la direto daí. Entretanto, trabalhar sua composição do começo ajudará a saber a direção que você está indo e deve diminuir seu fluxo de trabalho cortando vetorizações e detalhes desnecessários.

Você pode fazer isso criando uma moldura. Eu faço isso removendo um Retângulo (M) de outro usando o Pathfinder > Menos Frente (minus front).

Create a FrameCreate a FrameCreate a Frame

Passo 2

A seguir, uso Arquivo > Posicionar (File >Place) localize sua selfie e então posiciono ele atrás da moldura. Você pode usar isso para encontrar o corte certo e a composição para sua selfie.

Lembre-se você pode redimensionar e rotacionar seu retrato usando a Ferramenta de Transformação Livre (E) (free transform tool). Você também pode usar a moldura para esconder partes do rosto que você quer evitar.

Me desculpe Andrew, eu não gosto de vetorizar orelhas, então eu vou vetorizar apenas uma delas.

Find your compositionFind your compositionFind your composition

Passo 3

Então eu configuro meu painel Camadas (layers) para ter uma camada com 50% de Opacidade, o retângulo branco sobre o rosto do Andrew e uma camada para adicionar meu line art.

Setting up my layersSetting up my layersSetting up my layers

2. Como Começar Sua Line Art

Passo 1

Usando a Ferramenta Caneta (P) (pen tool), eu vou criar formas para criar a line art. Eu não vou usar linhas traçadas para essa parte do retrato. Para porções maiores da line art, eu vou criar formas menos uniformes e preenchidas para criar uma aparência mais orgânica.

Adding Line ArtAdding Line ArtAdding Line Art

Passo 2

Quando Criarmos linhas que se conectam, tenha certeza de sobrepor nas conexões com linhas adjacentes. Isso previne que apareçam espaços em branco.

Overlapping linesOverlapping linesOverlapping lines

Passo 3 

Eu continuo a vetorizar em formas lineares maiores para criar a maioria do rosto e roupas.

Adding the majority of the linesAdding the majority of the linesAdding the majority of the lines

3. Como Criar a Line Art para os Olhos

Passo 1

Para os olhos, eu crio uma aforma para a bola do olho e o olho interno como uma única forma. Então eu duplico e escondo. Daí eu crio uma forma que cobre a forma geral do olho, incluindo a linha dos cílios.

Eu removo a forma pequena da grande usando Pathfinder > Menos Frente (minus front). Isso cria a forma geral do olho mas também dá a você uma forma escondida que será usada mais tarde como uma máscara de recorte.

Create the eye shapeCreate the eye shapeCreate the eye shape

Passo 2

Agora para criar os detalhes na íris. Para criar um efeito de linha, semelhante ao do tutorial anterior porém mais uniforme, eu vou colocar juntos uma série de triângulos alinhados numa linha de traçado. A linha é configurada como Espessura do Traçado (stroke weigh) 1pt. Eu coloquei os triângulos ao longo da linha em distâncias iguais.

Creating a brush Creating a brush Creating a brush

Passo 3

Eu então uso essa forma para criar um novo Pincel Padrão (New Pattern Brush). De pendendo da maneira como você criar essas formas, você pode precisar voltar a essa janela e alterar essas configurações. Nesse caso, eu preciso marcar a opção Flip Across. Clique no Ok depois que você terminar.

Create a Pattern BrushCreate a Pattern BrushCreate a Pattern Brush

Passo 4

Hora de criar círculos múltiplos. Crie o original com a Ferramenta Elipse (L) (ellipse tool) e duplique. Oculte a original já que você vai precisar dela mais tarde para adicionar cor ao olho, você decide.Então você tem a duplicara para adicionar uma linha grossa ao redor do olho de 3pt de Espessura do Traçado (stroke weight) ao redor dos olhos.

Uma linha será para o pincel Eye Detail. Entretanto, Devido a como os pincéis de padrões são criados (centralizados no traçado), você vai precisar usar a Ferramenta de Transformação Livre (E) (free transform tool) para reduzir a tamanho do círculo de modo que ele se alinhe com o exterior do círculo maior.

Então crie os círculos para as pupilas e reflexos de luz.

Eye detailsEye detailsEye details

Passo 5

Agrupar (group) as formas da íris e pupilas juntas (Control-G). Duplique o grupo para o outro olho.

A seguir, exibir a forma para a bola do olho e usá-la para criar uma Máscara de Recorte (Control-7). Repetir no outro olho.

Both eyesBoth eyesBoth eyes

4. Como Criar Cabelo e Detalhes com Pincéis

Passo 1

Detalhes mais finos no retrato, incluindo cabelo, serão criados usando pincéis artísticos. Então primeiro nós vamos criar dois pincéis artísticos. O primeiro é um círculo amassado com extremidades cônicas.

Tapered BrushTapered BrushTapered Brush

Passo 2

O próximo pincel artístico é criado a partir de um triângulo.

Triangle BrushTriangle BrushTriangle Brush

Passo 3

O pincel triangular será usado para criar um efeito de nervura ao longo da gola do colete do Andrew.

Se o seu retrato está parecendo simples, pequenos efeitos detalhados como esse podem ajudar você a criar uma ilustração mais polida.

Create the collarCreate the collarCreate the collar

Passo 4

Usando a Ferramenta Pincel (B) e o pincel de e o pincel artístico cônico, eu acrescentei traços para as sobrancelhas. Usei a foto embaixo para ajudar a ditar a direção dos pelos para que eles tenham a aparência de arrumados. 

Adding the eyebrowsAdding the eyebrowsAdding the eyebrows

Passo 5

Com o pincel triangular, adicionei dobras e linhas dentro da gola e da camisa para criar mais textura.

Inside the collarInside the collarInside the collar

Passo 6

Eu criei uma Nova Camada (new layer) abaixo do minha line art com um preenchimento branco ao longo da linha do cabelo. Isso é para esconder os traços que eu fiz por baixo dessa forma e criar uma linha de cabelo limpa.

Você pode ver a diferença que essa forma branca faz em relação a limpar as minhas linhas. Como a maioria desse retrato será line art sem sombras futuras, eu posso manter como branco. Se você vai usar cores múltiplas, você pode expandir os traços para o cabelo e depois cortar a área de sobreposição.

Adding the hairAdding the hairAdding the hair

5. Como Criar Line Art para Pelos Faciais

Passo 1

Como o pelo facial cai e adiciona textura a linha ao redor da linha da mandíbula, eu vou precisar alterar isso para dar a impressão de pelos faciais. Se você desenhar linha sobre isso, ela ainda vai mostrar um suave linha por baixo e isso não parece coeso.

Primeiro eu vou dividir a linha em dois usando a Ferramenta Faca (Knife tool). Eu corto a linha onde começa o pelo facial, para distorcer qualquer linha clara do rosto. Você pode ver na imagem abaixo, isso acontece ao redor da parte inferior da orelha.

Using the Knife ToolUsing the Knife ToolUsing the Knife Tool

Passo 2

Para adicionar textura a essa linha, Eu seleciono ela e vou até Efeito > Distorcer e Transformar > Tornar Àspero (Effect > Distort & Transform > Roughen). Eu crio então as linhas adicionais ao redor do queixo e nariz devido a maravilhosa pose que o Andrew está, para criar a mesma linha definida porém texturizada.

Create a textured lineCreate a textured lineCreate a textured line

Passo 3

Usando a Ferramenta Pincel (B) (Paintbrush Tool) e o pincel cônico, eu então vou descendo pelo rosto. Eu construo os traços bem devagar, tendo certeza de prestar atenção a direção do pelo facial. Isso é muito mais fácil de fazer quando o pelo facial é mais longo.

Dica: se o pelo facial é barba por fazer, você pode conseguir o resultado usando um preenchimento com padrão do que desenhar cada traço.

Adding textureAdding textureAdding texture

Continue adicionando linhas, especialmente nas áreas mais densas ao redor do queixo e pescoço.

Adding facial hairAdding facial hairAdding facial hair

6. Como Acrescentar os Toque Finais

Passo 1

Usando o pincel cônico, eu acrescento alguns toque finais aos olhos, Isso inclui linhas adicionais à pele e aos cílios

Adding eyelashesAdding eyelashesAdding eyelashes

Passo 2

Para adicionar texturo a língua e acrescentar uma sombra suave, eu usei a Ferramenta Pincel Borrão de Tinta(Blob Brush Tool) (Shift-B) para criar pontinhos ao redor da borda da língua.

Adding texture to the tongueAdding texture to the tongueAdding texture to the tongue

Trabalho Incrível! Você Terminou.

Eu sempre finalizo meus retratos com um par de pintas na pele. Eu também adicionei um salpicado de cor, dando ao Andrew olhos azul claros.

Eu espero que tenha gostado desse tutorial e conseguido algumas dicas de como melhorar suas criações. Se você tiver qualquer dúvida ou quiser mostrar o que criou usando esse tutorial, por favor faça isso nos comentários.

The finished portraitThe finished portraitThe finished portrait
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads