Ir para conteúdo

Como fazer um texto preenchido por imagem no Photoshop

Se você acha lindo aqueles textos em que o preenchimento é uma imagem, mas não sabe como fazer, com esse tutorial você verá como é simples.. Basta usar a ferramenta máscara de recorte.

 

Como fazer um texto preenchido por imagem no Photoshop

O procedimento a seguir requer uma máscara de recorte, que é fácil de fazer. A máscara de recorte é um objeto, por exemplo, uma forma ou uma letra, cuja forma mascara uma imagem em outra camada, para que apenas as partes da imagem que estão dentro da máscara de corte sejam visíveis.

Para fazer uma máscara de recorte, precisamos de duas camadas. A forma na camada inferior define o que é visível na camada acima dela. Os pixels transparentes na camada inferior mascaram (ou ocultam) o conteúdo da camada acima dela.

Passo 1. Carregue sua imagem no Photoshop indo em Arquivo > Abrir ou usando a combinação de teclas Ctrl + O. A partir daí, escolha uma imagem de seu computador para trabalhar em cima dela. Basta clicar duas vezes em cima da imagem que você deseja usar.

 

Dica: Escolha uma imagem em alta resolução, com detalhes bem definidos, para que seu letreiro fique mais bonito.

 

 

Abrir arquivo (Ctrl + O)

 

Passo 2. Escolha uma fonte em negrito, eu usei a fonte Impact. As fontes finas não funcionarão tão bem quanto você não conseguirá ver o fundo suficiente através delas. Aqui, adicionei a palavra POA no tamanho 100 pt, suficiente para pegar a imagem da forma que eu desejo. Como você pode ver, acima estão os controles para a fonte, aonde você poderá alterar o tamanho e o tipo. Teste as fontes até conseguir o texto que deseja.

 

 

texto

 

Passo 3. Para evitar grandes lacunas entre as letras, vale a pena aproximá-las. Use o atalho alt + seta esquerda do cursor para aproximar as letras.

 

 

 

Aproximar Letras

 

Passo 4. Clique duas vezes na camada de plano de fundo para transformá-la em uma camada regular, e arraste-a acima da camada de texto.

 

 

backgroud

 

Passo 5. Agora, vá em Camada > Criar máscara de recorte, ou use o atalho Ctrl + Alt + G, em ambas as camadas. Veja como o painel Camadas deve ficar agora. Essa pequena seta à esquerda do fundo mostra que está usando o tipo como uma máscara de recorte.

 

 

camada de recorte

 

 

Passo 6. Você pode mover a camada independentemente do texto, e a imagem de fundo se moverá dentro do texto. Para isso, selecione a camada com a imagem de fundo e clique na ferramenta Mover (y).

 

 

mover

 

Aí está o resultado final da minha imagem:

 

 

PoA

 

Atenção: Ao salvar a imagem, use o formato PNG para manter a transparência do fundo.

Passo 7. Se você deseja delinear o texto, com a camada Texto selecionada, abra a janela Estilo da camada, escolhendo Camada > Estilo de camada > Traçado, ou clique duas vezes na camada de texto ou ainda, com a camada de texto selecionada, selecione o ícone Estilo de camada na parte inferior do painel Camadas e escolha Traçado.

 

 

traçado

 

Passo 8. Na janela Estilo de Camada, no painel esquerdo, marque Traçado. No painel direito, defina o tamanho para 3, a posição para Externo, e o Modo de Mesclagem para normal. Em seguida, mova o controle deslizante Opacidade para a extrema direita para deixá-lo 100%.

 

 

Estilo de Camada

 

Passo 9. Ainda na janela Estilo de Camada, clique em cima da caixa Cor. Aparecerá uma janela que permite selecionar uma cor de traçado. Use o controle deslizante de cor para cima ou para baixo até encontrar a cor que você quer usar. Quando terminar, clique em OK duas vezes para fechar.

 

 

cor

 

Como alternativa, você pode inserir valores em qualquer um dos campos HSR, RGB, CMYK, para obter a cor desejada.

Adicionando uma sombra projetada

Para destacar um pouco o texto, adicionaremos uma sombra projetada à camada de texto.

Passo 1. Selecione a camada de texto, vá em Camadas > Adicionar um estilo de camada e escolha Sombra projetada no menu pop-up.

 

 

sobra projetada

 

Passo 2. Na caixa de diálogo Sombra projetada, brinque com as configurações para obter a aparência desejada.

 

 

sombra projetada

 

Usei as seguintes configurações para criar um sombreamento: Cor preta, Opacity definido como 100%, o ângulo em 120°, distância de 10 px, expansão de 12 px e tamanho de 16 px, respectivamente. Veja o resultado:

 

 

poa

 

 

Método alternativo - Photoshop CC 2019

O Photoshop CC 2019 tem uma maneira nova e mais fácil de produzir essa técnica. Embora eu não tenha esta ferramenta, vou descrever os passos para que você possa seguir em seu Photoshop.

Passo 1. Adicione seu texto, como antes.

Passo 2. Selecione a camada de texto e vá em Camada > Novo > Converter em quadro. Como é uma camada de texto, ele usará o texto como seu nome.

Passo 3. Clique duas vezes na camada de plano de fundo para transformá-la em uma camada regular, e o Photoshop a colocará automaticamente no quadro. Seu painel de camadas agora mostrará apenas uma camada.

Passo 4. O plano de fundo agora está incorporado na camada de texto. Você verá uma borda cinza grossa ao redor da camada quando for selecionada, mas isso não aparecerá quando você escolher uma camada diferente ou salvar o arquivo.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • Curtir (+1) 1



×
×
  • Criar Novo...

Informação Importante

Termos de Uso Política de Privacidade Regras