Introducción
Bienvenido a Macromedia Flash Basic 8 y Macromedia Flash Professional 8. Flash le proporciona todo lo necesario para crear y publicar complejas aplicaciones de grandes prestaciones y contenido Web. Tanto si diseña gráficos con movimiento como si crea aplicaciones gestionadas por datos, Flash tiene las herramientas precisas para producir excelentes resultados y ofrecer al usuario la posibilidad de utilizar los productos en distintas plataformas y dispositivos.
Esta guía constituye una introducción a Flash. El tutorial de la misma le guiará por el proceso de creación de una aplicación Flash simple.
Este capítulo contiene las siguientes secciones:
Descripción de Flash
Aplicaciones que se pueden crear con Flash
Creación de un sencillo documento de Flash
Flash Player
Novedades de Flash
Instalación de Flash
Descripción de Flash
Flash es una herramienta de edición con la que los diseñadores y desarrolladores pueden crear presentaciones, aplicaciones y otro tipo de contenido que permite la interacción del usuario. Los proyectos de Flash pueden abarcar desde simples animaciones hasta contenido de vídeo, presentaciones complejas, aplicaciones y cualquier otra utilidad relacionada. En general, los fragmentos independientes de contenido creados con Flash se denominan aplicaciones, aunque se trate solamente de una animación básica. Se pueden crear aplicaciones de Flash con una amplia variedad de contenido multimedia que incluye imágenes, sonido, vídeo y efectos especiales.
Dado el tamaño tan pequeño de sus archivos, Flash resulta especialmente ideal para crear contenido que se facilite a través de Internet. Para ello, utiliza en gran medida gráficos vectoriales. Este tipo de gráfico requiere mucha menos memoria y espacio de almacenamiento que las imágenes de mapa de bits, ya que se representan mediante fórmulas matemáticas en lugar de grandes conjuntos de datos. Las imágenes de mapa de bits son de un tamaño superior porque cada píxel requiere un fragmento de datos independiente que lo represente.
Para crear una aplicación en Flash, se crean gráficos con las herramientas de dibujo y se importan elementos multimedia adicionales al documento de Flash. A continuación, se determina cómo y cuándo se utilizarán cada uno de esos elementos para crear la aplicación que se tiene en mente.
Cuando se edita contenido en Flash, se trabaja en un archivo de documento de Flash. Estos documentos tienen la extensión de archivo .fla (FLA) y y se componen de cuatro partes principales:
El escenario es donde se muestran los gráficos, vídeos, botones y demás objetos durante la reproducción. Esta parte se describe con mayor profundidad en Conceptos básicos de Flash.
La línea de tiempo es donde el usuario indica a Flash cuándo desea que se muestren los gráficos y otros elementos del proyecto. También se utiliza para especificar el orden de capas de los gráficos en el escenario. Los gráficos de las capas superiores aparecen por encima de los gráficos de las capas inferiores.
El panel Biblioteca es donde Flash muestra una lista de los elementos multimedia del documento de Flash.
ActionScript es el código que permite añadir interactividad a los elementos multimedia del documento. Por ejemplo, se puede añadir código para que un botón muestre una nueva imagen cuando el usuario haga clic en el mismo. También se puede utilizar ActionScript para añadir lógica a las aplicaciones. Gracias a la lógica, la aplicación se comporta de distintas formas dependiendo de las acciones del usuario u otras condiciones. Flash incluye dos versiones de ActionScript, cada una adaptada a las necesidades específicas del editor. Para más información sobre la escritura de ActionScript, consulte Aprendizaje de ActionScript 2.0 en Flash en el panel Ayuda.
Flash incluye muchas funciones que la convierten en una herramienta con numerosas prestaciones sin perder por ello la facilidad de uso. Entre dichas funciones destacan la posibilidad de arrastrar y soltar componentes de la interfaz de usuario creados previamente, comportamientos integrados que permiten añadir fácilmente código ActionScript al documento y varios efectos especiales que pueden incorporarse a los objetos multimedia.
Una vez que se ha terminado de editar el documento de Flash, se puede publicar a través del comando Archivo > Publicar. De este modo, se crea una versión comprimida del archivo con la extensión .swf (SWF). A continuación, se puede utilizar Flash Player para reproducir el archivo SWF en un navegador Web o como una aplicación independiente. Para obtener una introducción a Flash Player, consulte Flash Player.
Aplicaciones que se pueden crear con Flash
Gracias al amplio número de funciones de Flash, se pueden crear multitud de tipos de aplicaciones. A continuación se citan algunos ejemplos de los tipos de aplicaciones que se pueden generar con Flash:
Animaciones Incluyen anuncios publicitarios, tarjetas de felicitación en línea, dibujos animados, etc. Muchos otros tipos de aplicaciones de Flash también incluyen elementos de animación.
Juegos Numerosos juegos se crean con Flash. Los juegos normalmente combinan las capacidades de animación de Flash con las capacidades lógicas de ActionScript.
Interfaces de usuario Un gran número de diseñadores de sitios Web utilizan Flash para diseñar interfaces de usuario. Estas interfaces incluyen tanto sencillas barras de navegación como diseños mucho más complejos. En la parte superior de la página de inicio de www.macromedia.com/es se muestra un ejemplo de una barra de navegación creada con Flash.
Áreas de mensajes flexibles Se trata de áreas de las páginas Web que utilizan los diseñadores para mostrar información que puede variar con el tiempo. El área de mensajes flexible (FMA, Flexible Messaging Area) del sitio Web de un restaurante podría mostrar información sobre las especialidades del menú del día. En la página de inicio de www.macromedia.com/es se puede encontrar un ejemplo de un área FMA. El tutorial de la sección Tutorial: Creación de una aplicación Flash por primera vez le guiará por el proceso de creación de un área FMA.
Aplicaciones dinámicas de Internet Incluyen un amplio abanico de aplicaciones que proporcionan una elaborada interfaz de usuario para mostrar y manipular datos almacenados de forma remota a través de Internet. Una aplicación dinámica de Internet podría ser una aplicación de calendario, una aplicación de búsqueda de precios, un catálogo de compra, una aplicación de educación y pruebas, o bien cualquier otra aplicación que presente datos remotos con una completa interfaz desde el punto de vista gráfico.
En el sitio Web de Macromedia en www.macromedia.com/es/showcase se pueden encontrar una gran variedad de ejemplos de proyectos reales creados por usuarios de Flash.
Para crear una aplicación de Flash, se realizan normalmente los pasos básicos siguientes:
Decida las tareas básicas que realizará la aplicación.
Cree e importe elementos multimedia como imágenes, vídeo, sonido, texto, etc.
Organice los elementos multimedia en el escenario y en la línea de tiempo para definir cuándo y cómo aparecerán en la aplicación.
Aplique efectos especiales a elementos multimedia según estime oportuno.
Escriba código ActionScript para controlar cómo se comportarán los elementos multimedia, incluido cómo responderán los elementos a las interacciones del usuario.
Pruebe la aplicación para determinar si funciona como se había previsto y busque cualquier error que se produjera al crearla. La aplicación se debe probar durante todo el proceso de creación.
Publique el archivo FLA como archivo SWF para que pueda mostrarse en una página Web y reproducirse con Flash Player.
Según el proyecto y el estilo de trabajo, se puede cambiar el orden de estos pasos. Conforme vaya familiarizándose con Flash y sus flujos de trabajo, irá descubriendo el estilo de trabajo más adecuado a sus necesidades.
Creación de un sencillo documento de Flash
Para ilustrar los pasos básicos de creación de cualquier documento de Flash, en esta sección seguirá un sencillo tutorial que le guiará por todo el proceso. Este breve tutorial es sólo un ejemplo del flujo de trabajo de Flash. En Tutorial: Creación de una aplicación Flash por primera vez y en Tutoriales de Flash se ofrecen más tutoriales.
El primer paso consiste en crear un nuevo documento en Flash.
Para crear un nuevo documento de Flash:
Seleccione Archivo > Nuevo.
En el cuadro de diálogo Nuevo documento, Documento de Flash aparece seleccionado de forma predeterminada.
Haga clic en Aceptar.
En el inspector de propiedades, el botón Tamaño muestra la configuración de tamaño actual del escenario (550 x 400 píxeles).
La muestra de color de fondo está establecida en blanco. Para cambiar el color del escenario, haga clic en la muestra y seleccione un color diferente.
El inspector de propiedades muestra el tamaño del escenario y el color de fondo
Dibujo de un círculo
Una vez que haya creado el documento, estará listo para añadir algunas ilustraciones al mismo.
Para dibujar un círculo en el escenario:
Seleccione la herramienta Óvalo del panel Herramientas.
La herramienta Óvalo del panel Herramientas
Seleccione la opción Sin color en el selector de Color de trazo.
Selección de la opción Sin color en el selector de Color de trazo
Elija el color que desee en el selector de Color de relleno.
Asegúrese de que el color de relleno contrasta bien con el color del escenario.
Con la herramienta Óvalo seleccionada, utilice la función de arrastre con la tecla Mayús presionada para dibujar un círculo en el escenario.
Al mantener la tecla Mayús presionada, la herramienta Ovalo se convierte en un círculo.
Forma del círculo dibujado en el escenario
Creación de un símbolo
Para que la nueva ilustración se vuelva un activo reutilizable, es necesario convertir ésta en un símbolo de Flash. Un símbolo es un activo multimedia que se puede reutilizar en cualquier parte del documento de Flash sin necesidad de volver a crearlo.
Para crear un símbolo:
Haga clic en la herramienta Selección del panel Herramientas.
El panel Herramientas con la herramienta Selección seleccionada
Haga clic en el círculo del escenario para seleccionarlo.
Con el círculo aún seleccionado, elija Modificar > Convertir en símbolo.
En el cuadro de diálogo Convertir en símbolo, escriba mi_círculo en el cuadro de texto Nombre.
El comportamiento predeterminado ahora es Clip de película.
Haga clic en Aceptar.
Aparece un recuadro de delimitación alrededor del círculo. Acaba de crear un activo reutilizable, denominado símbolo, en el documento.
El nuevo símbolo aparece en el panel Biblioteca.
Si el panel Biblioteca no está abierto, seleccione Ventana > Biblioteca.
Animación del círculo
Ahora que ha insertado una ilustración en el documento, puede convertirla en más interesante añadiéndole animación de modo que se mueva por el escenario.
Para crear una animación con el círculo:
Arrastre el círculo a la izquierda del área del escenario.
La forma del círculo se desplaza a la izquierda del área del escenario
Haga clic en el fotograma 20 de la capa 1 en la línea de tiempo.
Selección del fotograma 20 de la capa 1 en la línea de tiempo
Seleccione Insertar > Línea de tiempo > Fotograma.
Flash añade fotogramas al fotograma 20, que permanece seleccionado.
Fotogramas insertados en la línea de tiempo
Con el fotograma 20 aún seleccionado, elija Insertar > Línea de tiempo > Fotograma clave.
Se añade un fotograma clave al fotograma 20. El fotograma clave es un fotograma en el que se cambia de manera explícita alguna propiedad de un objeto. En este nuevo fotograma clave, cambiará la ubicación del círculo.
Inserción de un fotograma clave en el fotograma 20
Con el fotograma 20 aún seleccionado en la línea de tiempo, arrastre el círculo a la derecha del área del escenario.
Seleccione el fotograma 1 de la capa 1 en la línea de tiempo.
En el inspector de propiedades (ubicado de forma predeterminada en la parte inferior de la ventana de la aplicación Flash), seleccione Movimiento en el menú emergente Animar.
Selección de una interpolación de movimiento en el inspector de propiedades
Aparece una flecha entre los fotogramas 1 y 20 de la capa 1 de la línea de tiempo.
La línea de tiempo con una flecha que indica una interpolación de movimiento
Con este paso se crea una animación interpolada del círculo que se mueve desde su posición en el primer fotograma clave del fotograma 1 a la nueva posición en el segundo fotograma clave del fotograma 20. Para más información sobre la interpolación, consulte el Creación de movimiento, en Utilización de Flash.
En la línea de tiempo, arrastre la cabeza lectora roja hacia adelante y hacia atrás desde el fotograma 1 al 20 para previsualizar la animación.
Seleccione Archivo > Guardar.
Elija una ubicación para el archivo en la unidad de disco duro y asígnele el nombre SimpleFlash.fla.
Seleccione Control > Probar película para probar el archivo FLA.
Cierre la ventana Probar película.
Publicación del archivo
Una vez finalizado el documento de Flash, estará listo para publicarlo de modo que se pueda ver en un navegador. Al publicar un archivo FLA, Flash lo comprime en el formato de archivo SWF, que es el formato que se aplica a una página Web. El comando Publicar puede generar de forma automática un archivo HTML con las etiquetas correctas.
Para publicar el archivo Flash y verlo en un navegador:
Seleccione Archivo > Configuración de publicación.
En el cuadro de diálogo Configuración de publicación, seleccione la ficha Formatos y compruebe que sólo están activadas las opciones HTML y Flash.
Con esta acción, Flash sólo publicará el archivo SWF de Flash y un archivo HTML. El archivo HTML se utiliza para mostrar el archivo SWF en un navegador Web.
Las opciones Flash y HTML en la ficha Formatos
En el cuadro de diálogo Configuración de publicación, seleccione la ficha HTML y compruebe que en el menú emergente Plantilla aparece seleccionado Sólo Flash.
Esta plantilla crea un archivo HTML simple que contiene sólo el archivo SWF cuando se muestra en una ventana del navegador.
Selección de Sólo Flash en el menú Plantilla
Haga clic en Aceptar.
Elija Archivo > Publicar y abra su navegador Web.
En el navegador Web, seleccione Archivo > Abrir.
Desplácese a la carpeta en la que ha guardado el archivo FLA.
Allí se encuentran los archivos SimpleFlash.swf y SimpleFlash.html. Estos archivos los creó Flash cuando hizo clic en Publicar.
Seleccione el archivo denominado SimpleFlash.html.
Haga clic en Abrir.
El documento de Flash se muestra en la ventana del navegador.
¡Enhorabuena! Acaba de realizar su primer documento de Flash.
Flash Player
Flash Player 8, que ejecuta las aplicaciones creadas, se instala de forma predeterminada junto con Flash. Esta aplicación garantiza que todos los archivos SWF de Flash puedan visualizarse y estén disponibles en las mismas condiciones en todas las plataformas, navegadores y dispositivos, incluidos teléfonos móviles.
Flash Player se distribuye con los productos de los principales colaboradores de software, entre los que cabe destacar Microsoft, Apple, Netscape, AOL y Opera, para ofrecer contenido y aplicaciones multimedia a más de 516 millones de personas de todo el mundo. Se distribuye gratuitamente a cualquier persona que desee utilizarlo. La última versión de Flash Player puede obtenerse en el Centro de descargas de Macromedia Flash Player, en www.macromedia.com/go/getflashplayer_es.
Novedades de Flash
Hay una gran variedad de nuevas funciones en Flash que resultan de gran utilidad para los usuarios principiantes. En esta sección se resumen todas ellas. Para obtener una lista completa de las nuevas funciones tanto para usuarios principiantes como avanzados de Flash, consulte Novedades de Flash en Utilización de Flash.
Nuevas funciones en Flash Basic 8 y Flash Professional 8
A continuación, se describen las nuevas funciones para principiantes de Flash Basic 8 y Flash Professional 8.
Mejoras en los degradados Nuevos controles permiten aplicar complejos degradados a los objetos del escenario. Se pueden añadir hasta 16 colores, controlar con precisión el lugar en el que se sitúa el punto focal y aplicar otros parámetros al degradado. Macromedia también simplifica el flujo de trabajo para aplicar degradados. Para más información, consulte Transformación de los rellenos con degradado y de mapa de bits en Utilización de Flash.
Modelo de dibujo de objeto En versiones anteriores de Flash, todas las formas de una determinada capa podían afectar a los contornos de otras formas con las que se solaparan. Ahora se pueden crear formas directamente en el escenario que no interfieren con otras formas del mismo. Cuando se crea una forma con el nuevo modelo de dibujo de objeto, dicha forma no causa ninguna alteración en las formas que puedan existir por debajo de ella. Para más información, consulte Modelos de dibujo de Flash en Utilización de Flash.
FlashType Los objetos de texto del escenario muestran ahora una apariencia más coherente en la herramienta de edición de Flash y en Flash Player. Para más información, consulte Trabajo con texto en Utilización de Flash.
Modo de asistente de script Nuevo modo asistido del panel Acciones que permite la creación de scripts sin necesidad de tener un conocimiento profundo de ActionScript. Para más información, consulte el Escritura de ActionScript con el asistente de script en Utilización de Flash.
Área de trabajo del escenario ampliada El área que rodea al escenario se puede utilizar para guardar gráficos y otros objetos sin que los mismos aparezcan en el escenario cuando se reproduce el archivo SWF. Macromedia ha ampliado esta área, conocida como área de trabajo, para que permita almacenar más elementos. Los usuarios de Flash utilizan con frecuencia el área de trabajo para almacenar gráficos que tienen previsto animar más adelante en el escenario, o bien para guardar objetos que no tienen representación gráfica durante la reproducción, como los elementos de datos.
Fichas de documento para Macintosh Ahora se pueden abrir varios archivos Flash en la misma ventana de la aplicación Flash y elegirlos mediante las fichas de documento situadas en la parte superior de la ventana.
Cuadro de diálogo Preferencias mejorado Macromedia ha perfeccionado el diseño del cuadro de diálogo Preferencias y lo ha reorganizado para una mayor claridad y facilidad de uso. Para más información, consulte Establecimiento de preferencias en Flash.
Panel Biblioteca único Ahora puede utilizar un solo panel Biblioteca para ver, simultáneamente, los elementos de biblioteca de varios archivos Flash. Para más información, consulte Administración de elementos multimedia utilizando la biblioteca en Utilización de Flash.
Interfaz de publicación mejorada Se ha optimizado el cuadro de diálogo Configuración de publicación para facilitar el control de los archivos SWF publicados. Para más información, consulte el Publicación en Utilización de Flash.
Modo Deshacer objeto Ahora puede elegir entre hacer un seguimiento de todos los cambios realizados en Flash, o bien objeto por objeto. Si se utiliza este modo, cada objeto del escenario y de la biblioteca cuenta con su propia lista de acciones. De este modo, se pueden deshacer los cambios realizados en un objeto sin deshacer los que se hayan podido realizar en cualquier otro. Para más información, consulte Utilización de los comandos de menú Deshacer, Rehacer y Repetir en Utilización de Flash.
Nuevas funciones sólo en Flash Professional 8
A continuación, se describen las nuevas funciones para principiantes disponibles sólo en Flash Professional 8.
Controles de suavizado personalizados Una interpolación es la aplicación de un cambio a un objeto gráfico en un período de tiempo. Por ejemplo, podría interpolar la ubicación de la imagen de un coche de un lado a otro del escenario para hacer que éste se mueva de una parte a otra. Suavizar una interpolación significa controlar la velocidad a la que se aplica el cambio al objeto. Los nuevos controles de suavizado de Flash permiten controlar con precisión cómo influyen las interpolaciones aplicadas en la línea de tiempo a la apariencia de los objetos interpolados en el escenario. Con los nuevos controles se puede mover un objeto hacia adelante y hacia atrás en el escenario con una sola interpolación, o bien crear otros efectos de interpolación complejos. Para más información, consulte Aplicación de aceleración/desaceleración personalizada a interpolaciones de movimiento (sólo para Flash Professional) en Utilización de Flash.
Filtros de efectos gráficos Es posible aplicar filtros gráficos a los objetos del escenario. Reciben este nombre por cuanto someten los datos de imagen del objeto a un algoritmo que los filtra de una manera específica. Con estos filtros se puede conseguir que los objetos brillen o arrojen sombra y se les puede aplicar muchos otros efectos y combinaciones de efectos. Para más información, consulte Filtros (sólo para Flash Professional) en Utilización de Flash.
Modos de mezcla Se pueden conseguir diferentes efectos de composición utilizando los modos de mezcla para cambiar la forma en que la imagen de un objeto del escenario se combina con las imágenes de los objetos que se encuentran debajo de él. Para más información, consulte Modos de mezcla (sólo para Flash Professional) en Utilización de Flash.
Suavizado de mapas de bits Las imágenes de mapa de bits tienen una apariencia mucho más nítida en el escenario cuando se amplían o reducen en gran medida. De este modo, su apariencia en la herramienta de edición de Flash es coherente con la que ofrece en Flash Player. Para más información sobre la configuración de mapas de bits, consulte Configuración de propiedades de mapa de bits en Utilización de Flash.
Suavizado de texto mejorado Ahora puede aplicar nuevos parámetros de suavizado que permiten una lectura más fácil y cómoda del texto de tamaño normal y pequeño. Para más información, consulte Definición de opciones de suavizado de texto en Utilización de Flash.
Nuevo codificador de vídeo En Flash Professional 8 se incluye una nueva aplicación de codificador de vídeo. Se trata de una aplicación independiente que ofrece una forma sencilla de convertir archivos de vídeo en formato FLV (Flash Video). La aplicación también permite realizar el procesamiento por lotes de archivos de vídeo. Para más información, consulte Codificación de vídeo en Utilización de Flash.
Soporte de canal alfa de vídeo Ahora puede utilizar un canal alfa con objetos de vídeo, lo que le permite crear efectos de transparencia. Para más información sobre la utilización de vídeo en Flash, consulte el Trabajo con vídeo en Utilización de Flash.
Bienvenido a Macromedia Flash Basic 8 y Macromedia Flash Professional 8. Flash le proporciona todo lo necesario para crear y publicar complejas aplicaciones de grandes prestaciones y contenido Web. Tanto si diseña gráficos con movimiento como si crea aplicaciones gestionadas por datos, Flash tiene las herramientas precisas para producir excelentes resultados y ofrecer al usuario la posibilidad de utilizar los productos en distintas plataformas y dispositivos.
Esta guía constituye una introducción a Flash. El tutorial de la misma le guiará por el proceso de creación de una aplicación Flash simple.
Este capítulo contiene las siguientes secciones:
Descripción de Flash
Aplicaciones que se pueden crear con Flash
Creación de un sencillo documento de Flash
Flash Player
Novedades de Flash
Instalación de Flash
Descripción de Flash
Flash es una herramienta de edición con la que los diseñadores y desarrolladores pueden crear presentaciones, aplicaciones y otro tipo de contenido que permite la interacción del usuario. Los proyectos de Flash pueden abarcar desde simples animaciones hasta contenido de vídeo, presentaciones complejas, aplicaciones y cualquier otra utilidad relacionada. En general, los fragmentos independientes de contenido creados con Flash se denominan aplicaciones, aunque se trate solamente de una animación básica. Se pueden crear aplicaciones de Flash con una amplia variedad de contenido multimedia que incluye imágenes, sonido, vídeo y efectos especiales.
Dado el tamaño tan pequeño de sus archivos, Flash resulta especialmente ideal para crear contenido que se facilite a través de Internet. Para ello, utiliza en gran medida gráficos vectoriales. Este tipo de gráfico requiere mucha menos memoria y espacio de almacenamiento que las imágenes de mapa de bits, ya que se representan mediante fórmulas matemáticas en lugar de grandes conjuntos de datos. Las imágenes de mapa de bits son de un tamaño superior porque cada píxel requiere un fragmento de datos independiente que lo represente.
Para crear una aplicación en Flash, se crean gráficos con las herramientas de dibujo y se importan elementos multimedia adicionales al documento de Flash. A continuación, se determina cómo y cuándo se utilizarán cada uno de esos elementos para crear la aplicación que se tiene en mente.
Cuando se edita contenido en Flash, se trabaja en un archivo de documento de Flash. Estos documentos tienen la extensión de archivo .fla (FLA) y y se componen de cuatro partes principales:
El escenario es donde se muestran los gráficos, vídeos, botones y demás objetos durante la reproducción. Esta parte se describe con mayor profundidad en Conceptos básicos de Flash.
La línea de tiempo es donde el usuario indica a Flash cuándo desea que se muestren los gráficos y otros elementos del proyecto. También se utiliza para especificar el orden de capas de los gráficos en el escenario. Los gráficos de las capas superiores aparecen por encima de los gráficos de las capas inferiores.
El panel Biblioteca es donde Flash muestra una lista de los elementos multimedia del documento de Flash.
ActionScript es el código que permite añadir interactividad a los elementos multimedia del documento. Por ejemplo, se puede añadir código para que un botón muestre una nueva imagen cuando el usuario haga clic en el mismo. También se puede utilizar ActionScript para añadir lógica a las aplicaciones. Gracias a la lógica, la aplicación se comporta de distintas formas dependiendo de las acciones del usuario u otras condiciones. Flash incluye dos versiones de ActionScript, cada una adaptada a las necesidades específicas del editor. Para más información sobre la escritura de ActionScript, consulte Aprendizaje de ActionScript 2.0 en Flash en el panel Ayuda.
Flash incluye muchas funciones que la convierten en una herramienta con numerosas prestaciones sin perder por ello la facilidad de uso. Entre dichas funciones destacan la posibilidad de arrastrar y soltar componentes de la interfaz de usuario creados previamente, comportamientos integrados que permiten añadir fácilmente código ActionScript al documento y varios efectos especiales que pueden incorporarse a los objetos multimedia.
Una vez que se ha terminado de editar el documento de Flash, se puede publicar a través del comando Archivo > Publicar. De este modo, se crea una versión comprimida del archivo con la extensión .swf (SWF). A continuación, se puede utilizar Flash Player para reproducir el archivo SWF en un navegador Web o como una aplicación independiente. Para obtener una introducción a Flash Player, consulte Flash Player.
Aplicaciones que se pueden crear con Flash
Gracias al amplio número de funciones de Flash, se pueden crear multitud de tipos de aplicaciones. A continuación se citan algunos ejemplos de los tipos de aplicaciones que se pueden generar con Flash:
Animaciones Incluyen anuncios publicitarios, tarjetas de felicitación en línea, dibujos animados, etc. Muchos otros tipos de aplicaciones de Flash también incluyen elementos de animación.
Juegos Numerosos juegos se crean con Flash. Los juegos normalmente combinan las capacidades de animación de Flash con las capacidades lógicas de ActionScript.
Interfaces de usuario Un gran número de diseñadores de sitios Web utilizan Flash para diseñar interfaces de usuario. Estas interfaces incluyen tanto sencillas barras de navegación como diseños mucho más complejos. En la parte superior de la página de inicio de www.macromedia.com/es se muestra un ejemplo de una barra de navegación creada con Flash.
Áreas de mensajes flexibles Se trata de áreas de las páginas Web que utilizan los diseñadores para mostrar información que puede variar con el tiempo. El área de mensajes flexible (FMA, Flexible Messaging Area) del sitio Web de un restaurante podría mostrar información sobre las especialidades del menú del día. En la página de inicio de www.macromedia.com/es se puede encontrar un ejemplo de un área FMA. El tutorial de la sección Tutorial: Creación de una aplicación Flash por primera vez le guiará por el proceso de creación de un área FMA.
Aplicaciones dinámicas de Internet Incluyen un amplio abanico de aplicaciones que proporcionan una elaborada interfaz de usuario para mostrar y manipular datos almacenados de forma remota a través de Internet. Una aplicación dinámica de Internet podría ser una aplicación de calendario, una aplicación de búsqueda de precios, un catálogo de compra, una aplicación de educación y pruebas, o bien cualquier otra aplicación que presente datos remotos con una completa interfaz desde el punto de vista gráfico.
En el sitio Web de Macromedia en www.macromedia.com/es/showcase se pueden encontrar una gran variedad de ejemplos de proyectos reales creados por usuarios de Flash.
Para crear una aplicación de Flash, se realizan normalmente los pasos básicos siguientes:
Decida las tareas básicas que realizará la aplicación.
Cree e importe elementos multimedia como imágenes, vídeo, sonido, texto, etc.
Organice los elementos multimedia en el escenario y en la línea de tiempo para definir cuándo y cómo aparecerán en la aplicación.
Aplique efectos especiales a elementos multimedia según estime oportuno.
Escriba código ActionScript para controlar cómo se comportarán los elementos multimedia, incluido cómo responderán los elementos a las interacciones del usuario.
Pruebe la aplicación para determinar si funciona como se había previsto y busque cualquier error que se produjera al crearla. La aplicación se debe probar durante todo el proceso de creación.
Publique el archivo FLA como archivo SWF para que pueda mostrarse en una página Web y reproducirse con Flash Player.
Según el proyecto y el estilo de trabajo, se puede cambiar el orden de estos pasos. Conforme vaya familiarizándose con Flash y sus flujos de trabajo, irá descubriendo el estilo de trabajo más adecuado a sus necesidades.
Creación de un sencillo documento de Flash
Para ilustrar los pasos básicos de creación de cualquier documento de Flash, en esta sección seguirá un sencillo tutorial que le guiará por todo el proceso. Este breve tutorial es sólo un ejemplo del flujo de trabajo de Flash. En Tutorial: Creación de una aplicación Flash por primera vez y en Tutoriales de Flash se ofrecen más tutoriales.
El primer paso consiste en crear un nuevo documento en Flash.
Para crear un nuevo documento de Flash:
Seleccione Archivo > Nuevo.
En el cuadro de diálogo Nuevo documento, Documento de Flash aparece seleccionado de forma predeterminada.
Haga clic en Aceptar.
En el inspector de propiedades, el botón Tamaño muestra la configuración de tamaño actual del escenario (550 x 400 píxeles).
La muestra de color de fondo está establecida en blanco. Para cambiar el color del escenario, haga clic en la muestra y seleccione un color diferente.
El inspector de propiedades muestra el tamaño del escenario y el color de fondo
Dibujo de un círculo
Una vez que haya creado el documento, estará listo para añadir algunas ilustraciones al mismo.
Para dibujar un círculo en el escenario:
Seleccione la herramienta Óvalo del panel Herramientas.
La herramienta Óvalo del panel Herramientas
Seleccione la opción Sin color en el selector de Color de trazo.
Selección de la opción Sin color en el selector de Color de trazo
Elija el color que desee en el selector de Color de relleno.
Asegúrese de que el color de relleno contrasta bien con el color del escenario.
Con la herramienta Óvalo seleccionada, utilice la función de arrastre con la tecla Mayús presionada para dibujar un círculo en el escenario.
Al mantener la tecla Mayús presionada, la herramienta Ovalo se convierte en un círculo.
Forma del círculo dibujado en el escenario
Creación de un símbolo
Para que la nueva ilustración se vuelva un activo reutilizable, es necesario convertir ésta en un símbolo de Flash. Un símbolo es un activo multimedia que se puede reutilizar en cualquier parte del documento de Flash sin necesidad de volver a crearlo.
Para crear un símbolo:
Haga clic en la herramienta Selección del panel Herramientas.
El panel Herramientas con la herramienta Selección seleccionada
Haga clic en el círculo del escenario para seleccionarlo.
Con el círculo aún seleccionado, elija Modificar > Convertir en símbolo.
En el cuadro de diálogo Convertir en símbolo, escriba mi_círculo en el cuadro de texto Nombre.
El comportamiento predeterminado ahora es Clip de película.
Haga clic en Aceptar.
Aparece un recuadro de delimitación alrededor del círculo. Acaba de crear un activo reutilizable, denominado símbolo, en el documento.
El nuevo símbolo aparece en el panel Biblioteca.
Si el panel Biblioteca no está abierto, seleccione Ventana > Biblioteca.
Animación del círculo
Ahora que ha insertado una ilustración en el documento, puede convertirla en más interesante añadiéndole animación de modo que se mueva por el escenario.
Para crear una animación con el círculo:
Arrastre el círculo a la izquierda del área del escenario.
La forma del círculo se desplaza a la izquierda del área del escenario
Haga clic en el fotograma 20 de la capa 1 en la línea de tiempo.
Selección del fotograma 20 de la capa 1 en la línea de tiempo
Seleccione Insertar > Línea de tiempo > Fotograma.
Flash añade fotogramas al fotograma 20, que permanece seleccionado.
Fotogramas insertados en la línea de tiempo
Con el fotograma 20 aún seleccionado, elija Insertar > Línea de tiempo > Fotograma clave.
Se añade un fotograma clave al fotograma 20. El fotograma clave es un fotograma en el que se cambia de manera explícita alguna propiedad de un objeto. En este nuevo fotograma clave, cambiará la ubicación del círculo.
Inserción de un fotograma clave en el fotograma 20
Con el fotograma 20 aún seleccionado en la línea de tiempo, arrastre el círculo a la derecha del área del escenario.
Seleccione el fotograma 1 de la capa 1 en la línea de tiempo.
En el inspector de propiedades (ubicado de forma predeterminada en la parte inferior de la ventana de la aplicación Flash), seleccione Movimiento en el menú emergente Animar.
Selección de una interpolación de movimiento en el inspector de propiedades
Aparece una flecha entre los fotogramas 1 y 20 de la capa 1 de la línea de tiempo.
La línea de tiempo con una flecha que indica una interpolación de movimiento
Con este paso se crea una animación interpolada del círculo que se mueve desde su posición en el primer fotograma clave del fotograma 1 a la nueva posición en el segundo fotograma clave del fotograma 20. Para más información sobre la interpolación, consulte el Creación de movimiento, en Utilización de Flash.
En la línea de tiempo, arrastre la cabeza lectora roja hacia adelante y hacia atrás desde el fotograma 1 al 20 para previsualizar la animación.
Seleccione Archivo > Guardar.
Elija una ubicación para el archivo en la unidad de disco duro y asígnele el nombre SimpleFlash.fla.
Seleccione Control > Probar película para probar el archivo FLA.
Cierre la ventana Probar película.
Publicación del archivo
Una vez finalizado el documento de Flash, estará listo para publicarlo de modo que se pueda ver en un navegador. Al publicar un archivo FLA, Flash lo comprime en el formato de archivo SWF, que es el formato que se aplica a una página Web. El comando Publicar puede generar de forma automática un archivo HTML con las etiquetas correctas.
Para publicar el archivo Flash y verlo en un navegador:
Seleccione Archivo > Configuración de publicación.
En el cuadro de diálogo Configuración de publicación, seleccione la ficha Formatos y compruebe que sólo están activadas las opciones HTML y Flash.
Con esta acción, Flash sólo publicará el archivo SWF de Flash y un archivo HTML. El archivo HTML se utiliza para mostrar el archivo SWF en un navegador Web.
Las opciones Flash y HTML en la ficha Formatos
En el cuadro de diálogo Configuración de publicación, seleccione la ficha HTML y compruebe que en el menú emergente Plantilla aparece seleccionado Sólo Flash.
Esta plantilla crea un archivo HTML simple que contiene sólo el archivo SWF cuando se muestra en una ventana del navegador.
Selección de Sólo Flash en el menú Plantilla
Haga clic en Aceptar.
Elija Archivo > Publicar y abra su navegador Web.
En el navegador Web, seleccione Archivo > Abrir.
Desplácese a la carpeta en la que ha guardado el archivo FLA.
Allí se encuentran los archivos SimpleFlash.swf y SimpleFlash.html. Estos archivos los creó Flash cuando hizo clic en Publicar.
Seleccione el archivo denominado SimpleFlash.html.
Haga clic en Abrir.
El documento de Flash se muestra en la ventana del navegador.
¡Enhorabuena! Acaba de realizar su primer documento de Flash.
Flash Player
Flash Player 8, que ejecuta las aplicaciones creadas, se instala de forma predeterminada junto con Flash. Esta aplicación garantiza que todos los archivos SWF de Flash puedan visualizarse y estén disponibles en las mismas condiciones en todas las plataformas, navegadores y dispositivos, incluidos teléfonos móviles.
Flash Player se distribuye con los productos de los principales colaboradores de software, entre los que cabe destacar Microsoft, Apple, Netscape, AOL y Opera, para ofrecer contenido y aplicaciones multimedia a más de 516 millones de personas de todo el mundo. Se distribuye gratuitamente a cualquier persona que desee utilizarlo. La última versión de Flash Player puede obtenerse en el Centro de descargas de Macromedia Flash Player, en www.macromedia.com/go/getflashplayer_es.
Novedades de Flash
Hay una gran variedad de nuevas funciones en Flash que resultan de gran utilidad para los usuarios principiantes. En esta sección se resumen todas ellas. Para obtener una lista completa de las nuevas funciones tanto para usuarios principiantes como avanzados de Flash, consulte Novedades de Flash en Utilización de Flash.
Nuevas funciones en Flash Basic 8 y Flash Professional 8
A continuación, se describen las nuevas funciones para principiantes de Flash Basic 8 y Flash Professional 8.
Mejoras en los degradados Nuevos controles permiten aplicar complejos degradados a los objetos del escenario. Se pueden añadir hasta 16 colores, controlar con precisión el lugar en el que se sitúa el punto focal y aplicar otros parámetros al degradado. Macromedia también simplifica el flujo de trabajo para aplicar degradados. Para más información, consulte Transformación de los rellenos con degradado y de mapa de bits en Utilización de Flash.
Modelo de dibujo de objeto En versiones anteriores de Flash, todas las formas de una determinada capa podían afectar a los contornos de otras formas con las que se solaparan. Ahora se pueden crear formas directamente en el escenario que no interfieren con otras formas del mismo. Cuando se crea una forma con el nuevo modelo de dibujo de objeto, dicha forma no causa ninguna alteración en las formas que puedan existir por debajo de ella. Para más información, consulte Modelos de dibujo de Flash en Utilización de Flash.
FlashType Los objetos de texto del escenario muestran ahora una apariencia más coherente en la herramienta de edición de Flash y en Flash Player. Para más información, consulte Trabajo con texto en Utilización de Flash.
Modo de asistente de script Nuevo modo asistido del panel Acciones que permite la creación de scripts sin necesidad de tener un conocimiento profundo de ActionScript. Para más información, consulte el Escritura de ActionScript con el asistente de script en Utilización de Flash.
Área de trabajo del escenario ampliada El área que rodea al escenario se puede utilizar para guardar gráficos y otros objetos sin que los mismos aparezcan en el escenario cuando se reproduce el archivo SWF. Macromedia ha ampliado esta área, conocida como área de trabajo, para que permita almacenar más elementos. Los usuarios de Flash utilizan con frecuencia el área de trabajo para almacenar gráficos que tienen previsto animar más adelante en el escenario, o bien para guardar objetos que no tienen representación gráfica durante la reproducción, como los elementos de datos.
Fichas de documento para Macintosh Ahora se pueden abrir varios archivos Flash en la misma ventana de la aplicación Flash y elegirlos mediante las fichas de documento situadas en la parte superior de la ventana.
Cuadro de diálogo Preferencias mejorado Macromedia ha perfeccionado el diseño del cuadro de diálogo Preferencias y lo ha reorganizado para una mayor claridad y facilidad de uso. Para más información, consulte Establecimiento de preferencias en Flash.
Panel Biblioteca único Ahora puede utilizar un solo panel Biblioteca para ver, simultáneamente, los elementos de biblioteca de varios archivos Flash. Para más información, consulte Administración de elementos multimedia utilizando la biblioteca en Utilización de Flash.
Interfaz de publicación mejorada Se ha optimizado el cuadro de diálogo Configuración de publicación para facilitar el control de los archivos SWF publicados. Para más información, consulte el Publicación en Utilización de Flash.
Modo Deshacer objeto Ahora puede elegir entre hacer un seguimiento de todos los cambios realizados en Flash, o bien objeto por objeto. Si se utiliza este modo, cada objeto del escenario y de la biblioteca cuenta con su propia lista de acciones. De este modo, se pueden deshacer los cambios realizados en un objeto sin deshacer los que se hayan podido realizar en cualquier otro. Para más información, consulte Utilización de los comandos de menú Deshacer, Rehacer y Repetir en Utilización de Flash.
Nuevas funciones sólo en Flash Professional 8
A continuación, se describen las nuevas funciones para principiantes disponibles sólo en Flash Professional 8.
Controles de suavizado personalizados Una interpolación es la aplicación de un cambio a un objeto gráfico en un período de tiempo. Por ejemplo, podría interpolar la ubicación de la imagen de un coche de un lado a otro del escenario para hacer que éste se mueva de una parte a otra. Suavizar una interpolación significa controlar la velocidad a la que se aplica el cambio al objeto. Los nuevos controles de suavizado de Flash permiten controlar con precisión cómo influyen las interpolaciones aplicadas en la línea de tiempo a la apariencia de los objetos interpolados en el escenario. Con los nuevos controles se puede mover un objeto hacia adelante y hacia atrás en el escenario con una sola interpolación, o bien crear otros efectos de interpolación complejos. Para más información, consulte Aplicación de aceleración/desaceleración personalizada a interpolaciones de movimiento (sólo para Flash Professional) en Utilización de Flash.
Filtros de efectos gráficos Es posible aplicar filtros gráficos a los objetos del escenario. Reciben este nombre por cuanto someten los datos de imagen del objeto a un algoritmo que los filtra de una manera específica. Con estos filtros se puede conseguir que los objetos brillen o arrojen sombra y se les puede aplicar muchos otros efectos y combinaciones de efectos. Para más información, consulte Filtros (sólo para Flash Professional) en Utilización de Flash.
Modos de mezcla Se pueden conseguir diferentes efectos de composición utilizando los modos de mezcla para cambiar la forma en que la imagen de un objeto del escenario se combina con las imágenes de los objetos que se encuentran debajo de él. Para más información, consulte Modos de mezcla (sólo para Flash Professional) en Utilización de Flash.
Suavizado de mapas de bits Las imágenes de mapa de bits tienen una apariencia mucho más nítida en el escenario cuando se amplían o reducen en gran medida. De este modo, su apariencia en la herramienta de edición de Flash es coherente con la que ofrece en Flash Player. Para más información sobre la configuración de mapas de bits, consulte Configuración de propiedades de mapa de bits en Utilización de Flash.
Suavizado de texto mejorado Ahora puede aplicar nuevos parámetros de suavizado que permiten una lectura más fácil y cómoda del texto de tamaño normal y pequeño. Para más información, consulte Definición de opciones de suavizado de texto en Utilización de Flash.
Nuevo codificador de vídeo En Flash Professional 8 se incluye una nueva aplicación de codificador de vídeo. Se trata de una aplicación independiente que ofrece una forma sencilla de convertir archivos de vídeo en formato FLV (Flash Video). La aplicación también permite realizar el procesamiento por lotes de archivos de vídeo. Para más información, consulte Codificación de vídeo en Utilización de Flash.
Soporte de canal alfa de vídeo Ahora puede utilizar un canal alfa con objetos de vídeo, lo que le permite crear efectos de transparencia. Para más información sobre la utilización de vídeo en Flash, consulte el Trabajo con vídeo en Utilización de Flash.
