Volver a Arcos Curriculares
動
ARCO 04 · ANIMACIÓN 2D Y MOTION GRAPHICS
DISCIPLINA: Taller de Animación / Imagen en Movimiento
Animación 2D y Motion Graphics
Principios de animación, keyframes, curvas y micro-loops.
Nivel: Progresivo (🌱 → 🌿 → 🌳)
Misiones: 3 Etapas
Alimenta: Metaproyecto Neomuisca
🌱 RANGO GENIN Misión 01 de 03
Misión 4.1 (🌱 Genin): Línea de Tiempo y Principio de Squash & Stretch
### 🎯 Objetivo de la Misión
Dar tus primeros pasos en **Adobe After Effects**, dominando la línea de tiempo, los fotogramas clave (*Keyframes*) y el primer gran principio de la animación clásica: compresión y estiramiento.
### ⚡ Atajos Imprescindibles en After Effects
- `Espacio`: Reproducir / Pausar la animación.
- `P`: Revelar propiedad Posición.
- `S`: Revelar Escala.
- `R`: Revelar Rotación.
- `T`: Revelar Opacidad (*Transparency*).
- `N` y `B`: Definir el inicio y fin del área de trabajo.
Entregable Esperado
Animación en loop de 3 segundos de una pelota que rebota con deformación orgánica de impacto exportada en MP4 ligero.
Conexión con otros Softwares
Entender la separación de canales y el ritmo de los fotogramas clave en After Effects es el núcleo para animar cualquier interfaz UI en Figma o video en Premiere.
Galería de Referencias Visuales (Moodboard)
Ver Tablero en Pinterest ↗ 
Recursos de Entrenamiento:
📌 Tablero de Pinterest: Principios de Animación 2D ↗ Tutorial de Animación Básica en After Effects (Español) ↗
🌿 RANGO CHUNIN Misión 02 de 03
Misión 4.2 (🌿 Chunin): El Editor de Curvas y Aceleración Orgánica
### 🎯 Objetivo de la Misión
Dejar atrás las animaciones robóticas y lineales aprendiendo a utilizar el **Graph Editor (Editor de Curvas)** de After Effects, dominando las desaceleraciones suaves (*Easy Ease `F9`*) y la aceleración explosiva típica de los animes de acción.
### 📜 El Encargo
Crea una animación de entrada de un título cinemático con un destello o línea de velocidad que entra disparada, frena con elegancia y vibra al detenerse.
Entregable Esperado
Micro-animación en video MP4 de 4 segundos a 60 FPS con curvas de velocidad editadas.
Conexión con otros Softwares
Las curvas Bezier que aprendiste en Illustrator son exactamente las mismas que moldean la velocidad temporal en el Graph Editor.
Galería de Referencias Visuales (Moodboard)
Ver Tablero en Pinterest ↗ 
Recursos de Entrenamiento:
📌 Tablero de Pinterest: Motion Graphics Anime & Title Cards ↗ Cómo dominar el Graph Editor en After Effects ↗
🌳 RANGO JONIN (METAPROYECTO) Misión 03 de 03
PIEZA DE PORTAFOLIO OFICIAL
Misión 4.3 (🌳 Jonin - Metaproyecto): Eyecatch & Cortinilla Animada del Emblema
### 🎯 Objetivo de la Misión
Crear la cortinilla oficial animada del proyecto *"Neomuisca"*, conectando directamente los vectores del Módulo 1 en After Effects.
### 📜 El Encargo
Diseña una animación de 5 segundos que funcione como **Eyecatch** (la clásica cortinilla animada de 5 segundos que divide los capítulos de anime):
- Importa el archivo .AI del Emblema del Módulo 1 y conviértelo a *Capas de Forma* (`Clic derecho > Crear formas a partir de capa vectorial`).
- Anima el trazo con la propiedad *Recortar Trazados (Trim Paths)*.
- Añade resplandor de neón (*Glow*) y partículas flotantes.
- Cierra con un loop rítmico que vuelva al inicio.
Entregable Esperado
Video MP4 (1080x1080 o 1920x1080) + GIF animado optimizado listo para publicar en Behance.
Conexión con otros Softwares
Esta pieza en video será el recurso que insertaremos en el montaje final de Premiere Pro en el Módulo 6.
Galería de Referencias Visuales (Moodboard)
Ver Tablero en Pinterest ↗ 
Recursos de Entrenamiento:
📌 Tablero de Pinterest: Eyecatches y Cortinillas Anime ↗ Cómo animar un logo con Trim Paths en After Effects ↗
// PANEL DE TRANSMISIÓN DE MISIÓN
Checklist de Progreso y Desbloqueo
EN ENTRENAMIENTO
Marca las 3 misiones como terminadas para desbloquear el siguiente arco.