PROCESO DE ANIMACIÓN DIGITAL

Paso a paso para crear una animación

 1.
St
or
yl
in
e
2.
li
te Gui
ra ón
ri
o
3.
pe
rs Dis
on eñ
aj o
es de
y lo
es s
4. ce
St n ar
or io
yb s
oa
rd
5.
Di
al
og
os
o
PROCESO DE ANIMACIÓN DIGITAL

6. vo
An z
im en
at of
ic f
7.
An
ima
ci
ón
8.
Pipeline

Ed
ic
ió
n
de
9. vi
deo
Ef
ec
to
s
vi
10 su
. al
Te es
st y
i ng so
n or
o s
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline Lo esencial aquí es presentar la idea

2. Guión literario
de tu historia, donde cualquier persona
pueda entenderla, breve sinopsis.
3. Diseño de los personajes
y escenarios

4. Storyboard
Presentando Inicio - nudo - desenlace
5. Dialogos o voz en off
No se especifica tiempo, lugar ni razón
6. Animatic

7. Animación Conciso, inquietante y atractivo

8. Edición de video
Sin develar el final
9. Efectos visuales y sonoros

10. Testing Contextual - crisis - futuro incierto

PROCESO DE ANIMACIÓN DIGITAL

1. Storyline
Dunkerque
2. Guión literario Año 1940, en plena 2ª Guerra Mundial. En las
playas de Dunkerque, miles de soldados de tropas
3. Diseño de los personajes
y escenarios británicas y francesas se enfrentan contra el
ejercito alemán, que ha invadido Francia.
4. Storyboard
Atrapados en la playa y con el mar cortándoles el
5. Dialogos o voz en off paso, Alemania comienza a avanzar, enfrentandose a
una situación angustiosa que empeora a medida que
6. Animatic el enemigo se acerca, acercando su muerte.
7. Animación
Storyline ejemplo 2
8. Edición de video
Francis es un estudiante de diseño gráfico, alegre
9. Efectos visuales y sonoros y expectante por su nueva materia de animación.
Pronto se dará cuenta que todo no es lo que
10. Testing
parece, sus continuas llegadas tarde y malas notas
ponen en riesgo su promedio, Francis enfrentará
situaciones que lo llevarán al límite y en su
última oportunidad podría ganarlo o perderlo todo.

Storyline ejemplo 3
Luego de 7 años por fuera, Nicol y Nina, deciden
volver a su pueblo natal a cumplir con su promesa.
Inicio Al llegar, se dan cuenta que el pueblo se
encuentra devastado, prácticamente destruido.
Deciden darle su merecido a Dorlan, jefe del Clan
Nudo Negro que tiene dominado el valle, su lucha
definirá el rumbo de muchas vidas.

Desenlace Storyline ejemplo 4

Tras leer un extraño libro, Luka es transportado a
una isla misteriosa de donde hay escapatoria.
Allí, se enfrentará pruebas y misterios para
encontrar el sentido del lugar, asechado por
moustros y piratas. Al llegar a la entrada de la
cueva pirata, enfrentará sus mayores miedos y
misterios que esconde la isla.
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline
En el guion se plantea la narración
2. Guión literario
tal cual será contada. Dividiendo
3. Diseño de los personajes escenas, planos, diálogos, acciones,
y escenarios
ambientación y sonidos.
4. Storyboard

5. Dialogos o voz en off Establecer número de escenas y planos

6. Animatic
Sugerir encuadres y ángulos de cámara
7. Animación

8. Edición de video Escenas continúas y cortes

9. Efectos visuales y sonoros
Picos de acción y estrés
10. Testing
PROCESO DE ANIMACIÓN DIGITAL

Escena 1 - plano 2 - Noche - exterior bosque

1. Storyline

2. Guión literario

3. Diseño de los personajes **Plano medio - Angulo paralelo**

y escenarios
En el reino XXX, Sango está siendo
4. Storyboard perseguido por ladrones, en su intento por
5. Dialogos o voz en off
escapar sube sigilosamente a un árbol.

Sango: (Agitada)
6. Animatic

7. Animación ¡Maldición, están en todos lados!

8. Edición de video

9. Efectos visuales y sonoros

Audio: Sonido hojas árbol, trepar árbol
10. Testing
Voz off: Maldición están en todos lados
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline Al diseñar personajes y escenarios es

2. Guión literario
importante buscar referentes, encontrar
un estilo acorde al modo de contar tu
3. Diseño de los
personajes y escenarios historia.
4. Storyboard
Estilo de línea, sombra y acabados
5. Dialogos o voz en off

6. Animatic Canon de personajes y proporción

7. Animación
Paleta de colores y texturas
8. Edición de video

9. Efectos visuales y sonoros Paridad entre figura - fondo

10. Testing
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline
Artconcept
2. Guión literario

3. Diseño de los
personajes y escenarios

4. Storyboard

5. Dialogos o voz en off

6. Animatic

7. Animación

8. Edición de video

9. Efectos visuales y sonoros

10. Testing
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline
Storyboard (Tablero de historia)
2. Guión literario

3. Diseño de los personajes

y escenarios
Secuencia de escenas y planos que explica
como se contará la historia, hay que ser
4. Storyboard
flexible y ver cómo contarla de mejor
5. Dialogos o voz en off forma al usuario.
6. Animatic
Establece ángulos y encuadres finales
7. Animación

8. Edición de video Dibujos poco elaborados

9. Efectos visuales y sonoros

10. Testing
Apoyo visual al ilustrador y animador
 Número de escena y plano - Segundo que marca
Dibujo de la escena - Acción en escena
Dialogo y sonido - Movimiento de cámara
- Entrada y movimiento de personajes
1. Storyline
- Cómo salta a siguiente escena

2. Guión literario

3. Diseño de los personajes

y escenarios

4. Storyboard

5. Dialogos o voz en off

6. Animatic

7. Animación

8. Edición de video

9. Efectos visuales y sonoros

10. Testing
 Ver videos:

1. Storyline

2. Guión literario Cómo hacer un Storyboard

https://www.youtube.com/watch?v=SckelqK77QU

3. Diseño de los personajes

y escenarios

4. Storyboard 2

5. Dialogos o voz en off

6. Animatic Los Simpson (Storyboards)

https://www.youtube.com/watch?v=zfvThEJQu7s

7. Animación

8. Edición de video
3
9. Efectos visuales y sonoros

10. Testing
EXPLICAMOS™ | STORYBOARD
https://www.youtube.com/watch?v=1FAH7sHoWhw
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline
El material sonoro debe estar listo
2. Guión literario
antes de continuar con el siguiente
3. Diseño de los personajes paso (Animatic). En esta etapa grabamos
y escenarios
los diálogos, la banda sonora y los
4. Storyboard
sonidos ambientales.
5. Dialogos o voz en off

6. Animatic
El sonido da el timing de la animación
7. Animación
Musicalización puede aparecer en varias
8. Edición de video escenas, así como salta a otra melodía
9. Efectos visuales y sonoros

10. Testing
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline
Audio de fondo (entero o por ritmo)
2. Guión literario

3. Diseño de los personajes

y escenarios

4. Storyboard
Voz en off
5. Dialogos o voz en off

6. Animatic

7. Animación

8. Edición de video Efectos de sonido

9. Efectos visuales y sonoros

10. Testing
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline
El animatic puede ser un dibujo con
2. Guión literario indicaciones de movimiento, incluso un
3. Diseño de los personajes
clip animado. Indica al animador como
y escenarios animar, timing, sonidos, diálogos y
4. Storyboard salto de escenas.
5. Dialogos o voz en off
Flechas y textos sobre el dibujo
6. Animatic

7. Animación Claro en orden de movimientos

8. Edición de video

1 2 3
9. Efectos visuales y sonoros

10. Testing The Final Exam: Animatic Toy Story Side-By-Side: Ducktales Animatic
https://www.youtube.com/watch?v=OvR6wuMW6gs https://www.youtube.com/watch?v=Z5-a9uQkzac https://www.youtube.com/watch?v=bSZXo8wmXtg
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline

2. Guión literario

3. Diseño de los personajes

y escenarios

4. Storyboard

5. Dialogos o voz en off

6. Animatic

7. Animación

8. Edición de video

9. Efectos visuales y sonoros

10. Testing
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline
Primero se establece el ritmo de cada
2. Guión literario escena, depende de la musicalización y
3. Diseño de los personajes el alma de la historia.
y escenarios

4. Storyboard Es importante que el tiempo de cada

5. Dialogos o voz en off
6. Animatic
7. Animación
8. Edición de video
9. Efectos visuales y sonoros
movimiento ya haya sido definido en el
storyboard. Un movimiento animado
erróneo puede causar una gran pérdida
de tiempo y trabajo.
Definir velocidad de frames y el formato
Separar por capas elementos a animar

10. Testing https://www.youtube.com/watch?v=1pMBpoonCiA

PROCESO DE ANIMACIÓN DIGITAL

1. Storyline

Seg Otra Pelicula De Huevos Y Un Pollo 'Completa'

2. Guión literario
12:44 https://www.youtube.com/watch?v=vdwl9P00z80

3. Diseño de los personajes

y escenarios

The New Pioneers

4. Storyboard Vimeo https://vimeo.com/145156619

5. Dialogos o voz en off

6. Animatic
Lo más importante en la animación no es su animación en si, sino su historia.

7. Animación Wildebeest from Birdbox Studio

https://www.youtube.com/watch?v=JMJXvsCLu6s
8. Edición de video
Carwash
9. Efectos visuales y sonoros https://www.youtube.com/watch?v=-sAjrL0fJzw

10. Testing Plane

https://www.youtube.com/watch?v=cx2K0VBIQE4
PROCESO DE ANIMACIÓN DIGITAL Manejo de canales

1. Storyline

2. Guión literario
3. Diseño de los personajes
y escenarios
4. Storyboard
5. Dialogos o voz en off
Canal para Efectos de software
transiciones y efectos
Canal motion
Clips estandarizados MOV PNG
graphips y banners
Canal video
Escenas sueltas MP4
por escenas

6. Animatic
Canal efectos
7. Animación sonido Efectos pueden ser modificados

8. Edición de video Canal voz

en off AUDIO VOZ EN OFF (Timing)(intocable)
9. Efectos visuales sonoros

Canal de
10. Testing
Musicalización (intocable)(Ritmo)
musicalización
PROCESO DE ANIMACIÓN DIGITAL

1. Storyline

2. Guión literario
Etapa de la animación donde se hacen
3. Diseño de los personajes pruebas de público objetivo y general.
y escenarios

4. Storyboard
Primero se observa la animación en
5. Dialogos o voz en off busca de errores y fallos de sonido.
6. Animatic
Revisión antes de publicación
7. Animación

8. Edición de video Siempre habrá cambios

9. Efectos visuales y sonoros

10. Testing