Como Inserir Imagem Dentro Do Texto No PhotoShop

Olá Pessoal!

Veja também o nosso artigo publicado em 16/07/2013:

217 Tutoriais Photoshop De Efeitos De Texto

Nesse tutorial do Photoshop você aprenderá como inserir uma imagem “dentro” de um texto utilizando o método Clipping Mask, também conhecida como Máscara de Corte.

O primeiro passo é ter o texto e a imagem em mãos. 😀 A dica aqui é sempre escolher uma imagem que esteja em conforme com o texto digitado. A fonte do texto deverá ser mais
“cheia” ou “gordinha” para se possa ter um resultado satisfatório.

Nesse tutorial irei utilizar a palavra TERROR com a fonte Impact e a seguinte imagem:

imagem background

Preparando As Camadas

Abra a imagem no Photoshop, criando assim uma camada (layer) chamada ‘Background’. Duplique essa camada utilizando o atalho Ctrl+J. Essa nova camada deve ficar acima da outra:

ordem das camadas

O próximo passo é criar uma nova camada entre as duas com fundo branco.

Para isso você pode clicar no ícone de ‘New Layer’ da paleta de layers, conforme mostra a figura a seguir:

nova camada

Outra opção é utilizar o atalho Ctrl+Shif+N ou ainda clicar em ‘Layer > New > Layer’ e então escolher o nome, que por padrão será ‘Layer 2’ e clicar em ‘OK’. Tenha certeza de que as camadas estarão na seguinte ordem:

nova camada

Repare que o fundo da nova camada está transparente. Selecione-a clicando sobre ela, depois vá em ‘Edit > Fill’ ou utilize o atalho Shift + F5 e escolha White (branco) em ‘Use’:

fill

Inserindo o Texto

Selecione a ferramenta de texto do Photoshop, clicando no botão corresponde ou ainda apertando a tecla T do teclado (atalho):

ferramenta texto

Escolha a cor branca para o Foreground

foreground

e a fonte Impact na barra de opções:

barra opcoes

Digite o texto no Photoshop e clique no botão correspondente na barra de opções, destacado na próxima figura:

barra opcoes confirme

palavra terror na imagem

Clicando em ‘Edit > Free Transform’ ou utilizando o atalho Ctrl+T é possível fazer o redimensionamento da forma que você quiser:

redimensionamento da palavra terror

Ainda é possível aplicar outros efeitos no texto, como o Stroke. Para isso clique no ícone ‘Layer Styles’ da paleta de layers e depois em ‘Stroke’:

layer styles
stroke

Escolha a cor de sua preferência e clique em OK. No caso do tutorial escolhi a cor vermelha:

stroke cor vermelha

Resultado:

resultado do stroke na imagem

Passos Finais

O passo seguinte é ordenar as camadas da seguinte forma:

ordenar as camadas

Faça isso arrastando as camadas com o mouse. Não se preocupe com o desaparecimento do texto. 😀

Selecione a camada ‘Layer 1’ e aplique a máscara de corte. O jeito mais fácil é clicando com o botão direito sobre essa camada e depois em ‘Create Clipping Mask’:

create clipping mask

Repare que a camada ‘Layer 1’ está com uma “setinha” apontando para o texto:

camada clipping aplicado

Isso significa que o efeito foi aplicado. O resultado final você confere na próxima figura:

resultado final

Mudanças

Existem algumas mudanças que você pode fazer, caso não tenha gostado do resultado.

A primeira é mudar a imagem (Layer 1) de lugar. Para isso basta seleciona-la e fazer os ajustes necessários, tais como arrastar, redimensionar e outros. Veja alguns resultados:

variações da imagem

variações da imagem

variações da imagem

variações da imagem

Outra mudança pode ser feita na Layer 2 (fundo branco). É possível adicionar outra imagem, mudar de cor, adicionar degradê e outras opções.

Uma terceira mudança seria na própria fonte, tais como tamanho, efeitos de sombreamento, luz externa e outros.

Ou ainda todas as mudanças ao mesmo tempo, podendo gerar imagens incríveis. Fiz umas modificações só para mostrar o que ser feito:

variações da imagem

Eu sei que a imagem não ficou muito bonita :D, e por isso se você quiser mostrar a sua aqui fique a vontade.

Existem muitos outros tutoriais sobre Photoshop aqui no blog, que podem ser combinados e assim produzir uma super imagem. Fico aguardando a sua montagem. Até a próxima!

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)

19 Responses

    1. Isso é um gif, só conseguirá com outro tipo de programa! procure tutoriais sobre GIFS! 

  1. parabéns, foi o modo mais fácil de fazer esse trabalho que encontrei,
    obrigado

  2. Quero aprender o photoshop e gostaria de saber como instalo o programa e onde encontro gratis. Obrigada desde já. 

    1. Olá! Se você fizer o download duma cópia pirata, corre o risco de comprometer a segurança do seu PC. Pode experimentar uma cópia de teste. Procure no site da Adobe. E pode tentar comprar uma versão barata no ebay. Abraço!

  3. Muito bom seu site!!! Tem tutoriais que tenho certeza que vão ajudar muita gente. Parabéns, é graças a pessoas como você que fazem a net melhor. 
    Abraços!!!!

  4. E ai meu caro…bom dia.. vc explicou como insere testo sobre a foto,  e  como insiro o texto  fora da foto???

  5. Obrigada…. estou começando a trabalhar com o photshop e com suas indicações consegui fazer tudo direitinho. 🙂 Abraço

  6. eu segui o tutorial, o resultado pareceu certo, mas quando abro a imagem o texto continua em branco, o que esta acontecendo ? 

  7. Gostei muito. Consegui fazer um primeiro texto, mas nos outros que tentei, o texto sobre a foto fica sempre com o fundo "branco" e não transparente. Onde estou errando?
    Obrigado a alguém que possa me ajudar.

Leave a Reply to Fábio Cruz Cancel reply

Your email address will not be published. Required fields are marked *


Como Criar Um Site, Blog - WebMaster.pt