Guía de Trabajo para Adobe Animate CC: Dominando las Herramientas de Animación

Objetivo de Aprendizaje: Al finalizar esta guía, el usuario será capaz de crear un nuevo documento en Animate CC, comprender los diferentes tipos de documentos y entornos de ejecución, y convertir un documento ActionScript 3.0 a HTML5 Canvas para la publicación en diferentes plataformas.

Introducción:

Adobe Animate CC es una potente herramienta de creación de animaciones interactivas y contenido multimedia. Esta guía te ayudará a dar tus primeros pasos en Animate CC, familiarizándote con la interfaz, los tipos de documentos, la configuración inicial y la conversión entre diferentes formatos.

Creando un nuevo documento:

  1. Abrir Animate CC: Inicia Adobe Animate CC en tu ordenador.

  2. Pantalla de bienvenida: Al abrir Animate CC, te encontrarás con la pantalla de bienvenida. Aquí podrás elegir entre varios tipos de documentos, como HTML5 Canvas, WebGL y ActionScript 3.0.

    • HTML5 Canvas: Este tipo de documento genera archivos HTML5 y JavaScript, ideales para contenido web que se reproduce en navegadores modernos sin necesidad de plugins.
    • WebGL: Similar a HTML5 Canvas, pero utiliza la tecnología WebGL para renderizar gráficos, especialmente gráficos 3D, con mayor eficiencia.
    • ActionScript 3.0: Este tipo de documento se dirige a Flash Player o AIR, y utiliza ActionScript 3.0 para la interactividad.

  3. Menú Archivo > Nuevo: Alternativamente, puedes crear un nuevo documento desde el menú Archivo > Nuevo (atajo de teclado: Ctrl+N o Comando+N). Esto abrirá el cuadro de diálogo Nuevo documento, que proporciona más información sobre cada tipo de documento.

  4. Seleccionar tipo de documento: En el cuadro de diálogo Nuevo documento, selecciona el tipo de documento que mejor se adapte a tus necesidades. Si necesitas aprovechar todas las herramientas creativas de Animate CC, elige ActionScript 3.0.

  5. Configurar el documento: Una vez seleccionado el tipo de documento, puedes configurar las opciones del documento, como el tamaño del escenario (Stage) y la velocidad de fotogramas.

  6. Convertir entre tipos de documento: Animate CC te permite convertir fácilmente un documento ActionScript 3.0 a HTML5 Canvas. Esto es útil si deseas reutilizar tus recursos y animaciones en diferentes plataformas.

Entornos de ejecución (Runtime Environments):

  • Flash Player: Es un entorno de ejecución que permite reproducir contenido SWF en navegadores web. ActionScript 3.0 se dirige a Flash Player para la interactividad.

  • AIR (Adobe Integrated Runtime): Permite ejecutar aplicaciones AIR en el escritorio o en dispositivos móviles sin necesidad de un navegador web.

  • Navegador web: Los documentos HTML5 Canvas y WebGL se ejecutan directamente en navegadores web modernos sin necesidad de plugins.

Palabras clave:

  • ActionScript 3.0: Lenguaje de programación utilizado para crear interactividad en documentos de Animate que se dirigen a Flash Player o AIR.

  • HTML5 Canvas: Tipo de documento de Animate que genera archivos HTML5 y JavaScript para contenido web interactivo.

  • WebGL: Tecnología que utiliza JavaScript para renderizar gráficos 2D y 3D en navegadores web.

  • Entorno de ejecución (Runtime Environment): El entorno en el que se reproduce el contenido de Animate, como Flash Player, AIR o un navegador web.

  • Interpolación (Tweening): Técnica de animación que crea transiciones suaves entre fotogramas clave.

  • Símbolo: Un recurso reutilizable en Animate, como un gráfico, botón o clip de película.

Conclusión:

Esta guía te ha proporcionado una base sólida para comenzar a utilizar Adobe Animate CC. Recuerda que la práctica es clave para dominar las herramientas y crear animaciones interactivas de alta calidad. Explora las diferentes funciones y opciones de Animate CC para desarrollar tus habilidades y llevar tus proyectos al siguiente nivel.

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

Comentarios

Publicar un comentario

Entradas populares de este blog

Dominando la Línea de Tiempo Adobe Animate CC:

  Objetivo de Aprendizaje: Al finalizar esta guía, el usuario comprenderá la estructura y función de la línea de tiempo en Animate CC, incluyendo la gestión de capas, fotogramas clave, velocidad de fotogramas y opciones de visualización de capas. Introducción: La línea de tiempo es el corazón de cualquier proyecto de animación en Adobe Animate CC. Esta guía te proporcionará una comprensión profunda de la línea de tiempo, incluyendo la gestión de capas, la creación de fotogramas clave, el control de la velocidad de fotogramas y la configuración de las opciones de visualización de capas. Estructura de la línea de tiempo: Fotogramas: La línea de tiempo se divide en fotogramas numerados que representan el tiempo en la animación. La velocidad de fotogramas (fps) determina cuántos fotogramas se muestran por segundo. Capas: Las capas organizan el contenido de la animación. Cada capa puede contener gráficos, símbolos, texto y otros elementos. Cabeza lectora (Playhead): El marca...
Leer más

Construyendo Personajes para Animación en Adobe Animate

Objetivo de Aprendizaje: Al finalizar esta guía, serás capaz de construir un personaje en Adobe Animate, preparándolo para la animación. Aprenderás a importar imágenes de referencia, crear símbolos, organizar capas, dibujar y colorear elementos, y utilizar herramientas de dibujo y modificación para lograr un resultado profesional. Introducción: En el mundo de la animación, la construcción de personajes es un paso fundamental. Esta guía te llevará a través del proceso de creación de un personaje en Adobe Animate, utilizando como ejemplo la construcción de un personaje llamado "Mia". Aprenderás las mejores prácticas para organizar tu proyecto, dibujar con precisión, y preparar tu personaje para que cobre vida en la animación. 1. Preparando el Escenario: Importar Imagen de Referencia: Abre Adobe Animate y crea un nuevo documento. Importa la imagen de referencia de tu personaje (puede ser un dibujo a lápiz, un turnaround, o cualquier imagen que te sirva como guía). ...
Leer más

Adobe Animate: Guía Práctica para la Creación y Estilización de Texto en Proyectos Interactivos Parte 8

Objetivo de Aprendizaje: Al finalizar esta guía, el usuario será capaz de utilizar Adobe Animate para crear y estilizar bloques de texto, ajustar propiedades de tipografía, y organizar elementos de texto en un proyecto interactivo. Además, se familiarizará con los atajos de teclado y las funciones clave del programa para optimizar su flujo de trabajo. Introducción a Adobe Animate Adobe Animate es una herramienta poderosa para la creación de animaciones interactivas, gráficos vectoriales y contenido multimedia. En esta guía, nos enfocaremos en cómo crear y estilizar bloques de texto, ajustar propiedades de tipografía, y organizar elementos de texto en un proyecto interactivo. Paso 1: Creación de un Bloque de Texto Selección de la Herramienta de Texto: Selecciona la herramienta  Texto  (atajo de teclado:  T ) en la barra de herramientas. Haz clic en el escenario para crear un nuevo bloque de texto. Inserción de Texto: Escribe el texto deseado, por ejemplo, "32%". Cierra el ...
Leer más