DriversRecommendedOutdated drivers can make a good PC feel brokenScan driver issues before chasing fixes manually.Scan NowOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsWindows FixRecommendedWindows errors stealing your time? Find the fix fastScan stability, cleanup and performance issues.Fix Now×
Skip to content
ThatPainter
animación

Composición en la animación: aprende lo básico

La composición organiza el espacio de una toma animada para que la acción se entienda. Aprende principios clave y cómo practicar con miniaturas, storyboard y animática.

By ThatPainter Team 5 min read
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

ThatPainter is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Learn More

La composición en animación organiza el espacio de una toma para que el público entienda qué ocurre, dónde ocurre y qué debe mirar primero. Para lograrlo, coordina personajes, objetos, cámara, encuadre, luz, color, perspectiva y espacio negativo. Una composición clara no solo hace que la imagen sea atractiva: ayuda a contar la acción.

Qué significa composición en animación

Componer una toma es decidir cómo se relacionan sus elementos dentro del encuadre y cómo se guía la atención del espectador. La puesta en escena —o staging— reúne decisiones de encuadre, iluminación y composición. Adobe señala que retirar elementos innecesarios puede ayudar a que la historia avance: guía de Adobe sobre los 12 principios de la animación.

La composición también trabaja junto con principios de movimiento. Disney Animation describe el uso de timing, puesta en escena clara, anticipación, squash and stretch, follow-through y acción secundaria para que los personajes parezcan vivos: proceso de animación de Disney. La imagen y el movimiento deben apoyar la misma idea: una pose puede ser expresiva, pero si el encuadre oculta la acción, la toma pierde claridad.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Principios que ayudan a que la acción se entienda

Puesta en escena y jerarquía visual

Decide cuál es la acción principal y organiza cámara, personaje y objetos para que se lea sin competir con detalles secundarios. La jerarquía visual establece qué se ve primero y qué queda en segundo plano. Puedes reforzarla con tamaño, ubicación, contraste, iluminación o aislamiento del fondo.

#1 Best Overall

Timing, espaciado y anticipación

El timing es cuánto dura una acción; el espaciado, cómo se distribuyen las posiciones a lo largo del movimiento. Juntos influyen en la percepción de velocidad, peso y emoción. La anticipación es el gesto preparatorio que anuncia lo que viene: sin ella, un movimiento puede parecer abrupto o rígido, como advierte Microsoft en sus principios de animación.

Squash and stretch, follow-through y acción secundaria

El squash and stretch (estirar y encoger) comunica flexibilidad, fuerza y peso mediante la deformación; procura conservar el volumen general del objeto para que no parezca cambiar de tamaño sin intención. El follow-through prolonga el movimiento de partes del cuerpo u objetos después de que termina la acción principal. La acción secundaria añade detalles que enriquecen la escena, pero no deben robar protagonismo al gesto principal.

Volumen, cámara, perspectiva y luz

Piensa en el personaje como una forma tridimensional que debe conservar coherencia desde distintos ángulos. La posición de cámara y la perspectiva determinan qué relaciones espaciales se perciben; el color, la iluminación y el contraste ayudan a separar figura y fondo. El programa COMU 4007 de la Universidad de Puerto Rico en Humacao incluye composición, tiros y movimientos de cámara, perspectiva, color e iluminación entre sus fundamentos de animación: programa COMU 4007.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Cómo construir una composición clara

  1. Define la idea de la toma. Escribe en una frase qué acción o emoción debe entenderse.
  2. Elige encuadre y cámara. Decide el tamaño de plano y el ángulo que mejor explican esa acción.
  3. Separa figura y fondo. Usa contraste de valor o color, enfoque o iluminación para que el personaje no se pierda.
  4. Deja espacio útil. Reserva espacio de mirada delante del personaje y espacio de movimiento en la dirección hacia la que actúa.
  5. Guía la vista. Usa líneas, diagonales, ritmo de formas y profundidad para conducir la atención hacia el foco narrativo.
  6. Prueba la silueta en pequeño. Reduce la imagen a una miniatura: si la acción no se entiende, simplifica la pose o el encuadre.
  7. Quita lo que distrae. Elimina elementos que compitan con la acción principal.

Al comparar dos versiones, fíjate en la claridad de la acción, la jerarquía visual, el equilibrio y el espacio negativo, la dirección de mirada y movimiento, la profundidad, el contraste entre figura y fondo y la relación entre encuadre y emoción.

Animación directa o pose a pose

La animación directa se desarrolla fotograma a fotograma en secuencia y puede favorecer un movimiento fluido y espontáneo. En pose a pose se establecen primero las poses clave y después se completan los intervalos. Adobe indica que pose a pose es especialmente útil cuando la relación con el entorno y la composición importa, por ejemplo, en escenas emocionales o dramáticas.

Para empezar una toma, bloquea tres o cuatro poses clave. Revisa que la acción se entienda y que el encuadre mantenga el equilibrio; luego añade los intercalados. Así puedes resolver problemas de lectura antes de invertir tiempo en el movimiento detallado.

Una ruta de práctica para principiantes

  1. Haz varias miniaturas monocromas de la misma acción, cambiando el encuadre y la posición del personaje.
  2. Escoge la versión cuya silueta y jerarquía visual se entiendan de un vistazo.
  3. Convierte esa propuesta en un storyboard corto y marca entradas, salidas y direcciones de mirada.
  4. Prepara una animática para comprobar ritmo y continuidad antes de terminar los dibujos o añadir detalle.
  5. Ajusta timing, anticipación y follow-through; después trabaja color, iluminación y acabado.
  6. Compara la toma terminada con la miniatura para detectar elementos que ahora desvían la atención.

La secuencia de composición, trabajo cuadro por cuadro, interpolación, cámara, perspectiva, color, iluminación, storyboard y animática también aparece en el programa COMU 4007 de la Universidad de Puerto Rico en Humacao. Para seguir una ruta introductoria, Adobe reúne una guía de animación para principiantes, además de recursos sobre principios y poses clave.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Un libro para profundizar en layout

Layout and Composition for Animation, primera edición, de Ed Ghertner, es una opción centrada específicamente en organizar el espacio de una escena. Routledge/Focal Press lo presenta como una guía práctica con ejemplos de layouts bien y mal diseñados: ficha del libro en Routledge.

Best Value
Blank Flip Book Paper with Holes - 240 Sheets (480 Pages) Flipbook Animation Paper : Works with Flip Book Kit Light Pads: for Drawing, Sketching Supplies/Comic Book Kit - Drawing Paper Animation Kit
  • Complete animation paper set … A great animation starter kit! Our 240 sheet (480 pages) flipbook paper with holes is quality 4.5inch x 2.5inch 120 gsm flippable paper and binding screws!
  • Perfect starter kits ... No more making your own flipbooks with scraps and staples. Our kits come with 2 sizes of binding screws, allowing you to trace and make flipbooks of many different sizes!
  • Individual pages ... Creating your own movies and animation has never been easier. No more limits on your animations that sewn binding books give you - With individual pages YOU get to decide!
  • Tracing made easy ... With our beautiful thick individual pages it is much easier to use with a light source, such as flip book light pads (not included) to trace your animations
  • Easy drawing ... No more spiral binding or pesky sewn book spines getting in your way. Our sketch pad paper is individual and free, just like your stop motion animations

De dónde vienen los 12 principios

Los 12 principios de la animación funcionan como una guía para tomar decisiones sobre movimiento, puesta en escena y claridad, no como una fórmula que sustituya el juicio visual. Adobe sitúa en 1981 la publicación de The Illusion of Life: Disney Animation, de Ollie Johnston y Frank Thomas, obra que reunió esos principios.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

More from the Paint Desk

Recommended PC Tool
Recommended PC Tool
Outdated Drivers Are Slowing You DownFree scan - exact matches
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.