Adobe Animate para la Creación de Ojos Animados

Objetivo de Aprendizaje:

Al finalizar esta guía, el usuario será capaz de utilizar las herramientas básicas de Adobe Animate para crear ojos animados con parpadeo, incluyendo la creación de símbolos, máscaras y la manipulación de capas, aplicando los principios básicos de la animación.

Introducción:

Adobe Animate es la herramienta preferida por muchos animadores para la creación de animaciones vectoriales 2D. Esta guía te ayudará a dar tus primeros pasos en este programa, centrándose en la creación de ojos animados, un elemento crucial para dar vida a tus personajes. Aprenderás a utilizar las herramientas esenciales de Animate y a comprender conceptos fundamentales de la animación.

Módulo 1: Configuración del Espacio de Trabajo

• Interfaz de Animate: Familiarízate con la interfaz de Animate, incluyendo la línea de tiempo, el escenario, la barra de herramientas y el panel de propiedades.
• Personalización del espacio de trabajo: Aprende a organizar los paneles y a guardar tu espacio de trabajo personalizado para optimizar tu flujo de trabajo.

Módulo 2: Creación del Ojo Base

• Herramienta Geometría (atajo: R):
  • Selecciona la herramienta Rectángulo o Elipse en la barra de herramientas.
  • Crea la forma base del ojo en el escenario. Experimenta con diferentes formas y tamaños.
  • Consejo: Utiliza la tecla Shift mientras arrastras para crear un círculo perfecto.
    
    
• Herramienta Selección (atajo: V):
  • Selecciona la herramienta Selección en la barra de herramientas.
  • Ajusta el tamaño y la posición del ojo en el escenario.
  • Utiliza los manejadores de transformación para escalar, rotar o sesgar el ojo.
• Panel Propiedades:
  • Accede al panel Propiedades para modificar las características del ojo.
  • Define el grosor del trazo (recomendado: 4-5).
  • Selecciona el color de relleno del ojo.
  • Experimenta con diferentes estilos de trazo y colores.

Módulo 3: Convertir en Símbolo

• Selecciona el ojo: Haz clic en el ojo que has creado en el escenario para seleccionarlo.
• Convertir en símbolo:
  • Presiona la tecla F8.
  • O haz clic derecho sobre el ojo y selecciona "Convertir en símbolo".
• Asigna un nombre al símbolo (ej. "ojo"): Escribe un nombre descriptivo para el símbolo en el cuadro de diálogo.
• Tipo de símbolo: Selecciona "Gráfico" como tipo de símbolo. Esto te permitirá reutilizar el ojo en tu animación.

Módulo 4: Creación de la Máscara

• Editar el símbolo: Haz doble clic en el símbolo "ojo" en el escenario para acceder a su modo de edición.
• Corta el relleno del ojo (Ctrl+X): Selecciona el relleno del ojo y córtalo.
• Crea una nueva capa: Haz clic en el botón "Insertar capa" en la línea de tiempo para crear una nueva capa.
• Pega el relleno en la nueva capa (Ctrl+Shift+V): Pega el relleno que cortaste en la nueva capa.
• Crear la máscara:
  • Selecciona la capa que contiene el relleno.
  • Haz clic derecho sobre la capa y selecciona "Máscara". Esto creará una máscara que ocultará cualquier elemento que se encuentre fuera del área del relleno.

Módulo 5: Añadir la Pupila

• Crea una nueva capa: Inserta una nueva capa entre la capa de la máscara y la capa del contorno del ojo.
• Herramienta Óvalo (atajo: O):
  • Selecciona la herramienta Óvalo en la barra de herramientas.
  • Crea la pupila (iris) en la nueva capa.
  • Ajusta el tamaño y la forma de la pupila según tus preferencias.
• Herramienta Selección (atajo: V):
  • Selecciona la herramienta Selección.
  • Posiciona la pupila dentro del ojo, asegurándote de que esté completamente contenida dentro del área de la máscara.

Módulo 6: Duplicar el Ojo

• Volver a la escena principal: Haz clic en la escena principal en la parte superior del escenario para salir del modo de edición del símbolo.
• Duplicar el símbolo del ojo:
  • Haz clic derecho sobre el símbolo del ojo en el escenario.
  • Selecciona "Duplicar símbolo".
  • O presiona la tecla Alt y arrastra el símbolo del ojo para crear una copia.
• Ajustar el tamaño del segundo ojo:
  • Utiliza la herramienta Selección para ajustar el tamaño del segundo ojo.
  • Hazlo ligeramente más pequeño que el primer ojo para crear la ilusión de perspectiva.
  • Consejo: Puedes utilizar la herramienta Transformación Libre (atajo: Q) para un mayor control sobre la escala y la rotación del ojo.

Módulo 7: Crear el Parpadeo (Animación)

• Crear una carpeta:
  • Haz clic derecho en la línea de tiempo.
  • Selecciona "Nuevo folder".
  • Nombra la carpeta "ojo_parpadeo".
• Duplicar el símbolo del ojo: Arrastra el símbolo del ojo a la carpeta "ojo_parpadeo".
• Crear nuevas capas para los párpados:
  • Haz doble clic en el símbolo del ojo dentro de la carpeta "ojo_parpadeo".
  • Crea dos nuevas capas: una para el párpado superior y otra para el párpado inferior.
• Herramienta Rectángulo (atajo: R):
  • Selecciona la herramienta Rectángulo.
  • Dibuja la forma del párpado superior en la capa correspondiente.
  • Repite el proceso para el párpado inferior.
• Animar el parpadeo:
  • Inserta fotogramas clave en la línea de tiempo para definir las diferentes posiciones de los párpados durante el parpadeo.
  • En el primer fotograma clave, los párpados deben estar abiertos.
  • En el segundo fotograma clave, los párpados deben estar cerrados.
  • Experimenta con la duración del parpadeo y la velocidad de la animación.
  • Consejo: Puedes utilizar la interpolación de movimiento para crear una animación suave del parpadeo.

Módulo 8: Añadir Pestañas (opcional)

• Crear una nueva capa: Crea una nueva capa encima de las capas de los párpados.
• Herramienta Pincel (atajo: B):
  • Selecciona la herramienta Pincel.
  • Ajusta el tamaño y la forma del pincel en el panel Propiedades.
  • Dibuja las pestañas en la nueva capa.
• Duplicar y modificar la capa de pestañas:
  • Duplica la capa de pestañas.
  • Voltea horizontalmente la capa duplicada para crear las pestañas del otro ojo.
  • Consejo: Puedes utilizar la herramienta Transformación Libre (atajo: Q) para voltear las pestañas.

Definiciones Técnicas:

• Símbolo: Un objeto gráfico reutilizable que se puede editar de forma independiente. Los cambios en el símbolo se reflejarán en todas sus instancias en el escenario.
• Máscara: Una capa que actúa como una ventana, mostrando solo las partes de las capas inferiores que se encuentran dentro de su área.
• Fotograma Clave: Un punto en la línea de tiempo donde se define un cambio en la animación. Los fotogramas clave se utilizan para crear animaciones cuadro por cuadro.
• Interpolación: Proceso automático que crea fotogramas intermedios entre dos fotogramas clave, generando una animación suave.
• Vector: Un tipo de gráfico que se define mediante puntos, líneas y curvas matemáticas. Los gráficos vectoriales se pueden escalar sin perder calidad.

Comandos Rápidos:

• V: Herramienta Selección
• R: Herramienta Geometría (Rectángulo/Elipse)
• O: Herramienta Óvalo
• B: Herramienta Pincel
• Q: Herramienta Transformación Libre
• F8: Convertir en símbolo
• Ctrl+X: Cortar
• Ctrl+Shift+V: Pegar en el mismo lugar
• Alt + arrastrar: Duplicar elemento

Conclusión:

Esta guía te ha proporcionado una base sólida para la creación de ojos animados en Adobe Animate. Recuerda que la práctica es clave para dominar las herramientas y las técnicas de animación. ¡Sigue explorando las posibilidades de Animate y crea tus propias animaciones!

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