Curso de

Bagde Introducción a Motion

del curso
Graphics con After Effects

Miguel Ángel Torres

¿Qué significa animar?
¿Para quién es
este curso?
Es para quien quiera crear
diseño e ilustración
en movimiento.
 ¿Qué son los
motion graphics?
 Intersección entre
diseño, ilustración
y animación.
 Curso técnico
enfocado en el uso
de la herramienta.
Aquí están las herramientas,
la creatividad
va por tu cuenta.
 Vamos a crear
3 proyectos para
empezar tu portafolio.
1. IG Story - Festival Musical
2. IG Post - Refrán
3. Dinosaurio skate
¡COMENCEMOS!
Conoce la interfaz
de After Effects
 El objetivo:
Abrir After Effects
 Interfaz

- Conoce los principales paneles.

- Cómo ordenar y desordenar.
- Guardar espacios de trabajo.
- Crear una composición.
- Barra de herramientas.
 Quick Start
en After Effects
Tu primera animación
y conocer el timeline.
 Quick-start

1. Panel timeline
2. Manejo de capas
3. Manejo de keyframes
4. Render
 Capas de
Photoshop
Tipos de Capas
Comenzamos
tu primer
proyecto
1. IG Story - Festival Musical
(Pantalla 1)
 Capas de Photoshop

Mapas de bits
● Preparar PSD
● Importar a AE
● Comparar PSD -> AE
● Consejos generales
 Capas de
Illustrator
Tipos de Capas
1. IG Story - Festival
Musical (Pantalla 2)
 Capas de Illustrator

Vectores
● Preparar AI / Importar a AE
● Comparar AI -> AE
● Vectores editables
● Consejos generales
 Dibujo con
Shape Layers
Tipos de Capas
 Dibujo con Shape Layers
● ¿Qué son?
● Formas paramétricas vs.
Bezier Paths
● Estructura
● Pen Tool
● Animar un Call to Action
Texto animado
Tipos de Capas
 Texto

● Capas de Texto
● Propiedades de Capa
● Menú Animate
● Presets / Typewriter
 Importar
Audio y Video
Tipos de Capas
1. IG Story - Festival
Musical (Pantalla 3)
 Importar Audio y Video

● Importar secuencias de imágenes

● Interpret footage
● Propiedades de capas
de audio y video
● Manipular el tiempo
Precomps: organizar
nuestras capas
Tipos de Capas
 Precomps

● Organizar nuestras capas.

● Reutilizar elementos comunes.
● Práctica: Versiones / Adaptaciones
● Tips de navegación
 Collect y
dependencies
Tipos de Capas
 Collect y dependencies

● Archivos perdidos.
● Troubleshooting.
● Ordenar nuestro proyecto.
● Limpiar nuestro proyecto.
● Empaquetar para colaborar o archivar.
Transparencias
con Track Matte y Set Matte

Interacción entre capas

 Empieza tu
segundo proyecto
2. IG Post - Refrán
- Track matte (Similar a Clipping Mask en Illustrator)
- Set matte (Efecto)
 Parent y
Null Object
Interacción entre capas
 Parent y Null Object

● Animar entrada y
salida de las ventanas.
● Moving hold.
Emparentamiento
con expresiones
Interacción entre capas
 Emparentamientos
con expresiones

● Animar formas dentro de ventanitas.

● Rotación inversa.
● Método alternativo.
Tipos de Keyframes
Animación
 Ya conoces:
Lineal e Easy Ease
Motion Paths
Animación
Vamos a animar
un dinosaurio
3. Dinosaurio skate
Primero la libélula.
Graph Editor
Animación
 Graph Editor

● Preparar el dinosaurio
● Animar la entrada
● Refinar con Graph Editor
● Moving hold
Expresiones
Animación
 Expresiones

● Rotación de las ruedas.

● Rebote de la tabla.
● Parpadeo.
Loops
Animación
 Cómo conseguirías
animar el paso de la plantas.
 Loops

● Vaivén de las plantas

● Paso de las plantas
Loops con Precomps
Animación
 Cómo conseguirías
animar la tierra que se
levanta.
Estilización
Animación
 Estilización

Detalles finales:

● Fill effect en sus patas.

● Animar onditas del fondo.
 Efectos Efectos
ópticos vs tradicionales
(como si hubiera sido (como si se hubiera
grabado) animado a mano)
 Render
en After Effects
Animación
 Render

● Render en AE

● Render en Adobe Media Encoder

 Render en
Adobe Media Encoder
Animación
Ideal para tu
render final
Efectos y Presets
Modificadores
 Panel:
Effects & Presets
● Fill
● Wave Warp (Distorsión)
● Turbulent displace (Distorsión)
● Posterize time (Efecto de tiempo)
● Set matte (Channel)
● Grow bounds (Utility)
● Checkbox (Control de expresión)
 Panel:
Effects & Presets
● Efectos:
➔ Modificadores que se aplican sobre una capa.
➔ Se pueden aplicar sobre cualquier capa.
● Tres más:
➔ Simple choker (Matte)
➔ Shift Channels (Channel)
➔ CC Bend It (Distort)
 Panel:
Effects & Presets

No todos los efectos necesitan algo que modificar.

● Cuatro ejemplos:
➔ Partículas (Simulación)
➔ Fractal Noise (Noise and grain)
➔ Noise (Noise and grain)
➔ Radio Waves (Generate)
 Presets
(Para ahorrar tiempo)
Layer Masks
Modificadores
1. IG Story - Festival
Musical (Pantalla 3)
Adjustment Layers
y Blending Modes
Modificadores
 Adjustment Layers
y Blending Modes
● Tres efectos nuevos:
➔ Photo Filter
➔ Brightness and Contrast
➔ Blur
● Ejercicios con Blending modes:
➔ Color
➔ Double exposure
➔ Bokeh
Layer Styles
Modificadores
Si usas Photoshop
ya los conoces.
Shape Modifiers 1
Modificadores
Shape Modifiers 2
Modificadores
1. IG Story - Festival
Musical (Pantalla 2)
Tu proyecto final
Conclusiones
1. IG Story - Festival Musical
1. IG Story - Festival Musical
2. IG Post - Refrán
3. Dinosaurio skate
¡Comparte tus
proyectos!
@calaveracreativa
Completa el examen
Obtén tu certificado
Gracias