Criação de um visual de filme noir com um mapa de deslocamento no Photoshop.
O que é um mapa de deslocamento?
Se você é novo no Photoshop, a simples menção de mapas de deslocamento pode ser assustadora. O objetivo deste artigo é fornecer uma introdução a eles; guiá-lo em etapas fáceis de seguir sobre como gerar mapas de deslocamento em tons de cinza simples a partir de uma imagem existente e mostrar como implementá-los de forma eficaz usando o Filtro de Displace no Photoshop.
Um mapa de deslocamento é uma versão em tons de cinza da mesma imagem em que você está trabalhando, salva como um arquivo do Photoshop (.PSD). Este mapa de deslocamento é então usado para aplicar uma textura a um gráfico plano por meio do Deslocar filtrar e distorcer o gráfico para se adequar à forma do mapa. Isso dá ao gráfico plano, ou objeto 2D, uma aparência 3D mais realista. Você pode ter visto imagens online onde uma textura é mapeada no rosto de alguém ou um logotipo contornado em uma superfície texturizada.
Por que usar mapas de deslocamento?
Mapas de deslocamento são uma ótima maneira de mapear a textura em objetos 2D, como logotipos ou texto, adicionar profundidade e uma perspectiva 3D. Espero ilustrar que os mapas de deslocamento não são tão assustadores quanto podem parecer, embora, eu saiba que este artigo pode ser adequado para usuários intermediários do Photoshop, em vez de novatos.
Como implementar um Mapa de Deslocamento?
Assim que um mapa de deslocamento for gerado. Você precisa usar o Deslocar filtro para distorcer o objeto 2D, ou gráfico plano, no mapa. O Deslocar filter está no Photoshop desde a versão 2.0. Não mudou muito desde então, no entanto, ainda é um filtro que vale a pena conhecer. Pode parecer um processo complicado de usar, mas quando você o tenta algumas vezes, é simples. O que ele faz é mover os pixels claros para cima e para a esquerda e os pixels escuros para baixo e para a direita. Isso cria uma ilusão de profundidade por meio da luz. É por isso que seu mapa de deslocamento precisa ser bem contrastado.
Como acessar o filtro Distort no Photoshop.
O primeiro método que descrevo abaixo mostra como usar uma forma vetorial para criar uma marcação de estrada e mapeá-la na superfície da estrada. Esse processo seria o mesmo para aplicar logotipos ou texto em qualquer plano de fundo texturizado. Nos outros dois exemplos, descrevo como os mapas de deslocamento podem ser usados para criar efeitos de sombra. Vamos dar uma olhada.
1. Adicionando uma marcação de estrada realista
Antes e depois, onde a marcação da estrada teve um mapa de deslocamento aplicado.
Objetivo: criar uma sinalização rodoviária realista a partir de um gráfico vetorial.
Vamos começar com a imagem básica da estrada. O mapa de deslocamento em tons de cinza será criado a partir desta imagem. A terceira imagem é a imagem vetorial plana da sinalização viária. Usei a Polygonal Lasso Tool para desenhar uma forma semelhante a uma marcação rodoviária e preenchi-a com branco. Converta isso em um objeto inteligente e, em seguida, oculte esta camada.
Processo de mapa de deslocamento:
Abra o painel Canais e clique em cada um dos canais vermelho, verde e azul para ver qual tem o maior contraste. Neste exemplo, escolhi o azul. Clique e duplique este canal.
Duplicando o canal azul para criar um mapa de deslocamento.
Isso abre outra caixa de diálogo (veja abaixo). Onde diz Documento, clique na guia e escolha Novo. Nomeie este arquivo Deslocar estrada ou o que você quiser e clique em OK.
Clique na guia Documento para selecionar Novo e criar um novo documento para um mapa de deslocamento.
Isso cria um novo documento com a camada chamada Alfa 1. Antes de salvar este documento como um arquivo PSD (Photoshop) em tons de cinza. Você precisa adicionar mais contraste, vá Menu> Imagem> Ajustes> Níveis, em seguida, adicione Gaussian Blur de 9,9 pixels. Isso permitirá que as bordas da forma vetorial de marcação de estrada abracem os contornos da estrada, em vez de ter uma borda recortada. Converta esta imagem em tons de cinza e salve-a como Desloque road.psd. Feche este documento.
Esta caixa de diálogo aparece diretamente após selecionar Novo na etapa anterior.
Um mapa de deslocamento em tons de cinza da imagem da estrada.
Volte para o documento original onde ainda estamos no painel Canais e o canal azul ainda está destacado. Clique na camada RGB para trazer a imagem de volta à cor.
No painel Layers (normalmente tenho este aninhado ao lado do painel de canais), clique no quadrado à esquerda da miniatura da camada para trazer de volta a visibilidade da forma do vetor da estrada que desenhei antes de fazer o mapa de deslocamento. Veja a imagem abaixo.
Com esta camada destacada, vá até Menu> Filtro> Distorcer> Deslocar. Uma pequena caixa de diálogo é exibida. A quantidade de distorção aplicada dependerá dos valores inseridos nas caixas de escala Horizontal e Vertical. O padrão é 10 em cada caixa. Esses valores representam porcentagens.
Quanto mais altos os valores, maior a distorção. Experimente para ver o efeito desejado que você deseja. Quando você converte suas camadas para Objetos Inteligentes, quaisquer ajustes que você fizer podem ser feitos de forma fácil e não destrutiva. Para esta imagem, escolhi 55 na escala horizontal e 80 na vertical. Eu queria mais distorção na marcação da estrada para que combinasse com a aparência gasta da estrada.
Neste ponto, sua imagem pode parecer um pouco estranha, siga a próxima etapa para torná-la mais mesclada e realista.
Close da marcação da estrada após o mapa de deslocamento e os ajustes finais terem sido aplicados.
Ajustes finais: Para dar à marcação de estradas uma aparência mais realista.
Eu adicionei Gaussian Blur de 4px para me livrar da borda levemente pixelada na forma. Clique duas vezes em qualquer lugar à direita da camada para abrir a caixa Estilo de camada. Mudei o Blend Mode para Overlay, reduzi a Opacity para 77% e Fill para 90%. Na seção Blend If, movi o controle deslizante preto para 187 na camada subjacente.
Dica. Se você mantiver pressionada a tecla Alt / Opção ao arrastar os controles deslizantes preto ou branco, isso divide a seta do controle deslizante em duas, o que torna a mistura mais suave.
O controle deslizante preto é dividido na Camada subjacente na caixa de diálogo Opções de mesclagem.
2. Efeitos de sombra - Água
Imagens de antes e depois que mostram a distorção na palavra “Displace” quando um mapa de deslocamento foi aplicado.
Objetivo: criar uma sombra reflexiva realista na água com texto.
Usei a palavra “Deslocar” para mostrar como uma sombra na água pode parecer bastante eficaz e realista. O mapa de deslocamento que fiz para esta imagem funcionou muito bem em distorcer o texto para envolver as ondulações da água. Eu segui os mesmos passos para gerar o deslocamento como acima, mas apliquei um Gaussian Blur de 5,4 px para esta imagem.
Os valores que adicionei na caixa de diálogo Displace para as escalas Horizontal e Vertical foram 80, respectivamente.
Para os ajustes finais, adicionei Gaussian Blur de 10.1px. Mudei o modo de mesclagem para Softlight, reduzi a opacidade para 78% e o preenchimento para 80%. Na seção Blend If, movi o controle deslizante preto na camada subjacente para 148.
A palavra Displace distorcida usando um mapa de deslocamento.
2. Efeitos de sombra - Aparência de filme noir
Usando linhas horizontais pretas e um mapa de deslocamento para simular a luz que brilha através das persianas.
Objetivo: Criar um visual de filme noir ou o efeito da luz que entra pelas cortinas.
Para esta imagem, tive que trabalhar mais no Photoshop para obter o visual final. O processo para gerar um mapa de deslocamento é o mesmo aqui que nos outros exemplos. Lembre-se de que o canal azul não é a melhor escolha para os motivos, pois os tons de pele ficam horríveis.
Isolei o modelo desta imagem e coloquei-o em uma camada separada com uma máscara de camada. Eu adicionei uma camada de ajuste de preto e branco e criei linhas horizontais pretas grossas usando a ferramenta Rectangular Marquee para se parecer com as ripas da janela em uma camada separada. Em seguida, dupliquei essa camada. Usei um para a camada de fundo e adicionei uma quantidade significativa de Desfoque Gaussiano. Em seguida, movi a outra camada acima do modelo com a máscara de camada. Eu queria posicionar as linhas pretas (persianas) no rosto do modelo. Fiz isso usando a ferramenta Free Transform.
Linhas pretas criadas com a ferramenta Rectangular Marquee Tool.
Fiz um mapa de deslocamento e distorci as lâminas sobre a face do modelo usando 15 e 20 como valores para as escalas Horizontal e Vertical.
As linhas pretas foram distorcidas por meio do filtro Displace usando um mapa de deslocamento.
Esta é apenas uma breve descrição dos ajustes finais: apliquei Gradient Overlay e um pouco de Burning para escurecer o lado esquerdo do modelo, pois a fonte de luz está vindo desse diretório. Eu adicionei Gaussian Blur de 28,9 px e reduzi a Opacity para 40%.
Pontas
- Azul é o pior canal para escolher se você estiver fazendo um mapa de deslocamento onde tons de pele estão envolvidos.
- O canal verde geralmente mostra o maior contraste.
- Certifique-se de usar Gaussian Blur ao gerar mapas de deslocamento.
- Os mapas de deslocamento devem ser salvos como um arquivo .PSD em tons de cinza.
Espero ter inspirado você a começar a fazer mapas de deslocamento e usar o Filtro de Displace se você nunca o experimentou antes.