01-DMExFlash.

qxd

3/22/06

12:52 PM

Page 7

Captulo 1

QU ES FLASH Y PARA QU SIRVE?

En este captulo, presentaremos una breve historia de este programa y las principales aplicaciones que podemos desarrollar con esta herramienta. Una vez finalizada la lectura de este captulo, podremos responder a las preguntas: qu es Flash?, qu podemos hacer con este programa?, cundo es conveniente utilizar contenidos Flash en un sitio?

ATENCIN AL LECTOR > [email protected]

01-DMExFlash.qxd

3/22/06

12:52 PM

Page 8

TU PRIMER LIBRO DE FLASH

CONCEPTOS BSICOS
(PARA CONOCER FLASH) > Macromedia Flash es un programa

de animacin en dos dimensiones y edicin multimedia, desarrollado por la empresa Macromedia. Este programa permite tanto la utilizacin de grficos vectoriales como de imgenes de mapa de bits, sonido, video y un lenguaje de programacin propio llamado Actionscript. Con todos estos elementos se producen animaciones. Adems del programa de edicin, Macromedia desarroll un programa de visualizacin llamado Flash Player, que puede bajarse de Internet, en forma independiente del programa Flash que utilizamos para crear contenidos. Flash Player es distribuido gratuitamente para que los usuarios de Inter-

net puedan acceder a este tipo de contenidos a travs de sus navegadores, en los que esta utilidad se instala como agregado o plug-in. La ltima versin de los programas Flash y Flash Player, desarrollada por Macromedia, es la 8 en ambos casos. Veremos ms adelante cmo bajar una versin de prueba de Flash desde el sitio web de Macromedia, que nos servir para iniciarnos en el uso de esta herramienta, si no contamos con una versin registrada en nuestra PC. Pese a que no lo utilizaremos en un primer acercamiento al manejo de Flash, es importante que sepamos que la ltima versin del lenguaje de programacin que utiliza esta aplicacin es Actionscript 2.0. Para quienes tengan algn conocimiento de programacin, Actionscript es un lenguaje de programacin

Figura 1. Flash 8 trae incorporadas una serie de plantillas con las que podemos obtener aplicaciones bien elaboradas en cuestin de minutos.
8

01-DMExFlash.qxd

3/22/06

12:52 PM

Page 9

QU ES FLASH Y PARA QU SIRVE?

Figura 2. En 1995, antes que Macromedia se interesara por el software de Jonathan Gay, ste se lo ofreci a Adobe, donde subestimaron el potencial del Future Splash porque el mercado de animacin era reducido.

comparable al Java y muy potente, que nos permite colocar elementos en el escenario con mucha precisin, as como realizar aplicaciones complejas.
CMO SURGI FLASH?

En 1996 sali la primera versin de Flash, conocida como Macromedia

Flash 1.0. Este proyecto surgi a partir del programa de animacin en 2D Future Splash Animator, creado por el arquitecto Jonathan Gay y adquirido por Macromedia. En la biografa de su inventor, publicada en el sitio de Macromedia (http://www.macromedia.com/ macromedia/events/john_gay/),

CMO RECONOCER UN DESARROLLO FLASH

Si estamos navegando en Internet y encontramos una animacin, un banner o un juego interesante y nos interesa saber si fue desarrollado utilizando Flash, simplemente hacemos clic con el botn derecho del mouse sobre la animacin y se presentarn las opciones del men contextual de Flash Player.

01-DMExFlash.qxd

3/22/06

12:52 PM

Page 10

TU PRIMER LIBRO DE FLASH

adquirida por Adobe en el 2005, l hace referencia a la inspiracin que le signific su aficin a los juegos de ladrillos Lego en el desarrollo de este programa. Su pasin por el diseo comenzaba por el planteo de un problema. Su resolucin le serva como camino de aprendizaje para futuros rediseos y otros desafos ms complicados. Flash fue evolucionando en sus diferentes versiones tanto en caractersticas intrnsecas del programa como en popularidad de uso. En las primeras versiones, la atencin se centraba sobre la animacin y las herramientas de dibujo; y a partir de la versin 5, se mejor la programacin (Actionscript), que llega a su mxima expresin en la versin actual con gran cantidad de mejoras grficas y de novedades en el manejo de elementos multimedia. Desde su aparicin en 1996, Flash ha penetrado en el mercado de los in-

ternautas hasta convertirse en un estndar, a partir de sus versiones 4 y 5. En la actualidad, segn informacin del sitio de Macromedia, un 97% de los usuarios que navegan con computadora propia tienen el plug-in Flash Player versin 2.0, o superior, instalado en su PC.
DESCARGA E INSTALACIN

Si no poseemos una versin registrada de Flash instalada en nuestra PC, tenemos la opcin de descargar, en forma gratuita, una versin de prueba desde el sitio oficial de la empresa Macromedia (www.macromedia.com). Esta versin nos permitir utilizar el programa durante un perodo de prueba. La descarga es simple y lo nico que debemos tener en cuenta, en forma previa, es contar con los requisitos mnimos que demanda la instalacin del programa.

QU ES UN PLUG-IN?
Un plug-in es un programa que se aade a otro para habilitar ciertas opciones no previstas en el diseo original del programa. En el caso de Flash Player, ste se incorpora al navegador y habilita la lectura de otros archivos que normalmente no seran reconocidos por esta utilidad. Los plug-in del navegador pueden alterar su nivel de seguridad, habilitando la interaccin del sitio remoto con nuestra computadora para intercambiar contenidos. El plug-in de Flash, Flash Player, permite la lectura de los archivos con extensin SWF, utilizados en las pginas web para mostrar las animaciones realizadas con Flash.

10

01-DMExFlash.qxd

3/22/06

12:52 PM

Page 11

QU ES FLASH Y PARA QU SIRVE?

REQUERIMIENTOS DEL SISTEMA PARA INSTALAR FLASH 8

Procesador Intel Pentium III de 800 MHz (o equivalente) y versiones posteriores. Windows 2000 o Windows XP. 256 MB de RAM. Pantalla de 16 bits de 1024 x 768 (se recomienda de 32 bits). 710 MB de espacio disponible en disco.

PXP | DESCARGA DEL PROGRAMA

[1]

Ingrese en la pgina http://www.macromedia.com/la/downloads/. Una vez all, descienda hasta encontrar la opcin Flash Professional 8 y haga clic en Probar.

[2]

Complete con su e-mail y marque la opcin No, crear una ahora, para crear una contrasea.

[3]

Complete los datos del formulario. Slo es olbigatorio completar las casillas indicadas con un asterisco.

11

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 12

TU PRIMER LIBRO DE FLASH

[4]

Seleccione el idioma y haga clic en Descargar.

[5]

Haga doble clic sobre el archivo que descarg para instalarlo.

12

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 13

QU ES FLASH Y PARA QU SIRVE?

APLICACIONES DE FLASH
(QU PODEMOS HACER?) > Como dijimos anteriormente, Flash nos permite dibujar en dos dimensiones y animar nuestros dibujos incorporndoles sonido, video y la posibilidad de que el usuario interaccione con los contenidos desarrollados en este programa. Macromedia Flash es muy til en muchas aplicaciones, como animaciones y otros elementos para la Web (stas son las ms populares), presentaciones multimedia en CD, juegos para Internet o para dispositivos mviles,

y tiene un gran futuro, principalmente por su caracterstica de crear grficos de alta calidad y de poco peso (entre otras).
CREACIN DE IMGENES

Una de las aplicaciones que vamos a destacar, es la posibilidad de exportar cualquier parte de una animacin como imagen esttica. Las extensiones que se pueden exportar desde Flash son: JPEG, GIF, PNG, PICT (Macintosh) y BMP (Windows). En el

Figura 3. Al exportar una imagen como archivo de mapa de bits se conserva la informacin sobre los pixeles y se pierden los vectores, por lo que la imagen no se puede editar.
13

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 14

TU PRIMER LIBRO DE FLASH

prximo captulo, realizaremos un grfico y, para ello, emplearemos las herramientas bsicas de dibujo; una vez finalizado, lo exportaremos.
Pixeles versus vectores

Un pixel es la unidad mnima que compone las imgenes de mapa de bits, tambin llamadas bitmaps.

Cada pixel contiene la informacin acerca del color y su posicin en la pantalla. Un mapa de bits es una matriz (como un entramado) compuesto por la ubicacin de los pixeles mediante coordenadas cartesianas (x, y) y su color. Al agrandar una imagen de este tipo, veremos una grilla compuesta por cuadrados de color. stos son los pixeles. Cuantos ms pixeles tengamos por unidad de espacio (por lo general, pulgada), mayor ser la calidad de la imagen y, consiguientemente, el tamao del archivo.

EL DOCUMENTO DE FLASH
El documento creado por el programa Flash est compuesto por un documento maestro, donde dibujar y compondr la escena y la animacin, y por la pelcula propiamente dicha, exportada en algn formato que le permita reproducirla mediante el reproductor de Flash (Flash Player) o un reproductor de video. La extensin del documento maestro, reeditable, es FLA. La pelcula para ver con Flash Player tiene la extensin SWF. Los documentos que tienen incorporado el reproductor son ejecutables (extensin EXE).

Figura 4. Puede incorporar (importar) al documento de Flash imgenes de mapa de bits y de vectores para utilizarlas en sus animaciones.
14

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 15

QU ES FLASH Y PARA QU SIRVE?

Algunos formatos de imgenes de mapa de bits son: BMP (Windows), PSD (Photoshop), JPEG, GIF, TIF, PNG. Un vector es un objeto definido de manera matemtica, mediante una frmula. Los vectores se agrupan formando lneas y formas independientes. Este tipo de grfico se caracteriza por ser muy moldeable y escalable, ya que no se ajusta a un nmero determinado de unidades fijas, sino a frmulas matemticas. Por ende, se puede agrandar una imagen sin que aumente el tamao del archivo y sin perder definicin.

Algunos formatos de imgenes de vectores son: SWF (pelcula Flash), AI (Illustrator), CDR (Corel Draw). Algunos formatos de imgenes con informacin de vectores y pixeles son: PICT (Macintosh), WMF (Windows), EPS (Encapsulated Postcript), PDF (Adobe Acrobat Reader), FLA (Flash), PSP (Paint Shop Pro).
ANIMACIONES

Una animacin se compone de varias imgenes que tienen pequeos cambios y estn dispuestas en una secuencia, en un lapso determinado de tiem-

Figura 5. Flash 8 Professional incorpor una serie de efectos aplicables a la lnea de tiempo que dan como resultado animaciones complejas en pocos pasos.
15

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 16

TU PRIMER LIBRO DE FLASH

Figura 6. Las extensiones de las animaciones de Flash pueden ser SWF o EXE, esta ltima es la utilizada para abrir los archivos sin necesidad de agregados.

po. En las animaciones, utilizamos la lnea de tiempo, las capas, y para referirnos a la animacin propiamente dicha, emplearemos el trmino interpolacin. Veremos esto en el captulo 3.
PRESENTACIONES MULTIMEDIA

Las presentaciones multimedia son aplicaciones con sonido y video, y pueden tener animacin o no. Las ms populares son las tarjetas que circulan en la Web. Incluso, hay muchas que estn especialmente preparadas para enviar por correo electrnico. Adems de Internet, Macromedia Flash nos
16

permite hacer CD multimedia y es muy til, por ejemplo, para armar catlogos de productos, ya que Flash es capaz de guardar el archivo incorporando un reproductor a fin de poder ver el contenido de la animacin sin necesidad de poseer el programa (aqu funciona en forma similar a los archivos que nos llegan por e-mail). Ms adelante veremos cmo hacer una tarjeta con animacin y sonido.
SITIOS WEB

Si bien, en la actualidad, Flash es ampliamente utilizado para desarrollar si-

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 17

QU ES FLASH Y PARA QU SIRVE?

Figura 7. Los archivos para incorporar a una pgina web se guardan como SWF, y se pueden ver en un archivo html, o bien, directamente desde Flash Player.

tios enteros o partes de ellos, hay controversias desde el punto de vista de la usabilidad (grado de uso de un determinado producto en forma efectiva). La mayora de los usuarios de Internet que encargan el desarrollo de un sitio web con Flash desconocen este trmino, por lo que se puede caer en un abuso de contenidos Flash. Los sitios y las presentaciones desarrollados con Flash son visualmente muy atractivos, pero pueden ser muy pesados o innecesarios (en el caso de las presentaciones) para los usuarios. Por eso, cuando planeamos un sitio

con desarrollos Flash, tenemos que tener en cuenta principalmente el pblico al que va dirigido, ya que no todos los usuarios tienen la ltima versin de Flash Player o conexin de banda ancha. De todos modos, una de las ventajas que populariz Flash, es que los archivos generados para la Web son ms livianos que otro tipo de animaciones (por ejemplo, GIF). En el captulo 3, veremos algunas aplicaciones de Flash para sitios web y en el captulo 5, haremos una botonera sencilla para poner en nuestra pgina.
17

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 18

TU PRIMER LIBRO DE FLASH

Pros y contras de usar Flash en el desarrollo de sitios

Pros: empleo de grficos vectoriales, que consumen menos ancho de banda que los grficos de mapas de bits; posibilidad de controlar la posicin exacta de los objetos en la pantalla; los archivos se cargan progresivamente, si el programador no define lo contrario; amplia compatibilidad de los archivos SWF con multitud de plataformas (Windows, Mac OS, Linux, etctera); posibilidad de incorporar imgenes, sonido y video; capacidad de creacin de aplicaciones sofisticadas mediante el uso de Actionscript; rapidez y facilidad de instalacin y ejecucin del reproductor asociado al navegador (plug-in); animaciones accesibles (se pueden ver bien) en todo el mundo.

Contras: al crear sitios con Flash quedan deshabilitados los botones de adelante y atrs del navegador, y el usuario queda sujeto a los elementos de control que se presenten mediante la aplicacin que est viendo; las especificaciones del navegador de tamao de letra y color no se aplican a desarrollos Flash, sta es una de las crticas que se le hacen a Flash en cuanto a la accesibilidad para personas con discapacidad, en la nueva versin de Flash (8) se incorpor un panel de accesibilidad que aporta soluciones en esta rea; las pelculas de Flash no se adaptan al cambio de resolucin de pantalla o tamao de ventana del navegador; los motores de bsqueda no indexan contenidos Flash, por lo cual se deben combinar animaciones con html para que los buscadores incorporen la infor-

LENGUAJES ORIENTADOS A LOS OBJETOS

La programacin orientada a objetos se ha ido expandiendo desde los aos ochenta como una nueva manera de programar utilizando como base los objetos, dotados de identidad, estados y comportamientos. stos se agrupan combinndose para realizar tareas. En estos lenguajes, primero se piensa en los objetos y luego en los mtodos o instrucciones que tendrn el control de sus acciones. A diferencia de los lenguajes tradicionales, en los que se piensa en los procedimientos y los datos manejados por stos. Flash 8 incorpora este tipo de programacin, orientada a objetos, mediante el lenguaje Actionscript 2.0.

18

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 19

QU ES FLASH Y PARA QU SIRVE?

macin (la ltima versin aporta algunas soluciones a este punto).

JUEGOS

SITIOS DE JUEGOS
En Internet podemos encontrar una gran variedad de sitios que brindan acceso a juegos desarrollados en Flash. Gracias a sus ventajas, en cuanto a economa de recursos, estos juegos pueden ser disfrutados online, aunque muchos tambin pueden ser descargados desde la Web para jugarlos sin necesidad de estar conectados. Uno de estos sitios, por ejemplo, es Newgrounds (www.newgrounds.com).

Gracias a su lenguaje Actionscript, Flash nos proporciona una amplia gama de alternativas en el momento de realizar un juego o una aplicacin interactiva. Slo es necesario un conocimiento bsico de programacin. La versin 8 de Flash aporta varias mejoras al panel de escritura y edicin de Actionscript, as como la incorporacin de algunas acciones automatizadas (comportamientos).

Figura 8. Los juegos se pueden guardar con dos extensiones: SWF o EXE. En el primer caso, se visualizan desde Flash Player o una pgina web; y en el segundo caso, no hace falta programa asociado.
19

01-DMExFlash.qxd

3/22/06

12:53 PM

Page 20

TU PRIMER LIBRO DE FLASH

ACTIVIDADES DE AUTOEVALUACIN
Presentamos una serie de consignas y actividades para repasar los principales conceptos tratados en este captulo y, de esta manera, afianzar un poco ms el aprendizaje:

> 1. Enumere al menos tres aplicaciones especficas de Flash. Piense en alguna otra que no haya sido mencionada en el texto. > 2. Explique las ventajas que usted cree que aporta el uso de Flash para el desarrollo que dichas aplicaciones. > 3. Cules son las extensiones disponibles para exportar imgenes en mapa de bits desde Flash? > 4. Cul es la extensin de un documento de Flash? Y la de una pelcula de Flash?

20