001	La interfaz del nuevo Flash CS6

AL ACCEDER POR PRIMERA VEZ A ADOBE FLASH CS6 vemos una disposición de los elementos similar a la versión CS5, que es muy elegante y flexible. La pantalla de arranque es mucho más moderna y la ventana de bienvenida es muy similar a la de la versión anterior y tiene prácticamente los mismos elementos.

IMPORTANTE

En la pantalla de bienvenida, el bloque Crear con plantilla expone las plantillas de uso habitual para la creación de nuevos documentos con formatos estándar. Abrir un elemento reciente posibilita la apertura de los archivos con los que se ha trabajado anteriormente. Crear nuevo ofrece una lista de tipos de documento, para que pueda crearlos rápidamente y con las características más adecuadas. Ampliar enlaza con Flash Exchange para la descarga de aplicaciones e información complementarias. Por último, Aprendizaje le permite acceder a ayuda sobre temas específicos.

1 Al abrir la aplicación se muestra en su parte central una pantalla de bienvenida cuyas opciones se agrupan en cuatro bloques. Haga clic en la casilla de verificación de la opción No volver a mostrarlo y, en el cuadro informativo que aparece, pulse el botón Aceptar.

2 Para generar un documento en blanco y abandonar definitivamente la pantalla de bienvenida, en la categoría Crear nuevo pulse sobre el enlace Action Script 3.0. Debajo del escenario se encuentran la Línea de tiempo, que permite organizar y controlar el contenido de un documento, y el nuevo Editor de movimiento.

3 Éste es el aspecto que presenta Flash CS6 al crear un documento en blanco. La interfaz de usuario es muy similar a la de la versión CS4 aunque puede ser adaptada a las necesidades de cada usuario. Haga clic sobre el botón de flecha del menú de elección del espacio de trabajo, donde por defecto aparece Conceptos básicos.

4 Seleccione la opción Animador.

5 Vuelva a activar la vista Conceptos básicos, que es en la que trabajaremos y procederemos a conocer los distintos espacios del área de trabajo.

6 Ocupando la mayor extensión de la pantalla, en el cuadrante superior izquierdo, encontramos un área en blanco donde crearemos la escena. Haga doble clic sobre el número 100% que se encuentra en la parte superior izquierda de la escena e introduzca el valor 70 para reducir el zoom.

7 En la parte inferior de la pantalla encontrará la Línea de tiempo, con la que trabajaremos en el siguiente ejercicio. A la derecha hay varios paneles. En primer lugar encontramos un primer panel plegado en el que se esconden varias de las ventanas más útiles del programa. Haga clic sobre botón Expandir paneles para comprobar su contenido y vuelva a contraerlo.

8 A continuación encontramos el panel Propiedades que se irá actualizando según el elemento que tengamos seleccionado. Haga clic sobre la pestaña Biblioteca para ver su contenido.

9 Como ha podido comprobar actualmente se encuentra vacío. Vuelva a activar la pestaña Propiedades y fíjese en el último panel que se encuentra a la derecha. Se trata de la barra de herramientas. En esta barra encontraremos todas las herramientas de dibujo y edición necesarias para crear una escena. Todas las barras y ventanas pueden cerrarse o reubicarse en otras zonas de la interfaz según convenga al usuario. Deberá para ello arrastrarlas desde la barra que se encuentra en su cabecera.

IMPORTANTE

El botón Conceptos básicos de la nueva Barra de título del programa permite cambiar con un solo clic el espacio de trabajo, pudiendo elegir entre Animador, Clásico, Depurar, Diseñador, Desarrollador y Pantalla pequeña según el tipo de trabajo que se esté llevando a cabo.

002	La Línea de tiempo y el Controlador

EL PANEL LÍNEA DE TIEMPO ES FUNDAMENTAL para la creación de animaciones vistosas: Su funcionamiento es similar al de un editor de vídeo. Trabaja con capas y permite marcar la duración de cada elemento en escena.

IMPORTANTE

La Línea de tiempo se halla subdividida en dos áreas. En la parte izquierda se muestran todas las capas que contiene el documento. Puede imaginar que son películas colocadas unas sobre otras, cada una de las cuales contiene un elemento del Escenario. Al pie del panel se visualizan los fotogramas que componen la animación; efectivamente, los documentos de Flash, tal como las películas y los vídeos, dividen su contenido en fotogramas.

1 Para comprender el funcionamiento de la Línea de tiempo, trabajaremos con una animación sencilla que consta de cuatro capas. Descargue de nuestra web el archivo Presentación Flash CS6, guárdelo en su equipo y ábralo con Flash CS6, usando la opción Abrir del menú Archivo.

2 En la parte izquierda del panel puede observar las diferentes capas (Círculos, Texto, Forma 1 y Fondo) y a su derecha, que capa dispone de su propia línea de fotogramas. Haga clic en el punto situado justo debajo del icono que representa un ojo, dentro de la capa Fondo. El encabezado de la Línea de tiempo, de color gris y situado en la parte superior de la sección derecha del panel, indica los números de fotograma.

3 Es el botón Mostrar u ocultar y ha ocultado el contenido de la capa Fondo, una trama que ya no es visible en el Escenario. Haga clic en el botón Mostrar u ocultar de la capa Texto.

4 El texto se oculta y sólo quedan visibles las capas Círculos y Formas 1. Haga clic en la casilla número 6 de la línea de fotogramas de la Formas 1, justo donde se encuentra el segundo de los tres círculos negros de esta capa.

5 Acaba de seleccionar el fotograma 6 de la capa Forma 1 y en la escena se muestra el contenido de este fotograma de la animación. Haga dos clics sobre el botón con icono de ojo (Mostrar u ocultar todas las capas) para mostrarlas todas.

6 Haga un clic sobre el número 15 en la línea de tiempo.

7 Han aparecido nuevos elementos en escena y la Forma 1, que veíamos hace unos instantes, ha cambiado de forma y ubicación. Pulse en cabezal de la Línea de tiempo, que es el rectángulo de color rosa ubicado ahora sobre el fotograma 15, y arrástrelo al fotograma 1 y luego hasta el 21.

8 De este modo puede realizar una previsualización manual, pero será mejor ver la película para entender mejor el funcionamiento de la Línea de tiempo. Despliegue el menú Ventana, pulse sobre la opción Barras de herramientas y seleccione la barra Controlador.

9 Haga clic en el botón Ir al primer fotograma, situado en la segunda posición del panel Controlador, que se ha abierto en pantalla

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, el cabezal avanza mostrando el contenido de los diferentes fotogramas. Pulse el botón Avanzar un fotograma, penúltimo del panel Controlador, para avanzar fotograma a fotograma.

11 Luego pulse en el botón Reproducir, que ocupa el cuarto lugar en el panel.

12 Cierre el Controlador haciendo clic en el botón aspa de su Barra de título.

IMPORTANTE

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.