Menu fechado

Como fazer um texto preenchido por imagem no Photoshop

Como fazer um texto preenchido por imagem no Photoshop

O Photoshop pode no ser um programa com foco em produo grfica, mas ainda vem com ferramentas muito teis para esse tipo de trabalho. Um bom exemplo disso a possibilidade de criar um texto preenchido com imagem.

No importa se voc est realizando um trabalho profissional, como web design para sua empresa, ou algo pessoal, como um carto de aniversrio,para ambos os casos voc poder ter seu texto preenchido com imagem seguindo os passos deste tutorial.

Como fazer um texto preenchido por imagem no Photoshop

O procedimento a seguir requer uma mscara de recorte, que fcil de fazer. A mscara 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 esto dentro da mscara de corte sejam visveis.

Para fazer uma mscara de recorte, precisamos de duas camadas. A forma na camada inferior define o que visvel na camada acima dela. Os pixels transparentes na camada inferior mascaram (ou ocultam) o contedo da camada acima dela.

Passo 1. Carregue sua imagem no Photoshop indo em Arquivo > Abrir ou usando a combinao 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 resoluo, 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 no funcionaro to bem quanto voc no conseguir ver o fundo suficiente atravs 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 esto 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 mscara 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 mscara 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

Ateno: Ao salvar a imagem, use o formato PNG para manter a transparncia 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 > Traado, 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 Traado.

tra

Passo 8. Na janela Estilo de Camada, no painel esquerdo, marque Traado. No painel direito, defina o tamanho para 3, a posio 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 traado. 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 dilogo Sombra projetada, brinque com as configuraes para obter a aparncia desejada.

sombra projetada

Usei as seguintes configuraes para criar um sombreamento: Cor preta, Opacity definido como 100%, o ngulo em 120, distncia de 10 px, expanso de 12 px e tamanho de 16 px, respectivamente. Veja o resultado:

poa

Mtodo alternativo – Photoshop CC 2019

O Photoshop CC 2019 tem uma maneira nova e mais fcil de produzir essa tcnica. Embora eu no 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 no aparecer quando voc escolher uma camada diferente ou salvar o arquivo.

Espero que voc tenha gostado deste tutorial para Photoshop, mostrando como criar uma mscara de recorte usando texto. Lembre-se de que no apenas o texto que voc pode usar, mas qualquer forma, clipe e imagem com esse objeto. Deixo aqui outros tutoriais de Photoshop para voc se divertir:

Artigo Original

Deixe uma resposta