Texto atrás da imagem

Como colocar texto atrás de uma imagem

A página abre com uma foto de demonstração já carregada (nosso amigo fazendeiro, com "it ain't much" bem encaixado atrás do boné), para você ver exatamente como fica o efeito antes de mexer em qualquer coisa. Quando quiser, troque pela sua própria foto:

1. Clique em "Envie sua foto" e escolha uma imagem com um elemento principal bem definido. Uma pessoa funciona melhor, mas um cachorro, um carro ou uma xícara de café também servem: qualquer coisa que se destaque do fundo.
2. Digite seu texto. Pressione Enter se quiser uma segunda linha. O texto vai automaticamente para trás do elemento principal; sem máscaras, sem painel de camadas, nada para recortar à mão.
3. Arraste para a posição direto na prévia. Pegue a tela e leve o texto para onde ele fica mais legível, geralmente de modo que o elemento principal cubra uma ou duas letras. É essa sobreposição que vende a profundidade.
4. Dê estilo. Escolha uma fonte, ajuste o tamanho e o espaçamento, adicione um contorno, gire, reduza a opacidade ou incline em um falso 3D se quiser caprichar.
5. Baixe seu PNG. A exportação sai na resolução original da sua foto, não no tamanho da prévia; então uma foto de 4000px gera um resultado de 4000px.

O que realmente acontece por trás

Quando sua foto carrega, um pequeno modelo de segmentação com IA roda direto no seu navegador e descobre quais pixels pertencem ao elemento principal e quais pertencem ao fundo. Depois a ferramenta reconstrói a imagem em três camadas: a foto original embaixo, o texto no meio e um recorte do elemento principal colado por cima. Seu olho interpreta essa pilha como profundidade: o texto parece estar na cena desde sempre.

Como tudo acontece no seu dispositivo, não há fila de envio nem espera por um servidor. A primeira foto leva alguns segundos a mais enquanto o modelo é baixado; depois disso, é quase instantâneo. Sua foto nunca sai do navegador durante a edição, o que também vale para fotos que você prefere não mandar para um servidor qualquer.

Onde você já viu esse efeito

Em todo lugar, sinceramente. As thumbnails do YouTube usam o tempo todo: a cabeça de um criador aparecendo na frente de um enorme "EXPOSED" ou "I TRIED IT" já é praticamente o estilo da casa. Pôsteres de letras no estilo Spotify usam. Capas de álbum usam. Fotógrafos do Instagram usam em posts de aniversário, resumos de viagem e anúncios de noivado. Páginas de esporte colocam o número do atleta atrás dele. Streamers colocam o nome de usuário atrás do avatar.

O motivo é simples: a sobreposição é uma das pistas de profundidade mais fortes para o cérebro. Quando o ombro de uma pessoa cobre parte de uma letra, o texto deixa de ser uma legenda plana colada por cima e passa a fazer parte da cena. Texto plano disputa atenção com o elemento principal; texto atrás dele o emoldura. Mesma foto, mesmas palavras, sensação completamente diferente.

Como escolher uma foto que colabora

O modelo de segmentação é bom, mas você pode facilitar ou dificultar o trabalho dele. Fotos em que o elemento principal se separa bem do fundo (cores diferentes, boa iluminação, um pouco de distância) geram recortes nítidos com bordas limpas. Fotos em que uma jaqueta escura se mistura com uma porta escura geram bordas mais suaves e borradas na sobreposição.

Algumas coisas que sempre ajudam:

• Contraste entre o elemento principal e o fundo. Uma pessoa de camiseta clara na frente de árvores fica melhor do que uma pessoa de verde na frente das mesmas árvores.
• Um elemento principal óbvio. Fotos em grupo funcionam, mas o efeito fica mais forte quando uma única pessoa ou objeto domina o enquadramento.
• Algum espaço acima ou ao lado. O texto precisa de um lugar para ficar. Fotos cortadas bem rente ao rosto não deixam espaço para ele.
• O elemento principal em foco. Se a foto já tem o fundo naturalmente desfocado, melhor ainda: o texto herda aquele aspecto fotográfico em camadas.

Retratos feitos no celular com boa luz são o ideal. É o que a maioria das pessoas envia para esta ferramenta e o que o modelo foi treinado para fazer melhor.

Acertando na tipografia

Um texto meio escondido precisa sobreviver à perda de 30-40% de si mesmo, então fontes pesadas levam vantagem. Anton é o padrão aqui por um motivo: é grossa, alta e legível mesmo com um ombro inteiro na frente. Bebas Neue e Archivo Black são parentes próximas. Impact é a escolha clássica dos memes. Se quiser algo mais suave, Pacifico e Caveat dão um ar manuscrito; só aumente o tamanho para compensar os traços mais finos.

Há doze fontes de destaque selecionadas logo de cara e, atrás da caixa de busca, um catálogo com cerca de cem outras Google Fonts carregadas sob demanda. Dica prática: escolha a fonte antes de ajustar a posição, porque trocar uma fonte estreita por uma larga muda tudo de lugar.

Quanto à cor, o branco é a escolha segura para a maioria das fotos. Mas pegar uma cor que já está na cena (o céu, uma camiseta, um letreiro neon) é o truque que faz o resultado parecer projetado, e não gerado. Use o seletor de cor, mire em algo do fundo e reduza a opacidade para 85-90% para o texto se integrar à luz da foto.

Os pequenos ajustes que tornam o efeito convincente

O contorno salva quando o texto cruza áreas claras e escuras da foto. Alguns pixels de contorno escuro mantêm as letras legíveis onde passam sobre um céu claro. Deixe em zero quando o fundo for uniforme.

Rotação e inclinação 3D são fáceis de exagerar. Alguns graus de rotação dão energia; quarenta e cinco graus dão caos. Os controles de inclinação distorcem o plano do texto para que pareça recuar na cena; valores sutis (10–20) imitam surpreendentemente bem a perspectiva da foto.

A opção de inverter vira o truque do avesso: em vez de o assunto ficar na frente do texto, é o fundo que fica, e o texto parece preso ao assunto. Talvez seja a escolha certa uma vez em dez, mas quando é, é muito certa. Experimente quando o recorte automático pegar a metade "errada" da cena.

Adicione uma marca d'água antes de postar

Há um campo próprio para a marca d'água abaixo dos controles de estilo. Digite seu @ ou domínio e posicione com as predefinições (cantos, bordas, centro) ou arraste os controles X/Y para um ponto exato. Dá para definir o tamanho em pixels, escolher uma cor e ativar um contorno de contraste para que fique legível em qualquer fundo. A marca d'água fica gravada no próprio PNG baixado, então quando sua imagem for repostada (e as boas sempre são), seu nome vai junto.

Compartilhe um link, não só um arquivo

O botão Compartilhar cria um link com toda a sua composição: foto, texto, estilo e configurações da marca d'água. Quem abrir chega nesta página com a sua configuração exata carregada, pronta para ajustar ou baixar. É útil para pedir uma segunda opinião antes de postar ou para passar um modelo para alguém da equipe: configure o estilo uma vez, compartilhe o link e deixe a pessoa trocar a foto.

Perguntas frequentes

Preciso do Photoshop para isso?

Não. O que você faria no Photoshop com seleção de assunto, máscaras de camada e uma camada de texto, isto faz em um passo no navegador. O Photoshop ainda dá mais controle para edições cirúrgicas, mas para o visual clássico de texto atrás do assunto não há diferença real no resultado, só uns dez minutos de diferença no esforço.

É grátis?

Você pode montar a composição e visualizar tudo sem conta. Para baixar o PNG em resolução total é preciso entrar e, dependendo da promoção atual, é grátis por tempo limitado ou incluído na assinatura. O selo no topo da ferramenta mostra o que vale agora.

Quais tipos de arquivo posso enviar?

JPG, PNG, WebP, GIF, AVIF, BMP e HEIC/HEIF direto do iPhone. A exportação é sempre PNG na resolução original da foto.

Por que o recorte deixou de fora parte do assunto?

Geralmente por pouco contraste: a borda do assunto se mistura ao fundo ou a luz está muito fraca. Tente uma foto em que o assunto se destaque mais, ou use a opção de inverter, que às vezes faz uma separação mais limpa em imagens difíceis. Cenas cheias com muitas pessoas sobrepostas são o caso mais difícil.

Posso escrever várias linhas?

Sim, aperte Enter na caixa de texto. As linhas são centralizadas como um bloco e o controle de tamanho redimensiona todas juntas. Duas linhas curtas costumam funcionar melhor que uma longa, porque cada linha tem sua própria chance de se sobrepor ao assunto.

Funciona no celular?

Sim. A segmentação roda bem em celulares modernos, e arrastar o texto com o polegar é, sinceramente, mais natural que com o mouse. Os downloads vão para a galeria ou o app Arquivos como qualquer outra imagem.