Tutorial: Transforme uma foto em pixel art no Photoshop

COMPARTILHE:

Aprenda como transformar um retrato em Pixel Art usando o Photoshop e suas ferramentas de forma simples e rápida

Preview 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.

  • [message]
    • ##check##AVISO: Transforme uma foto em pixel art no Photoshop

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriaisphotoshop.net

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.

pixel art

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

pixel art

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.

pixel art

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%.

pixel art

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.

pixel art

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.

pixel art

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.

pixel art

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.

pixel art

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

pixel art

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

pixel art

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.

pixel art

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.

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.

pixel art

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

pixel art

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.

pixel art

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

pixel art

pixel art

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

pixel art

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.

pixel art

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

pixel art

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.

pixel art

21. Continue trabalhando as outras partes do rosto.

pixel art

pixel art

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

pixel art

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.

pixel art

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

pixel art

pixel art

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

pixel art

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

pixel art

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

pixel art

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.

pixel art

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

pixel art

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

pixel art

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.

pixel art

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.

pixel art

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

pixel art

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

pixel art

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.

pixel art

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.

pixel art

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

pixel art

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

pixel art

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

pixel art

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

pixel art

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

COMENTÁRIOS

Nome

.ai,68,.asl,1,.eps,23,.indd,1,.jpg,19,.png,38,.psd,434,.sketch,2,.svg,6,2006,90,2007,380,2008,943,2009,1780,2010,1823,2011,1825,2012,1764,2013,240,2014,559,2015,1197,2016,518,2017,747,2018,300,360,4,abril,308,abstrato,60,actions,99,adobe,30,adobe max,1,agosto,406,ajax,1,allan portilho,1,animação,39,arte,27,artistas do photoshop,1045,axis,5,backgrounds,1,basekit,1,básico,52,benq,9,bethesda,4,bgs,51,bmx,1,booombox,2,brasilmegaarena,2,brushes,104,bug,1,bunker,1,capcom,1,cartazes de cinema,54,cartazes de rock,142,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,545,dica ninja,99,dificuldade 1,20,dificuldade 2,224,dificuldade 3,687,dificuldade 4,232,dificuldade 5,27,distortions,4,divulgação,1,diy,32,dlink,1,documentário,91,dollarphotoclub,37,download,1484,edição de vídeo,2,efeito,796,esportes,11,fastcom,3,ferramentas online,1,fevereiro,393,filme,3,flipbook,1,flow motion,1,fontes,493,fotolia,13,fotoshistoricas,40,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gifart,27,goPro,1,gradientes,7,guest post,5,historia da foto,12,hitbox,1,hopi-hari,1,hoplon,13,html5,3,hype,2,hyperlapse,5,hyperx,21,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,399,julho,326,junho,262,kingston,12,kinship,2,layer style,35,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,maio,247,março,384,matéria,534,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,30,música,48,natal,1,novembro,614,off-topic,379,outubro,619,palestra,7,parkour,1,patern,44,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,15,post pago,2,prezi,1,printi,2,project ten,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,28,responsivo,2,retoque de imagem,104,rixty,3,saga,6,selecaoTP,34,setembro,357,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,183,textura,134,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,3,tutorial,2177,tutorial builder,2,tutorial player,2,ubisoft,54,ui,16,unboxing,1,vaio,1,vice,64,vídeo,580,vídeo aula,312,video mapping,3,wallpaper,1,web,19,webfont,1,wix,2,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Transforme uma foto em pixel art no Photoshop
Tutorial: Transforme uma foto em pixel art no Photoshop
Aprenda como transformar um retrato em Pixel Art usando o Photoshop e suas ferramentas de forma simples e rápida
http://www.andresugai.org/Tutoriais/03.2018/T01/imagem44.jpg
::Tutoriais Photoshop::
http://www.tutoriaisphotoshop.net/2018/03/tutorial-transforme-uma-foto-em-pixel-art-no-photoshop.html
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/2018/03/tutorial-transforme-uma-foto-em-pixel-art-no-photoshop.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO BUSCA TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir DOWNLOAD PREMIUM Mas não se preocupe, basta COMPARTILHAR e o DOWNLOAD será LIBERADO GRATUITAMENTE! Assim você ajuda a divulgar o TP nas redes sociais. Obrigado! Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar