Durante este primer capítulo vamos a realizar un recorrido por Flash que nos permita familiarizarnos con el entorno de trabajo. De este modo podremos hacernos una idea inicial de los diferentes elementos que constituyen Flash, para posteriormente abordarlos con más detalle.

Aunque este capítulo puede constituir una forma de romper el hielo, en poco tiempo nos daremos cuenta de lo intuitivo que puede resultar trabajar con Flash, pero esto a su vez puede ser peligroso, ya que resulta fácil dejarse llevar por ideas preconcebidas de lo que es Flash o de cómo manejar las herramientas de dibujo. Flash es tan especial que en ocasiones cuanto menos experiencia se tenga sobre él mejor, así pues, un buen consejo sería olvidarnos un poco de todo aquello que sabemos o que creemos saber y centrarnos en el aprendizaje como si empezásemos de cero.

Por un lado, debemos tener en cuenta que la clave de nuestro éxito va a depender en gran parte de cuan metódicos y ordenados seamos y por supuesto de saber en todo momento “en donde nos encontramos” y que es lo que realmente queremos hacer. Ya veremos con el paso de los capítulos, que en Flash también es muy fácil perderse si uno no esta completamente seguro de lo que esta haciendo. Pero por el momento no nos preocupemos y centrémonos en el objetivo fundamental de este curso de introducción.

Por otro lado, simplemente decir que lo se pretende alcanzar con la realización de este curso no es convertir al alumno en un experto, eso requeriría mucho más tiempo y la realización de cursos más avanzados, pero sí proporcionarle una buena base en el manejo de Flash y poner su alcance todo su potencial, el resto será cuestión de dejar volar la imaginación y sacar la creatividad que llevamos dentro.

Macromedia Flash, hoy por hoy, se está convirtiendo en un estándar mundial para la creación de espectaculares páginas Web y presentaciones con alto contenido interactivo. Es obvio, que cuando visitamos páginas Web realizadas con Flash quedamos gratamente impresionados, sobre todo si estamos acostumbrados a navegar por aquellas de aspecto clásico.

Flash nos proporciona múltiples herramientas para la creación de películas en base a animaciones, botones estáticos o animados, sonidos y música, imágenes importadas. Además estas películas podrán ser interactivas para que respondan a determinados eventos y poder tener control sobre las secuencias de animación. Podemos decir que Flash nos va a permitir realizar prácticamente todo aquello que se nos pase por la cabeza, pero debemos ser cuidadosos a la vez que pacientes puesto que la base para conseguirlo esta en tener un conocimiento global de la filosofía y manejo del programa con el objeto de utilizar las herramientas adecuadas para alcanzar nuestras pretensiones.

Dicho esto, lo mejor es que nos pongamos “manos a la obra” y comencemos realizando un paseo por el entorno de trabajo de Flash.

La primera vez que abramos Flash nos encontraremos un conjunto de ventanas y paneles repartidos por nuestra pantalla con un aspecto similar al mostrado en la Fig.1.1. Este conjunto de elementos, constituye nuestro entorno de trabajo inicial, aunque tal y como iremos viendo podremos personalizarlo en función de nuestras preferencias o necesidades.

El escenario, al igual que en un largometraje, es el lugar en donde se va a crear la película y en donde colocaremos el contenido de los fotogramas individuales: Animaciones, botones, clips de película, gráficos y demás elementos que compondrán la escena que estamos creando. Tal y como podemos apreciar en la Fig.1.2 es el gran rectángulo blanco que aparece en el centro del área de trabajo.

Las barras de herramientas que mencionaremos a continuación han sido incluidas por defecto en el inicio de la aplicación debido a su importancia en la creación de películas y su alta frecuencia de uso, con el paso del tiempo, podremos comprobarlo por nosotros mismos.

Esta barra a diferencia de las anteriores no se puede arrastra ni desactivar, es tan sumamente útil que no tiene ningún sentido el hacerlo. La podemos encontrar en la esquina inferior derecha del área de trabajo y su misión es permitir un acceso rápido a los principales paneles utilizados en Flash.

Barra de Herramientas (Tools)

Las herramientas de la paleta o barra de herramientas permite dibujar, pintar, seleccionar y modificar las ilustraciones, así como cambiar la visualización del Escenario.

La línea de tiempo (Timeline) contiene la secuencia de imágenes individuales que conforman la animación de izquierda a derecha. Se suele encontrar acoplada sobre el escenario y la barra de herramientas, aunque como la mayoría de los diferentes paneles y ventanas que conforman Flash siempre podremos situarla en el lugar donde más nos convenga.

La línea de tiempo contiene muchas “Pistas” visuales que nos ayudarán en la creación de animaciones, tal y como iremos viendo a lo largo de los diferentes capítulos. Además, nos facilitará la inclusión de Capas, cada una de las cuales contendrá una animación y de este modo podremos combinar la reproducción simultanea de varias animaciones

Tal y como se comentó en la sección anterior, pueden haber varias capas dentro de la Línea de Tiempo (cada una correspondiente a una animación) algo MUY IMPORTANTE que debemos recordar es que únicamente podemos estar en una capa a la vez. Esto se traduce en que todo nuestro trabajo se agregará a la Capa Actual (marcada con el icono del Lápiz), aunque en la escena aparezcan los elementos correspondientes a todas las capas.

Hay que tener esto muy en cuenta ya que es muy fácil confundirse, sobre todo cuando el número de capas de nuestra animación es elevado. Otro aspecto destacable es que si bloqueamos las capas ( icono del Candado) no podremos modificar nada en ellas. Las capas actúan como una serie de hojas de acetato transparente superpuestas, manteniendo las diferentes ilustraciones por separado, de forma que puedan combinarse distintos elementos en una imagen visual.

Los paneles flotantes facilitan la visualización, la organización y la modificación de elementos de una película. Las opciones disponibles en los paneles controlan las características de los elementos seleccionados.

Los paneles de Flash permiten trabajar con objetos, colores, textos, instancias, fotogramas, escenas y películas completas. Por ejemplo, puede utilizar el panel Carácter para seleccionar los atributos de carácter de los tipos y el panel Fotograma para introducir rótulos de fotogramas, así como para seleccionar opciones de interpolación. Para ver una lista completa con todos los paneles disponibles en Flash, seleccione:
[Ventana > Paneles].

La mayoría de los paneles incluyen un menú emergente Opciones con opciones adicionales. Un triángulo en la esquina superior derecha del panel indica la existencia de un menú Opciones. (Si el triángulo está atenuado, indicará que no hay menú Opciones para ese panel).

Para acceder a la biblioteca podemos hacerlo desde la Barra del Lanzador o bien, desde el menú
[Ventana > Biblioteca].

La correcta utilización de la misma, así como la edición de símbolos y creación de instancias lo veremos en capítulos posteriores. Por el momento, únicamente se ha pretendido situarnos en el entorno de trabajo de Flash y comprender un poco su “filosofía de trabajo”.

Como ya se ha ido comentando, la Clave para trabajar con Flash, es saber en donde estamos en cada momento, para de este modo poder hacer lo que queramos o actuar sobre los elementos deseados. Para ello, deberemos aprovecharnos de “las pistas” que nos ofrece la interfaz gráfica.

A continuación mencionaremos brevemente algunos elementos clave que nos ayudarán a orientarnos y facilitaran en gran medida nuestro trabajo. Todos ellos podremos localizarlos fácilmente en la Fig.1.15.

Capa Actual

La capa actual vendrá determinada por el icono del Lápiz y también la podemos distinguir porque aparece marcada en Negro para diferenciarla de las demás. En este ejemplo, se corresponde con el elemento maceta (Pot), pero debemos recordar que para poder editarla tiene que estar desbloqueada (sin candado). Bloquear las capas con las que no estemos trabajando es un buen hábito para no equivocarnos.

Fotograma Actual

Viene determinado por un marcador de color Rojo en la Línea de Tiempo, también denominado Cabeza Lectora. Este marcador sólo puede estar en un lugar a la vez y como es evidente, siempre apuntará al fotograma con el que estamos trabajando. En nuestro ejemplo se sitúa en el fotograma 10, tal y como podemos apreciar en la numeración que aparece sobre la línea de tiempo.

Escena Actual

Una película larga o complicada la podemos dividir en varias escenas (como los capítulos de una novela) de esta forma podemos acceder a ellas de forma individual y modificar fácilmente el orden o la secuencia.

La escena actual aparece listada encima de la línea de tiempo, en lo que denominaremos barra de direcciones y su icono representativo es una “claqueta de cine”.

Barra de Dirección

Esta barra representa el mejor lugar y por tanto, en el que deberemos fijarnos para saber que gráfico u objeto se está editando en cada momento. Esta claro, que cuando hacemos doble clic sobre un objeto para editarlo el resto se difumina para indicarnos que no se están editando en ese momento, pero cuando tenemos elementos agrupados y un gran número de capas la cosa se complica. Por tanto, no esta nada mal echar de vez en cuando un vistazo a estos indicadores. Más adelante, cuando aprendamos a dibujar con Flash entraremos más afondo en estos detalles.

Cada vez que empecemos a trabajar en una nueva película, esta se almacenará para su futura reproducción con una serie de parámetros y propiedades que aparecen por defecto. Por tanto, no estará de más conocerlos, ya que muchas de estas configuraciones deberemos especificarlas al comienzo de nuestro proyecto si queremos que el resultado final sea el esperado.

Cuando adquiramos más experiencia aprenderemos a pensar en como queremos que sea el resultado final de nuestro trabajo antes de ponernos a trabajar y por tanto a elegir las configuraciones más idóneas para lograrlo, ya que en ocasiones cambiar ciertas propiedades en mitad de un proyecto puede trastocar en gran medida nuestro trabajo.

• Unidades de regla.
  Debemos especificarlas en Píxeles, por ser la unidad de medida estándar en multimedia y páginas Web.



• Velocidad fotogramas.
  Controla la resolución visual, es decir, cuantos fotogramas pasarán en cada segundo. No debemos confundirla con la “rapidez” de la animación que es un mero efecto visual.



• Dimensiones.
  Importantes si modifican la relación de aspecto del escenario. Es necesario pensar en el aspecto o forma del producto final, pues cambiar esta propiedad podría obligar a rehacer gran parte del trabajo.

Archivos fuente. Extensión (.fla)
Contienen el desarrollo de la película sin compilar, es decir aquel que permite visualizar como esta hecha y editarla totalmente. Los archivos con esta extensión podrán ser cargados y editados en Flash, pero no podrán ser publicados como tales. Por otro lado, debemos tener en cuenta que sólo podrán ser abiertos en Flash aquellos trabajos realizados con la misma versión o anteriores.

Archivos fuente. Extensión (.swf)
Contiene la película compilada y que utilizaremos para su publicación en Internet. Es necesario para poder visualizarla la utilidad “reproductor de Flash” que suele venir incluida en las últimas versiones del Explorer o Netscape. No obstante, debemos tener presente que con este formato únicamente podremos visualizar la película, pero en ningún caso ver como esta hecha y mucho menos editarla.

Archivos con Extensión (.html)
Es el que contiene el código HTML necesario para poder ver la película directamente en el navegador. Colocar un archivo de Flash Player (.swf) en una página Web, es casi tan sencillo como poner una imagen. Además para facilitar más este proceso, Flash cuenta con una característica denominada Publicación que nos marcará los pasos necesarios tanto en la creación de un archivo .swf como .html. Más adelante entraremos en los detalles referentes a como configurar la publicación y cuales son los pasos que deberemos seguir para publicar.