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. :D 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. :D

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!

Be Sociable, Share!

19 Comentários

  1. fernanda

    como fazer isso , só que com mais de uma imagem? tipo assim &nbsp ;http://25.media.tumblr.com/tumblr_lrohjl8Jmm1qgfwqmo1_500.gif

  2. juliano

    vlw ai gostei do Tutorial

  3. fernanda

    tem como colocar gif dentro do texto se tiver por favor me ajude

  4. betonasa

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

  5. Jordan Almeida

    OBRIGADO MUITO BOM !

    ME LIVROU DE UMA ENROSCADA AGORA!

  6. OTIMOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO ;D

  7. zenailde

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

    • 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!

  8. 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!!!!

  9. Fuga

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

  10. CLÁUDIA

    OBRIGADA, VOCÊ ME AJUDOU MUITO!!!

  11. juliana

    Não estou conseguindo!!! Afff

  12. Julita Marcos

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

  13. Mateus

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

  14. Excelente, me ajudou muito, obrigado!

  15. 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.

Participa! Comenta...