CursosEmpresasBlogLiveConfPrecios

12 principios de la animación de Disney

Clase 1 de 15 • Repositorio de contenidos para editores de video

Contenido del curso

Refuerza y continúa tu aprendizaje

  • 1
    12 principios de la animación de Disney

    12 principios de la animación de Disney

    Viendo ahora
  • 2
    La edición o montaje audiovisual: el arte más allá de la herramienta

    La edición o montaje audiovisual: el arte más allá de la herramienta

    04:10 min
  • 3
    ¿Cómo editar un video con Adobe Premiere?

    ¿Cómo editar un video con Adobe Premiere?

    04:48 min
  • 4
    10 claves para aprovechar al máximo la edición en Adobe Premiere Pro

    10 claves para aprovechar al máximo la edición en Adobe Premiere Pro

    02:24 min
  • 5
    Todo lo que deberías saber sobre códecs de video

    Todo lo que deberías saber sobre códecs de video

    05:29 min
  • 6
    El smartphone, la caja de herramientas de la producción audiovisual

    El smartphone, la caja de herramientas de la producción audiovisual

    03:08 min
  • 7
    3 efectos especiales que puedes aplicar a tus videos

    3 efectos especiales que puedes aplicar a tus videos

    02:26 min
  • 8
    Contenido Digital: aprende 12 superpoderes en menos de 1 hora

    Contenido Digital: aprende 12 superpoderes en menos de 1 hora

    06:45 min
  • 9
    La colorización y DaVinci Resolve: nuevos mundos por crear

    La colorización y DaVinci Resolve: nuevos mundos por crear

    03:04 min
  • 10
    3 maneras de colorizar como profesional con DaVinci Resolve

    3 maneras de colorizar como profesional con DaVinci Resolve

    02:17 min
  • 11
    ¿Qué es la postproducción de sonido?

    ¿Qué es la postproducción de sonido?

    05:35 min

Lecturas complementarias y curiosidades

  • 12
    Te mintieron, los planos secuencia sí tienen cortes

    Te mintieron, los planos secuencia sí tienen cortes

    02:42 min
  • 13
    Comenzar por el fin: otra forma de aprender a hacer cine

    Comenzar por el fin: otra forma de aprender a hacer cine

    02:57 min
  • 14
    5 tips para crear contenido audiovisual desde casa

    5 tips para crear contenido audiovisual desde casa

    04:43 min
  • 15
    4 proyectos que puedes hacer usando tu smartphone como herramienta

    4 proyectos que puedes hacer usando tu smartphone como herramienta

    03:48 min

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

      Son las nueve de la mañana de un domingo convencional de 1995. Tienes tu taza llena de cereal con leche, un spot caliente entre la cama y el control remoto de la Trinitron de tu mamá entre tus manos, pues, como ya lo sabías - el que tiene el control tiene el poder.

      No puedes apartar la vista del televisor, a pesar de escuchar que tu perro ladra sin cansancio a todo lo que cruza cerca de la ventana - Guau, guau, guau - En la pantalla toda suerte de animales parlantes, universos enrarecidos pero familiares, aventuras junto a seres misteriosos salidos del armario que te hacen gritar de la emoción, openings que coreabas de principio a fin quedándote sin aliento, peinados, coreografías, trajes e incluso experiencias psicodélicas que solo entenderás con los años.

      Han pasado los años, pero aún recuerdas con emoción esa serie animada que nunca pensaste tuviera fin y te preguntas: ¿cómo llegaron a ser tan importantes y verosímiles aquellos dibujos animados con los qué crecimos? ¿cómo logramos dar vida a esas, a veces coloridas, representaciones de personajes imaginarios?

      Una de las respuestas está justo frente a ti, frente a un espejo: Se trata del estudio del movimiento y de la física inherente a él, gracias al que hoy podemos tener personajes que nos hacen reír y llorar.

      ¡Animación, animación y más animación!

      ¿Qué son los principios de animación?

      Los principios de animación son una serie de lineamientos desde los que se puede pensar un tipo de animación mucho más realista, que se apega un poco más a las leyes de la física, aunque sin excluir valores más abstractos inherentes a cada estilo de animación y personajes.

      En 1981 los animadores Ollie Johnston y Frank Thomas de Walt Disney Animation Studio presentaron el libro “The Ilusion of Life: Disney Animation” donde explicaban los “doce principios básicos de la animación” como resultado del trabajo de animación que adelantó este estudio desde 1930. Para muchos The ilusion of life es el libro sagrado de la animación.

      Aunque originalmente estos doce postulados fueron pensados para usarse en animación tradicional, también pueden ser usados en el diseño de experiencias interactivas a la hora de crear transiciones, botones y reacciones a la interacción con la interfaz digital.

      ¿Y cuál es la importancia de los principios de animación?

      Estos son importantes porque son la base del trabajo en animación y son relevantes para un número de diversos áreas, por ejemplo, al introducir algún elemento de movimiento en tu interfaz de animación CSS.

      Aplicar estas técnicas básicas de animación hará tu trabajo profesional y con mucha calidad. A continuación, te cuento cuáles son los 12 principios de animación que debes aplicar.

      Los 12 principios de la animación con ejemplos de Disney

      1. Estirar y encoger

      https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/1_Squash-and-stretch.gif?w=480&ssl=1

      Animación: Cento Lodigiani

      El principio de estirar y encoger es el primer postulado con el que se busca crear la ilusión de características físicas, como masa y volumen, en personajes u objetos en movimiento, que se consigue comprimiendo o estirando los mismos.

      https://media.giphy.com/media/l4EoPk1lohVe46lj2/giphy.gif

      Después del estiramiento o compresión los objetos o personajes regresan a su forma original, como la gelatina. Esto funciona porque le da la sensación a la audiencia del impacto gravitacional que experimenta el personaje. Este principio se puede evidenciar desde el rebote de una bola hasta una persona en movimiento.

      2. Anticipación

      https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/2_Anticipation.gif?w=640&ssl=1

      Animación: Cento Lodigiani

      Gracias a este principio puedes decirle a la audiencia que una acción va a suceder en un lugar y en un momento específicos. Es la preparación para la acción o movimiento principal, que puede verse de diferentes maneras. Por ejemplo, ¿podrías imaginar el lanzamiento de una bola de baseball sin pensar en estirar tu brazo hacia atrás?

      https://miro.medium.com/max/602/0*8pHablqI40rTI4H_.gif

      Del mismo modo, una animación que no integra un pequeño momento de anticipación puede parecer sin vida o poco verosímil.

      3. Puesta en escena

      https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/3_Staging.gif?w=640&ssl=1

      Animación: Cento Lodigiani

      Este principio se basa en el concepto de “Puesta en escena” propuestos por el cine y la televisión, en el que se subraya la importancia de dirigir la atención de la audiencia sobre los elementos más importantes en la escena. Este concepto pude ser ignorado o subestimado, pero puede potenciar nuestro relato cuando se usa adecuadamente.

      Algunos de los elementos que se tienen en cuenta en la puesta en escena son el encuadre, la posición del personaje en cuadro, la luz y la sombra, como sus acciones. Es importante siempre trazar una guía de movimiento para dirigir la mirada de la audiencia sobre los elementos vitales sin que pierda su atención.

      https://media.giphy.com/media/UYqnVrrLZaGmA/giphy.gif

      Algo que no se recomienda en la puesta en escena es desarrollar muchas situaciones simultáneas en la misma escena. El fondo y la animación deberían funcionar en conjunto como una unidad pictórica en la escena.

      4. Animación directa y pose a pose

      https://i2.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/4_Pose-to-Pose.gif?w=480&ssl=1

      Animación: Cento Lodigiani

      Hay dos maneras de enfrentar la animación con dibujos: animación directa o pose a pose. Cada una tiene sus beneficios y los dos acercamientos se combinan usualmente. La animación directa implica dibujo cuadro a cuadro desde el inicio hasta el final. Si lo que se busca es fluidez, movimientos realistas, la animación directa es la mejor opción.

      https://miro.medium.com/max/700/0*DY3KGrWQgNEc9rzF.gif

      Con la técnica pose a pose, puedes dibujar el cuadro inicial, el cuadro final y algunos fotogramas claves en medio. Luego, regresas al inicio y completas los fotogramas restantes. Esta técnica te da un poco más control de la escena y te permite aumentar el efecto dramático del movimiento.

      5. Acciones complementarias y superpuestas

      https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/5_Follow-Through-and-Overlapping.gif?w=640&ssl=1

      Animación: Cento Lodigiani

      Cuando un personaje u objeto tiende a detenerse, no todo lo que está asociado a él se detiene.

      https://media.giphy.com/media/oTiMS5tKgDSKY/giphy.gif

      Habrás visto en muchas animaciones como el cabello de un personaje que corre y se detiene, sigue en movimiento después de esta acción. Aquí, los elementos secundarios están siguiendo a la acción principal. Esto ayuda a dar un look mucho más realista a la animación.

      6. Acelerar y desacelerar

      https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/6_Slow-In-Slow-Out.gif?w=640&ssl=1

      Animación: Cento Lodigiani

      Este principio parte de la idea que ningún objeto pasa del reposo absoluto al movimiento continuo instantáneamente, todos los objetos necesitan un breve lapso de aceleración o desaceleración.

      https://media.giphy.com/media/6K3lyG7ywy7Li/giphy.gif

      En ese sentido, el inicio y final de una acción son detallados con más cuadros para dar la sensación de arranque o frenado de manera más natural.

      7. Arcos

      https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/7_Arcs.gif?w=480&ssl=1

      Animación: Cento Lodigiani

      Casi todos los objetos, incluidos los humanos, se mueven en trayectorias circulares más que en línea recta. Este principio se construye sobre esa noción. Cuando una cabeza se mueve o un brazo se aleja, tiene un movimiento en arco adherido. La velocidad del arco es importante también, a veces imperceptible pero a veces fácilmente reconocible.

      https://31.media.tumblr.com/8fd1a116bdfbe87d69d205678416d014/tumblr_nby9rc6wKb1tkxxq7o1_400.gif

      Los arcos operan a lo largo de una trayectoria curva que agrega la ilusión de vida a un objeto animado en acción. Sin arcos, las animaciones se sienten rígidas y mecánicas.

      8. Acción secundaria

      https://i1.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/8_Secondary-Action.gif?w=640&ssl=1

      Animación: Cento Lodigiani

      Todos los gestos que son agregados a la acción principal o primaria son llamados acciones secundarias. Estas acciones agregan personalidad y dan una dimensión mucho más profunda del personaje dándonos más pistas acerca de quién es, qué piensa o qué hace.

      https://media.giphy.com/media/ZV0rz1ARUleBq/giphy.gif

      También son acciones que sirven para subrayar la acción principal y que se agregan generalmente al principio o final de un movimiento.

      9. Cadencia (Timing)

      https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/9_Timing.gif?w=640&ssl=1

      Animación: Cento Lodigiani

      Volvamos a darle un ojo a las leyes físicas para este principio. Cada movimiento puede ser dividido en múltiples fracciones de tiempo, en este caso, cuadros, donde la cadencia está dada en el tiempo de llegada o fracciones de tiempo para completar la acción. Este concepto es muy importante pues incluso un par de milisegundos de más o de menos pueden echar a perder el movimiento.

      https://media.giphy.com/media/12r1HiIMCfdyzS/giphy.gif

      Este principio puede ayudar a controlar reacciones y estados de ánimo de los personajes.

      10. Exageración

      https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/10_Exaggeration.gif?w=640&ssl=1

      Animación: Cento Lodigiani

      Demasiado realismo puede arruinarlo todo. Exagerar un poco, agregar elementos surreales e inesperados a la escena pueden darle un estilo único a la animación. La exageración presenta las características y acciones de un objeto de una manera extrema para obtener un efecto cómico o dramático.

      https://media.giphy.com/media/f5vXCvhSJsZxu/giphy.gif

      Además, la exageración es un gran recurso para hacer mucho más atractivo un personaje y puede mejorar la narrativa de la pieza.

      11. Dibujo sólido

      https://i2.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/11_Solid-Drawings.gif?w=640&ssl=1

      Animación: Cento Lodigiani

      Este principio invita a la representación tridimensional de elementos en la escena, a dar la ilusión de profundidad y peso a pesar de tener solo dos dimensiones como medio.

      https://miro.medium.com/max/1400/0*OTPDIYkUvNOH4UYe.gif

      Para conseguir con éxito este efecto es necesario entender y aplicar conceptos como el de perspectiva, volumen, peso, equilibrio e iluminación a nuestro personaje y el escenario que lo rodea.

      12. Atractivo

      https://i1.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/12_Appeal.gif?w=640&ssl=1

      Animación: Cento Lodigiani

      El último, pero no menos importante de todos los principios es el atractivo. La audiencia tiende a recordar a los personajes que perciben únicos y reales.

      https://media.giphy.com/media/l0HlMlMVBuNhDqkF2/giphy.gif

      Es un principio que busca que las animaciones tengan imágenes mucho más creativas e interesantes para la audiencia. El atractivo puede ser un valor difícil de cuantificar por su condición subjetiva, pero hay algunas nociones que nos permiten llegar a ciertos rasgos sobresalientes.

      Aprovecha los principios de animación para tus proyectos

      Y voilà. Doce principios esenciales con los que hemos conseguido que el mundo de la animación sea mágico y cautivador a lo largo de las últimas décadas, parte de nuestra cultura y aporte a las artes.

      En Platzi tenemos un Curso de Animación de Personajes 2D que te será útil para ahondar en estos principios y aplicarlos a tus proyectos. Entra y aprovecha gratis las 5 primeras clases.

      Son las 9 de la mañana de un domingo cualquiera. Termino de comer una taza de granola con fruta. Siento nostalgia. Los gatos en las piernas. Busco en la web “El laboratorio de Dexter” y de repente parece que todo tiene sentido de nuevo.

      Obtén respuestas inmediatasProfundiza lo que acabas de verObtén respuestas inmediatas

      Comentarios

        Robinson Javier Ordoñez Barreiro

        Robinson Javier Ordoñez Barreiro

        student•
        hace 3 años

        Que buen aporte

        David Alonso Nunez Guerra

        David Alonso Nunez Guerra

        student•
        hace 3 años

        no sé visualiza

          Cristian F. Gregorio

          Cristian F. Gregorio

          student•
          hace 3 años

          No se visualiza, porque es un articulo de texto. En la parte de recursos, podés leer el post completo :)

        Leslie Leandro Timoteo

        Leslie Leandro Timoteo

        student•
        hace 3 años

        Esta clase no se puede visualizar.

          Cristian F. Gregorio

          Cristian F. Gregorio

          student•
          hace 3 años

          No se visualiza, porque es un articulo de texto. En la parte de recursos, podés leer el post completo :)