Bases de la animación con Adobe Animate

 Objetivo de Aprendizaje: Al finalizar esta guía, el estudiante será capaz de crear animaciones básicas en Adobe Animate utilizando las herramientas de Classic Tween, Motion Tween, Shape Tween y animación fotograma a fotograma, comprendiendo las diferencias entre cada técnica y aplicándolas según el efecto deseado.

Introducción:

Adobe Animate es un potente software de animación que ofrece una amplia gama de herramientas para dar vida a tus ideas. Esta guía te introducirá a las funciones básicas del programa y te guiará a través de cuatro ejercicios de animación esenciales: la animación de una pelota que rebota utilizando Classic Tween, Motion Tween, Shape Tween y animación fotograma a fotograma.

1. Configuración del espacio de trabajo:

• Familiarízate con la interfaz:
  • Barra de herramientas: Contiene herramientas de selección, transformación, dibujo (pinceles, formas, texto), borrador, relleno, etc.
  • Propiedades: Ajusta el color, tamaño y otros parámetros de la herramienta seleccionada.
  • Línea de tiempo: Muestra los fotogramas que componen la animación.
  • Lienzo (Stage): El área donde se crea la animación.
• Ajusta el lienzo: Puedes usar "Ajustar a ventana" o establecer un tamaño personalizado para visualizar el área de trabajo.
• Crea capas: Organiza tu animación en capas para facilitar la edición.
  • Haz clic en el ícono de nueva capa (cuadrado con un signo "+") para agregar capas.
  • Renombra las capas haciendo doble clic en el nombre por defecto.

2. Creando la animación:

A. Classic Tween:

• Definición: Classic Tween crea una animación interpolando las propiedades de un objeto entre dos fotogramas clave. El movimiento es lineal y rígido.
• Pasos:
  1. Crea un objeto: En una nueva capa, dibuja un objeto (en este caso, una pelota) usando la herramienta Óvalo.
  2. Inserta fotogramas clave:
     • Haz clic en el último fotograma de la línea de tiempo (fotograma 90 en este caso) y haz clic derecho para insertar un fotograma clave.
     • Mueve el objeto a la posición final deseada en este nuevo fotograma clave.
  3. Crea el Classic Tween: Haz clic derecho entre los dos fotogramas clave y selecciona "Crear interpolación clásica" (Create Classic Tween).
  4. Añade fotogramas clave intermedios: Inserta fotogramas clave adicionales a lo largo de la línea de tiempo para controlar el movimiento del objeto y crear el efecto de rebote.
  • Ajusta la posición del objeto en cada fotograma clave intermedio.
  • Para mover los fotogramas clave, haz clic en ellos, mantén presionada la tecla Shift y arrástralos a la posición deseada.

B. Motion Tween:

• Definición: Motion Tween crea una animación más fluida y natural que Classic Tween. Permite definir una trayectoria de movimiento y controlar la velocidad del objeto.
• Pasos:
  1. Crea un objeto: En una nueva capa, dibuja un objeto.
  2. Inserta un fotograma: Haz clic en el último fotograma de la línea de tiempo y haz clic derecho para insertar un fotograma (no un fotograma clave).
  3. Crea el Motion Tween: Haz clic derecho entre los dos fotogramas y selecciona "Crear interpolación de movimiento" (Create Motion Tween).
  4. Mueve el objeto en el último fotograma: Mueve el objeto a su posición final. Esto creará una trayectoria de movimiento.
  5. Modifica la trayectoria: Haz clic en la trayectoria para agregar puntos de control y ajustar la curva del movimiento.
  • Puedes controlar la velocidad del objeto ajustando la distancia entre los puntos de la trayectoria.
  6. Añade fotogramas clave intermedios: Inserta fotogramas clave en la capa Motion Tween para crear el efecto de rebote.
  • Mueve el objeto en cada fotograma clave para definir la posición del rebote.
  • Ajusta la trayectoria del movimiento entre cada rebote.

C. Shape Tween:

• Definición: Shape Tween crea una animación que transforma la forma de un objeto a lo largo del tiempo. Permite morphing entre diferentes formas y colores.
• Pasos:
  1. Crea el objeto inicial: En una nueva capa, dibuja un objeto con una forma específica.
  2. Inserta un fotograma clave en blanco: Haz clic en un fotograma posterior en la línea de tiempo y haz clic derecho para insertar un fotograma clave en blanco.
  3. Crea el objeto final: En el fotograma clave en blanco, dibuja un objeto con una forma diferente.
  4. Crea el Shape Tween: Haz clic derecho entre los dos fotogramas clave y selecciona "Crear interpolación de forma" (Create Shape Tween).
  5. Repite el proceso: Añade más fotogramas clave en blanco y dibuja nuevas formas para crear una secuencia de transformaciones.
  • Experimenta con diferentes formas y colores para lograr efectos interesantes.

D. Animación fotograma a fotograma:

• Definición: La animación fotograma a fotograma implica dibujar o modificar un objeto en cada fotograma de la animación. Es un proceso más laborioso pero permite un control total sobre el movimiento.
• Pasos:
  1. Crea el objeto inicial: En una nueva capa, dibuja un objeto.
  2. Inserta un fotograma clave: Avanza dos fotogramas en la línea de tiempo y haz clic derecho para insertar un fotograma clave.
  3. Modifica el objeto: Mueve o transforma ligeramente el objeto en el nuevo fotograma clave.
  4. Repite el proceso: Continúa insertando fotogramas clave cada dos fotogramas y modificando el objeto en cada uno para crear la ilusión de movimiento.
  • Utiliza la herramienta "Piel de cebolla" (Onion Skin) para visualizar los fotogramas anteriores y posteriores, lo que facilita la creación de movimientos fluidos.
  • Ajusta la distancia entre los fotogramas clave para controlar la velocidad del objeto.

3. Atajos de teclado:

• Ctrl + Z: Deshacer
• Shift + clic: Seleccionar varios fotogramas clave
• Clic derecho en la línea de tiempo: Insertar fotograma/fotograma clave, crear interpolaciones.

4. Definiciones técnicas:

• Fotograma clave (Keyframe): Un fotograma que define un cambio en la animación, como la posición, forma o color de un objeto.
• Interpolación (Tweening): El proceso de generar fotogramas intermedios entre dos fotogramas clave para crear la ilusión de movimiento.
• Lienzo (Stage): El área visible donde se reproduce la animación.
• Capa (Layer): Niveles que permiten organizar los elementos de la animación.
• Fotograma (Frame): Una imagen estática que, junto con otros fotogramas, compone la animación.

Enlace de referencia: https://www.youtube.com/watch?v=BW2gs2sVohk