Fotograma de estilo
Un fotograma de estilo es una imagen fija que establece el aspecto de una animación: composición, tipografía, color y elementos gráficos, antes de animar la pieza completa.
Un fotograma de estilo muestra cómo debería verse un momento clave de una animación. Aplica el tratamiento visual previsto en lugar de dejar todas las decisiones como cajas o marcadores provisionales. También se utiliza el término inglés «styleframe»; un conjunto puede formar un tablero de diseño.
La guía de producción de School of Motion describe cómo desarrollar bocetos del storyboard en fotogramas de estilo y explorar la dirección visual mediante algunas variantes.
¿Qué decide un fotograma de estilo?
- Jerarquía: qué texto u objeto debe captar primero la atención.
- Tipografía: fuente, peso, tamaño, espaciado y encaje de etiquetas largas.
- Color y contraste: fondos, acentos y combinaciones legibles.
- Elementos gráficos: tratamiento de formas, ilustraciones, imágenes e interfaces.
- Profundidad y acabado: formas planas, sombras, textura o capas con volumen.
En el ejemplo, el mensaje y la distribución se mantienen mientras cambia la paleta. Fijar esos elementos facilita juzgar la elección visual. Cambiar también la composición y el texto mezclaría varias decisiones.
Cómo crear un fotograma de estilo útil
- Elige un momento representativo. Busca una escena con los tipos de texto, imágenes y jerarquía que realmente necesita la animación.
- Diseña en la relación de aspecto final. Utiliza etiquetas reales y recursos aprobados cuando sea posible; el texto provisional puede ocultar problemas de espacio.
- Resuelve las decisiones visuales importantes. Concreta el fotograma lo suficiente para que otra persona pueda aplicar sus reglas a la escena siguiente.
- Comprueba una escena diferente. Un estilo que funciona con un titular corto puede no funcionar con un diagrama o una interfaz densa.
Un fotograma de estilo no demuestra que el movimiento o el ritmo funcionen. Por ejemplo, unas sombras convincentes en una imagen pueden desplazarse mal al mover el objeto. Comprueba esas decisiones con una prueba de animación.
Fotograma de estilo, moodboard y storyboard
Un moodboard reúne referencias de una dirección visual. Un fotograma de estilo la aplica a tu escena. El storyboard explica la secuencia y el animatic comprueba su ritmo.
Usar un fotograma de estilo con iArt
Explica las reglas visuales que quieres conservar: fondo, color de acento, jerarquía tipográfica, forma de las tarjetas y profundidad. Después describe el movimiento por separado. Revisa tanto la composición inicial como el resultado en movimiento; un primer fotograma parecido no garantiza una animación equivalente. Consulta ejemplos de motion graphics con Claude para ver instrucciones creativas aplicadas.
Relacionado: brief de motion design, motion graphics.