Material necesario para empezar a trabajar:

       Macromedia Flash MX
      
    
         Autora del tutorial: Lilian´s Design     


Realización:

En este ejercicio estudiaremos:

  • Fotogramas y fotogramas clave

  • Velocidad de la película

  • Modificar el aspecto de la línea de tiempo

  • Insertar y borrar fotogramas.

Nota: Vamos a explicar conceptos que nos serán muy útiles y es muy necesario que los comprendamos de entrada: línea de tiempo, fotograma, fotograma clave etc, y su manejo será absolutamente imprescindible a la hora de diseñar en flash. Animo, tómate tu tiempo para practicar las diferentes opciones que aquí trataré. Puede resultar tedioso pero es necesario. Vamos pues...

 

Primeramente vamos a fijarnos en la Línea de tiempo. Hasta ahora la hemos visto de manera superficial y sin reparar mucho en ella.

La línea de tiempo es el lugar donde vamos a configurar nuestra animación y vamos a organizar todos los elementos gráficos en nuestra escena. El encabezado de la línea de tiempo tiene una cabeza lectora (la cajita roja) que se mueve de izquierda a derecha un fotograma a la vez siguiendo la línea de tiempo.

Por defecto, flash ejecuta 12 fotogramas por segundo, lo cual quiere decir que por cada segundo transcurrido la cabeza lectora se moverá 12 fotogramas o cuadritos.

La velocidad de la película la cambiamos haciendo doble clic justo donde marca la flechita roja (12,0 fps) y se abrirá una ventana emergente donde además de cambiar los fotogramas por segundo, nos permitirá cambiar otros aspectos como las dimensiones de la película, las unidades de la regla... etc. Estas características también es posible cambiarlas desde el inspector de propiedades. Cambiar la velocidad puede ser útil cuando queremos importar un video y queremos que la velocidad se ajuste a la velocidad en que se visualiza el video original,  o si queremos que vaya más despacio o más aprisa según nuestras necesidades.

 

 Si hacemos clic en el icono que marca la flecha de la imagen lateral, se abrirá un desplegable que nos ofrecerá diversas maneras de ver la línea de tiempo. El primer grupo de 5 opciones sirve para modificar el ancho de  los fotogramas. Por defecto está normal. Corto modifica el alto de los fotogramas. Fotogramas coloreados si está activado hace una diferencia entre fotogramas llenos y fotogramas vacíos cambiando de color.
Vista previa si está activado permite ver el contenido de los fotogramas en la línea de tiempo en forma de miniaturas.
Vista previa en contexto os ofrecerá una miniatura de toda la escena en el fotograma.

En la figura de al lado se han insertado dos fotogramas clave, uno en el fotograma 10 y otro en el fotograma 20. Para ello clic en cada uno de los fotogramas con el botón derecho del ratón e insertar fotograma clave.
Nos hemos situado en el fotograma 1 y hemos trazado un rectángulo con los bordes redondeados. Vemos que automáticamente se han coloreado los fotogramas situados entre el fotograma clave 1 y 9. Vemos igualmente que en el fotograma 1 hay un circulo negro lo cual indica que es un fotograma lleno y en el fotograma 10 vemos un fotograma clave con forma de rectángulo que indica el final de una sección de fotogramas en la línea de tiempo.

Deslizamos la cabeza lectora hasta el fotograma 10 y vemos que hay un fotograma clave vacío. Así mismo observamos en la escena que el rectángulo que habíamos trazado ha desaparecido. En este punto podríamos insertar otro objeto diferente o cambiar el color al rectángulo.

Se podría decir que un fotograma clave contiene una toma instantánea del estado de la capa.

Para agregar nuevos fotogramas: Clic con el botón derecho en el cuadro de fotograma de la línea de tiempo y elegir la opción insertar fotograma. También es posible con el atajo de teclado F5. Se insertará un fotograma de cada vez.

Para agregar múltiples fotogramas de una sola vez: Imaginad que queremos añadir fotogramas hasta el cuadro número 50. Ir de uno en uno seria algo cansino.  La solución es ir hasta el fotograma 50 y F5. Observaremos que se han añadido 50 fotogramas de golpe.

Para borrar fotogramas: mantenemos pulsada la tecla Shift al tiempo que presionamos F5 y flash borrará un fotograma de cada vez.

Para borrar múltiples fotogramas: borrar de uno en uno puede ser algo tedioso, así que el camino más corto será seleccionar el grupo de cuadros con el ratón y pulsar Shift + F5.

Para agregar fotogramas clave: clic con el cotón derecho del ratón en la línea de tiempo y en el menú emergente seleccionar insertar fotograma clave o bien pulsar F6.

Todas las opciones descritas para los fotogramas son iguales para los fotogramas clave con la salvedad de que la tecla es F6.

Insito nuevamente en que el seguimiento de este tutorial es crucial para poder continuar con los siguientes y es necesario dominar muy bien estos términos así como el concepto de capas que explicaré un poco más adelante.
 

 

Ejercicios propuestos:

  • Agregar 20 fotogramas en la línea de tiempo (sin trampitas y de golpe)

  • agregar otros 10 fotogramas

  • en los primeros 20 dibujar un circulo rojo

  • en los siguientes 10 dejar que el circulo sea verde

  • Borrar el circulo verde (nota que los fotogramas quedan vacíos pero aun siguen ahí)

  • Borra los fotogramas vacíos

  • Cambia el modo de visualización de los fotogramas a vista previa

  • Restitúyela a normal

  • Como resultado haz un botón con los bordes redondeados de color rojo y en base a los conocimientos adquiridos en este tutorial, haz que cambie de color a verde. La duración de la película serán 30 fotogramas y la velocidad de visualización  20 fotogramas por segundo. Recuerda que para exportar la película debes ir a Archivo - Exportar película.

 

 Espero que te haya gustado y me enseñes tus resultados en el foro.