Neste tutorial sobre efeitos do Photoshop, aprenderemos como usar o filtro Deslocar e um mapa de deslocamento para adicionar uma textura interessante ao rosto de uma pessoa em uma foto. O mapa de deslocamento nos permitirá envolver a textura em torno da forma e dos contornos do rosto, em vez de parecer que simplesmente colamos uma textura plana na foto.

Os mapas de deslocamento foram introduzidos pela primeira vez no Photoshop 2.0; portanto, a menos que você ainda esteja usando a mesma versão do Photoshop que comprou há 20 anos, você deve estar bem. Vou usar o Photoshop CS4 neste tutorial, mas qualquer versão recente funcionará.

Para criar o efeito de textura, você precisará de duas imagens - a foto principal à qual deseja aplicar a textura e uma foto a ser usada como a própria textura. Aqui está a imagem em que aplicarei minha textura:

A imagem original.

Aqui está a imagem que vou usar para minha textura, um simples close de uma pedra que tirei do lado de fora:

A foto da textura.

Veja como ficará depois de mapearmos a textura no rosto do homem:

O efeito final do mapa de textura.

Como mapear uma textura para um rosto com o Photoshop

Etapa 1: selecione o canal com o melhor contraste de imagem

Vamos começar com a foto em que aplicaremos a textura. Mude para o painel Canais por um momento. Você encontrará o painel Canais agrupado com os painéis Camadas e Caminhos (os "painéis" são chamados de "paletas" nas versões anteriores do Photoshop). Clique na guia Nome do canal na parte superior do grupo para selecioná-lo. Você verá três canais de cores listados - vermelho, verde e azul - junto com um canal RGB composto na parte superior:

O painel Canais (paleta) no Photoshop.

Para saber mais sobre os canais de cores e o modo de cores RGB no Photoshop, verifique nosso tutorial completo sobre RGB e canais de cores no Photoshop Explained . Vamos usar um desses três canais (vermelho, verde ou azul) para criar nosso mapa de deslocamento, que será usado para mapear nossa textura para os contornos do rosto da pessoa.

Precisamos selecionar o canal que nos dará a maior quantidade de contraste de imagem, pois quanto mais contraste tivermos, melhores serão os resultados com nosso mapa de deslocamento. Clique em cada canal individual (vermelho, verde e azul) no painel Canais. Aqui, estou clicando no canal vermelho para selecioná-lo. O canal atualmente selecionado aparecerá destacado em azul:

Selecione canais individuais clicando neles no painel Canais.

Ao clicar em cada canal, você verá uma versão em preto e branco da foto na janela do documento. Cada canal nos dará uma versão em preto e branco diferente, dependendo da importância da cor na foto. Precisamos escolher o canal que nos dá o melhor contraste de imagem no rosto da pessoa. Aqui está a aparência de cada um dos meus três canais, com vermelho à esquerda, verde no meio e azul à direita:

Cada canal de cor (vermelho, verde, azul) fornece uma versão em preto e branco diferente da imagem.

Normalmente, ao lidar com tons de pele, o canal vermelho fica muito claro e desbotado para ser usado como um mapa de deslocamento (como a pele sempre contém muito vermelho), então você geralmente acaba escolhendo os canais verde ou azul. No meu caso aqui, o canal Blue está muito escuro, então está fora. O canal vermelho na verdade contém mais detalhes do que eu normalmente esperaria, mas acho que o canal verde contém a maior quantidade de contraste, com alguns destaques brilhantes e sombras escuras, por isso vou usar o canal verde no meu mapa de deslocamento.

Etapa 2: duplicar o canal

Depois de determinar qual canal você usará para o seu mapa de deslocamento, verifique se o selecionou no painel Canais. Estou usando o canal verde, então clicarei nele para selecioná-lo:

Clique no canal que você usará para o seu mapa de deslocamento.

Em seguida, clique no ícone de menu no canto superior direito do painel Canais e selecione Duplicar canal no menu que aparece:

Clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) no canal e escolha Duplicar canal.

Isso exibirá a caixa de diálogo Canal duplicado. Selecione Novo para a opção Documento na seção Destino da caixa de diálogo, que abrirá a cópia do canal como um documento separado do Photoshop. Não se preocupe em nomeá-lo:

Defina a opção Documento como Novo para criar um novo documento a partir do canal.

Clique em OK para sair da caixa de diálogo. A imagem em preto e branco aparecerá em uma janela de documento separada:

A versão em preto e branco do canal verde (ou qualquer outro canal que você escolheu) agora aparece em sua própria janela de documento.

A seguir, prepararemos nossa imagem para uso como mapa de deslocamento!

Etapa 3: aplicar o filtro mediano à imagem do mapa de deslocamento

Para essas próximas etapas, trabalharemos na imagem do mapa de deslocamento que acabamos de criar. Portanto, ignore a imagem original por enquanto. Precisamos remover grande parte dos detalhes do rosto da pessoa, caso contrário, todos os pequenos poros, inchaços, restolho e pequenas imperfeições da pele causarão problemas. Usaremos alguns filtros do Photoshop para facilitar as coisas para nós. O primeiro que aplicaremos é o filtro Mediana, que é ótimo para reduzir pequenos detalhes, mantendo as arestas que definem um objeto intacto. Vá para o menu Filtro na barra de menus, na parte superior da tela, escolha Ruído e escolha Mediana :

Vá para Filtro> Ruído> Mediana.

Isso exibirá a caixa de diálogo do filtro Mediano. Fique de olho na sua imagem na janela do documento enquanto arrasta o controle deslizante Raio na parte inferior da caixa de diálogo. O controle deslizante determina quantos detalhes são removidos da imagem. Quanto mais você arrastar o controle deslizante para a direita, mais detalhes serão removidos. A idéia é remover o máximo de detalhes possível do rosto da pessoa, mantendo intactas as arestas importantes. Não há nenhuma configuração específica para usar aqui, pois dependerá do tamanho da imagem em que você está trabalhando, mas vou definir meu valor de Radius para cerca de 8 pixels:

Ajuste a quantidade de raio com o controle deslizante na parte inferior da caixa de diálogo.

Clique em OK para sair da caixa de diálogo. Aqui podemos ver que eu consegui reduzir significativamente os detalhes no rosto do homem, mantendo as bordas definidas agradáveis ​​e nítidas:

Muitos dos detalhes no rosto do homem foram removidos sem desfocar os detalhes importantes da borda.

Etapa 4: aplicar o filtro Gaussian Blur

Em seguida, aplicaremos o filtro Gaussian Blur para finalizar nosso mapa de deslocamento. Volte para o menu Filtro e, desta vez, escolha Desfoque, depois escolha Desfoque Gaussiano :

Vá para Filter> Blur> Gaussian Blur.

Quando a caixa de diálogo Desfoque Gaussiano aparecer, use o controle deslizante Raio na parte inferior da caixa de diálogo da mesma maneira que você usou com o filtro Mediana há pouco, mantendo um olho na sua imagem na janela do documento enquanto arrasta o controle deslizante em direção a direito de aplicar mais desfoque à imagem. Novamente, não há uma configuração específica para usar aqui, pois dependerá da sua imagem, mas o objetivo é aplicar a desfocagem suficiente para suavizar as coisas enquanto ainda é possível distinguir detalhes importantes (olhos, nariz, boca, etc.). Vou aumentar meu valor de raio para cerca de 13 pixels:

Aumente o valor do raio para aumentar a quantidade de desfoque aplicado à imagem.

Clique em OK quando terminar de sair da caixa de diálogo. O Photoshop aplica o desfoque ao mapa de deslocamento:

O mapa de deslocamento agora aparece com transições suaves entre diferentes níveis de brilho.

Etapa 5: converter a imagem em escala de cinza

Por fim, vamos converter nossa imagem do mapa de deslocamento para o modo de cores em escala de cinza . Tecnicamente, isso não é absolutamente necessário, pois o Photoshop também pode usar mapas de deslocamento salvos em outros modos de cor, mas você pode encontrar problemas se o mapa de deslocamento contiver muitos canais, convertendo a imagem em escala de cinza, o que limita a imagem a um canal único, é uma boa maneira de evitar esses problemas. Vá para o menu Imagem na parte superior da tela, escolha Modo (que é a abreviação de Modo de cor) e escolha Escala de cinza :

Vá para Imagem> Modo> Escala de cinza.

Etapa 6: Salvar a imagem como um arquivo .PDF do Photoshop

Agora que preparamos nossa imagem para ser usada como um mapa de deslocamento, precisamos salvá-la e salvá-la especificamente como um arquivo .PSD do Photoshop . Esse é o único tipo de arquivo que o Photoshop pode usar para mapas de deslocamento, embora eu não tenha idéia do motivo. Às vezes, você só precisa aceitar as coisas, e esse é um daqueles momentos. Vá para o menu Arquivo na parte superior da tela e escolha Salvar como :

Vá para Arquivo> Salvar como.

Isso abre a caixa de diálogo Salvar como. Dê ao arquivo um nome descritivo. Vou nomear o meu "displace.psd" e certifique-se de selecionar o Photoshop para a opção Formato para que seja salvo como um arquivo .PSD. Acho que o local mais fácil para salvar mapas de deslocamento é em uma pasta "mapas de deslocamento" que eu criei na minha área de trabalho, por isso é onde eu salvarei meu arquivo:

Salve o arquivo em um local que você possa se lembrar facilmente, como sua área de trabalho.

Clique no botão Salvar quando terminar de salvar o arquivo. Agora você pode fechar a janela de documento do mapa de deslocamento.

Etapa 7: selecione o rosto da pessoa na foto

Neste ponto, terminamos de trabalhar no nosso mapa de deslocamento, então volte para a sua foto original (na qual você aplicará a textura). Se você ainda estiver vendo a imagem em preto e branco na janela do documento, é porque ainda temos um único canal selecionado no painel Canais. Clique no canal RGB na parte superior do painel Canais para recuperar a versão em cores da imagem. O canal RGB não é realmente um canal, é simplesmente o composto dos três canais individuais e é o que nos permite ver a imagem em cores:

Clicar no canal RGB seleciona todos os canais de uma só vez e exibe a imagem em cores.

Volte também para o painel Camadas clicando na guia Nome das camadas na parte superior do grupo de painéis. Precisamos selecionar a área da foto para a qual queremos mapear a textura. Como queremos mapear a textura apenas para o rosto da pessoa, primeiro precisamos selecioná-la. Use a ferramenta de seleção de sua escolha (Lasso Tool, Pen Too l, etc.) para desenhar uma seleção em torno da área necessária. No meu caso, usarei a Lasso Tool para desenhar uma seleção em torno do rosto do homem e do topo de sua cabeça:

Desenhe uma seleção em torno da área para a qual deseja mapear a textura.

O único problema é que, se eu aplicasse a textura agora, seus olhos seriam cobertos pela textura, pois estão atualmente dentro da área selecionada. Preciso remover os olhos dele da seleção, e a maneira mais fácil de fazer isso é simplesmente pressionar minha tecla Alt (Win) / Option (Mac), que coloca temporariamente a Lasso Tool no modo Subtrair da seleção, indicado por um pequeno sinal de menos ("-") no canto inferior direito do ícone do laço. Arraste uma seleção em torno de cada olho para removê-los da área selecionada. Quando terminar, você verá os contornos da seleção ao redor da cabeça e dos olhos da pessoa. Somente a área entre os contornos da seleção agora está selecionada, o que significa que os olhos não serão mais afetados:

Mantenha pressionada a tecla Alt (Win) / Option (Mac) para alternar temporariamente para o modo Subtrair da seleção com qualquer ferramenta básica de seleção.

Não deixe de conferir o tutorial Poder total das seleções básicas para obter mais informações sobre como trabalhar com seleções no Photoshop.

Etapa 8: salvar a seleção

Não precisamos da nossa seleção neste momento, mas precisaremos em breve, então vamos salvá-la. Vá para o menu Selecionar na parte superior da tela e escolha Salvar seleção :

Vá para Selecionar> Salvar seleção.

Isso abre a caixa de diálogo Salvar seleção. Vou nomear minha seleção como "face", depois clicarei em OK para salvar a seleção para uso posterior:

Salvar uma seleção nos permite carregá-la facilmente novamente sempre que precisarmos.

Depois de salvar a seleção, pressione Ctrl + D (Win) / Command + D (Mac) para desmarcar rapidamente a seleção, removendo os contornos da seleção da imagem.

Etapa 9: Copie a imagem da textura para a imagem original

Abra a foto que você usará para sua textura. No meu caso, estou usando a foto de textura de rocha que vimos no início do tutorial. Agora você deve ter sua imagem original e a foto da textura abertas em suas próprias janelas de documentos separadas na tela.

Verifique se a foto de textura foi selecionada clicando nela em qualquer lugar dentro da janela do documento. Em seguida, vá até o menu Camada na parte superior da tela e escolha Duplicar camada :

Vá para Camada> Camada duplicada.

Isso abre a caixa de diálogo Camada duplicada. Vou nomear minha camada copiada de "textura", embora o nome não seja tão importante. O importante é que você selecione o documento da imagem original como o destino da camada copiada, para que nossa foto de textura apareça dentro do documento da foto original. Minha foto original se chama "texture_mapping.psd", então selecionarei como meu destino:

Selecione a imagem original como destino para a camada.

Clique em OK quando terminar de sair da caixa de diálogo e copiar a foto da textura para o documento da imagem original. Você pode fechar a janela do documento da foto de textura neste momento, o que nos deixa com apenas uma janela de documento aberta contendo a foto original e a foto de textura, com a foto de textura agora bloqueando a visualização da imagem original. Se olharmos no painel Camadas, podemos ver que agora temos duas camadas. A imagem original está na camada Plano de fundo, enquanto a foto da textura está em uma nova camada acima dela:

Como a foto da textura está acima do original no painel Camadas, ela bloqueia a imagem original na exibição na janela do documento.

Etapa 10: carregar a seleção

Aqui é onde precisamos da seleção que criamos e salvamos anteriormente. O Photoshop realmente salva as seleções como canais e, se voltarmos ao painel Canais, podemos ver que nossa seleção aparece como um canal separado abaixo dos canais RGB. Meu canal se chama "face" porque foi assim que o nomeei quando salvei a seleção. Para carregar a seleção rapidamente, mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique diretamente na miniatura do canal:

Mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique diretamente na miniatura do canal para carregá-lo como uma seleção na janela do documento.

Volte para o painel Camadas quando terminar. Você verá que os contornos da seleção reapareceram no documento, embora possam ser um pouco difíceis de ver sobre a textura:

A seleção foi facilmente carregada de volta no documento.

Etapa 11: adicionar uma máscara de camada

Com a seleção carregada, verifique se a camada de textura está selecionada no painel Camadas (as camadas selecionadas estão destacadas em azul) e clique no ícone Máscara de camada na parte inferior do painel Camadas:

Adicione uma máscara de camada à camada de textura clicando no ícone Máscara de camada.

Isso adiciona uma máscara de camada à camada de textura e, como selecionamos a cabeça da pessoa quando adicionamos a máscara, apenas a área da foto de textura que caiu dentro da seleção permanece visível. O restante da camada de textura agora está oculto:

Somente o rosto do homem permanece coberto pela foto da textura, graças à máscara de camada.

Etapa 12: Alterar o modo de mesclagem da camada de textura para sobrepor

Para misturar a textura com o rosto da pessoa, vá para a opção Blend Mode na parte superior do painel Layers e altere o modo de blend de Normal (a configuração padrão) para Overlay :

Altere o modo de mesclagem da camada de textura para Overlay.

A textura agora combina muito bem com o rosto do homem. Sinta-se à vontade para experimentar também outros modos de mesclagem, como Multiply ou Hard Light, e comparar os resultados obtidos, mas o modo Overlay geralmente é a melhor opção para esse efeito:

A imagem após alterar o modo de mesclagem da camada de textura para Overlay.

Etapa 13: selecione a camada de textura

As coisas já parecem muito boas neste momento, mas para adicionar ainda mais realismo, vamos usar nosso mapa de deslocamento para ajustar a textura ao redor dos contornos do rosto da pessoa. Primeiro, precisamos selecionar a camada de textura, pois atualmente temos a máscara de camada, e não a própria camada, selecionada. Podemos dizer qual é selecionado olhando as miniaturas no painel Camadas. Você notará que, no momento, a miniatura da máscara de camada na camada de textura tem uma borda de destaque branca ao redor. Isso significa que a máscara de camada está atualmente selecionada. Para selecionar a camada em si, clique diretamente na miniatura de visualização da máscara de camada:

Quando a miniatura de visualização tem uma borda de destaque ao redor, a camada é selecionada. Quando a miniatura da máscara tem a borda de destaque, a máscara de camada é selecionada.

Etapa 14: Desvincular a camada da máscara de camada

Se aplicarmos nosso mapa de deslocamento agora, o conteúdo da camada (a foto da textura) e a máscara da camada serão remodelados pelo mapa de deslocamento, e isso ocorre porque o conteúdo da camada e a camada mascarada são vinculados. Podemos dizer que eles estão vinculados pelo pequeno ícone de link entre as duas miniaturas. Para desvincular o conteúdo da camada da máscara de camada para que a máscara não seja afetada pelo mapa de deslocamento, clique no ícone do link para removê-lo:

Clique no ícone do link pequeno para desvincular o conteúdo da camada da máscara de camada.

Etapa 15: aplicar o filtro Displace

Finalmente, estamos prontos para aplicar nosso mapa de deslocamento, e fazemos isso usando o filtro Displace do Photoshop. Vá para o menu Filtro, escolha Distorcer e escolha Deslocar :

Vá para Filtro> Distorcer> Deslocar.

O filtro Deslocar é realmente composto de duas caixas de diálogo separadas. A primeira caixa de diálogo pede para definir algumas opções, com as duas opções mais importantes no topo. As opções Escala horizontal e Escala vertical determinam quanto impacto o mapa de deslocamento terá na imagem. Em outras palavras, eles determinam até que ponto os pixels da imagem serão alterados horizontal e verticalmente. Infelizmente, não há visualização disponível; portanto, o filtro Deslocar geralmente envolve algumas tentativas e erros até você acertar as coisas. O valor padrão de 10 para as opções de Escala horizontal e vertical é um bom ponto de partida, mas vou aumentar o meu para 15 para um pouco mais de impacto. Os valores que você acaba usando dependerão do tamanho da sua imagem e da sua própria ideia do que parece "certo", portanto, esteja preparado para desfazer essa etapa algumas vezes e tentar novamente. Você pode deixar as opções Alongar para ajustar e Repetir pixels de borda na metade inferior da caixa de diálogo selecionada:

As opções Escala vertical e Escala horizontal determinam a distância que os pixels da imagem se moverão.

Clique em OK quando terminar de sair dessa primeira caixa de diálogo, que exibirá a segunda caixa de diálogo solicitando que você escolha seu mapa de deslocamento. Navegue até onde você salvou o mapa de deslocamento que criamos anteriormente. O meu foi salvo em uma pasta "mapas de deslocamento" na minha área de trabalho; é para onde vou navegar, clique no mapa de deslocamento para selecioná-lo e clique em Abrir:

Selecione o mapa de deslocamento que criamos anteriormente.

Assim que você abre o mapa de deslocamento, o Photoshop o aplica à textura e mapeia a textura para os contornos do rosto e da cabeça da pessoa. Se você estiver usando uma textura com muitas linhas retas, como uma bandeira americana, por exemplo, verá uma diferença muito notável na forma como a textura envolve a forma do rosto da pessoa. Se você estiver usando uma textura como a que estou usando com muitas linhas e rachaduras de formato aleatório, a diferença pode não ser tão perceptível, embora as coisas ainda devam parecer mais realistas após a aplicação do mapa de deslocamento. Ou pelo menos, tão realista quanto uma textura de rocha mapeada para o rosto de uma pessoa pode parecer. Aqui está o meu resultado final:

O resultado final mapeado da textura.