escrito por Steve Patterson.

neste tutorial, vamos aprender a colocar uma imagem em texto com Photoshop, um efeito muito popular para criar e que também acontece ser muito fácil de fazer graças ao poder das máscaras de recorte do Photoshop, como estamos prestes a ver!

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

o efeito final “imagem no texto”.,vamos começar!

como colocar uma imagem no texto

Passo 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í:

uma vista oceânica do Havaí.

Assista ao tutorial de vídeo no nosso canal do YouTube!

Passo 2: duplicar a camada de fundo

Se olharmos na paleta de camadas, podemos ver que temos actualmente uma camada, chamada fundo. Esta camada contém a nossa imagem., Precisamos duplicar esta camada, e a maneira mais fácil de fazer isso é usando o atalho de teclado Ctrl+J (Win) / comando+J (Mac). Se olharmos mais uma vez na paleta de camadas, vemos que agora temos duas camadas. A camada de fundo original está no fundo, e uma cópia da camada de fundo, que Photoshop automaticamente chamado de “Camada 1”, está sentado acima dela:

Photoshop ‘ s Layers palette.

Passo 3: Adicionar uma nova camada em branco entre as duas camadas

seguinte, precisamos adicionar uma nova camada em branco entre a camada de fundo e”Camada 1″., Atualmente, “Camada 1” é a camada que é selecionada na paleta de camadas. Podemos dizer que camada é selecionada porque a camada selecionada é sempre realçada em azul. Normalmente, quando adicionamos uma nova camada, o Photoshop coloca a nova camada diretamente acima de qualquer camada atualmente selecionada, 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 seleccionada de momento, mantenha carregada a sua tecla Ctrl (Win) / Command (Mac) e carregue no ícone nova camada no fundo da paleta de camadas. Manter Ctrl (Win) / Command (Mac) é o truque para colocar a camada por baixo da camada seleccionada de momento:

mantenha carregada a tecla “Ctrl” (Win) / “comando” (Mac) e carregue no novo ícone da camada na paleta das camadas.,

agora temos uma nova camada em branco chamado “Camada 2” sentado diretamente entre a camada de Fundo e a “Camada 1”:

A paleta de Camadas, mostrando a nova camada em branco entre a camada de Fundo e a “Camada 1”.

Passo 4: Preencha a nova camada com branco

no momento, a nossa nova camada está completamente em branco. Vamos preenchê-lo com branco para que ele apareça como um fundo branco depois de colocarmos a nossa imagem dentro do texto. Vá para o menu Editar no topo do ecrã e escolha preencher. Isto irá mostrar a janela de preenchimento do Photoshop., Seleccione o branco para a opção conteúdo no topo da janela, depois carregue em OK para sair da janela:

Seleccione o branco para a opção conteúdo no topo da janela do comando Fill.,

Nada parece ter acontecido na janela do documento, já que a imagem em “Camada 1” é o bloqueio de “Camada 2” a partir da vista, mas se olharmos para a camada de visualização em miniatura para “Layer 2” na paleta Camadas, podemos ver que, com certeza, a camada está agora preenchido com branco sólido:

miniatura de pré-visualização para “Layer 2” mostra que a camada está agora preenchido com branco.,

Passo 5: Seleccione a ” camada 1 “na paleta das camadas

está na hora de adicionar o nosso texto, mas para ver o texto quando o adicionarmos, teremos de ter o texto a aparecer acima da” camada 1″, caso contrário a imagem na” camada 1 ” irá bloquear o texto da vista. Para ter certeza de que podemos ver o nosso texto, clique em “Camada 1” na paleta de camadas para selecioná-lo. Desta forma, assim que começarmos a digitar, o Photoshop irá criar uma nova camada de tipo para nós e colocar a camada de tipo diretamente acima da “camada 1”:

clique em “Camada 1” na paleta de camadas para selecioná-la.,

Passo 6: seleccione a Ferramenta de tipo

para adicionar o texto, vamos precisar do tipo de Ferramenta do Photoshop, por isso seleccione a Ferramenta de tipo da paleta de ferramentas. Você também pode selecionar rapidamente a Ferramenta de tipo pressionando a letra T no seu teclado:

selecione a Ferramenta de tipo.

Passo 7: Escolha um tipo de letra na barra de Opções

com a Ferramenta de tipo seleccionada, vá até à barra de opções no topo do ecrã e escolha o tipo de letra que deseja usar para o efeito. Geralmente, as fontes com letras grossas funcionam melhor. Vou escolher Arial Black., Não se preocupe com o tamanho da letra por agora:

seleccione um tipo de letra na barra de Opções.

Passo 8: Defina o branco como a sua cor principal

este passo não é absolutamente necessário, mas para me ajudar a ver o meu texto, vou usar o branco para a minha cor de texto. A cor que você escolhe para o seu texto realmente não importa, uma vez que vamos estar preenchendo o texto com uma imagem em um momento, mas ainda ajuda a ser capaz de ver o texto quando estamos adicionando-o. Para definir a cor do texto para branco, tudo o que precisamos fazer é definir a cor principal do Photoshop para branco., Primeiro, pressione a letra D no seu teclado, que irá repor as cores de primeiro plano e de fundo para os seus valores por omissão. O preto é a cor predefinida para a cor principal e o branco é a cor predefinida para a cor de fundo. Para trocá-los de modo a que o branco se torne a cor principal, carregue na letra X do seu teclado. Se você olhar para as áreas de texto e de fundo perto da parte inferior da paleta de ferramentas, irá ver que o branco é agora a cor principal (o swatch esquerdo):

a opção da cor principal para o branco define a cor do texto para o branco também.,

Passo 9: Adicione o seu texto

com a Ferramenta de tipo seleccionada, o seu tipo de letra escolhido e branco como a sua cor principal, carregue dentro da sua janela do documento e adicione o seu texto. Uma vez que estou usando uma foto de uma cena oceânica no Havaí, vou digitar a palavra “Havai”:

clique dentro do documento e adicione seu texto.

quando terminar, carregue na opção na barra de opções para aceitar o texto.

carregue no marcador na barra de opções para aceitar o texto.,

Passo 10: dimensionar e reposicionar o texto com o comando de Transformação livre

provavelmente terá de redimensionar e reposicionar o seu texto neste ponto, e podemos fazer ambas as coisas usando o comando de Transformação livre do Photoshop. Carregue em Ctrl+T (Win) / comando+T (Mac) no seu teclado para mostrar a caixa de Transformação livre e lidar com o seu texto, arrastando então qualquer uma das pegas para redimensionar o texto. Se quiser redimensionar o texto sem distorcer o aspecto do mesmo, mantenha a sua tecla Shift carregada e arraste qualquer uma das pegas dos quatro cantos., Você também pode redimensionar o texto do seu centro, segurando a tecla Alt (Win) / Option (Mac) à medida que arrasta. Finalmente, para mover o texto, clique em qualquer lugar dentro da caixa de Free Transform e arraste o mouse para mover o texto dentro da janela do documento:

o Uso do Photoshop Free Transform comando para redimensionar e mover o texto.

Carregue em Enter (Win) / Return (Mac) quando terminar de aceitar a transformação e sair do comando Free Transform.,

Passo 11: arraste a camada de texto abaixo da “camada 1”

Agora que temos o nosso texto da forma que queremos, precisamos mover a camada de Tipo abaixo do texto na paleta de camadas. Clique na camada de texto, Em seguida, simplesmente arrastá-lo para baixo “camada 1”. Você verá uma linha preta grossa aparecer entre “Camada 1″e”camada 2”:

arraste a camada Tipo abaixo “Camada 1”.,

solte o botão do rato quando a linha preta aparecer para largar a camada do tipo entre “Camada 1” e “camada 2”:

a camada do tipo aparece agora entre “Camada 1” e “camada 2”.

Passo 12: seleccione “Camada 1” novamente

carregue mais uma vez na “camada 1” na paleta das camadas para a seleccionar:

a camada tipo aparece agora entre “Camada 1” e “camada 2”.

o texto irá desaparecer temporariamente dentro da janela do documento, agora que a imagem na “camada 1” está a bloqueá-la da vista.,

Passo 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. Isto irá “clipar” a foto na “camada 1” para o texto na camada diretamente abaixo dela. Todas as áreas da foto que aparecem diretamente acima das letras permanecerão visíveis no documento. O resto da foto desaparecerá da vista.,

com a” camada 1 ” seleccionada na paleta de camadas, suba para o menu Camada no topo do ecrã e escolha Criar uma máscara de recorte:

Go to Layer > crie uma máscara de recorte.

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

A foto agora aparece dentro das letras.

passo 14: adicionar uma sombra de queda (opcional)

para completar o meu efeito, vou adicionar uma sombra de queda às letras., Se você quiser acompanhar, primeiro, selecione o tipo de camada na paleta de Camadas, em seguida, clique em Estilos de Camada ícone na parte inferior da paleta de Camadas:

Selecione o tipo de camada, em seguida, clique em Estilos de Camada ícone.

seleccione a lista de estilos de camadas que aparece:

Seleccione o estilo da camada de sombra.

isto mostra a janela do estilo de camada do Photoshop, configurada com as opções de sombra na coluna do meio., Eu vou deixar a maioria das opções sozinho, mas eu vou diminuir a Opacidade da sombra para baixo para cerca de 60%, então não é tão intenso, e eu vou definir o Ângulo da sombra 120°:

O Estilo de Camada de exibição da caixa de diálogo opções para a Sombra.

Carregue em OK quando terminar para aplicar a sombra uma saída da janela do estilo da camada. Aqui está a minha última” imagem no texto “efeito:

a última” imagem no texto ” efeito.

tutorial Seguinte: Como colocar uma imagem em várias camadas de texto de uma vez!