Tutorial: Criando uma ilustração com hachuras

COMPARTILHE:

Como criar o efeito hachurado muito usado em ilustrações e cédulas de dinheiro através do filtro Displacement Map.

Preview Descrição: Como criar o efeito hachurado muito usado em ilustrações e cédulas de dinheiro através do filtro Displacement Map.

  • [message]
    • ##check##AVISO: Criando uma ilustração com hachuras

      • 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 :)

tutoriais photoshop

01. Para este tipo de efeito precisaremos de uma ilustração no estilo Line Art separada do fundo, para fazer isto você precisará de um desenho em line art em preto e branco, para separar as linhas do fundo basta ir em Select> Color Range, escolher a opção Shadows, pressionar Ok, isto irá ativar a seleção apenas nos traços pretos, pressione Ctrl+J para criar uma layer apenas com os traços, clique na layer do desenho original e vá em Layer> Delete> Layer, pressione Ctrl+Shift+Alt+N par 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, 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 e clique no documento para preencher a layer com a cor branca, deixe a layer branca abaixo da layer com a line art, ela deve ficar como na foto abaixo, no caso deste tutorial iremos usar a famosa ilustração de Alice, da famosa história de Lewis Carroll.

Criando uma ilustração com hachuras

02. Como iremos usar uma técnica que usa o Displacement Map para criar o efeito de hachura é importante saber que o Displacement Map irá entender as escalas de cinza que usaremos de maneira variada, sendo que valores mais escuros deixarão a textura menor, os tons medianos deixarão a textura mais recuada enquando que os tons mais claros deixaram a textura mais perto, sendo assim, com a figura já aberta pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Flat para a layer, escolha a cor #646464 (cinza), pressione a letra L do teclado para selecionar a Lasso Tool, crie uma seleção ao redor da figura que será trabalhada, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida, pressione Ctrl+J para duplicar a layer, dê o nome de D.Map, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho médio e pontas suaves, na barra de opções da ferramenta defina um baixo valor para Flow, escolha pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, passe o brush nas áreas onde queremos criar sombras, logo após pressione a letra X do teclado para alternar as cores de Foreground e Background, com a cor branca como cor de Foreground passe nas áreas que serão as mais claras da imagem, diminua a opacidade da layer D.Map afim de suavizar o efeito caso seja necessário, vá em Filter> Blur> Gaussian Blur e aplique um pouco de Gaussian Blur para que sua imagem fique como a da foto abaixo, caso seja necessário intensificar o efeito, vá em Image> Adjustments> Brightness/Contrast e mova os sliders de Brightness e de Contrast de acordo com a imagem usada, agora clique na layer que contém a Line Art (que está no topo da paleta de layers) e vá em Layer> Hide Layers, clique na layer Flat e vá em Layer> Hide Layers para desabilitar a visibilidade destas layers, deixe visível apenas as layers Background (com o fundo branco) e a layer D.Map, agora vá em Image> Duplicate e na caixa que irá abrir defina o nome do arquivo como d-map, marque a caixa Duplicate Merged Layers Only e pressione Ok, salve o novo arquivo com o nome de d-map.psd.

Criando uma ilustração com hachuras

03. Agora volte ao arquivo que estavamos trabalhando, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Horiz. pressione a letra B do teclado para selecionar Pencil Tool, com a tecla Shift pressionada crie uma série de linhas horizontais afim de preencher todo o documento, feito isto pressione Ctrl+J para duplicar a layer, dê o nome de Vert. pressione Ctrl+T para abrir a caixa de Free Transform, rotacione as linhas afim de que elas fiquem na vertical, pressione Enter, pressione Ctrl+J para duplicar a layer novamente, dê o nome de Angle, pressione Ctrl+T para abrir a caixa de Free Transform, rotacione as linhas afim de que elas fiquem na diagonal como na imagem abaixo, pressione Enter, agora com a tecla Ctrl pressionada clique na miniatura da layer Flat para ativar a seleção ao redor da imagem, clique na layer Angle (que deve estar no topo da paleta de layers) e vá em Layer> Group Layers, jogue dentro da pasta criada as layers Horiz. e Vert. clique na pasta criada e clique no ícone de Add Layer Mask no rodapé da paleta de layers, sua paleta de layers deve ficar como na imagem abaixo.

Criando uma ilustração com hachuras

04. Agora desabilite a visibilidade das layers Vert. e Angle, para isto clique na layer Vert. e vá em Layer> Hide Layers e depois clique na layer Angle e depois vá em Layer> Hide Layers, clique na layer Horiz. e vá em Filter> Distor> Displace, no caso da imagem usada neste tutorial (os valores mudam de acordo com a imagem usada) foi definido o valor de 50 pixels para Vertical Scale e 0 para Horizontal Scale, ao clicar em Ok escolha o arquivo d-map.psd salvo anteriormente e pressione Ok.

Criando uma ilustração com hachuras

05. Sua imagem deve ficar parecida com a da foto abaixo (com algumas variações).

Criando uma ilustração com hachuras

06. Repita o mesmo processo explicado no passo 04 para a layer Vert., porém desta vez defina o valor de Horizontal Scale na caixa do Filtro Displace em 25 pixels enquanto que em Vertical Scale deixe o valor em 0, pressione Ok, escolha o arquivo d-map.psd e pressione Ok.

07. Agora clique na layer Flat e pressione Ctrl+J para duplicar a layer, agora será necessário identificar as áreas de intersecção das hachuras, elas serão as áreas onde as luzes estarão sendo diretamente apontadas para a imagem, as áreas de hachuras horizontais onde teremos as áreas de luzes sombreadas, as áreas de hachuras verticais que serão as áreas de sombras médias e as áreas onde teremos as hachuras diagonais que serão as áreas de sombras escuras, pressione a letra L do teclado para selecionar a Lasso Tool, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Shadow para a nova layer e comece a definir as áreas e vá preenchendo com cinza escuro, cinza médio, cinza claro ou branco até que sua imagem fique como a da foto abaixo, só lembrando que aqui vale muito a experiência em luz e sombra, sendo que as áreas marcadas com as cores mais escuras são as sombras enquanto que as áreas brancas são as áreas onde a luz está sendo projetada.

Criando uma ilustração com hachuras

08. Agora pressione a letra W do teclado para selecionar a Magic Wand Tool, selecione todas as partes brancas da imagem, pressione Ctrl+Shift+I para inverter a seleção, clique na layer Horiz. e clique no ícone de Add Layer Mask, diminua a opacidade da layer, clique novamente na layer Shadow e com a Magic Wand Tool selecione as áreas brancas, com cinza claro e cinza médio, com a seleção ativa clique pressione Ctrl+Shift+I para inverter a seleção, clique na layer Vert. e logo após clique no ícone de Add Layer Mask.

Criando uma ilustração com hachuras

09. Copie as três layers de textura que criamos (Horiz., Vert. e Angle), pressione Ctrl+G para criar uma nova pastae deixe estas três layers dentro desta nova pasta, agora clique na miniatura da layer Flat com a tecla Ctrl pressionada para ativar a seleção ao redor da forma criada, pressione Ctrl+Shift+I para inverter a seleção, clique na pasta e depois em Add Layer Mask para aplicar uma máscara na pasta criada, clique na layer Horiz. e pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer abaixo de todas as outras, escolha um cinza claro e pressione Alt+Backspce (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 escolhida para ser a cor de fundo, dê o nome de Paper Texture para a layer (caso queira melhorar o efeito nesta layer você pode aplicar uma textura de papel para deixar o efeito da ilustração mais realista).

Criando uma ilustração com hachuras

10. Ao final sua ilustração estará como a da foto abaixo.

Criando uma ilustração com hachuras

site de origem:
http://psdtuts.com/drawing/create-the-classic-look-of-an-engraving-in-photoshop/

COMENTÁRIOS

BLOGGER: 8
  1. Esse tipo de imagem é meio complexa pra se trabalhar
    por isso eu te parabenizo pelo trabalho, mas aos leigos essa montagem não seria grande coisa
    mas mesmo assim parabens pela montagem
    meu nome é jai e eu sou designer de uma emprsa que trabalha com videos. frequentemente eu cofiro o blog s vc achar correto vc pode me adcionar
    parabens pelo Ibest vlew!!!fica na paz !!!!

    ResponderExcluir
  2. Meu E-mail é jajai_7@hotmail.com

    ResponderExcluir
  3. Hehe, ótimo tutorial André. Essa menina poderia ser a nova "cara" do real brasileiro... kkkkkk!

    ResponderExcluir
  4. Olá André, sou novo por aqui e estou impressionado com a qualidade dos seus tutoriais. Felizmente existem pessoas como vc que se dispõe em compartilhar os conhecimentos. Parabéns.............

    Outra coisa, notei que em alguns tutoriais o resultado não fica totalmente igual, posso estar enganado, mas acredito que é devido à resolução usada. Por esse gostaria de pedir que vc colocasse a resolução na qual trabalhou com as imagens. (se não for pedir demais é claro).

    Um abraço e Parabéns novamente.

    ResponderExcluir
  5. Ficou massa!
    Parece aqueleas inlustraçoes de livros de historia!
    muito legal!

    ResponderExcluir
  6. Realmente muito bom! Eu sou desenhista e a tecnica de Hachuras é uma das mais complexasd e se fazer, mas, tá ai o seu tutorial! Simples e rápido (em comparação ao papel e caneta huahuahuahau).

    Muito bom mesmo! Agora, quando eu quiser hachurar é só escanear e fazer no PC =)

    ResponderExcluir
  7. Com que photoshop esse efeito foi feito?? O meu photoshop não tem todos esses recursos! =/ meu e-mail: icaro.onweb@rocketmail.com

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,582,.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,285,2am,1,2axion,1,360,4,abril,378,abstrato,223,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,503,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,94,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,1758,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,561,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,17,html5,3,hype,2,hyperlapse,5,hyperx,29,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,488,junho,392,kingston,15,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,569,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,484,outubro,725,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,responsivo,2,retoque de imagem,111,rixty,3,saga,11,selecaoTP,44,setembro,448,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,70,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,692,vídeo aula,438,video mapping,3,wallpaper,1,warspear,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Criando uma ilustração com hachuras
Tutorial: Criando uma ilustração com hachuras
Como criar o efeito hachurado muito usado em ilustrações e cédulas de dinheiro através do filtro Displacement Map.
https://www.andresugai.org/Tutoriais/09.2008/T15/imagem9.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/09/criando-uma-ilustrao-com-hachuras.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/09/criando-uma-ilustrao-com-hachuras.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