Semana 7

Diseño y Arte Digital

Semana 7

Clase 7

En la clase de hoy trabajamos en la creación de nuevas escenas utilizando el comando F2 para activarlas y asignarles nombres; a la primera la llamamos “selva” y a la segunda “bosque”. Aprendimos a visualizar los cambios entre escenas mediante la vista previa de video, donde se notaba un pequeño corte que indicaba la transición. No fue necesario volver a crear al personaje, ya que solo era cuestión de arrastrarlo a las nuevas escenas. Al colocar al personaje en la escena de la selva, vimos un ejemplo práctico y comprobamos que aparecía correctamente. Después, se nos pidió buscar un fondo diferente para esa escena. En total, realizamos tres escenas distintas, cada una con un entorno diferente y con elementos adicionales en movimiento, como nubes, un sol, bloques y pájaros, aplicando las animaciones que ya habíamos practicado anteriormente. Una vez que teníamos todos los elementos listos, agregamos una animación a uno de los bloques para convertirlo en un botón interactivo.

En esta clase aprendimos a detener la animación al final usando el comando stop();, el cual escribimos en el panel de acciones para evitar que la animación avance automáticamente. Luego, convertimos un bloque en botón usando la opción "convertir en símbolo", asignándole un nombre y cambiando su tipo a botón. Al hacer doble clic sobre él, en lugar de abrir la línea de tiempo habitual, accedimos a los estados del botón: Up, Over, Down y Hit. Con F6 copiamos el mismo fotograma en cada uno de esos estados, permitiendo editar cada uno por separado. En el estado Over modificamos el color del botón y creamos una nueva capa llamada “estado 2”, también duplicando el contenido con F6. Luego, en esa segunda capa, en el estado Over, dibujamos un nuevo rectángulo escalado al tamaño del anterior, el cual se sobrepone al primero. Aunque el color o el tamaño no eran lo más importante en esta fase, el siguiente paso fue convertir ese nuevo elemento en un Movie Clip, nombrándolo “Animación Estado 2”. Al hacer doble clic, accedimos a una línea de tiempo interna, similar a lo que ya habíamos trabajado, y observamos que dentro de esta nueva animación se podían seguir agregando elementos, como si fueran capas dentro de capas, al estilo de las muñecas rusas. Esta técnica, llamada animación dentro de animación, nos permitió crear una pequeña animación que se desarrolla dentro del botón, haciendo que su apariencia crezca o cambie visualmente al interactuar. En esta parte del proceso modificamos el color del fotograma final para indicar visualmente el cambio dentro de la animación. Luego regresamos al primer fotograma y lo convertimos en símbolo, eligiendo la opción “Gráfico” y nombrándolo “Rectángulo”. Es importante prestar atención a los nombres, ya que deben ser diferentes para evitar errores al momento de trabajar. Por eso, al primer símbolo le asignamos el nombre “Rectángulo Botón 1” y al segundo “Rectángulo Botón 2”, ambos configurados como gráficos. Una vez que los dos elementos estaban correctamente convertidos en símbolos, aplicamos la función Break Apart para descomponer el símbolo y así poder transformarlo libremente. Gracias a esto, pudimos modificar su forma, lo que nos permitió crear una transición animada entre un estado y otro del rectángulo, dando lugar a una animación visual de cambio de forma.