em , , , ,

Tutorial: Criando uma ilustração com hachuras

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/

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.

8 Comments

  1. 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 =)

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

  3. 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 !!!!

Clipe da banda Jemapur – Maledict Car.

Hulk em Speed Paint!