Dominio de Adobe Animate: Técnicas de Animación y Estructura Web

Interfaz y Entorno de Trabajo

• Escenario: Área de trabajo principal.
• Línea del tiempo: Control de fotogramas y capas.
• Inspector de propiedades: Ajustes específicos de objetos.
• Paneles y Barra de herramientas: Acceso a funciones y herramientas de edición.

Técnicas de Animación

Motion Tween

Inserta una imagen, crea fotogramas, haz clic derecho y selecciona Crear interpolación de movimiento. Define el fotograma final de la animación y mueve la imagen a la posición deseada; verás una línea punteada que indica el recorrido.

Classic Tween

Convierte la imagen en un símbolo de tipo Clip de película. Define la duración de la animación en la línea del tiempo, haz clic derecho y selecciona Crear interpolación clásica. Colócate en el último fotograma y mueve el objeto al punto de destino.

Shape Tween (Interpolación de forma)

Inserta la imagen en el primer fotograma. En el fotograma deseado, presiona F6. En ese mismo fotograma, inserta otra imagen o texto (debe estar en píxeles, usa Ctrl + B para convertirlo). Haz clic derecho en el fotograma y selecciona Insertar interpolación de forma.

Classic Tween con Guía de Movimiento

1. Importa una imagen y conviértela en símbolo (F8).
2. En la capa, haz clic derecho y selecciona Añadir guía de movimiento clásica.
3. Con la herramienta lápiz, dibuja la trayectoria.
4. Ajusta la imagen al inicio y al final de la trayectoria y aplica la interpolación clásica.

Capa Máscara

Inserta una imagen y crea fotogramas de inicio y final. Crea una nueva capa y dibuja una figura. Aplica un Motion Tween y, en el último fotograma, ajusta la figura para cubrir el área deseada. Haz clic derecho sobre la capa superior y selecciona Máscara.

Interactividad y Estructura

Botones y Acciones

Usa F8 para convertir objetos en símbolos de botón. Presiona F9 para abrir el panel de acciones. Configura eventos como on(press), on(rollOver), etc., y utiliza comandos como gotoAndPlay para controlar la navegación.

Estructura de Sitio Web

Define un sitio nuevo, asigna un nombre y una carpeta de archivos. Crea el archivo index.html y añade las páginas adicionales necesarias.

Configuración de Flash y Exportación

• Escenario: Ajusta el tamaño según las necesidades reales de espacio.
• SWF: Para obtener la animación terminada, presiona Control + Enter. Para insertarlo, usa la opción Insert Media SWF.
• Compresión: Selecciona la imagen, ve a Editar, elige JPEG y guarda.

Hipervínculos y Funciones Especiales

• Anclas: Selecciona la imagen, ve a propiedades, elige el enlace y arrastra el ancla al archivo de destino.
• Email: En la barra de herramientas, selecciona insertar enlace, elige Email como tipo y escribe la dirección.
• Roll Over: Utiliza la opción Insertar > Imagen > Roll Over.