Tutorial – Desenhando no Photoshop – Lineart

Tutorial – Desenhando no Photoshop – Lineart

Tutorial - Desenhando no Photoshop - Lineart

Bom, muitos amigos já me perguntaram como eu faço meus desenhos no pc. Então finalmente me decidi por fazer uma série de tutoriais explicando as formas que eu uso para fazer desenhos digitais. Uso de várias técnicas criadas por mim e explicarei com o tempo uma a uma.

Eu uso de diversas formas, desde do mouse livre, a ferramenta caneta do photoshop até minha tablet. Posso usar também o traço igual ao do paint ou o mais elaborado do photoshop. Tanto faz, depende da minha inspiração.

Eu uso 3 programas para fazer desenhos. O Paint ou o Photoshop ou o OpenCanvas. Cada um tem um gráfico diferente.

Enfim, primeiramente estarei explicando umas coisas que eu acho necessárias explicar:


O OpenCanvas e o Photoshop são pagos. Então já sabe.

Você não precisa ter uma tablet para poder desenhar no pc! Muitas pessoas falam “ah mas eu não tenho tablet e não tenho coordenação motora para desenhar no mouse!” você não precisa dessas coisas para estar desenhando. Você precisa é de paciencia e muita prática.

Demora para desenhar no pc? Dependendo do desenho demora sim.

Ah, mas precisa de um desenho já feito no papel? Não, mas para você começar a entender e a pegar a prática é mais recomendável do que começar do 0.

Estarei usando algumas expressões normalmente usadas no desenho digital. Lineart significa o contorno do desenho e Oekaki, bom, não é 100% isso, mas a maioria dos desenhos estilo Oekaki são feitos como se fosse o paint, sabe? Pixel por pixel. Não é 100% isso, mas se você procurar esse termo no google, você acha esses gráficos. Exemplo do que estou falando

O tutorial que está abaixo não é longo, ele só tem muitas imagens para melhor explicação. A linguagem está clara e objetiva.

Pode demorar um pouco para carregar a página, afinal, são 42 imagens.

E lembre-se. Dúvidas só deixar um comentário. Quer que eu faça sua lineart? Eu faço, mas cobro um dinheirinho em troca 😀

Enfim! Vamos ao tutorial:

Plataforma: PHOTOSHOP
Instrumento: MOUSE

[Veja o trabalho pronto aqui]

Bom, primeiro de tudo você precisa de um desenho já pré feito no papel e que já esteja salvo no pc. Foto, scanner, desde que dê para ver o contorno tá ótimo.

Começamos criando um documento novo com resolução de 270 ppi e o tamanho do desenho.

Tutorial - Desenhando no Photoshop - Lineart


Usarei esse desenho meu, já pré-feito. Tirei uma foto dele para passar para o pc.

Tutorial - Desenhando no Photoshop - Lineart

Renomeio sua layer para Desenho e coloco sua transparência em 50% . Se seu desenho ficar muito apagado, diminua a transparência. O objetivo é o desenho ficar mais apagado, mas dando para se ver o contorno completamente.

Tutorial - Desenhando no Photoshop - Lineart

Tutorial - Desenhando no Photoshop - Lineart

Dou zoom no desenho até ficar mais ou menos assim.

Tutorial - Desenhando no Photoshop - Lineart

Crio um novo grupo de layers chamado Lineart, com uma layer com o nome de 1. Não esqueça de deixar um fundo branco embaixo de tudo.

Tutorial - Desenhando no Photoshop - Lineart

Abro as opções de cores e escolho uma cor para a lineart. Não escolho uma 100% preta, mas também não escolho uma muito clara.

Tutorial - Desenhando no Photoshop - Lineart

Após escolher a cor, eu escolho o pincel ou o lápis. Preste atenção nas opções selecionadas.

Tutorial - Desenhando no Photoshop - Lineart


Esse para um traço normal

Tutorial - Desenhando no Photoshop - Lineart


Esse para Oekaki. (Ferramente lápis)

E assim começo a desenhar. Se quiser fazer diretamente com o mouse, a vontade. Isso requer muita prática. Nem mesmo eu consigo fazer bonitinho.

Tutorial - Desenhando no Photoshop - Lineart

Mas o tutorial não se trata de fazer tudo isso para fazer rabiscos com o mouse né? Então, selecionemos a ferramenta caneta: Tutorial - Desenhando no Photoshop - Lineart

E usamos a seguinte configuração.

Tutorial - Desenhando no Photoshop - Lineart

Dou um clique em uma ponta do desenho e outro clique em outra parte. Fica mais um menos assim.

Tutorial - Desenhando no Photoshop - Lineart

Tá vendo como tá reto? Vamos fazer uma mágica? Chegue com o mouse perto da linha, bem no meio dela, veja como ele muda o cursor, clique. Vai aparecer um quadradinho.

Tutorial - Desenhando no Photoshop - Lineart

Viu? Apareceram 3 “quadrados”. Segure CTRL e clique no maior e arraste para cima ou para baixo e solte e veja o que acontece.

Tutorial - Desenhando no Photoshop - Lineart

Tutorial - Desenhando no Photoshop - Lineart

Você puxou a linha! Viu como ela ficou curvada? Agora ajuste ela para ficar de acordo com o desenho embaixo.

Tutorial - Desenhando no Photoshop - Lineart

Viu? Mas tá vendo que ela não está muito de acordo? Olhe bem o circulo azul e o vermelho. A linha da caneta no azul tá bem no meio da linha do desenho, mas a do circulo vermelho não. Bom, crie mais um quadradinho na linha, bem onde ela ta desfocada e mecha esse quadradinho com o CTRL pressionado até ela ficar no lugar certo.

Tutorial - Desenhando no Photoshop - Lineart

Agora que ela tá certinha, vá com o botão direito em qualquer lugar do desenho e selecione Stroke e use essas configurações.

Tutorial - Desenhando no Photoshop - Lineart

De enter ou clique em ok e voilá!

Tutorial - Desenhando no Photoshop - Lineart

Dê enter denovo ou botão direito no desenho e vá em Delete Path.

Tutorial - Desenhando no Photoshop - Lineart

Deu para entender o início da coisa? Continuemos contornando o cabelo. Agora que você pegou o básico, ao invés de fazer o contorno com uma única linha(stroke), vá continuando aquela, clicando no desenho. Assim aparecerá novos quadrados que você tem que ajustar ao desenho.

Tutorial - Desenhando no Photoshop - Lineart

Tutorial - Desenhando no Photoshop - Lineart

Para fazer contiuação de linha preste bem atenção. Você deve começar bem do meio da linha.

Tutorial - Desenhando no Photoshop - Lineart

E assim continuemos o desenho.

Tutorial - Desenhando no Photoshop - Lineart

Tutorial - Desenhando no Photoshop - Lineart

Volta e meia você precisará fazer um contorno mais grosso, e para isso você contorna toda a área que é mais grossa.

Tutorial - Desenhando no Photoshop - Lineart

E ao invés de usar Stroke, você usa Fill.

Tutorial - Desenhando no Photoshop - Lineart

E voilá denovo!

Tutorial - Desenhando no Photoshop - Lineart

Faremos o interior do olho. Contorna a parte que é escura.

Tutorial - Desenhando no Photoshop - Lineart

E fill!

Tutorial - Desenhando no Photoshop - Lineart

Volta e meia nos deparamos com isso. Um lugar que deveria estar arredondado, fica com canto.

Tutorial - Desenhando no Photoshop - Lineart

E é aí que entra aqueles quadradinhos menores. Selecione o quadrado que está com canto, mantendo ctrl apertado e clique nele. Assim pegue um dos quadrados menores que apareceu e gire.

Tutorial - Desenhando no Photoshop - Lineart

Tutorial - Desenhando no Photoshop - Lineart

Viu o que acontece?Agora pegue um deles e puxe.

Tutorial - Desenhando no Photoshop - Lineart

A largura ficou maior. E assim você vai mechendo nesses quadrados menores para deixa-lo arredondado. Vá mechendo também nos quadrados maiores próximos.

Tutorial - Desenhando no Photoshop - Lineart

Tutorial - Desenhando no Photoshop - Lineart

Imaginemos que volta e meia, você clique fora da linha e suma todos os quadradinhos.

Tutorial - Desenhando no Photoshop - Lineart

Viu só? Se você tentar mecher na linha, vai criar uma nova. Para resolver isso é fácil. Abra o histórico e clique no anterior ou anti-penultimo ao atual, depende do que você fez. E só. Avisando que não adianta dar ctrl+z

Tutorial - Desenhando no Photoshop - Lineart

E assim seu desenho vai se formando.

Tutorial - Desenhando no Photoshop - Lineart

Aproveite que você está fazendo o contorno ainda, modifique algumas coisas que não ficaram legais no desenho original.

Tutorial - Desenhando no Photoshop - Lineart

E só. Quando você terminar, esconda a layer do desenho original e admire sua obra.

Tutorial - Desenhando no Photoshop - Lineart

Não esqueça de salvar sempre o desenho hein! Se não você perde tudo. Salve em psd também, por que usarei esse mesmo desenho no tutorial de pintura.

Pronto, terminou 😀 Viu como foi fácil?

Agora treine, treine e treine!

8 thoughts on “Tutorial – Desenhando no Photoshop – Lineart

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *