Tutorial: Como Criar Line Art com Imagens de Objetos

Line Art consiste de qualquer imagem onde linhas, normalmente sobre um fundo branco chapado, formam a figura. Não são utilizadas variações tonais, nem cores. Formas e contornos são mais importantes do que textura, cor ou sombreamento. Quando há necessidade de representar sombras, são usadas linhas de variadas espessuras, criando padrões. Não sendo necessariamente realista, Line Art pode ser vista na caricatura, desenho de quadrinhos e outros.

Neste tutorial de fácil execução, você vai aprender a aplicar em suas fotos de objetos um efeito de Line Art. O processo será melhor aproveitado quando a imagem utilizada puder ser diminuída depois do procedimento. Isso porque, ao reduzir a imagem, as linhas serão suavizadas, dando uma aparência mais leve ao desenho.

A qualidade final vai variar, de acordo com alguns fatores, como o contraste e tamanho da fotografia. Os ajustes mostrados neste tutorial foram escolhidos de acordo com o gosto do autor, e se aplicam apenas à figura escolhida; portanto, para suas próprias imagens, os ajustes deverão ser de acordo. Como sempre é recomendado, faça testes durante o procedimento.

O único conhecimento realmente necessário para a execução do tutorial, é saber usar a Ferrramenta Caneta.

Esta foi a imagem escolhida para o tutorial (obtida na internet):

Abra a imagem no Photoshop. Será preciso isolar o objeto em uma camada própria, e como sempre, o mais recomendado para criar seleções de ótima qualidade é fazê-lo com a Ferramenta Caneta (atalho: P). Certifique-se de que o modo Criar Demarcador está selecionado nas opções da ferramenta.

Escolha um ponto para começar; não há um lugar certo para isso. Trabalhando sem pressa, vá criando os pontos e determinando as curvas. Se errar, use a Ferramenta Seleção Direta (atalho: A) para corrigir a curvatura, ou desfaça o ponto com o comando Ctrl +  Z e acerte sua posição. Para trabalhar com a Caneta, é preciso paciência para se obter perfeição. Procure manter a imagem bem aproximada para ver melhor o que está fazendo.

Como a área dos pneus não está bem determinada, sendo quase impossível ver exatamente onde termina o pneu e começa a sombra, você deverá recriar este contorno.

Quando terminar, feche os pontos e terá o demarcador. Ainda com a Ferramenta Caneta selecionada, clique com o botão direito e selecione a opção Criar Seleção... Com a seleção ao redor do veículo feita, pressione Ctrl + J (ou menu Camada > Nova > Camada por Cópia), para criar uma camada a partir da seleção (ela vai conter o que está selecionado, ou seja, o Fusca). Se quiser, neste ponto exclua a camada onde o Fusca estava; só vamos precisar dele recortado.

Para facilitar a visualização na próxima etapa, crie uma camada abaixo da camada do carro, e preencha-a com uma cor forte (escolhi usar o amarelo).

Ainda será preciso remover as partes onde o vidro permite a visualização do fundo, além das fendas na parte de baixo do carro.

Outra vez, use a Ferramenta Caneta para criar demarcadores; convertidos em seleções, com foi feito antes, eles permitirão que você exclua essas partes indesejadas.

Ao fim da etapa, seu carro estará assim

Agora chegou a hora de aplicar os efeitos. Antes de mais nada, remova a saturação da imagem (menu Imagem > Ajustes > Remover Saturação, ou atalho: Ctrl + Shift + U).

Resolvi ajustar os níveis (atalho: Ctrl + L) da imagem, para que as áreas escuras ficassem mais vivas, o que vai resultar em contornos mais visíveis. Estas foram as configurações usadas:

Agora os filtros farão o trabalho para você! Em primeiro lugar, use o filtro Desfoque Inteligente (menu Filtro > Desfoque > Desfoque Inteligente). Ajuste o Modo para Somente Arestas e a Qualidade para Alta. Veja abaixo:

Com isso, sua imagem do carro vai ficar assim:

Aplique o comando Inverter na imagem (menu Imagem > Ajustes > Inverter, ou atalho Ctrl + I).

Para que as linhas ganhem mais destaque e suavidade, aplique o filtro Arestas Posterizadas (menu Filtro > Artístico > Arestas Posterizadas). Veja o ajuste utilizado abaixo (lembrando que estes ajustes servem para esta imagem; se você utilizar outras, faça testes até obter o melhor resultado).

Para finalizar, criaremos um contorno para o carro, usando a opção Traçado do Estilo de Camada (menu Camada > Estilo de Camada > Traçado...); também preto, com 3 pixels, na posição interna. Veja:

Como explicado antes, o resultado não fica tão interessante quando a imagem não é reduzida, por isso , recomenda-se aplicar o efeito à imagens grandes. Veja abaixo a aparência final deste tutorial, no tamanho normal (em que a imagem recebeu os ajustes) e no tamanho redimensionado:

Note que a imagem redimensionada é mais limpa, já que pequenas imperfeições dos traços tendem a se tornar menos visíveis. Do tamanho original (1280 x 775), o trabalho finalizado foi reduzido para 800 x 484.

Trabalho finalizado

Se você pretende que o trabalho finalizado seja maior, utilize uma imagem ainda maior para a execução do tutorial, e depois de completo, reduza até o tamanho desejado; isto garantirá uma melhor aparência no trabalho.Como você poderá notar, se fizer o teste, este tutorial não se aplica bem à imagens de pessoas ou animais, devido às imperfeições das linhas, sendo recomendado apenas para objetos (a não ser que você busque esta "sujeira" propositalmente em seu trabalho). Em breve, publicaremos um tutorial de Line Art para fotos de pessoas, aguardem.

Espero que seja proveitoso. Boa prática e aguardo comentários!

Leia também...

• 

  Criando Efeito de Foto em Infravermelho no Photoshop

  Fotografia em infravermelho gera resultados surpreendentes e muito bonitos, em cenas que poderiam ser comuns. Captando comprimentos de onda que nossos olhos não conseguem, as imagens ganham tons surreais, com atmosferas que lembram ficção científica. É como ver o mundo com novos olhos.

  Confira um método simples para simular o efeito usando o Photoshop. A base consiste em desfoque no canal verde, e mais alguns ajustes de camada e mesclagem. A cor fica por conta de uma duplicata da imagem principal, mas você é mais que recomendado a tentar outros ajustes.

• 

  Tutorial: Efeito “Tocha Humana” no Photoshop

  Nesse tutorial você vai aprender com o método de Neville D'Souza como manipular a foto de uma modelo e transformá-la numa "tocha humana", com belos efeitos de fogo.

  As ferramentas usadas são simples como a Borrar (Smudge), Subexposição e Superexposição (Dodge e Burn Tool), que combinadas a algumas camadas de ajuste de níveis e modos de mesclagem, resultam nesse trabalho surpreendente.

  Requer conhecimentos intermediários como aplicação de camadas de ajuste, níveis, saturação e mesclagens. O resultado será único a cada tentativa, já que grande parte é baseado em pinceladas.

• 

  Tutorial Photoshop: Manipulação com Iluminação e Formas Geométricas

  Nesse tutorial você vai desenvolver uma bela peça com visual moderno, futurista, manipulando fotografias que serão combinadas com formas geométricas, efeitos de iluminação e grafismos. Indicado a quem já tem conhecimento intermediário de Photoshop e quer colocá-los em prática.

  Especialmente indicado para entender o uso de demarcadores (paths) e criação de padrões personalizados, e como mesclá-los com imagens em bitmap em composições. Camadas de ajuste também são parte importante do processo.