em , , , , ,

Tutorial: Transforme uma foto em pixel art no Photoshop

Descrição: No tutorial de hoje veremos como utilizar uma foto como referência para criação de uma pixel art, para isso criaremos uma paleta de cores e usaremos a Pencil Tool para criar o desenho do início ao fim.

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho baseado na imagem que você vá utilizar, vá em View> New Guide, escolha a opção Vertical e defina o valor de 50%, pressione Ctrl+R para habilitar as rulers no documento, pressione a letra V do teclado para selecionar a Move Tool, clique na ruler superior e arraste uma linha guia até a altura dos olhos do modelo, sua imagem deverá ficar como a foto abaixo.

02. Vá em File> Place e adicione seu retrato.

03. Rotacione levemente a imagem para ajustar o nível dos olhos com as linhas guia que aplicamos, pressione Enter para finalizar a transformação.

04. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Horizontal, pressione Enter para finalizar a transformação, defina a opacidade em 50%.

05. Com a tecla Ctrl pressionada clique sobre as duas layers com a foto, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste para diminuir a imagem, deixe a imagem com a medida entre 50 e 75 pixels, pressione Enter para finalizar a transformação, pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor branca, pressione a letra B do teclado para selecionar a Pencil Tool, escolha um brush de tamanho pequeno e pinte os olhos como na foto abaixo, pressione Ctrl+H para desabilitar as linhas guia.

06. Pressione a letra I do teclado para selecione a Eyedropper Tool, clique no primeiro tom de pele que usaremos em nossa pixel art, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a tecla Shift pressionada clique e arraste para criar um quadrado, pressione Alt+Backspace (a tecla acima do Enter) para preencher a seleção com a cor selecionada, pressione Ctrl+D para desabilitar a seleção.

07. Vá em Window> Color para abrir o painel Color, clique na pequena seta no canto superior direito da paleta e escolha a opção HSB Sliders.

08. Repita o procedimento que fizemos anteriormente para continuar criando nossa paleta de cores, caso queira gerar as cores diretamente no painel Color basta multiplicar os valores usados por 5 ou 10.

09. Crie mais versões das cores acentuando ou diminuindo em 10% o brilho de cada cor escolhida para criar a pixel art.

10. Crie mais versões usando diferentes valores de Hues subindo ou descendo o valor em 10º.

11. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, esta layer será onde criaremos a pixel art, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de fundo, deixe a layer entre a layer da pixel art e as layers da foto, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor branca, defina a opacidade da layer em 60%, esta layer servirá para visualizar como está ficando a pixel art, pressione a letra B do teclado para selecionar a Pencil Tool, escolha a cor mais clara e comece a pintar as áreas mais claras do rosto.

12. Escolha as cores mais próximas ao tom da pele do modelo e continue pintando o rosto do modelo, ative e desative a visibilidade da layer em preto para visualizar como está ficando a pixel art.

13. Continue aplicando as cores apenas de um lado do rosto, assim que o lado direito estiver pronto duplicaremos a área criada e inverteremos para criar o rosto completo.

14. Continue aplicando as cores seguindo a tonalidade da pele do modelo, como na foto abaixo.

15. Caso não tenha certeza sobre o tom da cor pressione a letra I do teclado para selecionar a Eyedropper Tool, clique sobre a área da pele, pressione a letra B do teclado para selecionar a Pencil Tool e risque sobre a escala de cor que usamos até encontrar o tom em que a cor desaparece.

16. Continue aplicando as cores da paleta que criamos anteriormente.

17. Crie mais dois tons escuros para aplicar na área dos olhos.

18. Clique na layer em preto e pressione Ctrl+I para inverter a cor para branco, isso ajudará a criar um contraste maior para trabalhar a área dos olhos.

19. Faça a área dos olhos como na foto abaixo.

20. Clique na layer em branco e pressione Ctrl+I para inverter a cor para preto, pressione Ctrl+J para duplicar a layer que contém nossa pixel art, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Horizontal, posicione a cópia da layer do lado oposto do rosto e pressione Enter para finalizar a transformação.

21. Continue trabalhando as outras partes do rosto.

22. Clique na layer em preto e pressione Ctrl+I para inverter a cor para branco, continue trabalhando os detalhes do rosto.

23. Pressione Ctrl+J para duplicar a layer que contém nossa pixel art, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Horizontal, posicione a cópia da layer do lado oposto do rosto e pressione Enter para finalizar a transformação.

24. Continue trabalhando as sombras do rosto utilizando o tom mais escuro que separamos.

25. Escolha o tom mais escuro e crie o contorno do rosto, orelha e barba.

26. Pinte a barba utilizando mais tons escuros, para que ela fique como a foto abaixo.

27. Trabalhe os lábios utilizando tons mais claros, como na foto abaixo.

28. Pressione Ctrl+J para duplicar a layer que contém nossa pixel art, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Horizontal, posicione a cópia da layer do lado oposto do rosto e pressione Enter para finalizar a transformação.

29. Agora trabalhe a parte da testa para terminar a parte da pele no modelo.

30. Faça a parte do cabelo usando o tom mais escuro da paleta de cores.

31. Pressione Ctrl+E para mesclar as layers que contém a pixel art criada, vá em Layer> Hide Layers para retirar a visibilidade da layer, pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha um tom mais claro e crie o detalhe do cabelo.

32. Clique na layer que contém a pixel art e vá em Layer> Show Layers para ativar a visibilidade da layer, clique na layer que contém o detalhe do cabelo e pressione Ctrl+E para mesclar as layers.

33. Usando o tom mais escuro faça as linhas de contorno da camisa.

34. Utilizando a paleta de cores que criamos pinte o pescoço do modelo.

35. Utilizando uma escala de cinza aplique os detalhes da camisa, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção ao redor da foto, como na foto abaixo, vá em Edit> Stroke, escolha o tom mais escuro que utilizamos, defina o valor de Size em 8 pixels e pressione Ok.

36. Aplique uma cor de fundo, como na foto abaixo, clique na layer da imagem original que usamos como referência e pressione Delete para eliminar a imagem, repita o procedimento com a segunda layer que também contém a imagem do modelo.

37. Trabalhe mais detalhes na testa e bochechas do modelo melhorando o gradiente ou deixando ele mais simples.

38. Adicione mais detalhes no cabelo e barba do modelo para dar mais volume.

39. Vá em Layer> New Adjustment Layer> Hue/Saturation e aumente levemente o valor de Saturation para intensificar as cores.

40. No final sua pixel art ficará como a da foto abaixo.

Site de origem: https://design.tutsplus.com/tutorials/how-to-create-a-pixel-art-portrait-in-adobe-photoshop–cms-26436

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

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

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Inspiração, Cartazes de Rock: Guns n’ Roses

Photoshop Básico: Painel Brush no Photoshop