Qui 14 Abr 2011, 10:27 am
Etapa 1
Começamos este tutorial abrindo nossa imagem que utilizaremos para criar nosso mapa.
![[Tutorial] Displacement Map - Mapa de deslocamento Map1-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/map1-493x400.jpg)
Etapa 2
Selecione a paleta Channels, caso ela não esteja visível habilite ela acessando no menu principal Window -> Channels. Deixe habilitado somente o canal que oferece o melhor contraste preto e branco, neste caso o canal Red.
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-1-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-1-493x400.jpg)
Etapa 3
Pressione Shift+Ctrl+L para fazer um acerto automático do níveis de luz da nossa imagem.
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-2-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-2-493x400.jpg)
Etapa 4
Agora iremos aplicar um filtro para melhorar a Nitidez, selecione o menu principal Filter -> Sharpen -> Smart Sharpen, e entre com os valores como na imagem abaixo.
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-3-600x399](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-3-600x399.jpg)
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-4-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-4-493x400.jpg)
Etapa 5
Feito isso iremos duplicar o nosso canal Red clicando com o botão direito sobre ele e escolhendo Duplicate Channel… Na janela que se abrir, na opção Document escolhe New para criar um novo documento, digite o nome que quiser.
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-6-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-6-493x400.jpg)
Etapa 6
Neste novo documento que acabamos de criar iremos aplicar um ultimo filtro. Selecione no menu principal Filter -> Blur -> Gaussian Blur, e deixe a opção radius em 1. Salve este documento com o nome de mapa.psd e podemos fechá-lo e voltarmos para o nosso documento do tutorial.![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-7-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-7-493x400.jpg)
Etapa 7
Em nosso documento principal do tutorial podemos habilitar o canal RGB para habilitar todos os canais e voltar a imagem para seu modo original (colorido). Selecione a aba Layers e crie uma nova camada renomeado ela de texto-overlay. Nesta camada digite seu texto escolha uma fonte bem “gorda”, eu utilizei a IMPACTA, e com a cor branca. Em seguida acesse no menu principal Layer -> Rasterize -> Type, para transformar nosso texto em bitmap.
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-8-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-8-493x400.jpg)
Etapa 8
Agora iremos utilizar o filtro displace. Com a camada de texto ainda ativada vá no menu principal e escolha Filter -> Distort -> Displace… Certifique-se que suas opções sejam as mesmas da imagem a seguir, depois clique em Ok. Na janela que se abrir devemos escolher o nosso arquivo mapa.psd que criamos a pouco.
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-9-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-9-493x400.jpg)
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-10-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-10-493x400.jpg)
Etapa 9
Nesta etapa não precisaremos fazer nada, ela é somente um comentário. Veja como nossa imagem está ficando. Note que nosso texto está seguindo a textura da nossa imagem de background. Isso ocorre pois o filtro Displace deslocou os pixeis de nosso texto conforme o nosso mapa. Isto é possível pelo fato de nosso mapa estar em preto e brando e o filtro conseguir, digamos, identificar as ondulações de nossa imagem.
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-11-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-11-493x400.jpg)
Etapa 10
Agora nosso tutorial está quase finalizado, com nossa camada do texto (texto-overlay) selecionado devemos colocá-la em modo Overlay.
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-12-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-12-493x400.jpg)
Etapa 11
Bom como nosso texto mudou de cor e queremos que ele fique com a cor branca devemos duplicar nossa camada texto-overlay e nomear a nova camada para texto-hue e como o nome já diz colocá-la no modo HUE. E nosso tutorial está terminado. Espero que tenham gostado. Até o próximo tutorial de photoshop.
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-13-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-13-493x400.jpg)
![[Tutorial] Displacement Map - Mapa de deslocamento Displacement-map-14-493x400](https://2img.net/h/www.photoshoptutoriais.com.br/wp-content/uploads/2009/09/displacement-map-14-493x400.jpg)
Créditos : PhotoshopTutoriais
Começamos este tutorial abrindo nossa imagem que utilizaremos para criar nosso mapa.
Etapa 2
Selecione a paleta Channels, caso ela não esteja visível habilite ela acessando no menu principal Window -> Channels. Deixe habilitado somente o canal que oferece o melhor contraste preto e branco, neste caso o canal Red.
Etapa 3
Pressione Shift+Ctrl+L para fazer um acerto automático do níveis de luz da nossa imagem.
Etapa 4
Agora iremos aplicar um filtro para melhorar a Nitidez, selecione o menu principal Filter -> Sharpen -> Smart Sharpen, e entre com os valores como na imagem abaixo.
Etapa 5
Feito isso iremos duplicar o nosso canal Red clicando com o botão direito sobre ele e escolhendo Duplicate Channel… Na janela que se abrir, na opção Document escolhe New para criar um novo documento, digite o nome que quiser.
Etapa 6
Neste novo documento que acabamos de criar iremos aplicar um ultimo filtro. Selecione no menu principal Filter -> Blur -> Gaussian Blur, e deixe a opção radius em 1. Salve este documento com o nome de mapa.psd e podemos fechá-lo e voltarmos para o nosso documento do tutorial.
Etapa 7
Em nosso documento principal do tutorial podemos habilitar o canal RGB para habilitar todos os canais e voltar a imagem para seu modo original (colorido). Selecione a aba Layers e crie uma nova camada renomeado ela de texto-overlay. Nesta camada digite seu texto escolha uma fonte bem “gorda”, eu utilizei a IMPACTA, e com a cor branca. Em seguida acesse no menu principal Layer -> Rasterize -> Type, para transformar nosso texto em bitmap.
Etapa 8
Agora iremos utilizar o filtro displace. Com a camada de texto ainda ativada vá no menu principal e escolha Filter -> Distort -> Displace… Certifique-se que suas opções sejam as mesmas da imagem a seguir, depois clique em Ok. Na janela que se abrir devemos escolher o nosso arquivo mapa.psd que criamos a pouco.
Etapa 9
Nesta etapa não precisaremos fazer nada, ela é somente um comentário. Veja como nossa imagem está ficando. Note que nosso texto está seguindo a textura da nossa imagem de background. Isso ocorre pois o filtro Displace deslocou os pixeis de nosso texto conforme o nosso mapa. Isto é possível pelo fato de nosso mapa estar em preto e brando e o filtro conseguir, digamos, identificar as ondulações de nossa imagem.
Etapa 10
Agora nosso tutorial está quase finalizado, com nossa camada do texto (texto-overlay) selecionado devemos colocá-la em modo Overlay.
Etapa 11
Bom como nosso texto mudou de cor e queremos que ele fique com a cor branca devemos duplicar nossa camada texto-overlay e nomear a nova camada para texto-hue e como o nome já diz colocá-la no modo HUE. E nosso tutorial está terminado. Espero que tenham gostado. Até o próximo tutorial de photoshop.
Créditos : PhotoshopTutoriais
