Tipos de Fotograma e Interpolación en Adobe Animate 2020/Curso Completo Animate/Clase 04

FITO-TUT
8 Sept 202008:41

Summary

TLDREn este episodio del canal, se explora el uso de la línea de tiempo y fotogramas en Adobe Animate para crear animaciones fluidas. Se explican los tres tipos de fotogramas: clave, simple y clave en blanco, y cómo utilizar atajos de teclado para mayor eficiencia. Además, se detallan técnicas de animación como el frame by frame y la interpolación clásica, de forma y de movimiento. Se invita a los espectadores a suscribirse y participar en futuras lecciones sobre sincronización de audio y labios.

Takeaways

  • 🎬 La línea de tiempo en Adobe Animate está compuesta por fotogramas, que son los elementos básicos para crear la animación.
  • 🔁 Para una animación fluida, se recomiendan 24 o 30 fotogramas por segundo (fps), y esta velocidad se puede ajustar en las propiedades del documento.
  • ⏺ Existen tres tipos de fotogramas: fotograma simple, fotograma clave y fotograma clave en blanco, cada uno con funciones específicas en la creación de animaciones.
  • 🗝 Para una eficiencia en el trabajo, se pueden utilizar atajos de teclado como F5, F6 y F7 para insertar diferentes tipos de fotogramas rápidamente.
  • 📐 Fotogramas simples heredan el contenido del fotograma anterior, lo que permite realizar cambios en una sola parte de la línea de tiempo que se apliquen a todos.
  • 🔑 Fotogramas clave son fundamentales para introducir cambios que solo afecten a ellos y a los fotogramas siguientes, sin modificar los anteriores.
  • 🖼️ El uso de fotogramas clave en blanco es esencial para comenzar una nueva secuencia de dibujo desde cero, sin influir en los fotogramas previos.
  • 🎭 La técnica frame by frame implica dibujar cada fotograma individualmente para crear la ilusión de movimiento, utilizando los diferentes tipos de fotogramas.
  • 🧼 El 'papel cebolla' es una herramienta útil para visualizar los fotogramas anteriores y futuros, facilitando la precisión en la animación.
  • 🔄 La interpolación es el proceso que conecta los fotogramas para crear movimiento, y se puede aplicar de diferentes maneras, como interpolación clásica, de forma o de movimiento.
  • 📹 Adobe Animate ofrece la posibilidad de crear animaciones complejas combinando símbolos y técnicas de frame by frame, y se puede aprender más sobre estas técnicas en futuras lecciones.

Q & A

  • ¿Qué herramienta se utiliza para hablar sobre la línea de tiempo, fotogramas e interpolaciones en el guion proporcionado?

    -Se utiliza Adobe Animate para discutir la línea de tiempo, fotogramas e interpolaciones.

  • ¿Cuál es la importancia de la línea de tiempo en la animación según el guion?

    -La línea de tiempo está conformada por fotogramas y su unión conforma los segundos, siendo fundamental para la fluidez de la animación.

  • ¿Cuál es la tasa de fotogramas por segundo recomendada para la animación y en qué caso se puede modificar?

    -Normalmente se usa 24 frames por segundo para la animación, y en algunos casos hasta 30 frames por segundo. Se puede modificar en cualquier momento en las propiedades del documento en el área de fps.

  • ¿Cómo se pueden insertar fotogramas en Adobe Animate según el guion?

    -Puede hacerse clic en el logo de fotogramas, en la ventana insertar línea de tiempo, o haciendo clic derecho en la línea de tiempo.

  • ¿Qué son los atajos para insertar diferentes tipos de fotogramas en Adobe Animate?

    -F5 para fotograma simple, F6 para fotograma clave y F7 para fotograma clave en blanco.

  • ¿Qué sucede si se modifica o añade algo en un fotograma simple?

    -Cualquier modificación o adición en un fotograma simple se copiará automáticamente a todos los fotogramas simples.

  • ¿Cómo se diferencia un fotograma clave de un fotograma simple?

    -Un fotograma clave copia al anterior, pero cualquier adición o modificación solo se mantiene en el fotograma clave y no en los fotogramas anteriores.

  • ¿Qué técnica se utiliza para crear la ilusión de movimiento en animaciones frame by frame?

    -Se utiliza el método frame by frame, dibujando cuadro a cuadro.

  • ¿Qué herramienta se activa para ver los fotogramas anteriores y posteriores mientras se trabaja en la animación?

    -Se activa el papel cebolla, que permite ver los fotogramas anteriores y posteriores.

  • ¿Qué son los tres tipos de interpolación mencionados en el guion y cómo se aplican?

    -Los tres tipos son interpolación clásica, interpolación de forma y interpolación de movimiento. Se aplican haciendo clic derecho en una línea de tiempo y eligiendo el tipo de interpolación deseado.

  • ¿Cómo se puede sincronizar audio con los labios en animaciones y qué se aprenderá en el próximo curso según el guion?

    -Se aprenderá a sincronizar audio con los labios de manera automática y manual en el próximo curso.

Outlines

00:00

🎬 Introducción a la línea de tiempo y fotogramas en Adobe Animate

El primer párrafo introduce la línea de tiempo y los fotogramas en Adobe Animate, esencial para la animación. Se explica que la línea de tiempo está compuesta por fotogramas, que son los 'frames' en inglés, y que más fotogramas por segundo resultan en una animación más fluida. Se menciona que para la animación se utilizan generalmente 24 o 30 frames por segundo, y se puede ajustar esta velocidad en la opción 'fps' del documento. Se describen tres tipos de fotogramas: simple, clave y clave en blanco, y se proporcionan atajos para insertarlos (F5, F6 y F7). Se detalla cómo estos fotogramas afectan a la animación, con ejemplos de cómo se copian los cambios en los fotogramas simples y cómo se insertan y modifican los fotogramas claves. Además, se menciona el uso del método 'frame by frame' para la animación tradicional y se explica cómo se utiliza la 'papel cebolla' para ver los fotogramas anteriores y posteriores, así como cómo se reproduce la animación.

05:02

🔗 Interpolación de fotogramas para crear movimiento en animaciones

El segundo párrafo se centra en la interpolación, que es la técnica utilizada para unir fotogramas y crear el efecto de movimiento. Se presentan tres tipos de interpolación: clásica, de forma y de movimiento. Se describen los pasos para cada tipo de interpolación con ejemplos prácticos. Para la interpolación clásica, se muestra cómo se importa una imagen, se convierte en símbolo, se redimensiona y se mueve entre fotogramas claves. La interpolación de forma se ejemplifica con la transformación de una línea en un cuadrado. La interpolación de movimiento se ilustra con el desplazamiento y rotación de un personaje a través de fotogramas claves. Se enfatiza la importancia de estos métodos para crear animaciones dinámicas utilizando símbolos y se menciona que se profundizará en técnicas de animación en futuras lecciones. Finalmente, se invita a los espectadores a suscribirse, dar like y compartir el contenido, y se ofrecen respuestas a dudas y sugerencias en los comentarios.

Mindmap

Keywords

💡Línea de tiempo

La línea de tiempo es un componente esencial en la animación, donde se organizan los fotogramas o 'frames' que conforman la secuencia de la animación. En el guion, se menciona que la línea de tiempo está conformada por fotogramas, y su unión conforma los segundos, siendo fundamental para dar fluidez al movimiento en la animación. Se ajusta la velocidad de la animación en la propiedad 'fps' (frames por segundo), donde se puede modificar la velocidad para mejorar el resultado.

💡Fotogramas

Los fotogramas son las imágenes individuales que componen un vídeo o una animación. Se menciona en el guion que la unión de fotogramas conforma los segundos y que para una buena animación se suele usar 24 o 30 frames por segundo. Los fotogramas son insertados en la línea de tiempo y se clasifican en diferentes tipos, como fotograma simple, fotograma clave y fotograma clave en blanco.

💡Frame por segundo (fps)

La cantidad de fotogramas por segundo (fps) es una medida de la calidad y fluidez de una animación o vídeo. Se menciona en el guion que para animaciones se suele usar 24 o 30 fps, y que esta velocidad se puede modificar en cualquier momento en las propiedades del documento.

💡Fotograma simple

Un fotograma simple es aquel que continúa la acción del fotograma anterior sin cambios. En el guion se ejemplifica diciendo que si se dibuja un círculo y se inserta un fotograma simple con la tecla F5, todos los fotogramas siguientes mostrarán el mismo círculo.

💡Fotograma clave

Un fotograma clave es un punto de inicio para una nueva acción o cambio en la animación. Se menciona en el guion que al insertar un fotograma clave, se copia el contenido del fotograma anterior, pero cualquier cambio realizado en él solo afectará a los fotogramas siguientes y no a los anteriores.

💡Fotograma clave en blanco

Este tipo de fotograma se utiliza para comenzar una nueva acción desde cero, sin heredar contenido de los fotogramas anteriores. En el guion se explica que al usar un fotograma clave en blanco, cualquier dibujo previo no se ve afectado y se puede comenzar un nuevo dibujo desde una hoja en blanco.

💡Papel cebolla

El papel cebolla es una técnica de animación que permite ver los fotogramas anteriores y posteriores a la posición actual, facilitando la creación de una secuencia coherente. En el guion se menciona que se puede activar en la línea de tiempo para ver los fotogramas y ayudar en la creación de la animación frame by frame.

💡Interpolación

La interpolación es el proceso de crear el movimiento entre fotogramas claves. Existen diferentes tipos de interpolación, como la clásica, la de forma y la de movimiento, que se mencionan en el guion. Cada una tiene su método de aplicar y se utiliza para crear efectos de movimiento fluido en la animación.

💡Símbolo

Un símbolo en Adobe Animate es un grupo de vectores o una imagen que se puede reutilizar en diferentes partes de la animación. Se menciona en el guion que se puede convertir una imagen en un símbolo usando la tecla F8, lo que facilita la manipulación y la animación de los elementos gráficos.

💡Animación frame by frame

La animación frame by frame es un método en el que se dibuja cada fotograma individualmente para crear la ilusión de movimiento. En el guion se describe cómo se utiliza este método, dibujando gotas de agua cada dos fotogramas usando fotogramas clave en blanco.

Highlights

Hablaremos de la línea de tiempo, fotogramas e interpolaciones en Adobe Animate.

La línea de tiempo está conformada por fotogramas, que son fundamentales para la animación.

Se recomiendan 24 o 30 fotogramas por segundo para una animación fluida.

Se pueden modificar la cantidad de fotogramas por segundo en las propiedades del documento.

Existen tres tipos de fotogramas: simple, clave y clave en blanco.

Los atajos de teclado son útiles para insertar fotogramas de manera eficiente.

Los fotogramas simples heredan el contenido del anterior.

Los fotogramas claves mantienen su contenido único y no se heredan.

Los fotogramas claves en blanco permiten dibujar desde cero sin afectar a los anteriores.

Se utiliza el método frame by frame para animaciones tradicionales.

El papel cebolla ayuda a visualizar los fotogramas anteriores y posteriores.

La interpolación clásica se utiliza para crear efectos de movimiento entre fotogramas claves.

La interpolación de forma permite la transición de una forma a otra.

La interpolación de movimiento se utiliza para animaciones complejas a través de fotogramas claves.

Se proyecta un curso futuro sobre sincronización de audio con los labios.

Se invita a los espectadores a suscribirse, dar like y compartir el contenido.

Se abordan dudas y sugerencias en los comentarios.

Transcripts

play00:01

hola a todos bienvenidos al cuarto

play00:03

capítulo de adobe anime hoy hablaremos

play00:06

de la línea de tiempo fotogramas e

play00:09

interpol acciones

play00:20

la línea de tiempo está conformada por

play00:23

fotogramas o también conocidos como

play00:26

frame por su nombre en inglés la unión

play00:29

de fotogramas conforman a los segundos a

play00:32

más fotogramas por segundo mejor será el

play00:34

resultado de la animación dando un

play00:36

movimiento más fluido generalmente para

play00:39

animación se usa 24 frames por segundo y

play00:43

en algunos casos hasta 30 frames por

play00:45

segundo esta velocidad la podemos

play00:48

modificar en cualquier momento en

play00:50

propiedades de documento en el área de

play00:52

fps

play00:59

tenemos tres tipos de fotograma para

play01:02

insertar un nuevo fotograma podemos

play01:04

hacer clic en el logo de fotogramas en

play01:06

la parte superior de la línea de tiempo

play01:08

también los podemos encontrar en la

play01:10

ventana inserta línea de tiempo y dentro

play01:14

estarán los distintos tipos de fotograma

play01:16

también podemos hacer anti clic en la

play01:19

misma línea de tiempo y habrá las

play01:21

opciones de insertar fotograma

play01:26

pero la mejor manera para ahorrar tiempo

play01:28

y trabajar de una manera más profesional

play01:30

es memorizando los sharqat o más

play01:33

conocido como atajos para fotogramas

play01:36

simple pulsaremos la tecla f5 para

play01:39

fotograma clave pulsaremos f6 y para

play01:42

fotograma clave en blanco usaremos efe 7

play01:47

los fotogramas simples son fotogramas

play01:50

que continúan al anterior

play01:52

por ejemplo dibujaremos un círculo que

play01:55

insertaremos un fotograma con la tecla

play01:57

f5 podemos llenar la línea de tiempo con

play02:00

fotogramas si por ejemplo nos vamos

play02:03

varios frames más adelante y presionamos

play02:06

f5 entonces se llenará todos los frames

play02:09

con fotogramas con la misma figura si

play02:12

pasamos por todos los rams encontraremos

play02:15

que en todos estará el círculo y si en

play02:17

cualquier frame dibujamos una línea

play02:19

veremos que en todos los frentes también

play02:21

se ha dibujado la misma línea es decir

play02:24

si modificamos o añadimos algo en

play02:26

cualquier frame simple en automático se

play02:29

copiará a todos los tramos

play02:33

ahora insertaremos un fotograma clave

play02:35

este copia al anterior es decir como

play02:39

veremos el fotograma clave también

play02:40

contiene el círculo y a la línea pero si

play02:43

añadimos un cuadrado este solo quedará

play02:46

en el fotograma clave y no en los

play02:48

anteriores frames pero si por adelante

play02:51

del fotograma clave agregamos programas

play02:54

simples estas figuras quedarán en todos

play02:57

los fotogramas que pertenezcan al for

play02:59

programa clave pero si queremos dibujar

play03:01

una figura desde cero

play03:03

entonces usaremos un fotograma clave en

play03:05

blanco como vemos la hoja queda en

play03:08

blanco y no afectó a ninguno de los

play03:10

anteriores

play03:17

para usar la técnica de animación

play03:19

tradicional usaremos del método frame by

play03:22

frame

play03:22

es decir dibuja cuadro a cuadro para dar

play03:25

la ilusión de movimiento usaremos los

play03:27

tres tipos de fotograma

play03:33

primero dibujaremos una gota luego dos

play03:36

fotogramas más adelante insertaremos un

play03:39

fotograma clave en blanco y volveremos a

play03:41

dibujar otra gota para guiarnos respecto

play03:44

al anterior fotograma activaremos el

play03:46

papel cebolla que se encuentra encima de

play03:48

la línea de tiempo esta nos permite ver

play03:51

los fotogramas anteriores y posteriores

play03:53

donde podemos escoger la cantidad de

play03:55

fotogramas que deseamos ver ahora bien

play03:58

continuaremos dibujando las gotas cada

play04:01

dos fotogramas usando fotograma clave en

play04:03

blanco una vez terminado podemos ver el

play04:07

resultado presionando la tecla enter y

play04:09

si queremos reproducir indefinidamente

play04:12

podemos activar esta función con el

play04:14

símbolo de reproducción continua y luego

play04:16

jalando los selectores

play04:24

en cambio si queremos crear una

play04:26

animación sin estar dibujando frame a

play04:28

frame usaremos los fotogramas claves

play04:31

para ello dibujaremos a un círculo en

play04:34

forma de pelota luego insertar e dos

play04:37

fotogramas más adelante un fotograma

play04:39

clave y modificar la rotación y la

play04:42

posición de la pelota enseguida

play04:45

continuaré haciendo lo mismo cada dos

play04:47

fotogramas utilizando los fotogramas

play04:50

claves junto con la ayuda del papel

play04:52

cebolla

play04:54

una vez terminado podemos ver el

play04:56

resultado con enter o presionando el

play04:59

símbolo de play en la parte superior del

play05:01

programa

play05:12

la interpolación es la manera en que los

play05:15

fotogramas se unen para crear el efecto

play05:17

de movimiento tenemos tres tipos de

play05:20

interpolación la interpolación clásica

play05:23

la interpolación de forma y la

play05:25

interpolación de movimiento para

play05:27

cualquiera de ellos podemos insertarlos

play05:29

haciendo anti clic en una línea de

play05:31

tiempo y escogiendo uno de los tres

play05:35

para la interpolación clásica importar

play05:38

una imagen al escenario y la

play05:41

redimensionar en la hoja de trabajo

play05:44

luego con la tecla f 8 la convertirá en

play05:47

un símbolo luego en un segundo después

play05:50

insertar en un fotograma clave y lo

play05:53

moveré hacia la parte superior y otro

play05:56

segundo después insertar otro fotograma

play05:59

clave y moveré al cerdito a la esquina

play06:03

finalmente en la línea de tiempo área

play06:05

anti clic y la convertir en

play06:07

interpolación clásica dos veces

play06:12

al reproducirlo podemos ver que la línea

play06:15

de tiempo ahora es morada y los

play06:17

fotogramas claves se conectan por una

play06:19

línea esto permite que animase haya

play06:22

creado un efecto de movimiento hasta la

play06:25

última posición del cerdito

play06:30

para la interpolación de forma crearemos

play06:33

un fotograma clave y trazar una línea

play06:35

luego un segundo después insertar otro

play06:39

fotograma clave y dibujaré a un cuadrado

play06:42

ahora haré anti clic e insertar una

play06:45

interpolación de forma este tipo de

play06:48

interpolación une la primera forma con

play06:50

la segunda andarle enter podemos

play06:53

apreciar como la línea se convierte en

play06:55

un cuadrado

play07:01

finalmente la interpolación de

play07:03

movimiento nos sirve para crear

play07:04

movimiento a través de fotogramas claves

play07:07

para ello importar a un personaje al

play07:10

escenario y lo convertiré en símbolo y

play07:13

luego crear en la línea de tiempo una

play07:15

recta con fotogramas simple luego haré

play07:18

anti clic y la convertiré en

play07:20

interpolación de movimiento en seguida

play07:23

moveré al personaje unos fotogramas más

play07:25

adelante luego me ubicará en otro

play07:27

fotograma más adelante y volveré a mover

play07:30

la figura y la rotar como podemos

play07:33

apreciar cada vez que desplazamos a la

play07:36

figura en la línea del tiempo se creará

play07:38

un fotograma clave y al darle reproducir

play07:41

podemos apreciar el movimiento que hemos

play07:43

creado

play07:48

estos tipos de interpolación son muy

play07:50

usados para crear la animación a través

play07:53

de símbolos combinados junto con los

play07:55

métodos de frame vice rey podemos crear

play07:57

grandes animaciones claro que este curso

play08:00

está más enfocado en el uso de adobe

play08:02

animated más adelante haré un curso

play08:05

explicando todas las técnicas de

play08:07

animación que usé en mi canal de

play08:08

animación por favor apoyen me

play08:12

suscribiéndose al canal dándole like si

play08:14

les gustó y compartiendo con sus

play08:16

conocidos en el siguiente curso

play08:19

hablaremos sobre la sincronización de

play08:21

audio con los labios y aprenderemos a

play08:23

hacerlo de manera automática y manual si

play08:26

tienen alguna duda o sugerencia por

play08:28

favor déjenlo en los comentarios con

play08:31

todo gusto responderé todos sus

play08:32

comentarios

play08:33

hasta la próxima

Rate This

5.0 / 5 (0 votes)

Étiquettes Connexes
AnimaciónAdobe AnimateLínea de TiempoFotogramasInterpolaciónAnimación TradicionalFrame by FramePapel CebollaTécnicas de AnimaciónDibujo DigitalTutoriales
Besoin d'un résumé en anglais ?