Nystrel
Iniciar sesión Empezar gratis
Flujo de trabajo

Imágenes de cabecera del blog que dejan espacio para el título

The same desk recomposed so the notebook and cup sit in the lower left and the top right of the frame is empty.

Un encabezado de blog tiene una función que la mayoría de las imágenes hermosas no logran: debe llevar un título. Coloque el sujeto en el medio de un marco 16:9 y no hay dónde ir el título que no esté encima de algo.

Por lo tanto, la pregunta útil no es "qué se ve bien". Es "dónde va el texto y si esa zona es lo suficientemente tranquila para leer sobre ella".

Constrúyalo, simplifíquelo y muévalo

Ronda 1 — consiga la escena

Fotografía aérea amplia de una mesa de madera ordenada: un cuaderno abierto, un bolígrafo, una taza de café cerámica y el borde de un portátil, tonos neutros, luz suave

Vista aérea de una mesa de madera con un cuaderno abierto, un bolígrafo, una taza de café y el borde de un portátil.
Ronda 1 — una fotografía decente y un encabezado inútil.

Una mesa de aspecto de stock perfectamente decente. Como encabezado es inusable: los objetos van de un borde a otro y cada parte del marco compite por la atención.

Ronda 2 — quitar cosas

Simplifíquelo — elimine el portátil y el bolígrafo, deje más mesa vacía

La misma mesa con el portátil y el bolígrafo eliminados, dejando el cuaderno, la taza y más madera vacía.
Ronda 2 — la eliminación es la instrucción poco utilizada.

La eliminación es la instrucción más poco utilizada en el trabajo con imágenes. Observe que se formula como una edición — elimine el portátil — que solo tiene sentido porque el modelo puede ver el fotograma anterior. Escrito como un prompt fresco, "una mesa sin portátil" es una frase extraña que a menudo produce una mesa con portátil.

Ronda 3 — limpie la esquina que necesita

Desplace todo a la parte inferior izquierda y deje la parte superior derecha vacía

La misma mesa recompuesta para que el cuaderno y la taza se sienten en la parte inferior izquierda y la parte superior derecha del marco esté vacía.
Ronda 3 — una esquina despejada para el título.

Ahora hay un lugar para el título. Haga esto al final: simplificar después de reubicar anula la composición que acaba de establecer.

No incluya el texto en la imagen

Los modelos de imagen modernos pueden renderizar texto bien — probamos eso por separado y funcionó. De todos modos, debe mantener su título fuera de la imagen, por tres razones que nada tienen que ver con si el modelo sabe escribir:

  • Cambiará el título. El texto se reescribe después de que la imagen se aprueba, cada vez.
  • La imagen se reutiliza. El mismo encabezado termina en la tarjeta social, el boletín y la página de categoría, cada uno queriendo palabras diferentes.
  • El texto grabado en imagen no se puede traducir. Si tu sitio funciona en más de un idioma, un titular quemado en un JPEG es un titular que solo existe en uno de ellos. Este sitio funciona en siete; cada palabra que estás leyendo es texto vivo precisamente por esta razón.

Genera el espacio. Coloca las palabras encima en HTML o en tu herramienta de diseño.

Lo que el modelo no sabe

No conoce tu marca. No tu tipografía, no tu paleta, no el hecho de que tus titulares siempre están alineados a la izquierda a 72px. Está produciendo una fotografía, no un diseño, y la brecha entre esas dos cosas es tu trabajo.

Dos consecuencias prácticas:

  1. Verifica el contraste donde el texto realmente se ubique. «Vacío» no es lo mismo que «tranquilo». Un área en blanco de veta de madera brillante aún competirá con el tipo blanco. Si es así, pide que esa zona sea más oscura o añade una capa de atenuación en CSS — a menudo esa atenuación es la respuesta honesta.
  2. Decide el recorte antes de generar. La relación de aspecto se bloquea para toda la conversación, deliberadamente, para que una ronda posterior no pueda reenmarcar lo que has construido. Si necesitas un encabezado 16:9 y una tarjeta social 1:1, eso son dos conversaciones, no una imagen recortada dos veces.

Una lista corta

  1. Describe la escena completa, de una vez.
  2. Elimina cosas hasta que parezca demasiado vacío.
  3. Empuja el sujeto a un lado y nombra el área que deseas dejar libre.
  4. Coloca tu titular real encima y léelo a ancho móvil antes de aprobarlo.

Empieza con 300 créditos gratis — sin tarjeta

Lecturas relacionadas