Entradas

Mostrando las entradas de octubre, 2023

Semana 8. BOTÓN

Imagen
En la lección de hoy, exploramos cómo crear botones que responden al usuario en Animate. Para hacerlo, el primer paso es generar una forma gráfica y convertirla en un símbolo. Al hacer esto, elegimos "Botón" como el tipo de símbolo en el cuadro de diálogo "Crear nuevo símbolo". Al seleccionar esta opción, se crea una secuencia de cuatro fotogramas en la línea de tiempo. En los tres primeros fotogramas, tenemos la oportunidad de diseñar y definir cómo se verá el botón en diferentes estados: normal, resaltado o presionado. En el cuarto fotograma, es donde situamos la región activa del botón, lo que determina el área que el usuario puede tocar o hacer clic. Para que el botón sea funcional e interactivo, debemos colocar una copia del símbolo de botón en el escenario y luego asignarle acciones. Estas acciones representan los eventos que suceden cuando el usuario interactúa con el botón. Por ejemplo, podríamos programar una acción que abra una nueva página web cuando el u...

semana 6. INSTANCIAS

Imagen
En la clase se vio las escenas en Animate, estas te permiten organizar y estructurar tu proyecto de animación. Se puede pensar en en las escenas como capítulos o secciones de tu animación, metiéndonos dentro de clip de película para reproducir en un solo fotograma la actividad. por otro lado también vimos el uso de la instancia button el cual se utiliza para crear elementos interactivos en tu animación. Puedes convertir objetos gráficos en botones para que respondan a la interacción del usuario, como hacer clic con el ratón. Las instancias son copias de un símbolo que se pueden colocar y modificar en la línea de tiempo.

semana 5. CREACION DE BANNER

Imagen
  En la última clase, nos asignaron la actividad de crear un banner animado y, en mi caso, decidí trabajar en una presentación de velas aromáticas.  Para esta actividad, se nos indicó que debía tener una velocidad de cuadro de 45 FPS y crearlo en mínimo 6 capas diferentes. Utilizamos Adobe Anímate para llevar a cabo este proyecto, aprovechando las técnicas de interpolación de forma para lograr la animación deseada. Al final del proceso, generamos un archivo GIF para presentar nuestro banner animado. https://drive.google.com/file/d/1ILkDPnjGo9Fgh6IuD9LqFe-tgxkNujqO/view?usp=sharing

semana 4. INTERPOLACIÓN DE FORMA

Imagen
 En esta clase animamos formas en Adobe Animate utilizando la herramienta de interpolación. Realizamos 10 formas en el mismo lienzo, siguiendo los siguientes pasos: 1. En el fotograma 1, dibuja un cuadrado. 2. Avanza al fotograma 30 y dibuja un círculo. 3. Inserta un fotograma clave en blanco en el fotograma 30. 4. Selecciona un fotograma entre los dos fotogramas clave en la línea de tiempo. 5. Elije "Insertar - Interpolación de forma" en el menú. 6. Previsualiza la animación presionando Intro. 7. Si deseas movimiento además de forma, mueve el círculo en el fotograma 30. 8. Cambia el color de la forma en el fotograma 1 para interpolar el color. ¡Con estos pasos, creamos las siguiente animación en Adobe Animate! TRABAJO GIF