Planeación 2026

Imagen
Digital
Animada

16 Semanas Diseño y Animación Digital Nivel: Intermedio Mayo — Agosto 2026
Descripción

Introducción al lenguaje del movimiento digital. El estudiante desarrolla comprensión sólida de los principios de animación, herramientas de producción 2D y criterios estéticos para comunicar con imágenes en movimiento.

Perfil de ingreso

Conocimientos básicos de diseño digital. Manejo elemental de software creativo. No se requiere experiencia previa en animación.

Competencia general

Produce piezas de imagen digital animada aplicando los principios fundamentales del movimiento, con criterio estético y dominio técnico de las herramientas básicas de animación 2D.

01

Objetivos de aprendizaje

Comprender y aplicar los 12 principios de animación en producciones digitales
Dominar los conceptos de timing, spacing y easing en animación por keyframes
Producir motion graphics básicos: texto, formas e iconografía animada
Crear ciclos de animación frame by frame de complejidad básica
Exportar animaciones en los formatos adecuados para web, redes y presentación
Desarrollar criterio visual para evaluar calidad en piezas animadas
02

Herramientas del curso

After Effects Herramienta principal
Cavalry Animación 2D
Adobe Fresco Vector Animation
Illustrator Elementos vectoriales
Handbrake Optimización
Canva Distribución web
03

Programa Semanal — 16 Semanas

Semanas 1–3 Unidad 1 — Fundamentos del Movimiento Teoría
Semana 01
¿Qué es la animación digital?
Historia del movimiento en medios digitales. Diferencias entre animación tradicional, digital y generativa. Taxonomía: motion graphics, frame by frame, 2D, 3D. Visión panorámica del campo.
Investigación
Semana 02
Los 12 Principios — Parte I
Squash & stretch, anticipación, puesta en escena, animación directa vs. pose a pose. Análisis de referencias clásicas y contemporáneas. Ejercicios de observación.
Análisis
Semana 03
Los 12 Principios — Parte II
Follow through, slow in/slow out, arcos, acción secundaria, timing, exageración, dibujo sólido, apelación. Aplicación práctica de los 12 principios con ejercicios de pelota rebotando.
Ejercicio práctico
Semanas 4–7 Unidad 2 — Keyframes y Curvas de Animación Práctica
Semana 04
Introducción a After Effects
Interfaz, espacio de trabajo y flujo de trabajo básico. Composiciones, capas y timeline. Propiedades de transformación: posición, escala, rotación, opacidad. Primer keyframe.
Setup
Semana 05
Editor de Gráficas — Speed y Value Graph
Interpolación: lineal, bezier, hold. Easing in y easing out. Lectura e interpretación de curvas de velocidad. Creación de movimientos orgánicos vs. mecánicos.
Ejercicio easing
Semana 06
Timing y Spacing en práctica
Control del tiempo como herramienta expresiva. Time stretch, time remapping. Comparación de animaciones con distinto timing sobre el mismo movimiento. Retroalimentación grupal.
Comparativa
Semana 07
Loops y Ciclos
Expression loopOut() básico. Creación de loops perfectos: background loop, spinner, loader animado. Concepto de animación infinita para aplicaciones web y social media.
Loop entregable
Semanas 8–10 Unidad 3 — Motion Graphics Básicos Taller
Semana 08
Texto Animado
Text animators en After Effects. Propiedades de texto: tracking, leading, opacity por carácter. Preset de texto vs. animación manual. Kinetic typography básica.
Tipografía animada
Semana 09
Formas e Iconografía Animada
Shape layers: path, trim paths, morphing básico. Animación de íconos y pictogramas. Construcción de una pieza de identidad visual animada (logo sting básico).
Logo sting
Semana 10
Introducción a Cavarly
Interfaz de Cavarly. Diferencias entre Cavarly y After Effects. Animación interactiva básica: estados y transiciones. Publicación en web. Casos de uso: UI animation, micro-interacciones.
Widget Cavarly
Semanas 11–13 Unidad 4 — Frame by Frame Digital Práctica
Semana 11
Animación Cuadro a Cuadro — Fundamentos
Procreate Dreams / Clip Studio: configuración de canvas de animación. FPS: 12 vs. 24. Onion skin. Ciclo de rebote y ciclo de parpadeo. Flujo de trabajo frame by frame.
Ciclo básico
Semana 12
Ciclos Simples de Personaje
Ciclo de caminar (walk cycle) simplificado. Animación de cuerpo completo en 6–8 frames. Principios de peso y balance. Exportación como GIF y video.
Walk cycle
Semana 13
Efectos Frame by Frame
Fuego, agua, humo en 2D. Uso de capas de efectos secundarios. Integración de frame by frame con composición en After Effects. Estética rough vs. clean.
Efecto animado
Semanas 14–16 Unidad 5 — Exportación y Proyecto Final Proyecto
Semana 14
Formatos de Exportación y Plataformas
GIF optimizado, MP4 H.264, WebM, Lottie JSON. Consideraciones de peso y calidad según plataforma: Instagram, web, presentación. Herramientas: Media Encoder, Handbrake, EZGif.
Pack multi-formato
Semana 15
Desarrollo de Proyecto Final
Producción de pieza integradora: motion graphic de 15–30 seg que combine tipografía, formas y al menos un elemento frame by frame. Revisión y retroalimentación individual.
Work in progress
Semana 16
Presentación Final y Cierre
Presentación pública del proyecto final. Autoevaluación y coevaluación. Retroalimentación docente. Reflexión sobre proceso de aprendizaje y portafolio.
Entrega final
04

Evaluación

Rubro Descripción %
Ejercicios semanales Entregables técnicos por unidad (5 mejores de 8) 30%
Participación y proceso Bitácora visual de proceso, asistencia y retroalimentación grupal 15%
Proyecto de unidad — Motion Pieza de motion graphics completa (sem. 8–10) 20%
Proyecto de unidad — FbF Ciclo frame by frame + efecto animado (sem. 11–13) 15%
Proyecto Final Pieza integradora 15–30 seg. Presentación y defensa 20%
Total 100%