Há um tempo me pediram um tutorial de como fazer uma boneca vetorizada, eu mostrei esse exemplo acima que eu fiz no Illustrator e disse que postaria um tutorial de como recriá-la no Photoshop; e hoje é o dia! Esse tutorial irá mostrar como criar a base da boneca, como usar os degradês e como adicionar esse efeito de brilho.
NÍVEL: INTERMEDIÁRIO
Antes de clicar em “keep reading” para acompanhar o tutorial, já quero dizer agora que é preciso saber usar a ferramenta Caneta da forma certa! Neste tutorial não entrarei em detalhes, pois já temos um post aqui explicando como ela funciona e como usá-la. Se você não sabe usá-la, vá na página do Guia, leia, tire dúvidas e depois volte para esse tutorial! E também é necessário ter conhecimento sobre os Degradês, leia esse tutorial. Mas, se você já sabe, vamos começar!
Espero que seja útil. Se sim, dê like ou reblogue para compartilhar com outras pessoas ♥
Caso tenha alguma dúvida ao final do tutorial, não hesite em deixá-la em nossa ask;
Tutorial por Looksgreat. Não copie, repost ou credite a si mesmo.
Para começar esse tutorial você precisa da base de uma boneca. Se você sabe desenhar, desenhe, escaneie e abra no photoshop. Se você não sabe desenhar, pegue uma foto de referência, como eu fiz (essa boneca é a personagem Maria da animação “The Book of Life”).
Como no Photoshop não temos muito a liberdade de fazer do tamanho que quisermos e depois aumentar para encaixar na tela da edição, pois perderemos qualidade, crie uma tela grande - maior do que o necessário - para depois diminuir, dessa forma a qualidade não será perdida!
Com a sua foto ou desenho aberto nessa tela que acabou de criar, trave a camada clicando no cadeado. Crie uma nova camada (ctrl + shift + N) e selecione a ferramenta Caneta - configure-a para criar formas e não apenas demarcar, veja abaixo:
OBS.: Anule o preenchimento e o traçado; quando terminar de criar o traçado com a Caneta, escolha a cor que quiser.
Seguindo a foto/desenho, vá criando formas para cada parte - cabelo, rosto, corpo, roupas, olhos/nariz/boca, etc e todos os outros detalhes. Não há necessidade nesse momento de ir colorindo com degradês e tudo mais, apenas deixe uma cor sólida qualquer para identificar as partes (de preferência cada uma com cores diferentes), no final de tudo finalizaremos.
Quando terminar de transformar em formas todas as partes e detalhes da boneca, renomeie as camadas para localizá-las facilmente e junte o que for preciso em grupos:
Com tudo separado e pronto, vamos começar a dar vida à boneca com cores!
As cores já estão prontas! Mas ainda falta dar um toque de brilho, criar uma iluminação para ficar bem bonito e brilhoso. Para isso, decida a direção da luz:
A direção que eu vou seguir nesse tutorial, como mostrada na imagem acima, é da esquerda para a direita. Todas as partes das formas que estiverem do lado esquerdo serão afetados pelas luz e por isso deverão conter brilho e a parte da direita (no sentido diagonal) contemplará as sombras.
Com a direção escolhida, agora você deverá ir adicionando os degradês para dar a sensação de luz-sombra comentado acima. Veja como abaixo!
Veja a imagem acima no tamanho original clicando aqui.
Vá fazendo o mesmo com cada forma. Se o degradê preto-branco não for suficiente, crie um degradê com as cores desejadas e deixe no modo “normal” e opacidade 100%. Vá mudando o “ângulo” do degradê conforme necessário.
Para o delineador do olho eu usei o efeito “Sombra Interna”, veja as configurações:
O resultado depois de todas as formas receberem o tratamento com degradês fica assim:
A boneca já recebeu um pouco mais de contraste e profundidade, porém ainda falta alguns detalhes para ela ganhar ainda mais brilho e para as sombras ficarem mais definidas.
Para o toque final será preciso identificar as áreas que precisam de brilho e as áreas que precisam de sombra (utilize a direção da luz que você escolheu para se guiar).
As setas em branco indicam os lugares ondem eu adicionarei brilho e as setas pretas os locais onde serão adicionadas as sombras.
Para o brilho (e sombras) basta criar uma forma com a Ferramenta Caneta (P) de tamanho e formato de acordo com a área (no caso da imagem abaixo, a cabeça/testa). Brinque com o Modo de Mesclagem (entre “normal” e “luz indireta”) e com a opacidade.
A forma branca acima eu deixei em “luz indireta” e opacidade 30%.
Faça isso com todas as áreas que você sente que precisa de brilho e sombra. Para alguns detalhes pequenos você também pode usar o pincel!
Depois de adicionar todos os detalhes de brilho e sombra:
O resultado final ficará assim:
Não esqueçam de dar like ou compartilhar esse tutorial com seus seguidores, caso tenha achado útil! É importante para o crescimento do blog ♥
Façam, refaçam e se tiverem alguma dúvida, envie pela nossa askbox ou pelo facebook /looksgreatutos.
Tutorial inteiramento produzido por LOOKSGREAT.tumblr.com - não copie em hipótese alguma e não reposte sem o consentimento do blog. Obrigada!
Alguém me perguntou como eu fiz esses “camelos” (entre aspas porque, na verdade, são dromedários rs) e prometi fazer esse tutorial. Pra falar a verdade, é tão simples quanto abrir uma nova tela no Photoshop, basta saber usar a Pen Tool/Ferramenta Caneta.
Clique em “keep reading” para saber como vetorizar usando o Photoshop :)
Ps.: Se você não sabe como usar a ferramenta caneta, dê uma lida nesse guia/tutorial antes de começar este tutorial.
Para começar, escolha uma foto que você quer vetorizar. No meu caso eu usei a foto de um dromedário de passeio, mas você pode usar outros desenhos ou desenhar o seu próprio, escanear e abrir no Photoshop para vetorizar. A dica principal na hora de escolher uma foto é: Escolha uma com um ângulo bom e que mostre bastante o animal! Uma foto que pegue bem a lateral do bicho e todo o corpo dele.
Como eu não tenho mais a foto que usei como base para os dromedários da capinha de celular acima, utilizarei esta imagem para esse tutorial.
Abra uma nova tela no Photoshop e cole a imagem. É importante que a foto seja bem grande e que você não diminua/redimensione para poder vetorizar. Programas específicos para vetorização, como o Illustrator, são ideais para esse tipo de construção, pois você pode fazer pequeno e aumentar e voltar a diminuir quantas vezes você quiser sem alterar a qualidade. Já no Photoshop você não tem essa possibilidade, logo, é bom fazer grande mesmo (maior do que você precisa) para quando terminar redimensionar para o tamanho que deseja. Uma vez diminuído de tamanho será impossível aumentar e obter a mesma qualidade do início.
Bom, selecione a ferramenta Caneta (atalho: P), escolha a opção Forma/Shape na configuração da ferramente (veja) e comece a criar os pontos em torno do animal. Como o dromedário tem essa manta em cima dele, contornarei primeiro o animal e depois, em uma camada diferente, contornarei a manta.
Você terá algo parecido com isso:
Como a parte da manta cobrirei agora, não importa como será a forma que eu fazer nas costas do animal. Se precisar fazer algum retoque depois, é possível usando a própria Caneta ou a Ferramenta de Seleção Direta (atalho: A - uma seta branca).
Para selecionar a manta ou qualquer outro elemento, desabilite a visualização da camada com a forma que acabou de criar clicando no olho ao lado da camada e continue contornando.
No final de tudo, isso foi mais ou menos o que eu obtive:
Depois de tudo vetorizado, basta você escolher a cor e usar ele para o que quiser :)
Façam, refaçam e se tiverem alguma dúvida, pode vir na ask do looksgreat que eu responderei qualquer tipo de pergunta sobre esse tutorial :)
Tutorial inteiramento produzido por LOOKSGREAT.tumblr.com - não copie em hipótese alguma e não reposte sem o consentimento do blog. Obrigada!
