Como colocar uma imagem em texto com Photoshop CC e CS6
neste tutorial, aprendemos a colocar uma imagem no texto, um dos efeitos mais populares e clássicos do Photoshop. Como veremos, graças ao poder de cortar máscaras, colocar uma imagem dentro do texto com Photoshop é simples e fácil. Vou usar o Photoshop CS6 aqui, mas este tutorial também é totalmente compatível com o Photoshop CC (Creative Cloud). Se você está usando uma versão mais antiga do Photoshop, certifique-se de verificar a minha colocação original de uma imagem no tutorial de texto.,
aqui a imagem que vou usar (foto havaiana da praia):
E aqui está como a mesma imagem será quando colocada dentro do texto:
como colocar uma imagem no texto com o Photoshop
Passo 1: duplicar a camada de fundo
abra a imagem que deseja colocar dentro do seu texto., Com a imagem recém-inaugurado, se você olhar no seu painel de Camadas, você verá a imagem sentado sobre a camada de Fundo, atualmente, a única camada no documento:
precisamos fazer uma cópia desta camada. Vá para o menu Camada na barra de Menu ao longo do topo da tela, escolha Novo, em seguida, escolher camada através de cópia., Ou, você pode selecionar este mesmo comando do teclado pressionando Ctrl+J (Win) / Command+J (Mac):
Photoshop cria uma cópia da camada, nomeia-a “camada 1”, e coloca-a diretamente acima da camada de fundo:
Passo 2: Adicionar uma camada de enchimento de cor sólida branca
seguinte, vamos adicionar uma das camadas de enchimento de cor sólida do Photoshop para usar como fundo para o nosso efeito., Carregue no novo ícone preencher ou ajustar a camada no fundo do painel de camadas:
escolha a cor sólida no topo da lista que aparece:
Photoshop irá abrir o extractor de cores para que possamos escolher a cor com que queremos preencher a camada., Vou usar o branco para a minha cor de fundo, inserindo um valor de 255 nas caixas R, G e B:
Carregue em OK para fechar o extractor de cores. De volta ao painel de camadas, vemos a camada de enchimento de cor sólida branca (chamada “Color Fill 1”) sentada acima das duas camadas de imagem:
e porque a camada de enchimento está sentada acima de ambas as nossas camadas de imagem, o documento está agora temporariamente preenchido com branco:
Passo 3: arraste a camada de Enchimento De Cores Sólidas abaixo da camada 1
precisamos de mover a camada de Enchimento De Cores Sólidas abaixo da camada 1., Clique sobre o Preenchimento de Cor Sólida camada (certifique-se de que você clique no respectivo pequena amostra de cor ícone da esquerda, não a camada de máscara de ícone à direita), e com o botão do mouse ainda pressionado, arraste a camada para baixo até ver uma barra de realce aparece entre a camada de plano de Fundo e uma Camada de 1:
solte o botão do rato quando a barra de realce aparecer para largar a camada de enchimento no lugar entre as duas camadas de imagem., A sua imagem irá reaparecer na janela do documento:
Passo 4: Seleccione a camada 1
carregue na camada Superior (Camada 1) do painel de camadas para a seleccionar:
Passo 5: Seleccione a Ferramenta de tipo
estamos prontos para adicionar o nosso texto. Selecione a ferramenta Tipo Photoshop do painel de ferramentas ao longo da esquerda da tela. Você também pode selecionar a Ferramenta de tipo simplesmente pressionando a letra T no seu teclado:
Passo 6: Escolha o seu tipo de letra
com a Ferramenta de tipo seleccionada, vá até à barra de opções ao longo do topo do ecrã e escolha o seu tipo de letra. Uma vez que nosso objetivo é colocar uma imagem dentro do texto, geralmente fontes com letras grossas funcionam melhor. Vou escolher Arial Black, mas claro que podes escolher qualquer tipo de letra que gostes. Não te preocupes com o tamanho da letra por agora. Vamos redimensionar o tipo manualmente mais tarde:
Step 7: configure a sua cor de tipo para branco
Este próximo passo não é absolutamente necessário, mas para nos ajudar a ver o texto à medida que o adicionamos, vamos definir a nossa cor de tipo para branco. Se a sua cor do tipo já estiver definida em branco (ou outra cor que possa ver facilmente à frente da sua imagem), pode saltar este passo. Para mudar a cor do tipo, carregue no swatch de cores na barra de opções:
isto mais uma vez abre o extractor de cores. Vou escolher o branco tal como fiz antes, inserindo um valor de 255 para as opções R, G e B., Carregue em OK quando terminar de fechar o extractor de cores:
Passo 8: Adicione o seu texto
com a sua ferramenta de tipo seleccionada, o seu tipo de letra escolhido e a sua cor de tipo definida a branco, carregue dentro do seu documento e adicione o seu texto. Vou escrever a palavra “HAWAII”:
carregue no marcador na barra de opções quando terminar de aceitar o seu texto e sair do modo de edição de texto:
aprenda tudo sobre trabalhar com o tipo no Photoshop com o nosso tutorial do tipo de Photoshop Essentials!
Passo 9: arraste a camada de Tipo abaixo da camada 1
Se olharmos no painel de camadas, vemos a nossa camada de tipo recém-adicionada sentada acima da camada 1, razão pela qual o texto está a aparecer em frente da imagem no documento:
precisamos movê-lo para baixo da camada 1., Carregue na camada do tipo e, com o seu botão do rato ainda carregado, arraste-a para baixo até ver aparecer uma barra de realce entre a camada 1 e a camada de Enchimento De Cores Sólidas:
solte o botão do rato quando a barra de realce aparecer para largar a camada do tipo no lugar:
Passo 10: seleccione a camada 1 de novo
carregue mais uma vez na camada 1 para a seleccionar e torná-la activa:
o Passo 11: Criar Uma Máscara de Recorte
Com a Camada 1 selecionada, clique no pequeno ícone de menu no canto superior direito do painel Camadas:
escolha Criar uma máscara de recorte do menu que aparece:
Este corta a imagem na Camada 1 para o texto no Tipo de camada abaixo dela, o que significa que somente a área da imagem que fica diretamente acima do texto real sobre o Tipo de camada permanece visível, criando a ilusão de que a imagem está dentro do texto. O resto da imagem está agora oculto da vista, e, em seu lugar, vemos o sólido branco camada de Preenchimento:
Se olharmos novamente no painel de camadas, vemos que a camada 1 foi indentada para a direita, com uma pequena seta apontando para baixo para a camada Tipo abaixo dela. É assim que o Photoshop nos permite saber que a camada de tipo está sendo usada como uma máscara de recorte para a camada 1:
tutorial relacionado: como funcionam as máscaras de recorte do Photoshop
Passo 12: Seleccione o tipo camada
carregue na camada de tipo para a seleccionar e torná-la activa:
Passo 13: redimensionar e reposicionar o texto
tudo o que resta agora é mover e redimensionar o tipo, e podemos fazer ambas as coisas usando o comando de Transformação livre do Photoshop. Com a camada de tipo selecionada, vá até o menu Editar no topo da tela e escolha a Transformação livre. Ou, pressione Ctrl+T (Win) / Command+T (Mac) no seu teclado para selecionar Free Transform com o atalho:
Isso coloca a caixa de Free Transform e alças (pequenos quadrados) em todo o texto., Para redimensioná-lo, basta clicar e arrastar qualquer um dos puxadores. Se quiser redimensionar o tipo sem distorcer as formas originais das letras, Mantenha a sua tecla Shift carregada à medida que arrasta 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, carregue dentro da caixa de Transformação livre e arraste-o para a posição com o seu rato:
quando terminar, carregue em Enter (Win)/Return (Mac) para aceitar a transformação e a saída da Transformação livre:
passo 14: adicionar uma sombra de queda (opcional)
Este passo final é opcional, mas para completar o efeito, vou adicionar uma sombra de queda. Se quiser acompanhar, com a camada de tipo ainda activa, carregue no ícone de estilos de camadas (o ícone “fx”) no fundo do painel de camadas:
escolha a sombra na parte inferior da lista que aparece:
isto abre a janela do estilo da camada, configurada com as opções de sombra na coluna do meio. Vou baixar a opacidade da sombra de seu valor padrão de 75% para 50% para reduzir a sua intensidade, então vou definir o ângulo da sombra para 120°., Eu vou aumentar o meu valor de Distância para 30px e o Tamanho para 40px, mas esses dois valores depender muito do tamanho da sua imagem, então você pode precisar para brincar com eles, para encontrar as configurações que funcionam melhor:
Carregue em OK para fechar a janela do estilo da camada, e acabou-se! Aqui, depois de adicionar uma sombra às letras, está a minha “imagem final no texto” resultado: