- Como tornar o plano de fundo transparente
- Como mover o efeito de texto para um novo plano de fundo
- Bônus: Aprimorando o efeito
Neste tutorial, respondo a uma das perguntas mais populares que eu faço, como salvar um efeito de texto com um plano de fundo transparente para poder movê-lo para um plano de fundo diferente? Normalmente, ao criar um efeito de texto no Photoshop, criamos em um plano de fundo colorido simples, geralmente preto ou branco. Mas assim que o efeito é concluído, geralmente queremos movê-lo para um plano de fundo diferente, o que significa que precisamos de uma maneira de remover o plano de fundo original e substituí-lo por transparência. Então, como fazemos isso? Na verdade, é muito fácil e, neste tutorial, aprenderemos três maneiras de fazer isso.
Vou usar o Photoshop CC, mas qualquer versão recente funcionará. Vamos começar!
O efeito do texto
Aqui está o efeito de texto que vou usar. Eu mostro como criar este texto dourado em um tutorial separado. Observe que o efeito está em um fundo preto:
O efeito do texto original em um fundo preto.
O novo pano de fundo
E aqui está o novo plano de fundo em que quero colocar o texto. Eu baixei este do Adobe Stock:
O novo plano de fundo para o efeito.
Como tornar o plano de fundo transparente
Voltarei ao meu efeito de texto. E se olharmos no painel Camadas, vemos as três camadas que compõem o efeito. Temos a camada "Sparkles" na parte superior e as duas camadas Type abaixo dela. Também temos a camada de fundo na parte inferior, preenchida com preto:
As camadas de efeito de texto, além da camada de plano de fundo.
Desativando a camada Background
A primeira coisa que precisamos fazer é remover o plano de fundo original e substituí-lo por transparência. Para ocultar o plano de fundo, basta desativar a camada Plano de fundo clicando no ícone de visibilidade :
Desativando a camada Background.
Isso deixa nosso texto na frente de um fundo transparente. O Photoshop representa a transparência com um padrão quadriculado:
O plano de fundo por trás do texto foi substituído por transparência.
Como mover o efeito de texto para um novo plano de fundo
Então agora que tornamos o plano de fundo transparente, como mover o efeito para o novo plano de fundo? Existem algumas maneiras de fazer isso.
Método 1: usando o formato de arquivo PNG
Uma maneira é salvar o efeito em um formato de arquivo compatível com transparência. O formato JPEG.webp não suporta transparência, por isso não vai funcionar. Mas o formato PNG sim, e esse é o formato que precisamos.
Como salvar o efeito como um arquivo PNG
Para salvar seu efeito de texto como um arquivo PNG, vá para o menu Arquivo na barra de menus e escolha Salvar como :
Indo para Arquivo> Salvar como.
Na caixa de diálogo, atribua um nome ao seu arquivo (nomeei meu "texto dourado") e defina o formato como PNG . Escolha onde deseja salvá-lo e clique em Salvar :
Salvando o efeito de texto como um arquivo PNG.
Definindo as opções de formato PNG
O Photoshop solicitará que você escolha uma configuração de compactação para o arquivo PNG. Isso parecerá diferente dependendo da versão do Photoshop que você estiver usando, mas eu sempre escolho a opção para o menor tamanho de arquivo. Clique em OK para fechar a caixa de diálogo:
Escolhendo a menor opção de tamanho de arquivo.
Abrindo seu novo plano de fundo
Com o arquivo salvo, abra seu novo plano de fundo:
Abrindo a nova imagem de plano de fundo.
Colocando o arquivo PNG no documento
Vá para o menu Arquivo e, no Photoshop CC, escolha Inserir incorporado . No Photoshop CS6 ou anterior, escolha Local :
Indo para Arquivo> Inserir incorporado.
Escolha o arquivo PNG que você acabou de salvar e clique em Local :
Escolhendo o arquivo PNG.
O Photoshop coloca o arquivo na frente do plano de fundo:
Colocando o arquivo no documento.
Você pode usar os manipuladores Free Transform para redimensionar o texto, se necessário. Mas, no meu caso, aceito apenas pressionando Enter (Win) / Return (Mac) no teclado. E assim, o efeito do texto foi movido para seu novo plano de fundo:
O texto aparece na frente de seu novo plano de fundo.
Se olharmos no painel Camadas, veremos que nosso efeito de texto foi adicionado como um objeto inteligente acima da imagem. Sabemos que é um objeto inteligente pelo ícone no canto inferior direito da miniatura. O melhor de objetos inteligentes é que podemos redimensioná-los sem perda de qualidade. Você pode aprender mais sobre como redimensionar objetos inteligentes em um tutorial separado:
O Photoshop colocou o arquivo como um objeto inteligente.
Método 2: copiar e colar
Portanto, essa é uma maneira de mover um efeito de texto para um novo plano de fundo. Vejamos uma segunda maneira, e uma em que não há necessidade de salvar seu documento como um arquivo separado. Excluirei meu efeito arrastando-o para a Lixeira na parte inferior do painel Camadas:
Excluindo o efeito do texto.
Isso me deixa com apenas minha imagem de plano de fundo:
Somente a imagem de fundo permanece.
Vou mudar para o meu documento de efeito de texto e, como a camada Fundo ainda está desativada, ainda estamos vendo o plano de fundo transparente por trás do texto:
Voltando ao efeito de texto.
Mesclando o efeito de texto em uma nova camada
Outra maneira de mover seu efeito para um novo plano de fundo é copiando e colando no outro documento. Para facilitar, mesclaremos as camadas que compõem nosso efeito de texto em uma nova camada.
Primeiro, verifique se a camada Plano de fundo está desativada, para ver um plano de fundo transparente por trás do texto. Em seguida, clique na camada superior para selecioná-la:
Selecionando a camada superior (com a camada Plano de fundo desativada).
Para mesclar seu efeito de texto em uma nova camada, em um PC com Windows, pressione Shift + Ctrl + Alt + E no teclado. Em um Mac, pressione Shift + Command + Option + E. Isso mescla todas as camadas visíveis em uma nova camada acima delas. Essa nova camada contém o efeito de texto e nada mais:
O efeito do texto foi mesclado em uma única camada.
Verifique se a camada mesclada está selecionada e, em seguida, vá até o menu Editar e escolha Copiar :
Indo para Editar> Copiar.
Abra sua nova imagem de plano de fundo:
Mudando para o novo plano de fundo.
Em seguida, volte ao menu Editar e escolha Colar :
Indo para Editar> Colar.
O Photoshop cola o efeito de texto no novo plano de fundo:
O resultado após colar a camada de efeito de texto no novo documento.
No painel Camadas, vemos nossa camada de efeito de texto acima da imagem. Desta vez, é apenas uma camada normal, não um objeto inteligente:
A camada de efeito de texto aparece acima da camada Plano de fundo.
Método 3: Colocando o documento de efeito de texto como um objeto inteligente
Portanto, existem duas maneiras de mover um efeito de texto para um novo plano de fundo. Vejamos mais uma maneira, que também é a minha favorita. Mais uma vez, excluirei meu efeito arrastando-o para a lixeira:
Excluindo a camada de efeito de texto.
E então voltarei ao meu documento de efeito de texto:
Voltando ao efeito de texto.
Ativando a camada Background novamente
Antes de prosseguir, reativarei a camada Background clicando no ícone de visibilidade no painel Layers:
Ativando a camada Background novamente.
Isso restaura o fundo preto original por trás do texto:
O plano de fundo original retorna.
Excluindo a camada de efeito de texto mesclado
Também vou excluir minha camada de efeito de texto mesclado, selecionando-a e pressionando Backspace (Win) / Delete (Mac) no teclado:
Selecionando e excluindo a camada mesclada.
Salvando e fechando o documento
Agora que restaurei o documento da maneira original, salve-o indo ao menu Arquivo e escolhendo Salvar :
Indo para Arquivo> Salvar.
E então fecharei meu efeito de texto voltando ao menu Arquivo e escolhendo Fechar :
Indo para Arquivo> Fechar.
Isso me deixa com apenas a nova imagem de plano de fundo:
O documento de efeito de texto foi fechado.
Colocando o efeito de texto como um objeto inteligente
Anteriormente, descobrimos que poderíamos mover nosso efeito de texto para um novo plano de fundo desativando a camada Segundo plano, salvando o efeito como um arquivo PNG e colocando o arquivo PNG no outro documento como um objeto inteligente. Mas podemos colocar o documento de efeito de texto inteiro como um objeto inteligente! E a vantagem é que o documento permanecerá editável.
Para colocar o documento de efeito de texto no documento de imagem de plano de fundo, vou até o menu Arquivo e escolho Colocar incorporado . No Photoshop CS6 ou anterior, eu escolheria Local :
Indo para Arquivo> Inserir incorporado.
Dessa vez, em vez de escolher o arquivo PNG que salvei anteriormente, vou escolher o documento real do Photoshop no efeito de texto (o arquivo .psd). Clico nele para selecioná-lo e, em seguida, clico em Local :
Escolhendo o documento Photoshop do efeito de texto.
O Photoshop coloca o efeito de texto na frente do plano de fundo, exatamente como antes:
Colocar o documento de efeito de texto na frente do novo plano de fundo.
Mais uma vez, podemos redimensioná-lo usando os manipuladores Free Transform, mas aceitarei pressionando Enter (Win) / Return (Mac). Observe, no entanto, que o fundo preto original ainda está aparecendo atrás do texto e está bloqueando a exibição do novo fundo. Isso ocorre porque a camada Background ainda estava ativada. Mas isso não é um problema, porque é fácil de corrigir:
O efeito de texto foi adicionado, mas o plano de fundo original ainda está aparecendo.
Editando o Conteúdo do Objeto Inteligente
Se olharmos no painel Camadas, novamente veremos o efeito de texto adicionado como um objeto inteligente acima da imagem:
O documento de efeito de texto foi colocado como um objeto inteligente.
Mas desta vez, em vez de manter um arquivo PNG, o objeto inteligente está mantendo uma cópia de todo o documento de efeito de texto. Para abrir o objeto inteligente e visualizar seu conteúdo, clique duas vezes na miniatura:
Abrindo o objeto inteligente para visualizar o documento de efeito de texto.
O efeito de texto é aberto:
O documento de efeito de texto dentro do objeto inteligente.
E se olharmos no painel Camadas, vemos todas as nossas camadas ainda intactas:
O painel Camadas mostrando as camadas de efeito de texto e a camada Plano de fundo.
Desativando a camada Background
Para ocultar o plano de fundo original, desativarei a camada Plano de fundo clicando no ícone de visibilidade :
Desativando a camada Background.
Isso novamente nos deixa com um plano de fundo transparente:
O plano de fundo é mais uma vez transparente.
Salvando e fechando o objeto inteligente
Para que nossa alteração apareça no documento principal, precisamos salvar e fechar o objeto inteligente. Para salvá-lo, vá até o menu Arquivo e escolha Salvar :
Indo para Arquivo> Salvar.
E depois fechá-lo, volte ao menu Arquivo e escolha Fechar :
Indo para Arquivo> Fechar.
E de volta ao documento principal, o plano de fundo original desapareceu e vemos o novo plano de fundo em seu lugar:
O resultado depois de desativar a camada Plano de fundo no objeto inteligente.
Bônus: Aprimorando o efeito
Para finalizar, vou usar minha imagem de plano de fundo para aprimorar rapidamente o efeito de brilho ao redor do texto. No painel Camadas, selecionarei a camada Segundo plano:
Selecionando a camada Background.
Depois, copio a imagem pressionando Ctrl + J (Win) / Command + J (Mac). A cópia aparece acima do original:
Fazendo uma cópia da imagem de fundo.
Clicarei na cópia e a arrastarei acima do efeito de texto:
Arrastando a cópia da imagem acima do texto.
Isso bloqueia temporariamente o texto da visualização:
O efeito do texto está temporariamente oculto.
Por fim, para ocultar as áreas de preto e misturar os brilhos dourados com o texto, alterarei o modo de mesclagem da imagem de Normal para Tela:
Alterando o modo de mesclagem da camada para Tela.
E aqui está o meu resultado final:
O efeito final aprimorado.
E aí temos que! É assim que move um efeito de texto para um novo plano de fundo no Photoshop! Aprenda a criar o efeito de texto dourado usado neste tutorial ou consulte nossa seção Efeitos de texto para obter mais tutoriais! E não se esqueça, todos os nossos tutoriais do Photoshop estão disponíveis para download em PDF!