Lección 5. La Línea de tiempo

La Línea de tiempo es el panel principal de la aplicación: gracias a ella Flash es un potente software capaz de generar animaciones vistosas. Su funcionamiento es similar al de un editor de vídeo a partir del cual se pueden incluir y encadenar las imágenes y los sonidos. La función de la Línea de tiempo es la de coordinar el tiempo de la animación, controlar las secuencias y ensamblar las distintas capas que la componen. La Línea de tiempo se halla subdividida en dos áreas. En la parte izquierda se muestran todas las capas de que consta el documento. Las capas son como varias bandas de película colocadas unas sobre otras, cada una de las cuales contiene una imagen diferente que aparece en el Escenario. A la derecha del panel se visualizan los fotogramas que componen la animación. Los documentos de Flash, al igual que los largometrajes, dividen su contenido en fotogramas, de este modo se justifica su denominación de películas.

1 Para observar correctamente el funcionamiento de la Línea de tiempo, abriremos un documento con una animación sencilla ya creada denominado Ejemplo_01 que puede encontrar en la zona de descargas de nuestra sede web y almacenar previamente en la carpeta Documentos de su equipo. Antes, cerraremos el documento en blanco generado al inicio del curso. Para cerrar una película de Flash en uso, se puede utilizar la opción del mismo nombre del menú Archivo, la combinación de teclas Control+ W o el botón de aspa de la pestaña del documento. Utilice el método que prefiera.

El encabezado de la Línea de tiempo, de color gris y situado en la parte superior derecha del panel, indica los números de fotograma.

2 Seguidamente abriremos el documento creado para agilizar la realización del curso. Despliegue el menú Archivo (1) y pulse sobre la opción Abrir.

3 Esta acción nos conduce al cuadro de diálogo Abrir. (2) Acceda al contenido de la carpeta Documentos, seleccione el archivo de Flash Ejemplo_01 y pulse el botón Abrir.

4 El archivo seleccionado se muestra en el área de trabajo. (3) Esta animación consta de tres capas, representadas en la zona izquierda de la Línea de tiempo. Cada capa dispone de su propia línea de fotogramas, en la parte derecha del panel. Haga clic en el punto situado justo debajo del icono que representa un ojo, dentro de la Capa 1. (4)

5 Con esta acción, se ha ocultado el contenido de la Capa 1, en este caso una imagen de fondo, que ya no es visible en el Escenario. Haga clic en el punto situado justo debajo del icono que representa un ojo, dentro de la Capa 3. (5)

6 El dibujo de la montaña se oculta y únicamente queda visible la Capa 2, que contiene la animación. Haga clic en la casilla número 6 de la línea de fotogramas de la Capa 2, justo donde se encuentra el segundo de los cuatro círculos que se han distribuido por esta línea.

7 Acaba de seleccionar el fotograma 6 de la Capa 2. Si ahora quisiera modificar la posición del sol en este fotograma, podría hacerlo. Dirija el puntero al fotograma número 16 de esta misma capa y haga clic en él. (6)

8 Observe que el sol ha cambiado de ubicación. La distancia existente entre su posición en el fotograma 6 y su posición en el fotograma 16 indica, en este caso, el recorrido que efectuará el objeto cuando, al ejecutar la película, vayan pasando estos fotogramas. Quizás será mejor ver la película para entender mejor el funcionamiento de la Línea de tiempo. Para reproducir la película sin abandonar el área de trabajo recurriremos a la barra de herramientas Controlador. Despliegue el menú Ventana, pulse sobre la opción Barras de herramientas y seleccione la barra Controlador. (7)

9 Tal y como comentamos en una lección anterior, los botones del Controlador se asemejan a los de cualquier reproductor de vídeo o audio. Haga clic en el botón Ir al primer fotograma, situado en la segunda posición de la barra de herramientas Controlador.

10 El cabezal de la Línea de tiempo se sitúa en el primer fotograma. Al iniciar la reproducción de la película, la cabeza lectora avanza mostrando el contenido de los diferentes fotogramas. Pulse cuatro veces el botón Avanzar un fotograma, el quinto de la barra Controlador, para avanzar hasta el fotograma número 5 y ver cómo actúa la animación. (8)

RECUERDE

La línea de tiempo dispone de diferentes opciones de colocación y visualización. Puede cambiar la ubicación de este elemento arrastrándolo por la pantalla, mientras que para modificar la visualización dispone de un menú de opciones, accesible mediante el icono que aparece en el extremo derecho de la numeración de fotogramas de este elemento.

11 Lógicamente, con el botón Reproducir, la animación se reproducirá de manera automática. Es posible reproducir la película sin necesidad de utilizar esta barra de herramientas usando las teclas adecuadas y los comandos del menú Control. Cierre la barra Controlador haciendo clic en el botón aspa de su Barra de título.

12 Para situar la cabeza lectora al principio de la película sin seleccionar ningún fotograma, pulse sobre el número 1 en el encabezado de la Línea de tiempo.

13 Para contemplar el efecto que produce la animación con el dibujo de la montaña visible, haga clic en el aspa roja situada justo debajo del icono que representa un ojo dentro de la Capa 3. (9)

14 Para iniciar la reproducción, pulse la tecla Retorno.

15 Antes de acabar este ejercicio en el que hemos empezado a conocer la Línea de tiempo, comprobaremos que este elemento dispone de diferentes opciones de visualización. Haga clic en el icono que aparece en el extremo derecho de la numeración de fotogramas de la Línea de tiempo para mostrar el menú de opciones. (10)

16 Como puede ver, la Línea de tiempo puede visualizarse en distintos tamaños, mientras que, a diferencia de versiones anteriores de Flash CS4, no puede cambiar su ubicación desde este menú. Pulse sobre el comando Pequeño. (11)

17 El espacio en el que se visualizan los fotogramas se ha reducido para mostrar un mayor número de estos elementos. A continuación, cambiaremos a otro modo de visualización de la Línea de tiempo de manera que muestre una vista previa del contenido de los fotogramas. Haga clic en su icono de opciones y seleccione la opción Vista previa. (12)

18 Ésta es la forma perfecta para conocer lo que contiene cada capa y, con ello, conseguir una mejor gestión de los elementos. Por último, devolveremos la Línea de tiempo a su ubicación y modo de visualización originales. Despliegue una vez más su menú de opciones y pulse sobre la opción Normal.

Lección 6. Adobe Bridge: el explorador de archivos

Una de las novedades que presentó la versión CS3 de Flash (y del resto de aplicaciones de la suite Adobe Design Premium CS3) fue el explorador de archivos Adobe Bridge. Gracias a este avanzado sistema de gestión de archivos el usuario puede visualizar, ordenar y modificar algunas de las características de las creaciones disponibles. Bridge proporciona una completa información de cada archivo, como el nombre y el formato, sus dimensiones, su tamaño y el tipo de color y permite organizar, explorar, localizar y ver en muy poco tiempo qué activos necesita en su día a día en previsualizaciones gráficas y en miniaturas ampliables. La aplicación ofrece ahora un rendimiento mejor, un panel de filtros que hace más sencilla la búsqueda, capacidad para la agrupación de imágenes en una sola miniatura, una herramienta de lupa, la posibilidad de explorar imágenes fuera de línea y de aplicar ajustes de color coherentes entre los programas de Adobe, entre otras acciones.

1 El nuevo sistema de gestión de archivos Adobe Bridge permite automatizar flujos de trabajo entre los diferentes programas de la suite Adobe CS5, aplicar ajustes de color coherentes entre dichos programas y acceder a las funciones de control de versión, entre otras opciones. Para acceder a Adobe Bridge CS5, despliegue el menú Archivo y seleccione la opción Buscar en bridge. (1)

La principal ventaja que presenta Bridge es el hecho de poder visualizar las imágenes disponibles y manipularlas antes de importarlas definitivamente al área de trabajo.

2 La principal ventaja que presenta Bridge es el hecho de poder visualizar los documentos y las imágenes disponibles y manipularlos antes de importarlos definitivamente al área de trabajo. Para que usted pueda realizar sin problemas este ejercicio, utilizaremos la carpeta de imágenes de muestra que Windows 7 proporciona por defecto con el sistema operativo. Haga clic en el icono de la carpeta Imágenes, en el panel Favoritos situado a la izquierda de la ventana.

3 A continuación haga doble clic sobre el icono de la carpeta predeterminada Imágenes de muestra que aparece en el panel Contenido. (2)

4 Adobe Bridge muestra en miniaturas las imágenes que se encuentran en el interior de la carpeta seleccionada. Observe que la ventana está distribuida principalmente en tres partes. A la izquierda, se encuentran el panel de carpetas y el de filtros, en la parte central se visualiza el catálogo de imágenes y en la parte derecha se ubican los paneles de vista previa y propiedades de las imágenes. Para visualizar toda su información, haga clic en la imagen llamada Desert. (Evidentemente, puede trabajar con sus propias imágenes si lo desea.)

5 En la paleta Metadatos se muestra la información de la imagen seleccionada. Sepa que es posible ampliar la anchura de este panel arrastrando su margen izquierdo y ocultarlo mediante un doble clic en ese punto. En el panel Propiedades de archivo, parte de la paleta Metadatos, se especifica el nombre y el tipo de archivo así como la fecha de creación o inclusión en la carpeta y la fecha en que la imagen fue modificada. También puede consultar las dimensiones del archivo, el color indexado y el tamaño. Es posible cambiar el modo de visualización de las imágenes en el programa, así como cambiar a modo compacto la ventana del programa, de manera que pueda trabajar a la vez con Bridge y con Flash. Para modificar el modo de visualización de su colección de imágenes en la ventana de Adobe Bridge, despliegue el menú Vista y elija la opción Como detalles. (3)