Texto detrás de la imagen

Cómo poner texto detrás de una imagen

La página se abre con una foto de demostración ya cargada (nuestro amigo el granjero, con "it ain't much" bien metido detrás de su gorra), para que veas exactamente cómo queda el efecto antes de tocar nada. Cuando quieras, cambia la foto por la tuya:

1. Haz clic en "Sube tu foto" y elige una imagen con un sujeto claro. Una persona funciona mejor, pero un perro, un coche o una taza de café también sirven: cualquier cosa que destaque sobre el fondo.
2. Escribe tu texto. Pulsa Intro si quieres una segunda línea. El texto se coloca detrás de tu sujeto automáticamente; sin máscaras, sin panel de capas, nada que recortar a mano.
3. Arrástralo a su sitio directamente en la vista previa. Agarra el lienzo y lleva el texto donde mejor se lea, normalmente de forma que el sujeto tape una o dos letras. Ese solapamiento es lo que vende la profundidad.
4. Dale estilo. Elige una fuente, ajusta el tamaño y el espaciado, añade un contorno, gíralo, baja la opacidad o inclínalo en falso 3D si te apetece algo especial.
5. Descarga tu PNG. La exportación sale con la resolución original de tu foto, no con la de la vista previa; así que una foto de 4000px da un resultado de 4000px.

Qué ocurre realmente por dentro

Cuando se carga tu foto, un pequeño modelo de segmentación con IA se ejecuta directamente en tu navegador y averigua qué píxeles pertenecen al sujeto y cuáles al fondo. Después, la herramienta reconstruye tu imagen en tres capas: la foto original abajo, tu texto en medio y un recorte del sujeto pegado encima. Tu ojo interpreta esa superposición como profundidad: parece que el texto siempre estuvo en la escena.

Como todo ocurre en tu dispositivo, no hay cola de subida ni hay que esperar a que un servidor procese nada. La primera foto tarda unos segundos más mientras se descarga el modelo; después, es casi instantáneo. Tu foto nunca sale del navegador durante la edición, así que también funciona con fotos que prefieres no enviar a un servidor cualquiera.

Dónde has visto antes este efecto

En todas partes, la verdad. Las miniaturas de YouTube lo usan constantemente: la cabeza de un creador asomando delante de un enorme "EXPOSED" o "I TRIED IT" es ya prácticamente el estilo de la casa. Los pósteres de letras al estilo Spotify lo usan. Las portadas de discos lo usan. Los fotógrafos de Instagram lo usan para cumpleaños, resúmenes de viajes y anuncios de compromiso. Las páginas deportivas ponen el dorsal del deportista detrás. Los streamers ponen su nombre de usuario detrás de su avatar.

El motivo es sencillo: el solapamiento es una de las señales de profundidad más potentes para tu cerebro. Cuando el hombro de una persona tapa parte de una letra, el texto deja de ser un rótulo plano pegado encima y pasa a formar parte de la escena. El texto plano compite con tu sujeto por la atención; el texto detrás del sujeto, en cambio, lo enmarca. La misma foto, las mismas palabras, una sensación completamente distinta.

Elegir una foto que colabore

El modelo de segmentación es bueno, pero puedes ponérselo fácil o difícil. Las fotos en las que el sujeto se separa claramente del fondo (colores distintos, buena luz, algo de distancia) producen recortes nítidos con bordes limpios. Las fotos en las que una chaqueta oscura se funde con una puerta oscura darán bordes más suaves y difusos en la zona del solapamiento.

Algunas cosas que siempre ayudan:

• Contraste entre el sujeto y el fondo. Una persona con camiseta clara delante de árboles funciona mejor que una persona vestida de verde delante de los mismos árboles.
• Un sujeto claro. Las fotos de grupo funcionan, pero el efecto se nota más cuando una sola persona u objeto protagoniza el encuadre.
• Algo de espacio encima o a los lados. El texto necesita un sitio. Las fotos recortadas muy pegadas a la cara no dejan dónde ponerlo.
• El sujeto bien enfocado. Si la foto ya tiene el fondo desenfocado de forma natural, mejor aún: el texto hereda ese aspecto fotográfico por capas.

Los retratos hechos con el móvil y buena luz son lo ideal. Es lo que la mayoría de la gente sube a esta herramienta y en lo que mejor se ha entrenado el modelo.

Acertar con la tipografía

Un texto medio oculto tiene que aguantar perder un 30-40 % de sí mismo, así que ganan las fuentes gruesas. Anton es la fuente predeterminada por algo: es gruesa, alta y se lee bien aunque haya un hombro entero delante. Bebas Neue y Archivo Black son primas cercanas. Impact es la elección clásica de los memes. Si quieres algo más suave, Pacifico y Caveat dan un aire manuscrito; solo hazlas más grandes para compensar sus trazos más finos.

Arriba hay doce fuentes de titular seleccionadas, y detrás del buscador hay un catálogo de unas cien Google Fonts más que se cargan cuando las necesitas. Consejo práctico: elige la fuente antes de ajustar la posición, porque pasar de una fuente estrecha a una ancha lo mueve todo.

En cuanto al color, el blanco es la opción segura con la mayoría de las fotos. Pero tomar un color que ya está en la escena (el cielo, una camiseta, un letrero de neón) es el truco para que el resultado parezca diseñado y no generado. Usa el selector de color, apunta a algo del fondo y baja la opacidad al 85-90 % para que el texto se integre en la luz de la foto.

Los pequeños ajustes que lo hacen creíble

El contorno te salva cuando el texto cruza zonas claras y oscuras de la foto. Unos píxeles de trazo oscuro mantienen las letras legibles donde pasan sobre un cielo brillante. Ponlo a cero si tu fondo es uniforme.

La rotación y la inclinación 3D son fáciles de exagerar. Un par de grados de rotación aportan energía; cuarenta y cinco grados, caos. Los controles de inclinación deforman el plano del texto para que parezca alejarse dentro de la escena; los valores sutiles (10–20) imitan sorprendentemente bien la perspectiva de la foto.

La opción de invertir le da la vuelta a todo el truco: en lugar de que el sujeto quede delante del texto, lo hace el fondo, y el texto parece fijado sobre tu sujeto. Quizá sea la opción correcta una de cada diez veces, pero cuando lo es, lo es de verdad. Pruébala cuando el recorte automático coja la mitad "equivocada" de tu escena.

Añade una marca de agua antes de publicar

Debajo de los controles de estilo hay un campo específico para la marca de agua. Escribe tu usuario o dominio y colócalo con las posiciones predefinidas (esquinas, bordes, centro) o arrastra los controles X/Y para un punto exacto. Puedes definir su tamaño en píxeles, elegir un color y activar un trazo de contraste para que se lea sobre cualquier fondo. La marca de agua queda incrustada en el PNG descargado, así que cuando tu imagen se vuelva a compartir (y las buenas siempre se comparten), tu nombre viaja con ella.

Comparte un enlace, no solo un archivo

El botón Compartir crea un enlace que contiene toda tu composición: foto, texto, estilo y ajustes de la marca de agua. Quien lo abra llegará a esta página con tu configuración exacta cargada, lista para ajustar o descargar. Es útil para pedir una segunda opinión antes de publicar o para pasar una plantilla a alguien del equipo: configura el estilo una vez, comparte el enlace y deja que cambien la foto.

Preguntas frecuentes

¿Necesito Photoshop para esto?

No. Lo que harías en Photoshop con selección de sujeto, máscaras de capa y una capa de texto, esto lo hace en un solo paso en el navegador. Photoshop sigue dando más control para retoques quirúrgicos, pero para el efecto clásico de texto detrás del sujeto no hay una diferencia real en el resultado, solo unos diez minutos de diferencia en el esfuerzo.

¿Es gratis?

Puedes crear tu composición y previsualizarlo todo sin cuenta. Para descargar el PNG a resolución completa hay que iniciar sesión y, según la promoción vigente, es gratis por tiempo limitado o está incluido con una suscripción. La insignia de la parte superior de la herramienta te indica qué se aplica ahora mismo.

¿Qué tipos de archivo puedo subir?

JPG, PNG, WebP, GIF, AVIF, BMP y HEIC/HEIF directamente desde un iPhone. La exportación siempre es PNG a la resolución original de tu foto.

¿Por qué el recorte dejó fuera parte de mi sujeto?

Normalmente por poco contraste: el borde del sujeto se funde con el fondo o la luz es muy tenue. Prueba con una foto en la que el sujeto destaque más, o usa la opción de invertir, que a veces da una separación más limpia en imágenes complicadas. Las escenas recargadas con muchas personas superpuestas son el caso más difícil.

¿Puedo escribir varias líneas?

Sí, pulsa Intro en el cuadro de texto. Las líneas se centran como un bloque y el control de tamaño las escala juntas. Dos líneas cortas suelen funcionar mejor que una larga, porque cada línea tiene su propia oportunidad de superponerse al sujeto.

¿Funciona en mi móvil?

Sí. La segmentación funciona bien en móviles modernos, y arrastrar el texto con el pulgar resulta, sinceramente, más natural que con un ratón. Las descargas van a tu carrete o a la app Archivos como cualquier otra imagen.