Como criar uma Line Art com Filtros e Patterns Personalizados.

COMPARTILHE:

Descrição: Hoje veremos como transformar uma foto comum em um desenho no estilo line art usando filtros, patterns personalizados e mod...






Preview Descrição: Hoje veremos como transformar uma foto comum em um desenho no estilo line art usando filtros, patterns personalizados e modos de blend.

Tutorial Avançado




01. Pressione Ctrl+O e abra uma foto qualquer, no caso deste tutorial usaremos a foto abaixo, caso queira utilizar a mesma imagem clique aqui para fazer o download, com a imagem aberta pressione Ctrl+J para duplicar a layer.

tutoriaisphotoshop.net

02. Vá em Filter> Blur> Smart Blur, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

03. Agora pressione Ctrl+I ou vá em Image> Adjustments> Invert para inverter as cores da imagem, vá em Layer> Hide Layers para retirar a visibilidade desta layer.

tutoriaisphotoshop.net

04. Clique na layer da foto original e pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique no documento para preencher a layer com a cor branca, pressione a letra U do teclado para selecionar a Line Tool, crie 45 linhas verticais, mantenha a tecla Shift pressionada para criar as linhas com mais exatidão, clique com o botão direito do mouse sobre cada layer de linha e escolha a opção Rasterize Layer, pressione Ctrl+E para mesclar todas as layers com linha, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse sobre a caixa de Free Transform e escolha a opção Skew, clique e arraste o ponto que está no meio da parte inferior da caixa para que sua imagem fique como a da foto abaixo, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

05. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, com a tecla Shift pressionada clique e arraste para criar uma seleção quadrada como na foto abaixo.

tutoriaisphotoshop.net






06. Vá em Edit> Define Pattern para criar o primeiro pattern que usaremos, dê o nome de pattern stripes 1 e pressione Ok, pressione Ctrl+D para desabilitar a seleção, pressione Ctrl+T para abrir a caixa de Free Transform novamente, 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.

tutoriaisphotoshop.net

07. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, com a tecla Shift pressionada clique e arraste para criar uma seleção quadrada com foi feito anteriormente, vá em Edit> Define Pattern, dê o nome de pattern stripes 2 e pressione Ok, pressione Ctrl+D para desabilitar a seleção, vá em Layer> Hide Layers para retirar a visibilidade da layer, clique na layer da imagem original e pressione Ctrl+J para duplicar a layer, deixe a layer acima da layer em branco, vá em Image> Adjustments> Threshold e defina os valores abaixo.

tutoriaisphotoshop.net

08. Agora vá em Layer> Layer Style> Pattern Overlay, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

09. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

10. Clique com o botão direito do mouse sobre a layer e escolha a opção Convert to Smart Object, mude o modo de blend da layer para Multiply, clique na layer da foto original e pressione Ctrl+J para duplicar a layer, vá em Image> Adjustments> Threshold, desta vez deixe a área com sombras menor, pressione Ok, vá em Layer> Layer Style> Pattern Overlay, desta vez escolha o segundo Pattern que criamos e pressione Ok.

tutoriaisphotoshop.net

11. Clique com o botão direito do mouse sobre a layer e escolha a opção Convert to Smart Object e mude o modo de blend da layer para Multiply.

tutoriaisphotoshop.net




12. Clique na layer que está no topo da paleta de layers (que está invisível) e vá em Layer> Show Layers para ativar a visibilidade da layer novamente, mude o modo de blend da layer para Multiply.

tutoriaisphotoshop.net

13. Clique na layer da foto original e pressione Ctrl+J para duplicar a layer novamente, vá em Image> Adjustments> Threshold, tente deixar sua imagem como a da foto abaixo.

tutoriaisphotoshop.net

14. Deixe a layer no topo da paleta de layers e mude o modo de blend da layer para Multiply.

tutoriaisphotoshop.net

15. Agora pressione Ctrl+O e abra uma textura qualquer, no caso deste tutorial usamos esta textura (caso queira utilizar a mesma textura basta fazer o download), com a textura aberta no Photoshop pressione CtrlA+ para selecionar seu conteúdo, Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar, deixe a layer com a textura acima da layer branca, pressione a letra E do teclado para selecionar a Eraser Tool, defina a opacidade do brush em 30%, escolha um brush de tamanho médio e pontas suaves, passe na área do rosto do modelo, sua imagem ficará como a da foto abaixo.

tutoriaisphotoshop.net

16. Defina a opacidade do brush em 50% e passe a ferramenta ao redor do modelo, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

17. Agora clique aqui para baixar o set de brushes que usaremos neste passo, com o set de brushes instalado (caso não saiba como instalar brushes no Photoshop veja esta vídeo-aula), pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor marrom, pressione a letra B do teclado para selecionar a Brush Tool e escolha um dos brushes do set que acabamos de instalar, aplique os brushes de forma aleatória como na foto abaixo, mude o modo de blend da layer para Multiply e defina a opacidade em 80%.

tutoriaisphotoshop.net

18. Caso queira adicione um texto e no final sua imagem estará como a da foto abaixo.

tutoriaisphotoshop.net

site de origem: http://www.designerfreelance.net/create-a-line-art-illustration-from-a-photo/


COMENTÁRIOS

BLOGGER: 9
  1. Não está dando certo e está mto confuso

    ResponderExcluir
  2. Se puder apenas traduzir certo o tutorial do site original eu agradeceria!

    ResponderExcluir
  3. mantenha a tecla Shift pressionada para criar as linhas com mais exatidão, clique com o botão direito do mouse sobre cada layer de linha e escolha a opção Rasterize Layer, pressione Ctrl+E para mesclar todas as layers com linha, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse sobre a caixa de Free Transform e escolha a opção Skew, clique e arraste o ponto que está no meio da parte inferior da caixa para que sua imagem fique como a da foto abaixo, pressione Enter para finalizar a transformação.


    dai em diante não deu muito certo DDDD: como faz?

    ResponderExcluir
  4. Não funciona, definitivamente... logo essa q é uma montagem do jeito que eu queria ;/

    ResponderExcluir
  5. Realmente, depois do 4o. passo num dah... !@%#$...

    ResponderExcluir
  6. pessimo professor! vc nao perceber que está confuso é a gota dágua!sei nao viu affff

    ResponderExcluir
  7. Consegui um resultado razoavel.

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,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,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,216,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,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,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,486,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Como criar uma Line Art com Filtros e Patterns Personalizados.
Como criar uma Line Art com Filtros e Patterns Personalizados.
http://www.andresugai.org/Tutoriais/08.2010/T04/imagem18.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2010/08/como-criar-uma-line-art-com-filtros-e.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2010/08/como-criar-uma-line-art-com-filtros-e.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 SEARCH 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 THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network 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