TechTudo

24/01/2011 18h23 - Atualizado em 28/02/2014 10h50

Como colocar uma imagem dentro de um texto no Photoshop Elements 9

André Sugai Para o TechTudo

Nível: Intermediário
Número de passos: 16

Existem diversas maneiras e técnicas para inserir uma imagem dentro de um texto no Photoshop Elements. Hoje, veremos como fazer isto usando a função Clipping Mask e depois veremos como estilizar a palavra usada com duas layer styles, stroke para criar uma borda nas letras e drop shadow para inserir uma sombra.

Passo 01. Vá em File > New > Blank File ou pressione Ctrl+N para criar um novo documento;

Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)

Passo 02. Defina os valores abaixo e pressione Ok, mas caso queira utilizar outros valores sinta-se a vontade, isto não mudará o resultado final;

Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)

Passo 03. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, na realidade a cor usada a fonte não influenciará o resultado final, usaremos a cor preta por enquanto apenas só pela questão do contraste com o fundo branco, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, no caso deste tutorial a fonte usada foi a Androgyne tp com as definições abaixo, caso queira utilizar a mesma fonte clique aqui para fazer o download;

Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)

Passo 04. Seu documento deverá ficar como o da foto abaixo;

Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)

Passo 05. Agora vamos importar a foto que irá dentro da palavra, para isso vá em File> Place, escolha a imagem e pressione Ok;

Photoshop Elements 9 (Foto: Reprodução/André Sugai)Photoshop (Imagem: Reprodução/André Sugai)

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Passo 06. Sua imagem aparecerá como a da foto abaixo, a caixa ao redor da imagem indica que ela poderá ser redimensionada, caso você queira utilizar a mesma imagem usada neste tutorial clique aqui para baixar a versão em alta-resolução diretamente do site sxc.hu;

Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)

Passo 07. Estique a imagem até que ela tome toda a área do documento e cubra a palavra que estamos trabalhando, pressione Enter para finalizar a transformação;

Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)

Passo 08. Sua paleta de layers deverá ficar como a da foto abaixo;

Photoshop (Foto: Reprodução/André Sugai)Photoshop (Foto: Reprodução/André Sugai)

 

 

 

 

 




Passo 09. Agora vá em Layer> Create Clipping Mask, esta função fará com que sua imagem apareça apenas dentro do shape do que estiver na layer abaixo, ou seja, dentro das letras da palavra que estamos trabalhando;

Photoshop (Foto: Reprodução/André Sugai)Photoshop (Foto: Reprodução/André Sugai)

 

 

 

 

 

 

 

 

 









Passo 10. Se você fez tudo certo sua paleta de layers deverá ficar como a da foto abaixo, note que a layer da imagem ficou levemente deslocada para a direita com uma pequena seta para baixo;

Photoshop Elements 9 (Foto: Reprodução/André Sugai)Photoshop (Foto: Reprodução/André Sugai)

 

 

 








Passo 11. Seu texto deverá ficar como o da foto abaixo;

Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)

Passo 12. Clique na layer de texto, agora aplicaremos algumas layer styles;

Photoshop (Foto: Reprodução/André Sugai)Photoshop (Foto: Reprodução/André Sugai)














Passo 13. Agora vá em Layer> Layer Style> Style Settings para abrir a caixa de Style Settings;

Photoshop (Foto: Reprodução/André Sugai)Photoshop (Foto: Reprodução/André Sugai)





















Passo 14. Clique na opção Stroke e defina os valores abaixo, esta opção irá colocar uma pequena borda ao redor do texto, você pode personalizar a cor, largura e opacidade da borda;

Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)

Passo 15. Clique na opção Drop Shadow e defina os valores abaixo, esta opção coloca uma sombra na sua palavra, na caixa de Style Settings você pode definir o ângulo da sombra, tamanho, distancia, opacidade e cor;

Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)

Passo 16. No final seu texto estará como o da foto abaixo, o interessante deste efeito é que você pode alterar os valores das layer styles quando desejar e movimentar e redimensionar a imagem que vai dentro do texto sem mexer no texto, caso queira fazer o download do arquivo .PSD deste tutorial para estudo basta clicar aqui.

Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)Imagem dentro da fonte no Photoshop Elements 9 (Foto: Reprodução/André Sugai)
  • imprimir
  • Compartilhar no Orkut
  • Enviar para um Amigo
140 caracteres

Verificação de segurança

Gênero


    TechTudo.com.br © Copyright 2010-2014 Globo Comunicação e Participações S.A. Política de Privacidade