Neste tutorial, aprenderemos como colocar uma imagem em texto com o Photoshop, um efeito muito popular para criar e que também é muito fácil de fazer graças ao poder das máscaras de recorte do Photoshop, como estamos prestes a Vejo!

Esta versão do tutorial é para o Photoshop CS5 e versões anteriores. Se você estiver usando o Photoshop CC ou CS6, consulte a versão totalmente revisada e atualizada deste tutorial. Aqui está o efeito que estamos buscando:

O efeito final "imagem no texto".

Vamos começar!

Como colocar uma imagem no texto

Etapa 1: Abra uma foto para colocar dentro do seu texto

Primeiro, precisamos da imagem que vamos colocar dentro do nosso texto. Vou usar esta foto panorâmica do Havaí:

Vista para o mar do Havaí.

Assista ao tutorial em vídeo em nosso canal do YouTube!

Etapa 2: duplicar a camada de plano de fundo

Se olharmos na paleta Layers, podemos ver que atualmente temos uma camada, denominada Background . Esta camada contém nossa imagem. Precisamos duplicar essa camada, e a maneira mais fácil de fazer isso é usando o atalho de teclado Ctrl + J (Win) / Command + J (Mac). Se olharmos mais uma vez na paleta Camadas, veremos que agora temos duas camadas. A camada de plano de fundo original está na parte inferior e uma cópia da camada de plano de fundo, que o Photoshop nomeou automaticamente "Camada 1", está acima dela:

Paleta de camadas do Photoshop.

Etapa 3: adicionar uma nova camada em branco entre as duas camadas

Em seguida, precisamos adicionar uma nova camada em branco entre a camada Background e a "Camada 1". Atualmente, "Camada 1" é a camada selecionada na paleta Camadas. Podemos dizer qual camada está selecionada porque a camada selecionada está sempre destacada em azul. Normalmente, quando adicionamos uma nova camada, o Photoshop coloca a nova camada diretamente acima da camada selecionada atualmente, o que significa que o Photoshop colocaria a camada acima da "Camada 1". Não é isso que queremos. Queremos que a nova camada seja colocada abaixo da "Camada 1". Aqui está um truque útil. Para adicionar uma nova camada abaixo da camada atualmente selecionada, mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique no ícone Nova camada na parte inferior da paleta Camadas. Manter Ctrl (Win) / Command (Mac) pressionado é o truque para colocar a camada abaixo da camada atualmente selecionada:

Mantenha pressionada a tecla "Ctrl" (Win) / "Command" (Mac) e clique no ícone New Layer na paleta Layers.

Agora, temos uma nova camada em branco chamada "Camada 2", localizada diretamente entre a camada Fundo e a "Camada 1":

A paleta Layers mostra a nova camada em branco entre a camada Background e a "Layer 1".

Etapa 4: preencher a nova camada com branco

No momento, nossa nova camada está completamente em branco. Vamos preenchê-lo com branco para que apareça como fundo branco depois de colocarmos nossa imagem dentro do texto. Vá para o menu Editar na parte superior da tela e escolha Preencher . Isso exibirá a caixa de diálogo Preenchimento do Photoshop. Selecione Branco para a opção Conteúdo na parte superior da caixa de diálogo e clique em OK para sair da caixa de diálogo:

Selecione Branco para a opção Conteúdo na parte superior da caixa de diálogo do comando Preencher.

Parece que nada aconteceu na janela do documento, pois a imagem na "Camada 1" está bloqueando a visualização da "Camada 2", mas se observarmos a miniatura de visualização da camada para "Camada 2" na paleta Camadas, podemos ver com certeza, a camada agora está cheia de branco sólido:

A miniatura de visualização da "Camada 2" mostra que a camada agora está cheia de branco.

Etapa 5: selecione "Camada 1" na paleta Camadas

Está na hora de adicionar o nosso texto, mas para ver o texto quando o adicionamos, precisamos que o texto apareça acima da "Camada 1"; caso contrário, a imagem na "Camada 1" impedirá a exibição do texto. Para garantir que possamos ver nosso texto, clique em "Camada 1" na paleta Camadas para selecioná-lo. Dessa forma, assim que começarmos a digitar, o Photoshop criará uma nova camada de texto para nós e a colocará diretamente acima da "Camada 1":

Clique em "Camada 1" na paleta Camadas para selecioná-lo.

Etapa 6: selecione a ferramenta Tipo

Para adicionar o texto, precisaremos da Ferramenta de texto do Photoshop, então selecione a Ferramenta de texto na paleta Ferramentas. Você também pode selecionar rapidamente a Ferramenta de texto pressionando a letra T no teclado:

Selecione a ferramenta Type.

Etapa 7: Escolha uma fonte na barra de opções

Com a ferramenta Type selecionada, vá até a barra de opções na parte superior da tela e escolha a fonte que você deseja usar para o efeito. Geralmente, fontes com letras grossas funcionam melhor. Eu vou escolher Arial Black. Não se preocupe com o tamanho da fonte por enquanto:

Selecione uma fonte na barra de opções.

Etapa 8: definir branco como cor de primeiro plano

Esta etapa não é absolutamente necessária, mas para me ajudar a ver meu texto, vou usar o branco na cor do meu texto. A cor que você escolher para o seu texto não importa realmente, pois preencheremos o texto com uma imagem em um momento, mas ainda ajuda poder ver o texto ao adicioná-lo. Para definir a cor do texto como branca, tudo o que precisamos fazer é definir a cor de primeiro plano do Photoshop como branca. Primeiro, pressione a letra D no teclado, que redefinirá as cores de primeiro plano e plano de fundo para os padrões. Preto é a cor padrão da cor de primeiro plano e branco é a cor padrão da cor de fundo. Para trocá-los para que o branco se torne a cor do primeiro plano, pressione a letra X no teclado. Se você observar as amostras de cores do primeiro plano e do plano de fundo próximas à parte inferior da paleta Ferramentas, verá que o branco agora é a cor do primeiro plano (a amostra esquerda):

Definir a cor do primeiro plano como branco define também a cor do texto para branco.

Etapa 9: adicione seu texto

Com a Ferramenta de texto selecionada, sua fonte escolhida e branca como sua cor de primeiro plano, clique dentro da janela do documento e adicione seu texto. Como estou usando uma foto de uma cena do oceano no Havaí, vou digitar a palavra "HAWAII":

Clique dentro do documento e adicione seu texto.

Quando terminar, clique na marca de seleção na Barra de opções para aceitar o texto.

Clique na marca de seleção na barra de opções para aceitar o texto.

Etapa 10: redimensionar e reposicionar o texto com o comando Free Transform

Você provavelmente precisará redimensionar e reposicionar seu texto neste momento, e podemos fazer essas duas coisas usando o comando Free Transform do Photoshop. Pressione Ctrl + T (Win) / Command + T (Mac) no teclado para abrir a caixa Transformação livre e alças ao redor do texto e arraste qualquer uma das alças para redimensionar o texto. Se você deseja redimensionar o texto sem distorcer a aparência, mantenha pressionada a tecla Shift e arraste qualquer uma das quatro alças de canto. Você também pode redimensionar o texto do centro mantendo pressionada a tecla Alt (Win) / Option (Mac) enquanto arrasta. Por fim, para mover o texto, clique em qualquer lugar dentro da caixa Transformação livre e arraste o mouse para mover o texto dentro da janela do documento:

Use o comando Transformação livre do Photoshop para redimensionar e mover o texto.

Pressione Enter (Win) / Return (Mac) quando terminar para aceitar a transformação e sair do comando Free Transform.

Etapa 11: Arraste a camada de texto abaixo da "Camada 1"

Agora que temos nosso texto da maneira que queremos, precisamos mover a camada de texto abaixo do texto na paleta Camadas. Clique na camada de texto e arraste-a abaixo da "Camada 1". Você verá uma linha preta grossa aparecer entre "Camada 1" e "Camada 2":

Arraste a camada de texto abaixo de "Camada 1".

Solte o botão do mouse quando a linha preta aparecer para colocar a camada de texto no lugar entre "Camada 1" e "Camada 2":

A camada de texto agora aparece entre "Camada 1" e "Camada 2".

Etapa 12: selecione "Camada 1" novamente

Clique mais uma vez em "Camada 1" na paleta Camadas para selecioná-lo:

A camada de texto agora aparece entre "Camada 1" e "Camada 2".

O texto desaparecerá temporariamente dentro da janela do documento agora que a imagem na "Camada 1" está bloqueando a visualização.

Etapa 13: criar uma máscara de recorte

Para criar a ilusão de que a foto está dentro do texto, precisamos usar uma máscara de recorte . Isso "recortará" a foto na "Camada 1" para o texto na camada diretamente abaixo dela. Quaisquer áreas da foto que aparecerem diretamente acima das letras permanecerão visíveis no documento. O restante da foto desaparecerá da vista.

Com "Camada 1" selecionada na paleta Camadas, vá para o menu Camada na parte superior da tela e escolha Criar máscara de recorte :

Vá para Camada> Criar máscara de recorte.

Se olharmos na janela do documento, podemos ver que a foto agora parece estar dentro do texto:

A foto agora aparece dentro das letras.

Etapa 14: adicionar uma sombra projetada (opcional)

Para completar meu efeito, adicionarei uma sombra projetada às letras. Se você quiser acompanhar, primeiro selecione a camada de texto na paleta Camadas e clique no ícone Estilos de camada na parte inferior da paleta Camadas:

Selecione a camada de texto e clique no ícone Estilos de camada.

Selecione Sombra projetada na lista de estilos de camada que aparece:

Selecione o estilo da camada Drop Shadow.

Isso abre a caixa de diálogo Layer Style do Photoshop, definida como as opções Drop Shadow na coluna do meio. Vou deixar a maioria das opções em paz, mas reduzirei a Opacidade do sombreamento para cerca de 60%, para que não seja tão intenso, e definirei o ângulo do sombreamento para 120 ° :

A caixa de diálogo Layer Style exibindo as opções para o Drop Shadow.

Clique em OK quando terminar de aplicar a sombra projetada e sair da caixa de diálogo Estilo de camada. Aqui está o meu efeito final "imagem no texto":

O efeito final "imagem no texto".

Próximo tutorial: Como colocar uma imagem em várias camadas de texto de uma vez!

Colocando uma imagem no texto - Resumo rápido

Abordamos muito neste tutorial. Aqui está um rápido resumo das etapas para quando você precisar:

  • No Photoshop, abra sua foto e pressione Ctrl + J (Win) / Command + J (Mac) para duplicar a camada Background.
  • Pressione e mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e, no painel Camadas, clique no ícone Nova camada para adicionar uma nova camada em branco entre as duas camadas existentes.
  • Vá para o menu Editar na barra de menus e escolha Preencher . Na caixa de diálogo Preenchimento, defina Usar como branco . Clique OK.
  • No painel Camadas, selecione a camada superior (Camada 1) para ativá-la.
  • Selecione a Ferramenta de texto e, na barra de opções, escolha suas opções de fonte.
  • Defina a cor do primeiro plano como branca, clique no documento e adicione seu texto.
  • Pressione Ctrl + T (Win) / Command + T (Mac) para selecionar Free Transform, redimensione e reposicione o texto conforme necessário. Pressione Enter (Win) / Return (Mac) para sair do Free Transform.
  • No painel Camadas, arraste a camada Tipo abaixo da foto na Camada 1.
  • Selecione Camada 1 para ativá-la, vá para o menu Camada na barra de menus e escolha Criar máscara de recorte .
  • Para adicionar uma sombra projetada ao texto, no painel Camadas, clique no ícone " fx ", escolha Sombra projetada e defina Ângulo e opacidade conforme necessário.

E aí temos que! É assim que é fácil colocar uma imagem no texto com o Photoshop! Visite nossas seções Efeitos de texto ou Efeitos de fotos para obter mais tutoriais sobre efeitos do Photoshop!