Adobe Tutoriales User Manual [es]

Tutoriales de Flash

Marcas comerciales

1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev y WebHelp son marcas registradas o 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 comerciales de Macromedia, Inc. o de otras entidades y pueden estar registrados en ciertas jurisdicciones, incluidas las internacionales.

Información de terceros

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.

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.

Visual SourceSafe es una marca registrada o un marca comercial de Microsoft Corporation en Estados Unidos y/u otros países.

Copyright © 2005 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. No obstante, el propietario o usuario autorizado de una copia válida del software con la que se proporcionó este manual puede imprimir una copia del manual a partir de una versión electrónica del mismo, con el solo fin de aprender a usar dicho software, siempre que no se imprima, reproduzca, revenda o transmita ninguna parte de este manual para cualquier otro propósito, incluidos, sin limitación, fines comerciales, como la venta de copias de esta documentación o el suministro de servicios de soporte pagados.

Agradecimientos

Dirección del proyecto: Sheila McGinn Redacción: Jay Armstrong, Jen deHaan Dirección de la edición: Rosana Francescato Editor jefe: Lisa Stanziano Edición: Evelyn Eldridge, Mark Nigara, Lisa Stanziano, Anne Szabla Dirección de la producción: Patrice O’Neill, Kristin Conradi, Yuko Yagi Producción y diseño multimedia: Adam Barnett, Aaron Begley, Paul Benkman. John Francis, Geeta Karmarkar, Masayo Noda,

Paul Rangel, Arena Reed, Mario Reynoso Reconocimiento especial a Jody Bleyle, Mary Burger, Lisa Friendly, Stephanie Gowin, Bonnie Loo, Mary Ann Walsh, Erick Vera,

Jorge G. Villanueva, responsables de las pruebas realizadas a la versión beta, y a la totalidad de los equipos de diseño y control de calidad de Flash y Flash Player.

Primera edición: septiembre de 2005

Macromedia, Inc. 601 Townsend St. San Francisco, CA 94103, EE. UU.

Contenido

Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11

Capítulo 1: Tareas básicas: creación de un documento . . . . . . . . 13

Visita guiada de la interfaz de usuario . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Cambio del fondo y el tamaño del escenario . . . . . . . . . . . . . . . . . . . . . . 17

Cambio de la vista del escenario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Visualización del panel Biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Adición de gráficos al escenario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Adición de vídeo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Visualización de las propiedades del objeto. . . . . . . . . . . . . . . . . . . . . . 20

Adición de comportamientos de control de vídeo. . . . . . . . . . . . . . . . . . 21

Utilización del explorador de películas para ver la estructura del

documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

Comprobación del documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

Búsqueda de ayuda . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Capítulo 2: Tareas básicas: creación de un anuncio para

Internet - Parte 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

Examen del archivo FLA finalizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Creación de un documento nuevo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

Cambio de propiedades del documento . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Importación de gráficos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

Presentación de las capas y la línea de tiempo . . . . . . . . . . . . . . . . . . . 38

Comprobación de la aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44

Capítulo 3: Tareas básicas: creación de un anuncio para

Internet - Parte 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45

Examen del archivo FLA finalizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

Adición de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49

Creación de un símbolo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52

Adición de animación a una línea de tiempo . . . . . . . . . . . . . . . . . . . . . 54

Creación de un botón . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61

Creación de acciones sencillas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64

Comprobación de la aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67

Capítulo 4: Tareas básicas: creación de un anuncio para

Internet - Parte 3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .69

Examen del archivo FLA finalizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70

Análisis del público al que va destinado . . . . . . . . . . . . . . . . . . . . . . . . . . 73

Comprobación de la configuración de publicación . . . . . . . . . . . . . . . . 75

Inserción de Flash en un sitio de Dreamweaver . . . . . . . . . . . . . . . . . . . 77

Utilización de edición conjunta. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79

Comprobación de Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81

Comprobación de la aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83

Capítulo 5: Tareas básicas: creación de contenido accesible de

Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .85

Configuración del espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86

Cómo conseguir que los lectores de pantalla puedan acceder al

documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86

Cómo proporcionar un título y una descripción del documento . . . . . 87

Cómo proporcionar un título y una descripción para instancias . . . . . 88

Especificación de que los lectores de pantalla omitan los

elementos del documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89

Cambio de texto estático por texto dinámico para obtener

accesibilidad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .90

Control del orden de tabulación y del orden de lectura . . . . . . . . . . . . . 91

Comprobación del documento con lectores de pantalla . . . . . . . . . . . 94

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94

Capítulo 6: Tareas básicas: trabajo con capas . . . . . . . . . . . . . . .95

Configuración del espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96

Selección de una capa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

Cómo ocultar y mostrar capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98

Bloqueo de una capa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98

Adición de una capa y asignación de nombre. . . . . . . . . . . . . . . . . . . . . 99

Cambio del orden de las capas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99

Organización de capas en una carpeta. . . . . . . . . . . . . . . . . . . . . . . . . . 100

Adición de una capa de máscara . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101

Adición de una capa de guías . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Eliminación de una capa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103

4Contenido

Capítulo 7: Tareas básicas: creación de una aplicación. . . . . . .105

Configuración del espacio de trabajo. . . . . . . . . . . . . . . . . . . . . . . . . . . .105

Copia de campos de introducción de texto y de texto dinámico . . . .106

Asignación de nombres a los campos de texto . . . . . . . . . . . . . . . . . . .107

Adición de un componente Button y asignación de un nombre . . . .108

Declaración de variables y valores de los precios . . . . . . . . . . . . . . . . .109

Especificación de valores de campos de introducción de texto . . . . 110

Creación de una función . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111

Escritura de un controlador de eventos para el componente . . . . . . . 112

Comprobación de la aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114

Capítulo 8: Tareas básicas: utilización de herramientas de

diseño . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

Configuración del espacio de trabajo. . . . . . . . . . . . . . . . . . . . . . . . . . . . 116

Utilización de guías para alinear un objeto . . . . . . . . . . . . . . . . . . . . . . . 117

Cambio del tamaño del escenario. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

Cambio del tamaño de los objetos para ajustarlo al tamaño del

escenario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

Especificación de las opciones de alineación de ajuste . . . . . . . . . . . 119

Alineación de un objeto utilizando las guías de alineación . . . . . . . . .120

Alineación de objetos utilizando el panel Alinear . . . . . . . . . . . . . . . . . 121

Ajuste de objetos entre sí . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121

Alineación de objetos mediante el inspector de propiedades . . . . . .122

Alineación de objetos utilizando la cuadrícula y las teclas de

flecha. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .123

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

Capítulo 9: Tareas básicas: creación de símbolos e

instancias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125

Configuración del espacio de trabajo. . . . . . . . . . . . . . . . . . . . . . . . . . . .126

Creación de símbolos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127

Creación de un símbolo gráfico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127

Duplicación y modificación de una instancia de un símbolo. . . . . . . .128

Modificación de un símbolo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

Creación de un símbolo de clip de película . . . . . . . . . . . . . . . . . . . . . . .130

Asignación de un nombre de instancia al clip de película . . . . . . . . . . 131

Adición de un efecto al clip de película . . . . . . . . . . . . . . . . . . . . . . . . . . 131

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132

Contenido 5

Capítulo 10: Tareas básicas: adición de animación y

navegación a botones. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

Configuración del espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . 134

Creación de un botón a partir de objetos agrupados . . . . . . . . . . . . . . 135

Asignación de un nombre a una instancia de botón . . . . . . . . . . . . . . 135

Visualización del área activa activando botones . . . . . . . . . . . . . . . . . 136

Cambio del área activa de un botón . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137

Alineación de botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138

Creación de animación para un estado de botón . . . . . . . . . . . . . . . . . 139

Adición de una acción a un botón . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140

Adición de navegación a un botón. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141

Comprobación del archivo SWF . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142

Capítulo 11: Tareas básicas: creación de una presentación

con pantallas (sólo Flash Professional) . . . . . . . . . . . . . . . . . . . . 143

Configuración del espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . 144

Visualización de la jerarquía de pantallas y las líneas de

tiempo de las pantallas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145

Visualización de las propiedades de pantalla . . . . . . . . . . . . . . . . . . . . 146

Adición de contenido a una diapositiva de presentación . . . . . . . . . . 147

Adición de comportamientos de navegación por pantallas a

los botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148

Adición de una diapositiva y asignación de nombre . . . . . . . . . . . . . . 149

Selección y desplazamiento de diapositivas . . . . . . . . . . . . . . . . . . . . . 150

Adición de contenido a una nueva diapositiva . . . . . . . . . . . . . . . . . . . 150

Adición de comportamientos de transición . . . . . . . . . . . . . . . . . . . . . . .151

Comprobación de la presentación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152

Capítulo 12: Creación de gráficos: cómo dibujar en Flash. . . . . 153

Selección de una herramienta de forma. . . . . . . . . . . . . . . . . . . . . . . . . 155

Selección de opciones para crear un polígono . . . . . . . . . . . . . . . . . . . 156

Cómo dibujar un polígono . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

Rotación de la forma. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157

Utilización de la función de silueta . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157

Transformación de la forma del dibujo . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Copia de trazos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Cómo dibujar con la herramienta Línea . . . . . . . . . . . . . . . . . . . . . . . . . 159

Selección y adición de otro color de relleno . . . . . . . . . . . . . . . . . . . . . 159

Agrupación de la forma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

6Contenido

Creación de un logotipo con la herramienta Pluma . . . . . . . . . . . . . . .160

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162

Capítulo 13: Creación de gráficos: creación de una

animación de línea de tiempo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163

Creación de una interpolación de movimiento . . . . . . . . . . . . . . . . . . . .165

Creación de una interpolación de forma . . . . . . . . . . . . . . . . . . . . . . . . .166

Cómo copiar y pegar fotogramas clave en una animación . . . . . . . . .168

Cambio de la velocidad de la animación . . . . . . . . . . . . . . . . . . . . . . . . .169

Comprobación del archivo SWF. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

Capítulo 14: Creación de gráficos: creación de

animaciones con suavizado (sólo en Flash Professional). . . . . . 173

Examen del archivo FLA finalizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175

Apertura del documento inicial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177

Comprobación de la aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .189

Capítulo 15: Creación de gráficos: aplicación de degradados. . 191

Examen del archivo FLA finalizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . .193

Apertura del documento inicial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .195

Aplicación de un degradado lineal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .195

Creación de un degradado radial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .198

Creación de una transformación de degradado con una forma. . . . 200

Aplicación de toques finales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .201

Comprobación de la aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205

Capítulo 16: Creación de gráficos: aplicación de filtros

gráficos y mezclas (sólo en Flash Professional) . . . . . . . . . . . . 207

Revisión de la tarea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

Apertura del documento inicial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

Aplicación de filtros y mezclas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

Capítulo 17: Texto: adición de texto a un documento . . . . . . . . .213

Configuración del espacio de trabajo. . . . . . . . . . . . . . . . . . . . . . . . . . . .214

Creación de un bloque de texto de anchura ampliable . . . . . . . . . . . .215

Creación de un bloque de texto de anchura fija. . . . . . . . . . . . . . . . . . .216

Edición de texto y cambio de atributos de fuente . . . . . . . . . . . . . . . . . 217

Selección de las fuentes de dispositivo. . . . . . . . . . . . . . . . . . . . . . . . . .218

Adición de un campo de introducción de texto . . . . . . . . . . . . . . . . . . .218

Copia de un campo de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220

Contenido 7

Asignación de nombres de instancia a campos de texto . . . . . . . . . 220

Creación de un campo de texto dinámico . . . . . . . . . . . . . . . . . . . . . . . 221

Especificación de opciones de formato . . . . . . . . . . . . . . . . . . . . . . . . .222

Visualización de código ActionScript del campo de texto

dinámico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .222

Comprobación del archivo SWF . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .223

Revisión ortográfica . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .223

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .224

Capítulo 18: ActionScript: utilización del modo de

asistente de script . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225

Examen del archivo FLA finalizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227

Apertura del documento inicial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .229

Adición de un script a un botón mediante el modo de

asistente de script . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .229

Adición de scripts de fotogramas a la línea de tiempo

mediante el modo de asistente de script . . . . . . . . . . . . . . . . . . . . . . . .233

Adición de un script de fotograma al clip de película Title . . . . . . . . .237

Comprobación de la aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .239

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .239

Capítulo 19: ActionScript: creación de scripts . . . . . . . . . . . . . .241

Configuración del espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . .242

Creación de una instancia de un símbolo . . . . . . . . . . . . . . . . . . . . . . . .243

Asignación de nombres a instancias de botón . . . . . . . . . . . . . . . . . . 244

Inicialización del documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245

Aplicación de la sintaxis de ActionScript . . . . . . . . . . . . . . . . . . . . . . . .246

Localización de la documentación de referencia de

ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .247

Adición de comentarios a ActionScript . . . . . . . . . . . . . . . . . . . . . . . . .247

Creación de una función para un botón . . . . . . . . . . . . . . . . . . . . . . . . .248

Copia y modificación de una función de botón . . . . . . . . . . . . . . . . . . 249

Comprobación de la sintaxis y la aplicación . . . . . . . . . . . . . . . . . . . . 250

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251

Capítulo 20: ActionScript: adición de interactividad . . . . . . . . 253

Configuración del espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . 254

Asignación de nombres a instancias de botón . . . . . . . . . . . . . . . . . . .255

Adición de una escena . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .255

Desplazamiento entre escenas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .256

Control del documento con una acción stop() . . . . . . . . . . . . . . . . . . .256

8Contenido

Vinculación de un botón a una escena . . . . . . . . . . . . . . . . . . . . . . . . . 257

Adición de navegación para volver a la escena 1. . . . . . . . . . . . . . . . . 257

Reproducción de un clip de película. . . . . . . . . . . . . . . . . . . . . . . . . . . . 258

Utilización de un comportamiento para reproducir un

archivo MP3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261

Comprobación del documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262

Capítulo 21: ActionScript: creación de un formulario

con lógica condicional y envío de datos . . . . . . . . . . . . . . . . . . . 263

Configuración del espacio de trabajo. . . . . . . . . . . . . . . . . . . . . . . . . . . 264

Adición de un campo de introducción de texto para

recopilar datos de formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265

Adición de un botón de envío al formulario. . . . . . . . . . . . . . . . . . . . . . 266

Adición de un mensaje de error. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266

Adición de un mensaje de confirmación . . . . . . . . . . . . . . . . . . . . . . . . 267

Adición de una acción stop() . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267

Adición de etiquetas de fotogramas para navegación . . . . . . . . . . . . 269

Adición de lógica condicional para el botón Enviar . . . . . . . . . . . . . . 270

Pasar datos de un archivo SWF . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271

Función para el botón Intentar de nuevo. . . . . . . . . . . . . . . . . . . . . . . . 272

Comprobación del archivo SWF. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273

Capítulo 22: ActionScript: trabajo con objetos y clases . . . . . 275

Configuración del espacio de trabajo. . . . . . . . . . . . . . . . . . . . . . . . . . . 276

Información sobre clases y tipos de objetos. . . . . . . . . . . . . . . . . . . . . 276

Creación de un objeto a partir de una clase . . . . . . . . . . . . . . . . . . . . . 277

Creación de una clase personalizada. . . . . . . . . . . . . . . . . . . . . . . . . . . 279

Creación de dos objetos a partir de la clase Product . . . . . . . . . . . . . 283

Información sobre la ampliación de las clases existentes . . . . . . . . . 284

Ampliación de la clase MovieClip para crear una clase nueva . . . . . 285

Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286

Capítulo 23: Integración de datos: información general

(sólo en Flash Professional) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287

Capítulo 24: Integración de datos: utilización del servicio

Web Macromedia Tips (sólo en Flash Professional) . . . . . . . . . 289

Conexión a un servicio Web público . . . . . . . . . . . . . . . . . . . . . . . . . . . 290

Creación de una interfaz de usuario y vinculación de los

componentes con el servicio Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292

Contenido 9

Capítulo 25: Integración de datos: utilización de XML para

una hoja Timesheet (sólo en Flash Professional) . . . . . . . . . . . 299

Creación de la interfaz de usuario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300

Edición de los datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .307

Capítulo 26: Integración de datos: utilización de XUpdate para actualizar la hoja Timesheet (sólo en Flash Professional) 309

Actualización de la timesheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310

10 Contenido

Introducción

En esta parte de la Ayuda de Flash se incluyen varios tutoriales detallados diseñados para enseñarle los aspectos básicos del funcionamiento de Flash. Macromedia recomienda que siga las lecciones utilizando los archivos de muestra proporcionados. Las rutas correspondientes a los archivos de muestra aparecen en cada lección.

Cuando complete estas lecciones prácticas, habrá aprendido a utilizar Flash para añadir texto, gráficos y animaciones a las aplicaciones de Flash. Asimismo, aprenderá lo fácil que resulta personalizar la aplicación de Flash mediante ActionScript y comportamientos.

Las lecciones están pensadas tanto para usuarios sin experiencia como para diseñadores y desarrolladores de nivel intermedio que desean ponerse al día rápidamente.

Cada lección se centra en una función o un tema de diseño específicos de Flash. Para completarlas, calcule entre 10 y 20 minutos en función de su experiencia. En estas lecciones, aprenderá a crear documentos de Flash, escribir código ActionScript, trabajar con vídeo y con comportamientos de control de vídeo, así como añadir componentes de Flash.

NOTA

Este manual no pretende ser una referencia con información detallada sobre todas las funciones de Macromedia Flash. Para obtener información detallada sobre la utilización de Flash, desde la aplicación Flash, seleccione Ayuda de Flash (Ayuda > Ayuda de Flash).

12 Introducción

CAPÍTULO 1

Tareas básicas: creación de un documento

En esta lección va a conocer las posibilidades de Macromedia Flash Basic 8 y Macromedia Flash Professional 8. Verá cómo, en cuestión de minutos, se puede crear un diseño Web convincente donde se combinen comportamientos de control de vídeo, texto, gráficos y multimedia.

Puede imprimir este tutorial descargando una versión PDF del mismo de la página de documentación de Macromedia Flash que encontrará en

www.macromedia.com/go/fl_documentation_es.

En este tutorial, llevará a cabo las siguientes tareas:

Visita guiada de la interfaz de usuario . . . . . . . . . . . . . . . . . . . . . . . . 14

Selección de conjuntos de paneles y organización de paneles. . 15

Cambio del fondo y el tamaño del escenario . . . . . . . . . . . . . . . . . . .17

Cambio de la vista del escenario . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Visualización del panel Biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Adición de gráficos al escenario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Adición de vídeo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Visualización de las propiedades del objeto . . . . . . . . . . . . . . . . . . 20

Adición de comportamientos de control de vídeo . . . . . . . . . . . . . 21

Utilización del explorador de películas para ver la estructura del

documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

Comprobación del documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

Búsqueda de ayuda. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

Antes de comenzar esta lección, es recomendable que lea la guía Primeros pasos con Flash para obtener información sobre el espacio de trabajo de

Flash. Para acceder a esta guía, seleccione Ayuda > Primeros pasos con Flash.

Visita guiada de la interfaz de usuario

En primer lugar, abra el archivo FLA inicial que va a utilizar para completar esta lección. Cada lección incluye un archivo inicial y un archivo terminado que muestra cómo debe aparecer el archivo FLA al finalizar las lecciones.

1. Para abrir el archivo inicial, en Flash, seleccione Archivo > Abrir y

desplácese hasta el archivo:

■ En Windows, desplácese hasta unidad de inicio\Archivos de

programa\Macromedia\Flash 8\Samples and Tutorials\Tutorial Assets\Basic Tasks\Create a Document y haga doble clic en document_start.fla.

■ En Macintosh, desplácese hasta Disco duro de Macintosh/

Applications/Macromedia Flash 8/Samples and Tutorials/Tutorial Assets/Basic Tasks/Create a Document y haga doble clic en document_start.fla.

NOTA

La carpeta Create a Document contiene las versiones completas de los archivos FLA del tutorial como referencia.

El documento se abre en el entorno de edición de Flash. El documento ya incluye dos capas en la línea de tiempo. Para más información sobre capas, seleccione Ayuda > Tutoriales de Flash > Conceptos básicos de Flash > Trabajo con capas.

Una de las capas se denomina Guías y contiene elementos que le ayudarán a colocar objetos correctamente en el escenario. La otra capa se llama Contenido. Se trata de la capa en la que se colocan los objetos que compondrán el documento.

2. Seleccione Archivo > Guardar como y guarde el documento con un

nombre nuevo, en la misma carpeta, para conservar el archivo inicial original.

Mientras vaya completando esta lección, recuerde que debe guardar su trabajo con frecuencia.

14 Tareas básicas: creación de un documento

Selección de conjuntos de paneles y organización de paneles

El conjunto de paneles de espacio de trabajo Predeterminado organiza el espacio de trabajo de forma que facilita el seguimiento de las lecciones. Va a utilizar este diseño en todas las lecciones de Flash.

■ Seleccione Ventana > Conjuntos de paneles > Predeterminado.

Puede cambiar los paneles de posición y modificar su tamaño, como se indica a continuación:

■ Para desacoplar un panel, haga clic en la esquina superior izquierda

del panel, en la barra de título, y arrastre el panel hasta otra ubicación del espacio de trabajo.

Si el panel se ajusta a un borde, está acoplado en una ubicación nueva (o está anclado en la misma ubicación, si lo ha movido hacia atrás). En caso contrario, el panel no está acoplado.

■ Para cambiar el tamaño de un panel desacoplado, arrastre hacia

fuera el borde inferior derecho para agrandar el panel.

Utilización de herramientas para crear contenido de Flash

En el área rectangular blanca del escenario debe organizar los objetos tal como quiere que aparezcan en el archivo publicado.

NOTA

Se pueden abrir varios documentos al mismo tiempo y utilizar las fichas de documento, situadas encima del escenario, para navegar por ellas.

El panel Herramientas, situado junto al escenario, ofrece diversos controles que permiten crear texto e ilustraciones vectoriales. Para más información sobre el panel Herramientas, seleccione Ayuda > Tutoriales de Flash > Creación de gráficos: Cómo dibujar en Flash y Ayuda > Tutoriales de Flash > Texto: Adición de texto a un documento.

1. Haga clic en la herramienta Lápiz del panel Herramientas. Haga clic en

el cuadro Color de trazo, en el área Colores del panel Herramientas y seleccione cualquier color excepto el blanco.

2. Arrastre alrededor del escenario, sin soltar el ratón, para dibujar una

línea. Ha creado contenido de Flash. Cuando el documento esté terminado,

será digno de admiración.

Visita guiada de la interfaz de usuario 15

Cómo deshacer cambios

Flash puede deshacer una serie de cambios realizados en el documento. Ahora va a deshacer la ilustración que acaba de crear.

1. Para ver la función Deshacer en acción, abra primero el panel Historial

(Ventana > Otros paneles > Historial). La herramienta Lápiz aparece en el panel, puesto que la utilización de la

herramienta ha sido la última acción.

2. Siga uno de estos procedimientos:

■ Seleccione Edición > Deshacer Lápiz.

■ Presione las teclas Control+Z (Windows) o Comando+Z

(Macintosh).

Los garabatos desaparecen del escenario. En el panel Historial se muestra ahora una herramienta Lápiz atenuada, que indica que se ha ejecutado la acción de deshacer.

De forma predeterminada, Flash se define para deshacer 100 cambios realizados por el usuario, en orden inverso de ejecución. El valor predeterminado se puede cambiar en Preferencias. Para cambiar las preferencias, consulte “Establecimiento de preferencias en Flash” en Primeros pasos con Flash.

3. Para cerrar el pan el Historial, h aga clic en el menú emergente situado e n

la esquina superior derecha del panel y seleccione Cerrar panel.

Visualización de la línea de tiempo

Justo encima del escenario se pueden ver la línea de tiempo y las capas. Puede crear capas y asignarles nombres y, a continuación, añadir contenido a los fotogramas de las capas para organizar cómo se reproduce el contenido de Flash conforme la cabeza lectora se mueve por los fotogramas.

16 Tareas básicas: creación de un documento

■ Mueva el puntero del ratón sobre el área que separa el escenario de la

línea de tiempo. Cuando aparezca un selector de cambio de tamaño, arrástrelo ligeramente hacia arriba o hacia abajo para cambiar el tamaño de la línea de tiempo según sea necesario.

Cabeza lectora

Fotograma clave

Selector de cambio de tamaño

La cabeza lectora (línea del indicador rojo) está en el fotograma 1 de la línea de tiempo. Los fotogramas clave se detectan mediante círculos pequeños en los fotogramas, que están rellenos, lo que indica que esos fotogramas disponen de contenido. Se puede añadir un fotograma clave a un documento si se desea que el contenido de Flash cambie de alguna forma en ese fotograma.

Cambio del fondo y el tamaño del escenario

El escenario proporciona una vista previa de cómo aparecerá el contenido de Flash en su archivo publicado. Va a cambiar el tamaño del escenario para acomodar la ilustración diseñada para un escenario más grande y, a continuación, va a cambiar el color de fondo del escenario.

1. En el panel Herramientas, haga clic en la herramienta Selección.

2. En el escenario, haga clic en cualquier parte del espacio de trabajo gris

que rodea el escenario, o en el área de fondo del escenario, de forma que no se seleccione ningún objeto.

El inspector de propiedades, debajo del escenario, muestra las propiedades del documento si no se ha seleccionado ningún objeto.

3. Para cambiar el color de fondo del escenario, haga clic en el cuadro

Color de relleno y seleccione una sombra clara de gris, como el gris con el valor hexadecimal #CCCCCC.

Cambio del fondo y el tamaño del escenario 17

4. Para cambiar el tamaño del escenario, haga clic en Tamaño en el

inspector de propiedades. En el cuadro de diálogo Propiedades del documento, introduzca 750 para la anchura del escenario y, a continuación, haga clic en Aceptar.

El escenario pasa a tener una anchura de 750 píxeles.

Cambio de la vista del escenario

La vista del escenario se puede cambiar sin que afecte al tamaño real del escenario del documento.

1. En el cuadro de texto Ver del escenario, sobre el lado derecho del

escenario, introduzca 500%. A continuación, presione Intro (Windows) oRetorno (Macintosh).

La vista del escenario aumenta un 500%.

2. En el menú emergente Ver del escenario, al que se accede haciendo clic

en el control situado a la derecha del cuadro de texto, seleccione 100% para ver el escenario en las dimensiones que correspondan al tamaño del contenido de Flash publicado.

Visualización del panel Biblioteca

El contenido de Flash que se importa o que es un símbolo se almacena en el panel Biblioteca. Para más información sobre los símbolos y las instancias, seleccione Ayuda > Tutoriales de Flash > Tareas básicas: Creación de símbolos e instancias.

■ Para ver el panel Biblioteca, seleccione Ventana > Biblioteca.

Ya se han importado los elementos de biblioteca y se han creado los símbolos de los objetos que va a utilizar en esta lección.

NOTA

Flash también contiene una biblioteca de botones que se pueden utilizar en el documento. Para ver esta biblioteca al final de la lección, seleccione Ventana > Bibliotecas comunes y seleccione la biblioteca Botones.

18 Tareas básicas: creación de un documento

Adición de gráficos al escenario

Para añadir elementos de biblioteca al documento, compruebe que está añadiendo el objeto a la capa correcta y, a continuación, arrastre el elemento desde el panel Biblioteca hasta el escenario.

1. En la línea de tiempo, haga clic en el nombre de la capa Contenido para

seleccionar esa capa. Con la herramienta Selección activada, arrastre el clip de película Título, que contiene una imagen de mapa de bits y un gráfico vectorial, del panel Biblioteca al escenario y alinéelo sobre la barra gris situada en la parte superior del escenario que contiene la palabra Título.

En Flash, se puede trabajar con imágenes de mapas de bits (describen gráficos que utilizan píxeles) y también con ilustraciones vectoriales (utilizan representación matemática para describir la ilustración). Para más información, consulte “About vector and bitmap graphics” en el apartado Utilización de Flash.

2. Con la capa Content todavía seleccionada, arrastre el símbolo de texto

del panel Biblioteca al escenario y alinéelo con el texto Trio ZX2004 que se muestra como guía. Puede utilizar las teclas de flecha del teclado para desplazar el texto hasta su posición.

El texto del título es de hecho un gráfico creado a partir de texto.

Adición de vídeo

El panel Biblioteca incluye un archivo de vídeo Flash (FLV) importado. Añadirá el vídeo al documento y Flash añadirá los fotogramas necesarios para reproducir el vídeo.

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.

1. Verifique que la capa Contenido siga seleccionada en la línea de tiempo.

Desde el panel Biblioteca, arrastre el vídeo ggb_movie_for_trio_new hasta la guía de vídeo de color gris oscuro del escenario.

2. Aparece un cuadro de diálogo que indica que Flash añadirá 138

fotogramas a la línea de tiempo para el vídeo. Haga clic en Sí.

3. Arrastre la cabeza lectora por la línea de tiempo para ver el vídeo.

Adición de vídeo 19

Visualización de las propiedades del objeto

Después de añadir un objeto al escenario, se puede seleccionar para ver y cambiar sus propiedades en el inspector de propiedades. El tipo de objeto seleccionado determina las propiedades que aparecen. Por ejemplo, si se selecciona un objeto de texto (no un gráfico de texto, ya que se utiliza en esta lección), el inspector de propiedades muestra los valores de fuente, tamaño de fuente y formato de párrafo que se pueden ver o cambiar. Si no se selecciona ningún objeto, el inspector de propiedades muestra las propiedades de todo el documento.

1. En el escenario, con la herramienta Selección activada, haga clic en el

gráfico Título. El inspector de propiedades (Ventana > Propiedades > Propiedades)

muestra las especificaciones (altura, anchura y coordenadas del escenario) del clip de película.

2. En el escenario, haga clic en el recuadro de delimitación del clip de

película del vídeo que ha arrastrado hasta el escenario y vea los atributos en el inspector de propiedades.

3. En el cuadro de texto Nombre de instancia del inspector de propiedades,

introduzca video como nombre de la instancia.

NOTA

Una instancia representa la existencia de un símbolo en el escenario. Puesto que Ac tionScript, el lengua je de scripts de Flash, hace referencia a menudo a nombres de instancias para realizar operaciones en ellas, es aconsejable asignar nombres a las instancias creadas. Para más información sobre cómo asignar nombres a las instancias, consulte el tutorial: “ActionScript: creación de scripts” en la página 241.

20 Tareas básicas: creación de un documento

Adición de comportamientos de control de vídeo

Los comportamientos permiten añadir funciones complejas al documento con facilidad, sin necesidad de conocer ActionScript, el lenguaje de creación de scripts de Flash. Ahora va a añadir comportamientos para controlar el vídeo.

1. En la línea de tiempo, haga clic en el fotograma 1 de la capa Contenido

para seleccionarlo, si todavía no está seleccionado.

2. En el escenario, haga clic en la instancia Reproducir clip de película (que

se asemeja a un botón de reproducción) para seleccionarla. En el panel Comportamientos (Ventana > Comportamientos), haga clic en Añadir (+) y seleccione Vídeo incorporado > Reproducir. Para más información sobre los símbolos y las instancias, seleccione Ayuda > Tutoriales de Flash > Tareas básicas: Creación de símbolos e instancias.

3. En el cuadro de diá logo Reproducir vídeo, compruebe que Relativo es tá

seleccionado. Seleccione video, que es el nombre de instancia que ha asignado al clip de vídeo, y haga clic en Aceptar.

4. En el escenario, haga clic en la instancia Pausar clip de película para

seleccionarla. En el panel Comportamientos, haga clic en Añadir (+) y seleccione Vídeo incorporado > Pausar.

5. En el cuadro de diálogo Pausar vídeo, seleccione de nuevo el clip de

película video y haga clic en Aceptar.

Adición de comportamientos de control de vídeo 21

6. En el escenario, haga clic en la instancia Rebobinar clip de película para

seleccionarla. En el panel Comportamientos, haga clic en Añadir (+) y seleccione Vídeo incorporado > Rebobinar.

7. En el cuadro de diálogo Rebobinar vídeo, seleccione Vídeo.

8. En el cuadro de texto Especifique el número de fotogramas que debe

retroceder el vídeo:, introduzca 20. El cuadro de texto Especifique el número de fotogramas que debe

retroceder el vídeo: indica cuántos fotogramas debe retroceder la cabeza lectora cuando el usuario hace clic en el botón Rebobinar.

NOTA

Otros comportamientos de control de vídeo permiten avanzar rápidamente, ocultar y mostrar un vídeo.

Utilización del explorador de películas para ver la estructura del documento

El explorador de películas ayuda a organizar, localizar y editar medios. La estructura de árbol jerárquica proporciona información sobre la organización y el flujo de un documento.

1. Seleccione Ventana > Explorador de películas.

Si es necesario, amplíe el explorador de películas para ver la estructura de árbol dentro del panel.

Los botones de filtrado del explorador de películas muestran u ocultan información.

2. Haga clic en el menú emergente de la barra de título del explorador de

películas y seleccione las opciones Mostrar elementos de película y Mostrar definiciones de símbolo, si aún no están seleccionadas.

3. Configure los botones de filtro, en la parte superior del explorador de

películas, de modo que los únicos que estén seleccionados sean Mostrar botones, clips de película y gráficos, Mostrar archivos de comando de acción y Mostrar vídeo, sonidos y mapas de bits.

Si mueve el puntero del ratón sobre un botón, aparece una sugerencia que muestra el nombre del botón.

Examine la lista para ver algunos elementos incluidos en el documento y sus relaciones con otros elementos.

22 Tareas básicas: creación de un documento

4. En el panel Explorador de películas, expanda Acciones para play a fin de

ver el código ActionScript que Flash ha creado al añadir el comportamiento del control Reproducir vídeo.

5. Para cerrar el explorador de películas, haga clic en su cuadro de cierre.

Comprobación del documento

Al crear un documento, debe guardarlo y probarlo con frecuencia para asegurarse de que el contenido de Flash se reproduce de la forma deseada. Cuando pruebe el archivo SWF, haga clic en los botones de control de vídeo para ver si el vídeo se detiene, se reproduce y se rebobina como se esperaba.

1. Guarde el documento (Archivo > Guardar) y seleccione Control >

Probar película. El contenido de Flash se reproduce en una ventana de archivo SWF.

Aunque .fla es la extensión de los documentos del entorno de edición, .swf es la extensión del contenido de Flash probado, exportado ypublicado.

2. Cuando haya terminado de ver el contenido SWF, cierre la ventana del

archivo SWF para volver al entorno de edición.

Búsqueda de ayuda

Las lecciones proporcionan una introducción a Flash y sugieren formas de utilizar las funciones para crear exactamente el tipo de documento deseado. Para obtener información completa sobre una función, un procedimiento o un proceso descrito en las lecciones, consulte la ficha Ayuda del panel Ayuda (Ayuda > Flash Ayuda).

Búsqueda de ayuda 23

Resumen

¡Enhorabuena! Ha creado un documento de Flash que incluye gráficos, un vídeo y comportamientos de control de vídeo. En unos minutos ha aprendido a realizar las tareas siguientes:

■ Visita guiada de la interfaz de usuario

■ Cómo acoplar y desacoplar paneles

■ Cambio del fondo y el tamaño del escenario

■ Cambio de la vista del escenario

■ Visualización de la biblioteca del documento

■ Adición de gráficos al escenario

■ Adición de vídeo

■ Visualización de las propiedades del objeto

■ Adición de comportamientos de control de vídeo

■ Utilización del explorador de películas para ver la estructura del

documento

■ Comprobación del documento

■ Búsqueda de ayuda

Para más información sobre Flash, continúe con otra lección.

24 Tareas básicas: creación de un documento

CAPÍTULO 2

Tareas básicas: creación de un anuncio para Internet - Parte 1

Macromedia Flash Basic 8 o Macromedia Flash Professional 8 pueden parecer programas muy difíciles de aprender. Uno de los motivos de esta aparente complejidad reside en que se puede utilizar para muchas cosas distintas, como la creación de animaciones de dibujos, reproductores de medios y programas más sofisticados. Este tutorial está recomendado si es la primera vez que utiliza Flash 8. En él se muestran varios aspectos fundamentales del programa, así como el modo de empezar a aprender a utilizarlos para crear un proyecto real. No necesita ningún conocimiento previo sobre Flash ni animaciones para realizar este tutorial; de hecho, descubrirá lo sencillo que es comenzar a utilizar Flash 8 para añadir elementos a las páginas Web.

Ésta es la primera parte de un tutorial dividido en tres partes que muestra cómo crear un sencillo anuncio animado para Internet en Flash y añadirlo a una página Web con Macromedia Dreamweaver. En la primera parte, aprenderá a crear un archivo y modificar sus parámetros, importar y añadir gráficos en el escenario desde la biblioteca y crear capas. En la segunda y la tercera parte, añadirá una animación y creará un botón para abrir una ventana del navegador. Posteriormente, especificará la configuración de publicación y añadirá el anuncio para Internet en una página Web.

“Tareas básicas: creación de un anuncio para Internet - Parte 1” en la página 25: aprenderá a crear y estructurar la aplicación del anuncio para

Internet.

“Tareas básicas: creación de un anuncio para Internet - Parte 2” en la página 45: aprenderá a añadir animaciones, crear un botón y escribir

scripts básicos.

“Tareas básicas: creación de un anuncio para Internet - Parte 3” en la página 69: aprenderá a publicar el archivo SWF y a insertarlo en un sitio

Web de Dream weave r.

No se necesita ningún conocimiento previo para realizar estos tutoriales. En la primera parte de este tutorial, llevará a cabo las siguientes tareas:

Examen del archivo FLA finalizado . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Creación de un documento nuevo . . . . . . . . . . . . . . . . . . . . . . . . . . .29

Cambio de propiedades del documento . . . . . . . . . . . . . . . . . . . . . . 31

Importación de gráficos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .35

Presentación de las capas y la línea de tiempo . . . . . . . . . . . . . . . .38

Comprobación de la aplicación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .43

El flujo de trabajo del tutorial incluye las siguientes tareas:

■ “Examen del archivo FLA finalizado” en la página 26 permite visualizar

el documento Flash finalizado.

■ “Creación de un documento nuevo” en la página 29 muestra cómo

crear un archivo FLA que utilizará para crear el anuncio para Internet en las tres partes de este tutorial.

■ “Cambio de propiedades del documento” en la página 31 muestra

cómo cambiar las dimensiones del archivo SWF.

■ “Importación de gráficos” en la página 35 muestra cómo importar

activos en la biblioteca de documentos.

■ “Presentación de las capas y la línea de tiempo” en la página 38 muestra

cómo crear y manipular capas en la línea de tiempo principal.

■ “Comprobación de la aplicación” en la página 43 muestra cómo

exportar y comprobar el archivo SWF del documento, lo que le permitirá comprobar cuánto ha progresado.

Examen del archivo FLA finalizado

Mientras examina la versión finalizada de la aplicación que va a crear, también deberá fijarse en el espacio de trabajo de Flash.

En esta sección, llevará a cabo las siguientes tareas:

■ “Apertura del documento de edición” en la página 175

■ “Revisión del archivo FLA finalizado” en la página 28

■ “Cierre del archivo FLA finalizado” en la página 29

En las secciones posteriores seguirá los pasos necesarios para crear su propia aplicación comenzando desde un archivo FLA totalmente nuevo.

26 Tareas básicas: creación de un anuncio para Internet - Parte 1

Apertura del archivo FLA finalizado

Resulta útil analizar el documento de edición finalizado, que es un archivo FLA, para ver cómo ha diseñado el autor la aplicación. Deberá examinar qué tipos de scripts se utilizaron para añadir interactividad y saber qué es lo que va a crear.

Los archivos de este tutorial se encuentran en la carpeta Samples and Tutorials de la carpeta de instalación de Flash. Para un gran número de usuarios, sobre todo del ámbito académico, esta carpeta es de sólo lectura. Antes de realizar el tutorial, debe copiar toda la carpeta de tutorial FlashBanner en la ubicación de escritura que elija.

En la mayoría de los ordenadores, la carpeta de tutorial Flash Banner se encuentra en las siguientes ubicaciones:

■ En Windows: unidad de inicio\Archivos de

programa\Macromedia\Flash 8\Samples and Tutorials\Tutorial Assets\Basic Tasks\FlashBanner\.

■ En Macintosh: Disco duro de Macintosh/Applications/Macromedia

Flash 8/Samples and Tutorials/Tutorial Assets/Basic Tasks/ FlashBanner/.

Copie la carpeta FlashBanner en otra ubicación del disco duro a la que tenga acceso. Dentro de esta carpeta encontrará tres directorios para cada parte de este tutorial: Part1, Part2 y Part3. En la carpeta FlashBanner/ Part1, encontrará un archivo Flash llamado banner1_complete.fla. Haga doble clic en él para abrirlo en Flash. Aparecerá el archivo de tutorial finalizado en el entorno de edición de Flash.

Examen del archivo FLA finalizado 27

Revisión del archivo FLA finalizado

En el archivo FLA finalizado, verá la estructura que conforma el archivo SWF finalizado para la primera parte de este tutorial. La aplicación, un anuncio para Internet de Flash para un sitio Web de gnomos, tiene el siguiente aspecto tras finalizar la primera parte:

Anuncio para Internet finalizado tras concluir la primera parte.

Cuando haya terminado la tercera parte de este tutorial, añadirá gráficos, animación e interactividad al anuncio. Posteriormente, lo insertará en un sitio Web con Dreamweaver.

28 Tareas básicas: creación de un anuncio para Internet - Parte 1

Cierre del archivo FLA finalizado

Para cerrar el documento, seleccione Archivo > Cerrar. Si prefiere mantener el archivo finalizado abierto como referencia mientras

trabaja con el archivo del anuncio, cerciórese de no editar ni guardar los cambios realizados.

Ahora ya puede empezar a crear su propio archivo de anuncio para Internet en la siguiente sección, “Creación de un documento nuevo”.

Creación de un documento nuevo

Puede crear todo tipo de elementos distintos para la Web o para CD-ROM y dispositivos que utilizan Flash 8. En primer lugar, creará un archivo con la herramienta de creación de Flash que se utiliza para crear archivos SWF. Los archivos SWF son archivos que pueden colocarse en línea al insertarlos en una página Web. El complemento de Macromedia Flash Player mostrará el archivo SWF para que los visitantes del sitio Web puedan verlo o interactuar con el contenido.

El archivo SWF puede contener vídeo, sonidos en MP3, animaciones, imágenes, datos, etc. La ventaja de utilizar un archivo SWF y no otros formatos reside en que el complemento de Flash Player está increíblemente extendido. Comencemos con la creación de un anuncio para Internet.

1. Abra la aplicación de Flash.

Creación de un documento nuevo 29

De forma predeterminada, Flash muestra la página de inicio (véase la imagen siguiente), que permite seleccionar documentos editados recientemente, crear un nuevo documento Flash o un archivo ActionScript, o bien crear un documento nuevo a partir de una plantilla creada previamente. Si utiliza Flash Professional 8, podrá crear incluso más tipos de archivos.

De forma predeterminada, Flash muestra la página de inicio al abrir la aplicación. Esta imagen refleja las opciones disponibles en Flash Professional 8.

2. Haga clic en Documento de Flash en la columna Crear nuevo de la

página de inicio para crear un documento vacío.

NOTA

Si Flash no muestra la página de inicio (es posible que alguien haya desactivado esta función si comparte el ordenador con otros usuarios), puede seleccionar Archivo > Nuevo en el menú principal para crear un documento nuevo. Asegúrese de que la ficha General esté activa, seleccione Documento de Flash y haga clic en Aceptar.

3. Seleccione Archivo > Guardar como en el menú principal.

30 Tareas básicas: creación de un anuncio para Internet - Parte 1

+ 282 hidden pages