PDF de programación - Tutoriales de Flash MX

Tutoriales de Flash MX

™
macromedia

®

Marcas comerciales
Afterburner, AppletAce, Attain, Attain Enterprise Learning System, Attain Essentials, Attain Objects for Dreamweaver,
Authorware, Authorware Attain, Authorware Interactive Studio, Authorware Star, Authorware Synergy, Backstage, Backstage
Designer, Backstage Desktop Studio, Backstage Enterprise Studio, Backstage Internet Studio, Design in Motion, Director,
Director Multimedia Studio, Doc Around the Clock, Dreamweaver, Dreamweaver Attain, Drumbeat, Drumbeat 2000, Extreme
3D, Fireworks, Flash, Fontographer, FreeHand, FreeHand Graphics Studio, Generator, Generator Developer’s Studio, Generator
Dynamic Graphics Server, Knowledge Objects, Knowledge Stream, Knowledge Track, Lingo, Live Effects, Macromedia,
Macromedia M Logo & Desing, Macromedia Flash, Macromedia Xres, Macromind, Macromind Action, MAGIC, Mediamaker,
Object Authoring, Power Applets, Priority Access, Roundtrip HTML, Scriptlets, SoundEdit, ShockRave, Shockmachine,
Shockwave, Shockwave Remote, Shockwave Internet Studio, Showcase, Tools to Power Your Ideas, Universal Media, Virtuoso,
Web Design 101, Whirlwind y Xtra son marcas comerciales de Macromedia, Inc. y pueden estar registradas en Estados Unidos o
en otras jurisdicciones, incluidas las internacionales. Otros nombres de productos, logotipos, diseños, títulos, palabras o frases
mencionados en esta publicación pueden ser marcas comerciales, marcas de servicio o nombres registrados de Macromedia, Inc. o
de otras entidades y pueden estar registrados en ciertas jurisdicciones, incluidas las internacionales.

Información de terceros
La tecnología de compresión y descompresión de voz tiene licencia de Nellymoser, Inc. (www.nellymoser.com).

La tecnología de compresión y descompresión de vídeo Sorenson™ Spark™ tiene licencia de
Sorenson Media, Inc.

Esta guía contiene vínculos a sitios Web de terceros que no están bajo el control de Macromedia y, por consiguiente, Macromedia
no se hace responsable del contenido de dichos sitios Web. El acceso a uno de los sitios Web de terceros mencionados en esta guía
será a cuenta y riesgo del usuario. Macromedia proporciona estos vínculos únicamente como ayuda y su inclusión no implica que
Macromedia se haga responsable del contenido de dichos sitios Web.

Limitación de garantías de Apple
APPLE COMPUTER, INC. NO GARANTIZA, DE FORMA EXPRESA NI IMPLÍCITA, LA COMERCIABILIDAD O
IDONEIDAD PARA UN FIN DETERMINADO DEL PAQUETE DE SOFTWARE INFORMÁTICO INCLUIDO. LA
EXCLUSIÓN DE GARANTÍAS IMPLÍCITAS NO ESTÁ PERMITIDA EN ALGUNOS ESTADOS. LA RESTRICCIÓN
ANTERIOR PUEDE NO AFECTARLE. ESTA GARANTÍA LE PROPORCIONA DERECHOS LEGALES
ESPECÍFICOS. PUEDE TENER OTROS DERECHOS QUE VARÍAN SEGÚN LA LEGISLACIÓN LOCAL.

Copyright © 2002 Macromedia, Inc. Todos los derechos reservados. No se permite la copia, fotocopia, reproducción,
traducción ni la conversión en formato electrónico o legible por equipos, ya sea de forma total o parcial de este manual, sin la
autorización previa por escrito de Macromedia, Inc.

Agradecimientos
Director: Erick Vera
Productor: Wayne Wieseler
Redacción: Jody Bleyle, JuLee Burdekin, Mary Burger, Dale Crawford, Marcelle Taylor
Diseño de las instrucciones: Stephanie Gowin, Barbara Nelson
Edición: Rosana Francescato, Lisa Stanziano, Anne Szabla
Producción y diseño multimedia: Aaron Begley, Benjamin Salles, Noah Zilberberg
Producción y diseño de impresión: Chris Basmajian, Caroline Branch
Localización: Michael Dominguez, Cristina Guembe, Yoshika Hedberg, Tim Hussey, Masayo ”Noppe” Noda, Simone Pux, Yoko
Shindo, Yuko Yagi

Primera edición: marzo de 2002

Macromedia, Inc.
600 Townsend St.
San Francisco, CA 94103

CONTENIDO

CAPÍTULO 1

Tutorial de introducción a Flash MX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Qué debe saber . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Visualización de la película terminada . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Análisis del archivo stiletto.fla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Definición de las propiedades de un documento nuevo y creación de un fondo de

degradado. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Cómo crear y enmascarar ilustraciones vectoriales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
Interpolar efectos de mapa de bits dentro de un clip de película . . . . . . . . . . . . . . . . . . 31
Carga de texto dinámico en tiempo de ejecución. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Adición de animación y navegación a botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
Agregar flujos y sonidos de eventos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
Organización del panel Biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Prueba del rendimiento de descarga y publicación de la película . . . . . . . . . . . . . . . . . . 52
Pasos siguientes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55

CAPÍTULO 2

Tutorial de introducción a ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Visualización de una película completa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Inicialización de la película . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Almacenamiento y recuperación de información . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
Visualización de información en un cuadro de texto dinámico . . . . . . . . . . . . . . . . . . . 67
Especificación de una expresión. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
Control del flujo de la película . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Creación de comandos y reutilización de código . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
Utilización de un objeto incorporado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Prueba de la película . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Pasos siguientes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83

CAPÍTULO 3

Tutorial de introducción a los componentes . . . . . . . . . . . . . . . . . . . . . . . . . . 85
Tipos de componente . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
Visualización del formulario finalizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
Creación de un formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Pasos siguientes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96

3

4

Contenido

CAPÍTULO 1
Tutorial de introducción a Flash MX

Este tutorial sirve de guía para el proceso de creación de diseños convincentes para Internet con
Macromedia Flash MX. Si completa este tutorial, aprenderá a diseñar una película: desde cómo
abrir un nuevo documento hasta publicar la película para reproducirla en Internet. Tardará tres
horas aproximadamente en completar el tutorial (dependiendo de su experiencia) y aprenderá a
realizar las tareas siguientes:
Analizar una película finalizada.
Definir propiedades de documentos y crear un degradado.
Crear y enmascarar ilustraciones vectoriales.
Interpolar efectos de mapa de bits dentro de un clip de película.
Cargar texto dinámico.
Modificar botones y agregar funciones de navegación.
Agregar flujos y sonidos de eventos.
Probar y publicar la película.
Se recomienda completar las ocho secciones incluidas en el tutorial en el orden indicado, si bien
puede optar por revisar sólo las secciones que le interesen. Si completa el tutorial sin seguir el
orden establecido, tenga en cuenta que en cada sección se asume que el usuario domina los
conocimientos presentados en las secciones anteriores.

Qué debe saber

Antes de empezar el tutorial, lea las siete lecciones de Ayuda de Flash. En estas lecciones
interactivas creadas en Flash se presentan los conceptos básicos que debe conocer para completar
el tutorial. Los temas de las lecciones son los siguientes:
Primeros pasos en Flash MX.
Ilustración en Flash.
Adición y edición de texto.
Creación y edición de símbolos.
Capas.
Creación de botones.
Creación de animaciones interpoladas.
Para tomar una lección, elija Ayuda > Lecciones y seleccione una de la lista.

5

Visualización de la película terminada

Puede abrir una versión ya terminada de la película del tutorial para comprender mejor cómo se
verá el archivo final.
En esta sección, realizará las tareas siguientes:
Analizar la película acabada con el inspector de propiedades y el explorador de películas.
Examinar un clip de película y discernir sus relaciones con la película principal.
Ver los tipos de elementos incluidos en la película.
1 Dentro de la carpeta de la aplicación Flash MX, vaya a Tutorials/FlashIntro y haga doble clic en

stiletto.swf para abrir la película acabada en el Flash Player autónomo.
Las películas Flash publicadas tienen la extensión SWF; los documentos del entorno de edición
tienen la extensión FLA.

2 Cuando se abra la película, observe cómo aumentan progresivamente o se desvanecen las tres

vistas del coche.
Creará esta animación interpolando efectos de mapa de