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 🙂
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.
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.
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.
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.
05. Sua imagem deve ficar parecida com a da foto abaixo (com algumas variações).
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.
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.
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).
10. Ao final sua ilustração estará como a da foto abaixo.
site de origem:
http://psdtuts.com/drawing/create-the-classic-look-of-an-engraving-in-photoshop/
Com que photoshop esse efeito foi feito?? O meu photoshop não tem todos esses recursos! =/ meu e-mail: icaro.onweb@rocketmail.com
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 =)
Ficou massa!
Parece aqueleas inlustraçoes de livros de historia!
muito legal!
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.
Hehe, ótimo tutorial André. Essa menina poderia ser a nova “cara” do real brasileiro… kkkkkk!
Valew andre
mais um tuto muito bom!
Meu E-mail é jajai_7[at]hotmail.com
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 !!!!