Documentos de Académico
Documentos de Profesional
Documentos de Cultura
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 Developers Studio, Generator Dynamic Graphics Server, Knowledge
Objects, Knowledge Stream, Knowledge Track, Lingo, Live Effects, Macromedia, Macromedia M Logo & Design, 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 y en jurisdicciones de otros pases. Otros nombres de productos, logotipos, diseos, ttulos,
palabras o frases utilizados en esta publicacin pueden ser marcas registradas, marcas de servicios o nombres comerciales de Macromedia,
Inc. o de otras entidades, y pueden estar registradas en jurisdicciones de otros pases.
Apple, el logotipo de Apple, Macintosh, Power Macintosh, Mac OS y LaserWriter son marcas comerciales registradas de Apple Computer,
Inc. Adobe, Adobe Type Manager, Illustrator y Photoshop son marcas comerciales de Adobe Systems Incorporated. CorelDRAW es una
marca comercial registrada de Corel Corporation o Corel Corporation Limited en Canad, EE.UU. y otros pases. Java y todas las marcas
comerciales y logotipos basados en Java son marcas comerciales o marcas comerciales registradas de Sun Microsystems, Inc. en EE.UU. y
en otros pases. GIF-LZW est patentado en EE.UU. con el No. 4.558.302 y equivalentes extranjeros. Este software se basa en parte en el
trabajo de Independent JPEG Group. El formato Graphics Interchange Format es Copyright de CompuServe Incorporated. GIF es
una marca de servicio propiedad de CompuServe Incorporated. Porciones Copyright 1988-1992 de Sam Leffler. Porciones Copyright
1991, 1992 de Silicon Graphics. Imgenes 1994 de PhotoDisc, Inc.
Esta gua contiene vnculos a sitios Web de terceros que no se encuentran bajo el control de Macromedia, y de cuyos contenidos
Macromedia no es responsable. El acceso a cualquier sitio Web de otras empresas que se mencione en esta gua es responsabilidad
exclusiva del usuario. Macromedia proporciona estos vnculos slo como una ayuda, pero su inclusin no implica que Macromedia haga
suyo o acepte el contenido de dichos sitios.
Fireworks ha sido creado por Macromedia, Inc. 2000. Todos los derechos reservados. Patentes en EE.UU. 5.353.396, 5.361.333,
5.434.959, 5.467.443, 5.500.927, 5.594.855 y 5.623.593. Otras en curso. No se permite la copia, fotocopia, reproduccin, traduccin o
conversin mediante ningn medio electrnico o mecnico, ya sea total o parcial, sin la previa autorizacin por escrito de Macromedia, Inc.
Nmero de referencia ZFW40M1AASP
Agradecimientos
Escrito por Lynn Flink, Stephanie Gowin, Sarah Hanily, Robin Hunt-Smith, Gavan Murphy y Pamela Lu.
Editado por Gary White.
Proyecto dirigido por Erick Vera y Stuart Manning.
Produccin por Sherri Harte y Rocky Angelucci.
Jefe de localizacin: Sami Kaied
Administrador del proyecto de localizacin: Gloria Figueroa
Especialista de produccin para localizacin: Sherri Harte
Primera edicin: diciembre de 2000
Macromedia, Inc.
600 Townsend St.
San Francisco, CA 94103 (EE.UU.)
2
ES FW4UM.book Page 3 Monday, November 20, 2000 1:33 PM
CONTENIDO
INTRODUCCIN
Requisitos del sistema . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Instalacin de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Aprendizaje de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Novedades de Fireworks 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
CAPTULO 1
Tutorial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Visualizacin de la pgina Web finalizada . . . . . . . . . . . . . . . . . . . . . . 28
Abra el archivo Inicio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Adicin de formas vectoriales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Creacin de botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
Importacin y modificacin de imgenes de mapa de bits . . . . . . . . . . 37
Creacin de un rollover desunido . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Exportacin del archivo Fireworks en HTML . . . . . . . . . . . . . . . . . . . 46
Utilizacin de Fireworks con Dreamweaver . . . . . . . . . . . . . . . . . . . . . 48
Pasos siguientes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
CAPTULO 2
Conceptos bsicos de Fireworks . . . . . . . . . . . . . . . .49
Acerca de las imgenes vectoriales y de mapa de bits . . . . . . . . . . . . . . 49
Acerca del trabajo en Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Acerca del entorno de trabajo de Fireworks . . . . . . . . . . . . . . . . . . . . . 52
Visualizacin de un documento de Fireworks . . . . . . . . . . . . . . . . . . . 53
Visualizacin y eleccin de herramientas . . . . . . . . . . . . . . . . . . . . . . . 53
Cambio de las opciones de herramientas . . . . . . . . . . . . . . . . . . . . . . . 55
Uso de los paneles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Uso de mens contextuales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Configuracin de preferencias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Configuracin de preferencias de edicin. . . . . . . . . . . . . . . . . . . . . . . 59
Establecimiento de preferencias de ejecucin y edicin . . . . . . . . . . . . 60
3
ES FW4UM.book Page 4 Monday, November 20, 2000 1:33 PM
CAPTULO 3
Configuracin de documentos de Fireworks . . . . . 67
Creacin de un documento nuevo. . . . . . . . . . . . . . . . . . . . . . . . . . . . .67
Apertura de grficos de otras aplicaciones . . . . . . . . . . . . . . . . . . . . . . .69
Apertura de archivos de FreeHand, Illustrator o CorelDRAW . . . . . . . .70
Importacin desde un escner o cmara digital . . . . . . . . . . . . . . . . . . .72
Insercin de objetos en un documento de Fireworks . . . . . . . . . . . . . . .73
Nuevo muestreo de objetos pegados . . . . . . . . . . . . . . . . . . . . . . . . . . .75
Importacin de archivos PNG. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .75
Visualizacin y navegacin por el documento . . . . . . . . . . . . . . . . . . . .75
Visualizacin de vistas mltiples de un documento . . . . . . . . . . . . . . . .77
Control de la actualizacin en pantalla del documento . . . . . . . . . . . . .77
Cambio del lienzo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78
Cambio del tamao, color y resolucin del documento . . . . . . . . . . . . .78
Acerca del cambio de tamao en Fireworks . . . . . . . . . . . . . . . . . . . . . .80
Uso de reglas, guas y cuadrcula . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .83
CAPTULO 4
Trabajo con objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Seleccin de objetos en modo vectorial . . . . . . . . . . . . . . . . . . . . . . . . .87
Uso del panel Objeto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .88
Uso de la herramienta Puntero . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .88
Uso de la herramienta Subseleccin. . . . . . . . . . . . . . . . . . . . . . . . . . . .89
Uso de la herramienta Seleccionar detrs . . . . . . . . . . . . . . . . . . . . . . . .89
Uso del panel Capas para seleccionar objetos. . . . . . . . . . . . . . . . . . . . .89
Modificacin de una seleccin. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .90
Desplazamiento, copia, clonacin y eliminacin de objetos . . . . . . . . . .91
Transformacin y distorsin de objetos . . . . . . . . . . . . . . . . . . . . . . . . .92
4 Contenido
ES FW4UM.book Page 5 Monday, November 20, 2000 1:33 PM
CAPTULO 5
Trabajo con objetos vectoriales . . . . . . . . . . . . . . . . 101
Activacin del modo Vector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102
Dibujo de formas bsicas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102
Dibujo de rectngulos con esquinas redondeadas . . . . . . . . . . . . . . . .104
Dibujo de estrellas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .105
Dibujo y pintura de trazados de estilo libre . . . . . . . . . . . . . . . . . . . . .105
Uso de la herramienta Pluma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .107
Remodelado de trazados con herramientas de edicin del modo
Vector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .116
Plegado y remodelado de objetos vectoriales . . . . . . . . . . . . . . . . . . . .116
Para volver a dibujar trazados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .119
Corte de trazados en varios objetos distintos . . . . . . . . . . . . . . . . . . . .119
Remodelado de objetos vectoriales con operaciones de trazado . . . . . .120
Combinacin de objetos de trazado. . . . . . . . . . . . . . . . . . . . . . . . . . .120
Eliminacin de porciones de un objeto de trazado. . . . . . . . . . . . . . . .121
Recorte de un trazado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122
Simplificacin de un trazado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122
Expansin de un trazo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .123
Contraccin o expansin de un trazado. . . . . . . . . . . . . . . . . . . . . . . .123
CAPTULO 6
Trabajo con mapas de bits . . . . . . . . . . . . . . . . . . . . . 125
Acceso al modo Mapa de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .125
Seleccin de reas de pxeles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .128
Seleccin de opciones de la herramienta Recuadro . . . . . . . . . . . . . . .128
Ajuste de un recuadro de seleccin . . . . . . . . . . . . . . . . . . . . . . . . . . .132
Adicin o eliminacin de pxeles mediante teclas modificadoras . . . . .132
Contenido 5
ES FW4UM.book Page 6 Monday, November 20, 2000 1:33 PM
CAPTULO 7
Uso de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141
Introduccin de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .142
Desplazamiento de bloques de texto . . . . . . . . . . . . . . . . . . . . . . . . . .143
Tamao automtico de los bloques de texto . . . . . . . . . . . . . . . . . . . .143
Edicin de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .144
Seleccin de una fuente, su tamao y su estilo. . . . . . . . . . . . . . . . . . .144
Definicin de lnea de base e interlineado . . . . . . . . . . . . . . . . . . . . . .145
Definicin del ajuste entre caracteres . . . . . . . . . . . . . . . . . . . . . . . . . .146
Definicin de la direccin y orientacin . . . . . . . . . . . . . . . . . . . . . . .147
Definicin de la alineacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .148
Aplicacin de color al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .149
Suavizado de los bordes de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . .149
Aplicacin de trazos, rellenos, efectos y estilos al texto . . . . . . . . . . . . .150
Almacenamiento de atributos de texto. . . . . . . . . . . . . . . . . . . . . . . . .150
Asociacin de texto a un trazado . . . . . . . . . . . . . . . . . . . . . . . . . . . . .151
Transformacin de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .153
Conversin de texto en trazados . . . . . . . . . . . . . . . . . . . . . . . . . . . . .153
Importacin de texto. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .154
Importacin de texto de Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . .154
Importacin de archivos RTF . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .154
Importacin de texto ASCII . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .155
Administracin de fuentes no encontradas . . . . . . . . . . . . . . . . . . . . .155
CAPTULO 8
Aplicacin de colores, trazos y rellenos . . . . . . . . . 157
Eleccin de colores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .158
Aplicacin de colores. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .158
Muestreo de colores. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .159
Personalizacin del panel Muestras . . . . . . . . . . . . . . . . . . . . . . . . . . .160
Cambio de grupos de muestras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .161
Creacin de colores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .163
6 Contenido
ES FW4UM.book Page 7 Monday, November 20, 2000 1:33 PM
CAPTULO 9
Ajuste de color y tono . . . . . . . . . . . . . . . . . . . . . . . . . 179
Uso de filtros integrados y de conexin como efectos automticos. . . .179
Uso del filtro Niveles para ajustar el rango tonal . . . . . . . . . . . . . . . . .180
Ajuste automtico del rango tonal . . . . . . . . . . . . . . . . . . . . . . . . . . . .182
Ajuste del rango tonal mediante la funcin Curvas . . . . . . . . . . . . . . .182
Ajuste del rango tonal con los cuentagotas. . . . . . . . . . . . . . . . . . . . . .184
Ajuste de brillo y contraste . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .185
Aplicacin de rellenos de color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .186
Ajuste de matiz y saturacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .187
Inversin de los valores de color de una imagen. . . . . . . . . . . . . . . . . .188
Desenfoque de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .188
Transformacin de las transiciones cromticas en lneas. . . . . . . . . . . .190
Conversin de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .191
Perfilado de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .191
Contenido 7
ES FW4UM.book Page 8 Monday, November 20, 2000 1:33 PM
CAPTULO 10
Aplicacin de efectos automticos . . . . . . . . . . . . . 193
Aplicacin de un efecto automtico. . . . . . . . . . . . . . . . . . . . . . . . . . .193
Uso de Xtras de Fireworks como efectos automticos . . . . . . . . . . . . .194
Uso de filtros de conexin de Photoshop como Efectos automticos . .194
Aplicacin de efectos tradicionales. . . . . . . . . . . . . . . . . . . . . . . . . . . .195
Aplicacin de bordes biselados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .196
Aplicacin de efectos de relieve . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .196
Aplicacin de sombras e luces . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .197
Cambio de efectos automticos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .198
Reordenacin de los efectos automticos . . . . . . . . . . . . . . . . . . . . . . .198
Eliminacin de efectos automticos. . . . . . . . . . . . . . . . . . . . . . . . . . .199
Creacin de efectos automticos personalizados . . . . . . . . . . . . . . . . .199
Almacenamiento de efectos automticos como estilos . . . . . . . . . . . . .200
Utilizacin de la configuracin predeterminada de los efectos
automticos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .201
Tratamiento del reajuste de los efectos automticos . . . . . . . . . . . . . . .201
Aplicacin de efectos a objetos agrupados . . . . . . . . . . . . . . . . . . . . . .202
CAPTULO 11
Capas y enmascaramiento . . . . . . . . . . . . . . . . . . . . 203
La capa de Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .204
Trabajo con capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .205
Enmascaramiento de imgenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .208
Creacin de mscaras de mapa de bits y de vectores. . . . . . . . . . . . . . .210
Creacin de una mscara utilizando un objeto existente . . . . . . . . . . .210
Utilizacin de texto como mscara . . . . . . . . . . . . . . . . . . . . . . . . . . .211
Creacin de mscaras vacas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .212
Utilizacin de los comandos Mostrar todo/Ocultar todas . . . . . . . . . .212
Utilizacin de los comandos Mostrar/Ocultar seleccin. . . . . . . . . . . .212
Edicin de mscaras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .213
Utilizacin del panel Objeto durante el enmascaramiento . . . . . . . . . .215
Mezcla de colores de relleno de objetos superpuestos. . . . . . . . . . . . . .215
Acerca de los modos de mezcla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .216
Ejemplos de modos de mezcla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .218
Aplicacin del efecto automtico Relleno de color. . . . . . . . . . . . . . . .220
Trabajo con Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .220
Importacin de mscaras de capa de Photoshop . . . . . . . . . . . . . . . . .220
Importacin de capas agrupadas de Photoshop . . . . . . . . . . . . . . . . . .220
8 Contenido
ES FW4UM.book Page 9 Monday, November 20, 2000 1:33 PM
CAPTULO 12
Uso de bibliotecas, estilos y URL. . . . . . . . . . . . . . . 221
Acerca de los estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .221
Uso de estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .222
Acerca de smbolos e instancias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .224
Uso de la biblioteca de smbolos . . . . . . . . . . . . . . . . . . . . . . . . . . . . .224
Acerca del panel URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .228
Trabajo con URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .228
Introduccin de un URL absoluto o relativo . . . . . . . . . . . . . . . . . . . .230
CAPTULO 13
Creacin de botones y barras de navegacin. . . 233
Acerca de los botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .233
Creacin de botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .234
Creacin de botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .235
Adicin del estado Abajo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .236
Adicin del estado Sobre y Abajo . . . . . . . . . . . . . . . . . . . . . . . . . . . .236
Asignacin de un URL al botn . . . . . . . . . . . . . . . . . . . . . . . . . . . . .237
Cambio de un botn. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .238
Dibujo y edicin en el rea activa . . . . . . . . . . . . . . . . . . . . . . . . . . . .239
Edicin de texto para botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .239
Uso de efectos de biselado para dibujar estados de un botn . . . . . . . .240
Insercin de botones de la biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . .241
Importacin de una copia de smbolo de botn al documento actual .241
Insercin de un botn de la biblioteca . . . . . . . . . . . . . . . . . . . . . . . . .241
Importacin de un smbolo de botn preinstalado . . . . . . . . . . . . . . .241
Creacin de una barra de navegacin con botones. . . . . . . . . . . . . . . .242
Conversin de rollovers de Fireworks en botones. . . . . . . . . . . . . . . . .243
Insercin de un botn de origen externo . . . . . . . . . . . . . . . . . . . . . . .243
CAPTULO 14
Utilizacin de zonas interactivas y divisiones . . . 245
Creacin de zonas interactivas y de mapas de imagen . . . . . . . . . . . . .245
Asignacin de valores URL a zonas interactivas . . . . . . . . . . . . . . . . . .247
Organizacin de valores URL con el panel URL . . . . . . . . . . . . . . . . .248
Especificacin de texto Alt. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248
Eleccin de una opcin Destino . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248
Modificacin de zonas interactivas . . . . . . . . . . . . . . . . . . . . . . . . . . .249
Aplicacin de comportamientos arrastrar y colocar a zonas
interactivas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .249
Contenido 9
ES FW4UM.book Page 10 Monday, November 20, 2000 1:33 PM
CAPTULO 15
Creacin de rollovers . . . . . . . . . . . . . . . . . . . . . . . . . 263
Acerca de los rollovers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .263
Creacin de rollovers simples mediante el panel Comportamientos . . .264
Configuracin de la divisin, imgenes y fotogramas. . . . . . . . . . . . . .264
Aplicacin del comportamiento Rollover simple a la divisin . . . . . . .264
Uso del panel Comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . .265
Uso de comportamientos arrastrar y colocar para crear efectos de
imagen de intercambio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .267
Creacin de un rollover de intercambio de imagen utilizando una
nica divisin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .268
Asociacin de comportamientos arrastrar y colocar . . . . . . . . . . . . . . .268
Creacin de rollovers desunidos mediante comportamientos arrastrar
y colocar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .270
Configuracin de los objetos Web, imgenes y fotogramas . . . . . . . . .270
Uso de comportamientos arrastrar y colocar para crear el rollover
desunido . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .271
Eliminacin de comportamientos arrastrar y colocar . . . . . . . . . . . . . .273
Asignacin de vnculos de URL a rollovers . . . . . . . . . . . . . . . . . . . . .273
Creacin de mens emergentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .274
Creacin de entradas de men emergente . . . . . . . . . . . . . . . . . . . . . .274
Definicin del aspecto de un men emergente . . . . . . . . . . . . . . . . . .275
10 Contenido
ES FW4UM.book Page 11 Monday, November 20, 2000 1:33 PM
CAPTULO 16
Creacin de animaciones . . . . . . . . . . . . . . . . . . . . . . 281
Acerca de las animaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .281
Trabajo con smbolos de animacin. . . . . . . . . . . . . . . . . . . . . . . . . . .282
Trabajo con fotogramas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .287
Configuracin de la demora de fotogramas . . . . . . . . . . . . . . . . . . . . .287
Visualizacin y ocultacin de fotogramas durante la reproduccin . . .288
Asignacin de nombres a fotogramas de animacin . . . . . . . . . . . . . . .288
Adicin, desplazamiento, copia y eliminacin de fotogramas. . . . . . . .289
Desplazamiento de objetos seleccionados en el panel Fotogramas . . . .290
Uso compartido de capas entre fotogramas . . . . . . . . . . . . . . . . . . . . .290
Uso de papel cebolla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .291
Exportacin de la animacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .293
Trabajo con animaciones existentes . . . . . . . . . . . . . . . . . . . . . . . . . . .295
Uso de varios archivos como una nica animacin . . . . . . . . . . . . . . .296
CAPTULO 17
Optimizacin de grficos . . . . . . . . . . . . . . . . . . . . . 297
Optimizacin en el rea de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . .298
Definicin de ajustes de optimizacin para divisiones . . . . . . . . . . . . .299
Uso del solapamiento de divisin . . . . . . . . . . . . . . . . . . . . . . . . . . . .300
Almacenamiento y reutilizacin de ajustes. . . . . . . . . . . . . . . . . . . . . .301
Presentacin preliminar de los ajustes de optimizacin y
comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .302
Presentacin preliminar de botones y rollovers . . . . . . . . . . . . . . . . . .302
Estimacin del tiempo de descarga del archivo . . . . . . . . . . . . . . . . . .303
Comparacin de los ajustes de optimizacin . . . . . . . . . . . . . . . . . . . .303
Seleccin de formatos de archivos . . . . . . . . . . . . . . . . . . . . . . . . . . . .304
Eleccin del formato GIF . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .304
Eleccin del formato JPEG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .305
Contenido 11
ES FW4UM.book Page 12 Monday, November 20, 2000 1:33 PM
CAPTULO 18
Exportacin. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319
Exportacin de una imagen. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .320
Resultados de la exportacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .321
Exportacin con el Asistente de exportacin . . . . . . . . . . . . . . . . . . . .321
Optimizacin y presentacin preliminar durante la exportacin . . . . .322
Presentacin preliminar de la optimizacin en Presentacin
preliminar de la exportacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .323
Exportacin de fotogramas o capas como varios archivos. . . . . . . . . . .324
Exportacin de una rea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .325
Exportacin de una divisin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .326
Uso de espaciadores en tablas anidadas durante la divisin . . . . . . . . .327
Exportacin de trazados vectoriales . . . . . . . . . . . . . . . . . . . . . . . . . . .328
12 Contenido
ES FW4UM.book Page 13 Monday, November 20, 2000 1:33 PM
CAPTULO 19
Uso conjunto de Fireworks y Dreamweaver . . . . 337
Inclusin de archivos de Fireworks en Dreamweaver . . . . . . . . . . . . . .337
Ejecucin de Fireworks desde Dreamweaver . . . . . . . . . . . . . . . . . . . .341
Edicin de archivos de Fireworks colocados en Dreamweaver . . . . . . .343
Optimizacin de imgenes y animaciones de Fireworks colocadas
en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .346
Actualizacin de cdigo HTML de Fireworks colocado en
Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .349
Creacin de lbumes de fotografas Web . . . . . . . . . . . . . . . . . . . . . . .350
CAPTULO 20
Automatizacin de tareas repetitivas . . . . . . . . . . 353
Bsqueda y reemplazo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .354
Seleccin del origen para la bsqueda . . . . . . . . . . . . . . . . . . . . . . . . .355
Bsqueda y reemplazo en varios archivos. . . . . . . . . . . . . . . . . . . . . . .355
Bsqueda y reemplazo de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .356
Bsqueda y reemplazo de fuentes . . . . . . . . . . . . . . . . . . . . . . . . . . . .357
Bsqueda y reemplazo de colores. . . . . . . . . . . . . . . . . . . . . . . . . . . . .357
Bsqueda y reemplazo de URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .358
Bsqueda y reemplazo de colores que no sean Websafe . . . . . . . . . . . .358
Proceso por lotes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .359
Cambio de la configuracin de optimizacin con un proceso por lote .361
Cambio de la escala de grficos con un proceso por lotes. . . . . . . . . . .362
Bsqueda y sustitucin durante un proceso por lotes. . . . . . . . . . . . . .362
Contenido 13
ES FW4UM.book Page 14 Monday, November 20, 2000 1:33 PM
CAPTULO 21
Fireworks para usuarios de Photoshop . . . . . . . . . 371
Uso de mtodos abreviados de Photoshop en Fireworks . . . . . . . . . . .371
Importacin de archivos de Photoshop a Fireworks . . . . . . . . . . . . . . .372
Edicin de mapas de bits y vectores. . . . . . . . . . . . . . . . . . . . . . . . . . .373
Degradados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .375
Capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .376
Grupos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .378
Mscaras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .378
Herramienta . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .380
Ajustes de filtro y tono . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .381
Efectos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .382
Automatizacin de tareas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .382
Animacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .383
Optimizacin para la Web. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .385
Exportacin de archivos de Fireworks a Photoshop . . . . . . . . . . . . . . .385
CAPTULO 22
El cdigo HTML de Fireworks . . . . . . . . . . . . . . . . 389
Archivos HTML? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .389
Preguntas ms frecuentes sobre el cdigo HTML de Fireworks . . . . . .390
Qu ocurre si no estoy familiarizado con el cdigo HTML?. . . . . . . .390
Cmo se inserta cdigo HTML de Fireworks en un archivo HTML? 390
14 Contenido
ES FW4UM.book Page 15 Monday, November 20, 2000 1:33 PM
Contenido 15
ES FW4UM.book Page 16 Monday, November 20, 2000 1:33 PM
16 Contenido
ES FW4UM.book Page 17 Monday, November 20, 2000 1:33 PM
INTRODUCCIN
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
17
ES FW4UM.book Page 18 Monday, November 20, 2000 1:33 PM
Instalacin de Fireworks
Antes de instalar Fireworks, asegrese de que su sistema cumple los requisitos
indicados en Requisitos del sistema en la pgina 17. Consulte el documento
Lame incluido en el CD-ROM de Fireworks para ver la informacin ms reciente
sobre el producto.
Aprendizaje de Fireworks
Existen diversos recursos para aprender a utilizar Fireworks, como el manual
impreso, el sistema de ayuda ejecutable desde la aplicacin, lecciones interactivas
en la pantalla y diversas fuentes de informacin basadas en la Web.
Ayuda de Fireworks est disponible siempre que la aplicacin est activa. Contiene
el mismo material que este manual, adems de otra informacin.
Tutorial de Fireworkses una introduccin interactiva a las caractersticas clave de
Fireworks que puede terminarse en apenas una hora. Incluye tareas comunes de
Fireworks como la optimizacin de imgenes GIF y JPEG, y la creacin de
animaciones y rollover. Si no est familiarizado con Fireworks, comience con las
lecciones del men Ayuda y, a continuacin, ejecute el tutorial.
Lecciones de Fireworks son una serie de lecciones breves en pantalla que se
centran en caractersticas especficas de Fireworks, desde los principios bsicos de
la animacin hasta la creacin de rollover y mens emergentes. Los pasos de cada
leccin duran alrededor de 10 minutos. Si no conoce Fireworks, comience el
aprendizaje por las lecciones y siga con el tutorial.
La aplicacin Fireworks contiene un gran nmero de cuadros de dilogo y cuadros
de ayuda emergente para ayudarle a utilizar el programa. La ayuda emergente
aparece al situar brevemente el puntero sobre un elemento de la interfaz de
usuario.
18 Introduccin
ES FW4UM.book Page 19 Monday, November 20, 2000 1:33 PM
Novedades de Fireworks 4
Fireworks 4 ofrece muchas caractersticas nuevas para mejorar la prctica del
diseo enfocado a la Web.
19
ES FW4UM.book Page 20 Monday, November 20, 2000 1:33 PM
Mens emergentes
Es probable que haya visto mens de navegacin en tiempo en ejecucin de
muchos sitios Web innovadores, pero o no sabe cmo funcionan o bien no ha
tenido tiempo para ello. Fireworks ha agregado el comando Men emergente a su
creciente abanico de caractersticas de ahorro de tiempo.
20 Introduccin
ES FW4UM.book Page 21 Monday, November 20, 2000 1:33 PM
21
ES FW4UM.book Page 22 Monday, November 20, 2000 1:33 PM
22 Introduccin
ES FW4UM.book Page 23 Monday, November 20, 2000 1:33 PM
23
ES FW4UM.book Page 24 Monday, November 20, 2000 1:33 PM
24 Introduccin
ES FW4UM.book Page 25 Monday, November 20, 2000 1:33 PM
25
ES FW4UM.book Page 26 Monday, November 20, 2000 1:33 PM
26 Introduccin
ES FW4UM.book Page 27 Monday, November 20, 2000 1:33 PM
CAPTULO 1
Tutorial
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
Contenido
Al realizar el tutorial, en menos de dos horas, deber reproducir un flujo de trabajo
tpico de produccin con Fireworks para el diseo de una pgina Web. El flujo de
trabajo incluye las tareas siguientes:
Creacin de formas vectoriales y texto
Importacin y edicin de imgenes de mapa de bits
Alineacin de objetos en un documento
Creacin de botones de JavaScript
Adicin de vnculos a botones
Uso del panel Historial
Creacin de rollovers simples y desunidos
Exportacin del archivo como HTML
27
ES FW4UM.book Page 28 Monday, November 20, 2000 1:33 PM
Presentacin de Fireworks
Creacin de animaciones
Creacin de divisiones
Creacin de rollovers arrastrando y colocando comportamientos
Creacin de un men emergente
Automatizacin de tareas repetitivas
Para ver una leccin, elija Ayuda > Lecciones y realice su seleccin en la lista.
Asegrese de comprender los conceptos presentados en las lecciones antes de
iniciar el tutorial.
28 Captulo 1
ES FW4UM.book Page 29 Monday, November 20, 2000 1:33 PM
Tutorial 29
ES FW4UM.book Page 30 Monday, November 20, 2000 1:33 PM
El botn Editar
Muestra de Color
30 Captulo 1
ES FW4UM.book Page 31 Monday, November 20, 2000 1:33 PM
Nota: Despus de aadir un Efecto automtico, haga clic en el botn Informacin del
panel Efecto para modificarlo.
Creacin de botones
A continuacin, puede transformar la forma vectorial en un botn al convertirla
en un smbolo de botn. (Un smbolo es un elemento reutilizable que se encuentra
almacenado en la biblioteca del documento). Despus, crear estados adicionales
de botn para el efecto rollover en el Editor de botones. En Fireworks, puede
determinar el objeto que aparecer durante el efecto rollover para cuatro estados
diferentes de botn. Consulte Creacin de botones y barras de navegacin en la
pgina 233. En este caso, crear un rollover que intercambia formas cuando el
puntero se site sobre el botn.
Tutorial 31
ES FW4UM.book Page 32 Monday, November 20, 2000 1:33 PM
Control de
comportamiento
El nuevo botn
aparece en la
biblioteca
32 Captulo 1
ES FW4UM.book Page 33 Monday, November 20, 2000 1:33 PM
Campo de entrada
de texto
Casilla de verificacin
Aplicacin automtica
Tutorial 33
ES FW4UM.book Page 34 Monday, November 20, 2000 1:33 PM
Creacin de un rollover
Acaba de disear la forma en que aparecer el botn en su estado Arriba, cuando el
puntero del usuario no ha tocado el botn. Ahora, utilizar el Editor de botones
para disear el estado Sobre del botn: el aspecto del botn cuando el puntero est
sobre el botn.
1 Haga clic en la ficha Sobre del Editor de botones y haga clic en Copiar grfico
Arriba en la parte inferior derecha de la ventana.
La funcin Copiar grfico Arriba le ahorra tener que crear otro botn similar.
34 Captulo 1
ES FW4UM.book Page 35 Monday, November 20, 2000 1:33 PM
El panel Comportamientos
incluye automticamente el
comportamiento Rollover
Tutorial 35
ES FW4UM.book Page 36 Monday, November 20, 2000 1:33 PM
36 Captulo 1
ES FW4UM.book Page 37 Monday, November 20, 2000 1:33 PM
Tutorial 37
ES FW4UM.book Page 38 Monday, November 20, 2000 1:33 PM
Gracias a las capas, pueden modificarse objetos en una capa sin afectar a los otros
objetos de otra capa. Las capas tambin ofrecen un mtodo para organizar los
elementos, como colocar todos los botones en una capa (tal como hizo
anteriormente en el tutorial) y todas las imgenes de mapa de bits en otra.
Ahora aadir una nueva capa, asignar un nombre e importar dos mapas de bits
en la capa como preparacin para la creacin de un rollover desunido.
1 Si el panel Capas no est visible, elija Ventana > Capas, o haga clic en el icono
Mostrar capas en la parte inferior derecha de la ventana de aplicacin.
Icono Mostrar
capas
Tenga en cuenta que el tutorial tiene cinco capas, incluida la capa de Web
predeterminada para los objetos Web. Es posible utilizar los botones para
expandir y contraer para mostrar u ocultar la lista de objetos en una capa.
Puede ocultar una capa en el lienzo haciendo clic en el icono Mostrar/Ocultar.
Columna de bloqueo
Icono Mostrar/ocultar
Botones Expandir y Contraer
2 Elija Insertar > Capa, o haga clic en el icono Capa nueva/duplicar en la parte
inferior del panel.
3 Para cambiar el nombre de la capa nueva, haga doble clic en el nombre
existente en el panel Capas.
38 Captulo 1
ES FW4UM.book Page 39 Monday, November 20, 2000 1:33 PM
Men emergente
Adicin de fotogramas
En un navegador Web, un rollover intercambia rpidamente un imagen con otra.
Para crear un rollover, Fireworks utiliza fotogramas, semejantes a la imgenes de
una animacin, para almacenar el contenido del rollover.
Cuando un rollover desunido intercambia imgenes que ocupan la misma rea del
lienzo, debe crear un fotograma independiente para cada imagen que se
intercambie. Ms adelante, en este tutorial, deber arrastrar y colocar
comportamientos para especificar que los fotogramas que aada aparecen como
un rollover desunido.
Para crear un rollover desunido, debe aadir dos nuevos fotogramas e importar
una imagen de mapa de bits en cada uno de los fotogramas.
1 Con la capa Ilustracin de rollover desunido seleccionada, abra el panel
Fotogramas (elija Ventana > Fotogramas, si fuera necesario).
Nota: Es posible que se pregunte por qu el panel Fotogramas indica que su
documento slo tiene un fotograma, aunque el rollover simple de los botones requiere
dos fotogramas: uno para el estado Arriba y otro para el estado Sobre. Los fotogramas
de los botones aparecen en el panel Fotogramas nicamente cuando est activo el
Editor de botones.
Tutorial 39
ES FW4UM.book Page 40 Monday, November 20, 2000 1:33 PM
40 Captulo 1
ES FW4UM.book Page 41 Monday, November 20, 2000 1:33 PM
Tutorial 41
ES FW4UM.book Page 42 Monday, November 20, 2000 1:33 PM
4 Con la Varita mgica, haga clic en cualquier punto del espacio en blanco de la
derecha del mapa de bits.
El borde rayado que aparece alrededor del lienzo indica que se encuentra en el
modo mapa de bits. Se selecciona el rea de pxeles blancos del mapa de bits.
rea de pxeles
blancos
42 Captulo 1
ES FW4UM.book Page 43 Monday, November 20, 2000 1:33 PM
Tutorial 43
ES FW4UM.book Page 44 Monday, November 20, 2000 1:33 PM
44 Captulo 1
ES FW4UM.book Page 45 Monday, November 20, 2000 1:33 PM
Tutorial 45
ES FW4UM.book Page 46 Monday, November 20, 2000 1:33 PM
46 Captulo 1
ES FW4UM.book Page 47 Monday, November 20, 2000 1:33 PM
Tutorial 47
ES FW4UM.book Page 48 Monday, November 20, 2000 1:33 PM
Pasos siguientes
Ha llevado a cabo las tareas ms importantes del flujo de trabajo de produccin de
una pgina Web con Fireworks. Estas tareas incluyeron lo siguiente:
Creacin de formas vectoriales y texto
Importacin y edicin de imgenes de mapa de bits
Alineacin de objetos en un documento
Creacin de botones de JavaScript
Adicin de vnculos a botones
Uso del panel Historial
Creacin de rollovers simples y desunidos
Exportacin del archivo como HTML
Si desea informacin ms detallada sobre las funciones tratadas en el tutorial y
sobre otras funciones de Fireworks, consulte el ndice de este manual o busque en
los temas de ayuda de Fireworks. Adems, puede visitar el galardonado Centro de
asistencia de Macromedia en http://www.macromedia.com/support/fireworks.
48 Captulo 1
ES FW4UM.book Page 49 Monday, November 20, 2000 1:33 PM
CAPTULO 2
Conceptos bsicos de Fireworks
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
49
ES FW4UM.book Page 50 Monday, November 20, 2000 1:33 PM
Imgenes vectoriales
Los elementos grficos vectoriales representan imgenes mediante lneas y curvas,
llamadas vectores, que tambin tienen propiedades de color y posicin. Por
ejemplo, la imagen de una hoja se puede definir por una serie de puntos
conectados por lneas de distintas formas y grosores, que dan por resultado el
contorno de la hoja. El color de la hoja lo determina el color del contorno y el rea
que encierra dicho contorno.
Cuando se edita una imagen vectorial, se modifican las propiedades de las lneas y
curvas que describen su forma. La posicin, el tamao, la forma y el color de las
imgenes de vectores puede cambiarse sin que por ello pierdan calidad. Se pueden
solapar objetos para que aparezcan slo parcialmente y alterar su transparencia.
Las imgenes vectoriales no dependen de la resolucin, es decir que pueden verse
en dispositivos de salida de distintas resoluciones sin que se vea alterada su calidad.
50 Captulo 2
ES FW4UM.book Page 51 Monday, November 20, 2000 1:33 PM
Cuando se edita una imagen de mapa de bits, se modifican los pxeles y no las lneas y
curvas. Estas imgenes de mapa de bits dependen de la resolucin, ya que los datos que
las definen estn fijados en una cuadrcula que tiene un tamao determinado. Cuando
se aumenta el tamao de un elemento grfico de mapa de bits, sus bordes pueden
quedar desiguales al redistribuir los pxeles en la cuadrcula. La visualizacin de un
elemento grfico de mapa de bits en un dispositivo de salida con menor calidad de
resolucin que la propia imagen, tambin reduce su calidad.
Optimizacin
En Fireworks se pueden optimizar los grficos Web para reducir al mximo el tamao
de archivo, y obtener sitios Web que se descarguen rpidamente. Con las eficaces
tcnicas de optimizacin que ofrece Fireworks, pueden conseguirse documentos
realmente pequeos sin alterar la calidad de la informacin.
Por ejemplo, se puede seleccionar informacin del fondo de una fotografa y reducir el
nmero de colores de esa parte especfica. Tambin se puede dividir una imagen en
porciones y aplicar a cada una el formato que ms convenga.
Exportacin de documentos
Una vez optimizado, el trabajo debe enviarse a un archivo que sea visible en un
navegador Web o compatible con otra aplicacin de imgenes o Web. El archivo PNG
original de Fireworks no se modifica, sean cuales sean los parmetros de exportacin
que se elijan. De esta forma, pueden exportarse numerosos formatos Web y de
impresin a partir del mismo archivo de origen.
Las imgenes tambin pueden optimizarse como parte del proceso de exportacin. ya
que durante la exportacin estn disponibles todas las opciones de optimizacin.
52 Captulo 2
ES FW4UM.book Page 53 Monday, November 20, 2000 1:33 PM
54 Captulo 2
ES FW4UM.book Page 55 Monday, November 20, 2000 1:33 PM
56 Captulo 2
ES FW4UM.book Page 57 Monday, November 20, 2000 1:33 PM
1 Haga clic en el botn de flecha derecha que est situado junto a la esquina
superior derecha del panel. Aparece el men emergente Opciones.
2 Elija un comando del men emergente Opciones.
Algunos controles de los paneles tienen un men emergente, paletas de colores,
controles deslizantes o diales.
1 Arrastre un panel flotante sobre otro panel flotante. Cuando aparezca el borde
resaltado en el panel situado debajo, suelte el botn del ratn.
2 Haga clic en una ficha del panel para situarlo delante.
Haga clic en el botn de cierre de la parte superior del panel o de la ventana del
grupo de paneles.
1 Salga de Fireworks.
2 Borre el archivo de preferencias llamado Fireworks 4 Preferences de la carpeta
de Fireworks (Windows) o de la carpeta Sistema\Preferencias (Macintosh).
3 Reinicie Fireworks.
58 Captulo 2
ES FW4UM.book Page 59 Monday, November 20, 2000 1:33 PM
Configuracin de preferencias
Mediante la configuracin de preferencias de Fireworks se controla la presentacin
general de la interfaz de usuario, as como la edicin y la ubicacin de las carpetas.
Expandir para rellenar el documento ampla el borde rayado para que abarque el
lienzo completo de un documento al activar el modo Mapa de bits, lo que permite
editar los pxeles de todo el documento. Cuando esta funcin est desactivada,
slo se pueden editar los pxeles del borde del objeto de mapa de bit seleccionado.
Abrir en modo Mapa de bitsabre cualquier archivo de imgenes directamente en
modo Mapa de bits. Desactive esta funcin para abrir todos los archivos en modo
vector.
Desactivar Ocultar bordes desactiva la opcin Ocultar bordes de forma
automtica al entrar o salir del modo Mapa de bits.
Mostrar borde rayado activa de forma automtica un borde de rayas alrededor de
las imgenes de mapa de bits cuando est activo el modo Mapa de bits.
Distancia de seleccin permite especificar la distancia mnima que debe existir
entre el cursor y un objeto para que este pueda seleccionarse. La distancia de
seleccin puede estar entre 1 y 10 pxeles.
Distancia de ajuste permite especificar la distancia que debe existir entre un objeto
que est movindose y la lnea de la gua o de la cuadrcula ms cercana para que se
ajuste a ella. La distancia de ajuste solo funciona si est activa la funcin Ajustar a
cuadrcula o Ajustar a guas. Puede establecerse una Distancia de ajuste de entre 1
y 10 pxeles.
60 Captulo 2
ES FW4UM.book Page 61 Monday, November 20, 2000 1:33 PM
62 Captulo 2
ES FW4UM.book Page 63 Monday, November 20, 2000 1:33 PM
64 Captulo 2
ES FW4UM.book Page 65 Monday, November 20, 2000 1:33 PM
1 Resalte las acciones en el panel Historial las acciones que desea almacenar.
2 Haga clic en el botn Guardar de la parte inferior del panel.
3 Introduzca el nombre de comando y haga clic en Aceptar para aadir el
comando al submen Modificar > Comando.
66 Captulo 2
ES FW4UM.book Page 67 Monday, November 20, 2000 1:33 PM
CAPTULO 3
Configuracin de documentos de
Fireworks
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
67
ES FW4UM.book Page 68 Monday, November 20, 2000 1:33 PM
Para crear un documento nuevo del mismo tamao que un objeto existente:
68 Captulo 3
ES FW4UM.book Page 69 Monday, November 20, 2000 1:33 PM
70 Captulo 3
ES FW4UM.book Page 71 Monday, November 20, 2000 1:33 PM
Una animacin GIF puede abrirse del mismo modo que un archivo GIF
normal. Cada elemento del GIF se sita como imagen independiente en su
propio fotograma Fireworks. Si lo desea, tambin puede convertir el grfico en
un smbolo de animacin.
Unidades de medida permite determinar las unidades en las que se muestran las
proporciones de la imagen. Dichas unidades pueden ser pxeles, porcentajes,
pulgadas y centmetros.
Resolucin muestra la resolucin en pxeles por unidad.
Restringir las proporciones permite abrir el archivo con la misma proporcin de
tamao que el original.
Suavizado permite suavizar el archivo EPS abierto.
72 Captulo 3
ES FW4UM.book Page 73 Monday, November 20, 2000 1:33 PM
Para indicar a Fireworks dnde debe buscar los filtros de conexin de Photoshop
Acquire:
Illustrator 7 o posterior
Microsoft Office 97 o posterior
Microsoft Internet Explorer 3 o posterior
Netscape Navigator 3 o posterior
CorelDRAW 7 o posterior
Pegado en Fireworks
Puede utilizar el Portapapeles para cortar y pegar cualquiera de los formatos
siguientes:
FreeHand 7 o posterior
Illustrator
PNG
PICT (Macintosh)
DIB (Windows)
BMP (Windows)
Texto ASCII
EPS
WBMP
Al pegar en Fireworks un objeto copiado de otra aplicacin, ste queda centrado
en el documento activo.
Cada modo de edicin gestiona los datos pegados de manera diferente:
En el modo de vectores, la copia de una seleccin de pxeles produce un objeto
de mapa de bits rectangular, que utiliza transparencia alfa para preservar el
aspecto de la seleccin. Los objetos vectoriales mantienen los atributos
vectoriales.
En el modo de mapa de bits, copiar un grfico vectorial u objeto de imagen
hace que la seleccin de pxeles siga flotando hasta que se anule la seleccin.
Una vez anulada, la seleccin pasa a formar parte de la imagen.
74 Captulo 3
ES FW4UM.book Page 75 Monday, November 20, 2000 1:33 PM
76 Captulo 3
ES FW4UM.book Page 77 Monday, November 20, 2000 1:33 PM
Para abrir una vista adicional del documento con distintos valores de aumento:
78 Captulo 3
ES FW4UM.book Page 79 Monday, November 20, 2000 1:33 PM
El hecho de tener que volver a muestrear objetos de mapas de bits plantea siempre
el mismo problema: debo aadir o suprimir pxeles para cambiar el tamao de la
imagen, o cambio el nmero de pxeles por pulgada o centmetro?
Para modificar el tamao de una imagen de mapa de bits, ajuste la resolucin o
vuelva a muestrear la imagen. Cuando se ajusta la resolucin, en realidad se
cambia el tamao de los pxeles de la imagen, de manera que, en un espacio
determinado entran ms o menos pxeles. Al ajustar la resolucin sin volver a
muestrear, no se produce prdida de datos.
El muestreo por reduccin o la supresin de pxeles para reducir la imagen
conlleva una disminucin de la calidad en todos los casos debido a que se
descartan pxeles para cambiar el tamao de la imagen.
80 Captulo 3
ES FW4UM.book Page 81 Monday, November 20, 2000 1:33 PM
Original
Lienzo recortado
Elija Modificar > Recortar lienzo para eliminar automticamente los pxeles
sobrantes del borde del documento.
Cada borde del lienzo se recorta hasta los bordes del objeto u objetos del
documento.
82 Captulo 3
ES FW4UM.book Page 83 Monday, November 20, 2000 1:33 PM
Uso de reglas
Las reglas ayudan a organizar y planificar la disposicin del trabajo. Las reglas
siempre realizan la medicin en pxeles, independientemente de la unidad de
medida utilizada al crear el documento.
En los mrgenes del documento aparece una regla horizontal y otra vertical.
Uso de guas
Las guas son lneas que se arrastran de las reglas al lienzo del documento. Se
utilizan como ayuda cuando se dibuja y facilitan la colocacin y alineacin de los
objetos. Utilice las guas para comenzar o para marcar las partes ms importantes
de un documento, por ejemplo los mrgenes, el punto central del documento y las
reas donde vaya a realizar una tarea especial. Tambin se puede exportar la
imagen como tabla HTML que est dividida a lo largo de las guas.
Para facilitar la alineacin de los objetos, Fireworks permite ajustar los objetos en
las guas.
Para evitar activar las guas de forma accidental, bloquelas.
Nota: Las guas no residen en una capa y no pueden exportarse con un documento. Slo
son herramientas de diseo.
Las guas son distintas a las guas de divisin. Para ms informacin sobre las guas
de divisin, consulte Utilizacin de zonas interactivas y divisiones en la
pgina 245.
84 Captulo 3
ES FW4UM.book Page 85 Monday, November 20, 2000 1:33 PM
Uso de la cuadrcula
Utilice la cuadrcula para visualizar un sistema de lneas horizontales y verticales en
el lienzo. La cuadrcula es til para colocar los objetos con precisin. Se puede ver,
editar, cambiar el tamao y el color de la cuadrcula.
Nota: La cuadrcula no reside en una capa y no puede exportarse con un documento. Es
tan solo una herramienta de diseo.
86 Captulo 3
ES FW4UM.book Page 87 Monday, November 20, 2000 1:33 PM
CAPTULO 4
Trabajo con objetos
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
87
ES FW4UM.book Page 88 Monday, November 20, 2000 1:33 PM
88 Captulo 4
ES FW4UM.book Page 89 Monday, November 20, 2000 1:33 PM
Haga clic varias veces en la herramienta Seleccionar detrs sobre los objetos
apilados y alterne entre los objetos, uno por uno, hasta que haya seleccionado el
objeto que desee.
Nota: Adems, para seleccionar un objeto difcil de alcanzar, haga clic en las vistas en
miniatura del panel Capas.
Arrastre la miniatura del objeto a otro nombre de capa del panel Capas.
Arrastre el pequeo indicador de seleccin azul de una capa a otra en el panel
Capas.
Mantenga pulsada la tecla Mays al mismo tiempo que hace clic en otros objetos
con la herramienta Puntero, Subseleccin o Seleccionar detrs.
Mantenga pulsada la tecla Mays al mismo tiempo que hace clic en el objeto
seleccionado.
Elija Editar > Seleccionar todo. Para anular la seleccin de todos los objetos
seleccionados, elija Editar > Anular seleccin.
Seleccionar todo no selecciona objetos ocultos.
Adems, es preciso anular la seleccin de la opcin Editar slo una capa para
seleccionar todos aquellos objetos de todas las capas de un documento. Si se
selecciona la opcin Editar slo una capa seleccionada, slo se pueden seleccionar
objetos de la capa vigente. Consulte Uso del panel Capas para seleccionar
objetos en la pgina 89.
Elija Ver > Ocultar la seleccin. Para volverlos a ver, elija Ver > Mostrar todo.
90 Captulo 4
ES FW4UM.book Page 91 Monday, November 20, 2000 1:33 PM
Para ocultar objetos tanto cuando estn seleccionados como cuando no lo estn,
haga clic o arrastre por la columna capa/objeto mostrar/ocultar en el panel Capas.
Nota: Los objetos ocultos no se exportan.
Para alejar del original una clonacin seleccionado con una precisin de pxel por
pxel, utilice las teclas de flechas. Esto es muy til si se desea mantener una
determinada distancia entre las clonaciones o la alineacin de las clonaciones.
Herramientas Transformar
Seleccione una herramienta o comando del men Transformar para visualizar los
selectores de transformacin alrededor de los objetos seleccionados.
Selectores de transformacin
Punto central
Objeto original
92 Captulo 4
ES FW4UM.book Page 93 Monday, November 20, 2000 1:33 PM
Para escalar el objeto tanto horizontal como verticalmente, arrastre uno de los
selectores de esquina. Las proporciones se modifican a medida que se escalan.
Para escalar el objeto horizontal o verticalmente, arrastre un selector lateral.
Para escalar los objetos seleccionados tambin se puede introducir una anchura
(An.) y altura (Al.) nuevas en el panel Informacin.
Rotacin de objetos
Cuando se hace rotar un objeto, ste gira sobre su centro. Un objeto se puede rotar
arrastrando sus selectores de transformacin o eligiendo un ngulo preestablecido.
Reflejado de objetos
Un objeto se puede reflejar sobre su eje vertical u horizontal sin cambiar su
posicin relativa en el lienzo.
94 Captulo 4
ES FW4UM.book Page 95 Monday, November 20, 2000 1:33 PM
Inclinacin de objetos
La inclinacin transforma un objeto tumbndolo a lo largo del eje horizontal,
vertical o ambos. Un objeto se puede inclinar arrastrndolo.
Distorsin de objetos
Al distorsionar un objeto, sus lados o esquinas se mueven en la direccin en la que
se arrastra la herramienta Distorsionar.
Transformaciones numricas
En lugar de arrastrar para escalar, cambiar el tamao o rotar un objeto, puede
transformarlo utilizando valores especficos.
Organizacin de objetos
Cuando se trabaja con varios objetos en un nico documento, si lo desea puede
utilizar varias tcnicas para organizar el documento:
Agrupar objetos individuales para tratarlos como si fueran un solo objeto o
proteger la relacin de cada objeto con otros objetos del grupo.
Los objetos pueden situarse delante o detrs de otros objetos. La manera de
organizar los objetos se denomina orden de apilamiento.
Los objetos seleccionados pueden alinearse respecto a un rea del lienzo o
respecto al eje horizontal o vertical.
Agrupacin de objetos
Es posible agrupar objetos individuales seleccionados y, a continuacin,
manipularlos como si fueran un nico objeto. Por ejemplo, una vez dibujados los
ptalos de una flor como objetos individuales, stos pueden agruparse para
seleccionar y mover toda la flor con facilidad como si fuera un nico objeto.
Los grupos pueden editarse sin desagrupar. Tambin se puede seleccionar un
objeto individual de un grupo y editarlo sin desagrupar los objetos. Los objetos
pueden desagruparse cuando se desea.
96 Captulo 4
ES FW4UM.book Page 97 Monday, November 20, 2000 1:33 PM
Herramienta Subseleccin
Apilamiento de objetos
Fireworks apila los objetos en una capa basndose en el orden en que se crearon y
sita los ms recientes al principio de la pila. El orden de apilamiento de los
objetos determina la manera en que aparecen los objetos al superponerlos.
Observe que las capas tambin afectan al orden de apilamiento. Por ejemplo, si un
documento tiene dos capas denominadas Capa 1 y Capa 2 y la Capa 1 se
encuentra debajo de la Capa 2 en el panel Capas, entonces el contenido de la Capa
2 aparece delante del contenido de la Capa 1. Para cambiar el orden de las capas,
arrastre la capa del panel Capas a otra posicin. Consulte Capas y
enmascaramiento en la pgina 203.
Elija Modificar > Organizar > Poner en primer plano o Enviar al fondo para
situar el objeto o grupo en el primer plano o en el fondo del orden de
apilamiento.
Elija Modificar > Organizar > Traer hacia adelante o Enviar hacia atrs para
mover el objeto o grupo una posicin hacia arriba o hacia abajo en el orden de
apilamiento.
Si se selecciona ms de un grupo, los grupos se sitan delante o detrs de todos los
grupos no seleccionados, al mismo tiempo que mantienen su orden unos respecto
a otros.
Alineacin de objetos
Los comandos de Alinear del men Modificar permiten alinear los objetos
seleccionados sobre el eje horizontal o vertical. Los objetos pueden alinearse
verticalmente en el borde derecho, izquierdo o en el centro de los objetos
seleccionados u horizontalmente a lo largo del borde superior, inferior o en el
centro de los objetos seleccionados. Los bordes se determinan mediante recuadros
delimitadores que abarcan cada objeto seleccionado.
Gracias a los comandos de Alinear, los objetos seleccionados se pueden distribuir
de manera que los centros y los bordes se separen de forma uniforme. Es posible
cambiar el tamao de los objetos seleccionados para que las dimensiones
horizontales o verticales de todos los objetos coincidan con los del objeto
seleccionado ms grande. Tambin se pueden alinear los objetos seleccionados en
el lienzo. A los objetos seleccionados se les puede aplicar uno o ms comandos
Alinear.
Elija Modificar > Alinear > Izquierda para alinear los objetos con el objeto
seleccionado situado ms a la izquierda.
98 Captulo 4
ES FW4UM.book Page 99 Monday, November 20, 2000 1:33 PM
Elija Modificar > Alinear > Centrar verticalmente para alinear los puntos
centrales de los objetos en el eje vertical.
Elija Modificar > Alinear > Derecha para alinear los objetos con el objeto
seleccionado situado ms a la derecha.
Elija Modificar > Alinear > Arriba para alinear los objetos con el objeto
seleccionado situado ms arriba.
Elija Modificar > Alinear > Centrar horizontalmente para alinear los puntos
centrales de los objetos en el eje horizontal.
Elija Modificar > Alinear > Abajo para alinear los objetos con el objeto
seleccionado situado ms abajo.
Elija Modificar > Alinear > Distribuir anchuras o Modificar > Alinear > Distribuir
alturas.
100 Captulo 4
ES FW4UM.book Page 101 Monday, November 20, 2000 1:33 PM
CAPTULO 5
Trabajo con objetos vectoriales
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
101
ES FW4UM.book Page 102 Monday, November 20, 2000 1:33 PM
Cuando Fireworks se encuentra en modo Mapa de bits, el lienzo est rodeado por
un borde rayado.
102 Captulo 5
ES FW4UM.book Page 103 Monday, November 20, 2000 1:33 PM
Nota: Con las herramientas de formas bsicas se pueden pintar pxeles en modo Mapa de
bits. Consulte Pintura en modo Mapa de bits en la pgina 135.
Para dibujar una lnea, un rectngulo o una elipse a partir de un punto central
concreto:
Arrastre un punto.
Introduzca nuevos valores de anchura (An.) o altura (Al.) en el panel
Informacin.
Elija Transformar > Escala y arrastre un tirador de control.
Dibujo de polgonos
Con la herramienta Polgono se pueden dibujar todos los polgonos equilteros,
desde un tringulo hasta un polgono de 360 caras.
104 Captulo 5
ES FW4UM.book Page 105 Monday, November 20, 2000 1:33 PM
Dibujo de estrellas
Con la opcin Estrella de la herramienta Polgono, se pueden dibujar estrellas con
entre 3 y 360 puntos y toda la gama de ngulos de punto.
Los atributos de relleno y de trazo de los trazados pueden cambiarse con las
herramientas Lpiz y Pincel. Consulte Aplicacin de colores, trazos y rellenos en
la pgina 157. Las herramientas Lpiz y Pincel tambin pueden utilizarse en modo
Mapa de bits. Consulte Trabajo con mapas de bits en la pgina 125.
1 Haga doble clic en la herramienta Lpiz para abrir el panel Opciones, y elija o
anule la seleccin de las opciones de la herramienta Lpiz:
Suavizado aplica un borde suave a las lneas que se dibujan.
Borrado automtico dibuja el color de relleno en el trazo.
Preservar transparencia restringe el dibujo de trazos de la herramienta Lpiz a
los pxeles existentes, sin permitirlo en las zonas transparentes de la imagen.
Esta opcin solo funciona en el modo mapa de bits.
2 El nombre del trazo tambin puede cambiarse por 1 pxel blando, Lpiz
coloreado o Pintada en el panel Trazo. El color del trazo puede cambiarse con
cualquier cuadro de colores de trazo. Consulte Dibujo y pintura de trazados de
estilo libre en la pgina 105.
3 Para dibujar, arrastre el ratn. Para restringir el trazado a una lnea vertical u
horizontal, mantenga pulsada la tecla Mays mientras arrastra el ratn.
4 Suelte el botn del ratn para terminar el trazado. Para cerrar el trazado, suelte
el botn del ratn cuando el cursor haya regresado al punto de inicio del
trazado.
Nota: Con la herramienta Lpiz se pueden pintar pxeles en modo Mapa de bits. Consulte
Pintura en modo Mapa de bits en la pgina 135.
106 Captulo 5
ES FW4UM.book Page 107 Monday, November 20, 2000 1:33 PM
De esta forma, es posible editar una pintura entera sin tener que borrar ni volver a
dibujar trazos.
Tambin puede modificar los trazos existentes y aadir rellenos para seleccionar
objetos dibujados con la herramienta Pincel. Los parmetros de trazo y relleno
modificados se mantienen en usos posteriores de la herramienta dentro del
documento actual. Si se cambia la categora del trazo a Lpiz con la herramienta
Pincel an activa, la prxima vez que se use volver a la categora de trazo Bsico.
Adems de conectar los puntos con segmentos rectos, la herramienta Pluma puede
dibujar lo que se conoce como curvas Bezier, que son segmentos curvos de
derivacin matemtica. Cada tipo de punto, ya sea punto de esquina o de curva,
determina si las curvas adyacentes son lneas rectas o curvas.
Un punto de esquina indica que al menos uno de los segmentos adyacentes es
recto.
Un punto de curva indica que al menos uno de los segmentos adyacentes es
curvo.
Todos los puntos de los objetos vectoriales, se hayan dibujado con la herramienta
Pluma o con cualquier otra herramienta de dibujo de Fireworks, tienen tiradores
de control. La posicin del tirador de control de cada punto determina la forma de
los segmentos adyacentes. La forma de los objetos vectoriales se puede cambiar si
se arrastran los tiradores de control con las herramientas Pluma o Subseleccin.
Tambin puede cambiar la forma de un objeto cambiando un punto de recto a
curvo.
Herramienta Pluma
108 Captulo 5
ES FW4UM.book Page 109 Monday, November 20, 2000 1:33 PM
110 Captulo 5
ES FW4UM.book Page 111 Monday, November 20, 2000 1:33 PM
Tirador de punto
Puntero
Trazado
Punto seleccionado
Por ejemplo, arrastre el tirador de control izquierdo hacia abajo. Observe cmo
sube el tirador de control derecho.
112 Captulo 5
ES FW4UM.book Page 113 Monday, November 20, 2000 1:33 PM
Con la herramienta Pluma, haga clic en cualquier lugar del trazado que no
contenga un punto.
Seleccin de puntos
Con la herramienta Pluma slo se puede seleccionar un punto. Para seleccionar
varios puntos, utilice la herramienta Subseleccin y mantenga pulsada Mays
mientras hace clic en cada punto. O bien, arrastre la herramienta Subseleccin
alrededor de los puntos que desea seleccionar.
Antes de seleccionar un punto con la herramienta Pluma, seleccione el trazado con
la herramienta Puntero. Si no lo hace, la herramienta Pluma dibujar un nuevo
trazado en lugar de seleccionar un punto del trazado existente.
114 Captulo 5
ES FW4UM.book Page 115 Monday, November 20, 2000 1:33 PM
2 Haga clic en un punto, o mantenga pulsada Mays y haga clic en varios puntos
uno a uno.
Para ver los tiradores ms prximos del punto de curva en los lados de un punto de
esquina:
Tirador de punto
Puntero Subseleccin
Trazado
Punto seleccionado
Herramientas de edicin del modo Vector: Estilo libre, Remodelar rea, Depurador de
trazados, Volver a dibujar trazado y Cuchillo
La herramienta Estilo libre empuja un segmento del trazado; el nuevo trazado refleja
la reduccin
116 Captulo 5
ES FW4UM.book Page 117 Monday, November 20, 2000 1:33 PM
Cuando el cursor est dentro, el trazado se puede ampliar. Cuando no est dentro,
se puede reducir. El tamao del cursor de reduccin puede cambiarse.
3 Arrastre el trazado.
Para cambiar el tamao del cursor de reduccin, siga una de estas indicaciones:
Distorsin de trazados
Utilice la herramienta Remodelar rea para ampliar el rea de todos los trazados
seleccionados dentro del crculo exterior del cursor de esta herramienta.
Haga clic y mantenga pulsado el botn del ratn mientras pulsa 2 o la tecla de
flecha Derecha para aumentar el tamao del cursor.
118 Captulo 5
ES FW4UM.book Page 119 Monday, November 20, 2000 1:33 PM
Haga clic y mantenga pulsado el botn del ratn mientras pulsa 1 o la tecla de
flecha Izquierda para reducir el tamao del cursor.
Para establecer el tamao del cursor y la longitud de segmento del trazado
afectado, introduzca un valor del 1 al 500 en el cuadro de texto Tamao del
panel Opciones. Este valor indica el tamao en pxeles del cursor.
Para establecer la fuerza del crculo interior del cursor de Remodelar rea:
Introduzca un valor del 1 al 100 en el cuadro de texto Fuerza del panel Opciones.
Este valor indica el porcentaje de fuerza del cursor. A mayor porcentaje, mayor
fuerza.
120 Captulo 5
ES FW4UM.book Page 121 Monday, November 20, 2000 1:33 PM
Para combinar trazados cerrados en otro trazado que abarque el rea completa de
los originales:
Elija Modificar > Combinar > Unir. El trazado de resultado utiliza los atributos de
trazo y relleno del objeto situado detrs.
Para crear un trazado cerrado que abarque el rea comn a todos los trazados
cerrados seleccionados:
Elija Modificar > Combinar > Intersectar. El trazado de resultado utiliza los
atributos de trazo y relleno del objeto de trazado situado detrs.
Recorte de un trazado
Puede eliminar porciones de un trazado fuera del rea definida por otro trazado
seleccionado que est situado delante.
Simplificacin de un trazado
Puede suprimir puntos de un trazado manteniendo su forma global.
122 Captulo 5
ES FW4UM.book Page 123 Monday, November 20, 2000 1:33 PM
Expansin de un trazo
Puede convertir el permetro del trazo del trazado seleccionado en otro trazado
cerrado. El resultado crea la ilusin de un trazado sin relleno y con el mismo trazo
que el relleno del objeto original.
1 Elija Modificar > Modificar el trazado > Expandir trazo, para abrir el cuadro de
dilogo Expandir trazo.
1 Elija Modificar > Modificar el trazado > Cambiar el tamao, para abrir el
cuadro de dilogo Modificar tamao de trazado.
2 Elija una direccin para contraer o expandir el trazado:
Hacia dentro contrae el trazado.
Hacia afuera expande el trazado.
3 Establezca la anchura entre el trazado original y el que va a contraer o expandir.
4 Especifique un tipo de esquina: en ngulo, redonda o biselada.
5 Si elige la esquina en ngulo, establezca el ngulo mnimo, que es el punto en
que una esquina de este tipo se convierte automticamente en otra biselada. El
ngulo mnimo es la relacin entre la longitud de la esquina en ngulo y la
anchura del trazo.
6 Haga clic en Aceptar.
Un objeto de trazado ms pequeo o ms grande con los mismos atributos de
trazo y relleno reemplazar al objeto original.
124 Captulo 5
ES FW4UM.book Page 125 Monday, November 20, 2000 1:33 PM
CAPTULO 6
Trabajo con mapas de bits . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
Las imgenes de mapas de bits estn compuestas de pxeles, que son pequeos
cuadrados que se combinan como las teselas de un mosaico para crear una imagen.
Un ejemplo de imagen de mapa de bits sera una fotografa en color digitalizada.
Adems de las herramientas de dibujo y edicin de vectores, Fireworks dispone de
una gran variedad de herramientas para el tratamiento de imgenes de mapas de
bits.
Entre las opciones de edicin de mapas de bits se incluyen la pintura y el dibujo
con las herramientas tradicionales de aplicaciones de edicin de mapas de bits, el
cambio de color de los pxeles, la eliminacin de pxeles, la duplicacin de
elementos de la imagen con la herramienta Sello, el fundido de los bordes de la
imagen, el recorte de las imgenes y su transformacin.
125
ES FW4UM.book Page 126 Monday, November 20, 2000 1:33 PM
126 Captulo 6
ES FW4UM.book Page 127 Monday, November 20, 2000 1:33 PM
Botn Detener
Elija Ver > Ocultar bordes. Al salir del modo Mapa de bits, se desactiva la opcin
Ocultar bordes.
128 Captulo 6
ES FW4UM.book Page 129 Monday, November 20, 2000 1:33 PM
1 Haga doble clic en la herramienta Recuadro o Recuadro oval para abrir el panel
Opciones de herramientas.
2 Elija opciones de Estilo y Borde.
3 Arrastre el ratn para seleccionar pxeles.
Nota: Mantenga pulsada la tecla Mays para dibujar recuadros cuadrados o circulares.
Mantenga pulsada la tecla Alt (Windows) u Opcin (Macintosh) para empezar a dibujar
desde el centro.
1 Haga doble clic en la herramienta Lazo polgono para abrir el panel Opciones
de herramientas y elija una opcin de Borde.
2 Haga clic para definir el contorno de la seleccin.
3 Cierre el polgono:
Haga clic en el punto inicial.
Haga doble clic en el espacio de trabajo.
Nota: Mantenga pulsada la tecla Mays para restringir los segmentos de la herramienta
Lazo poligonal a incrementos de 45 grados.
1 Haga doble clic en la herramienta Varita mgica para abrir el panel Opciones de
herramientas.
130 Captulo 6
ES FW4UM.book Page 131 Monday, November 20, 2000 1:33 PM
2 Elija una opcin de Borde y arrastre el control deslizante para establecer el nivel
de tolerancia.
La tolerancia permite establecer la gama de colores que se seleccionan al hacer
clic en un pxel con la herramienta Varita mgica. Si introduce el valor 0 y hace
clic en un pxel, slo se seleccionan los pxeles adyacentes que tengan
exactamente el mismo color. Si introduce el valor 65, se selecciona una amplia
gama de colores afines.
3 Haga clic en el rea cuyo color desee seleccionar. Alrededor de los pxeles
seleccionados aparece un recuadro.
Dibuje otro recuadro o haga clic fuera de la seleccin actual con la herramienta
recuadro o lazo.
Elija Editar > Anular seleccin.
Salga del modo Mapa de bits.
Mantenga pulsada Mays mientras selecciona el rea de pxeles que desea aadir.
Se pueden aadir pxeles a la seleccin aunque no sean adyacentes a la seleccin
original.
132 Captulo 6
ES FW4UM.book Page 133 Monday, November 20, 2000 1:33 PM
Recuadro original
134 Captulo 6
ES FW4UM.book Page 135 Monday, November 20, 2000 1:33 PM
136 Captulo 6
ES FW4UM.book Page 137 Monday, November 20, 2000 1:33 PM
Borrado de pxeles
Utilice la herramienta Borrador para eliminar pxeles, o para pintar los pxeles con
un color diferente.
Herramienta Borrador
1 Elija Modificar > Recuadro > Fundido para abrir el cuadro de dilogo Seleccin
de fundido.
2 Escriba un valor para establecer el radio del fundido y haga clic en Aceptar.
El valor del radio determina el nmero de pxeles que se desenfocan a cada lado
del borde de seleccin.
Herramienta Sello
La clonacin es til cuando se quiere arreglar una fotografa que presenta rayas.
Basta con duplicar un rea de la foto y colocarla sobre el rea de la raya.
138 Captulo 6
ES FW4UM.book Page 139 Monday, November 20, 2000 1:33 PM
Herramienta Recortar
1 Elija Editar > Recortar mapa de bits seleccionado. Aparecen los tiradores de
recorte.
2 Ajuste los tiradores de recorte hasta que el recuadro delimitador abarque el rea
de la imagen de mapa de bits que desee conservar:
Arrastre los tiradores.
Mantenga pulsada la tecla Mays y utilice las teclas de flecha.
3 Haga doble clic dentro del recuadro delimitador o pulse Intro para recortar la
imagen. Los elementos situados fuera del cuadro delimitador se eliminan.
Para cancelar el comando de recorte, pulse la tecla Esc.
140 Captulo 6
ES FW4UM.book Page 141 Monday, November 20, 2000 1:33 PM
CAPTULO 7
Uso de texto
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
Fireworks tiene numerosas funciones de texto que suelen reservarse para las
aplicaciones de edicin de sobremesa ms sofisticadas. Puede crear texto en una
gran variedad de fuentes y tamaos, ajustando su acercamiento, espaciado, color,
interlineado, lnea de base y otras caractersticas. La combinacin de las funciones
de edicin de texto de Fireworks con la amplia variedad posible de trazos, rellenos,
efectos y estilos har que los textos sean un elemento vivo de sus diseos grficos.
La posibilidad de editar el texto en cualquier momento, incluso despus de aplicar
efectos automticos como sombras o biseles, facilita la correccin de errores
ortogrficos. Tambin podr copiar objetos que incluyan texto y cambiar el texto
en cada copia. El texto vertical, el texto transformado, el texto anexo a un trazado
y el texto convertido en trazado o imgenes, aumenta ms las posibilidades del
diseo.
Puede importar texto sin que pierda sus atributos de RTF (Rich Text Format).
Adems, cuando se importa un documento de Photoshop, el texto que contiene
sigue siendo editable. Fireworks se ocupa de las fuentes no instaladas al realizar
una importacin solicitando al usuario que elija una fuente de sustitucin.
141
ES FW4UM.book Page 142 Monday, November 20, 2000 1:33 PM
Introduccin de texto
Introduzca, asigne formato y modifique el texto de los grficos utilizando la
herramienta Texto y el Editor de texto.
Herramienta Texto
Editor de texto
142 Captulo 7
ES FW4UM.book Page 143 Monday, November 20, 2000 1:33 PM
Edicin de texto
Dentro de un bloque de texto se pueden cambiar todos los aspectos, como el
tamao, fuente, espaciado, interlineado y lnea de base del texto.
Los atributos de un bloque de texto pueden cambiarse con el men Texto o con el
Editor de texto. El men Texto ofrece un mtodo rpido para cambiar atributos.
Si necesita realizar modificaciones detalladas, mejor utilice el Editor de texto.
Al editar texto, sus atributos de trazo, relleno y efecto tambin se actualizan.
144 Captulo 7
ES FW4UM.book Page 145 Monday, November 20, 2000 1:33 PM
1 Seleccione el bloque o los bloques de texto. Puede cambiar los atributos de uno
o ms bloques de texto de forma simultnea, si mantiene pulsada la tecla Mays
mientras selecciona los bloques.
2 Para cambiar la fuente, elija Texto > Fuente y seleccinela en el submen.
3 Para cambiar el tamao de fuente, elija Texto > Tamao y seleccione el tamao
en el submen.
4 Para cambiar el estilo, elija Texto > Estilo y seleccione un estilo en el submen.
Interlineado
Lnea de base
Expansin
Mens emergentes de Interlineado (arriba) y Lnea base (abajo)
146 Captulo 7
ES FW4UM.book Page 147 Monday, November 20, 2000 1:33 PM
Cero representa el ajuste normal. Los valores positivos alejan las letras entre s.
Los valores negativos acercan las letras.
Utilice el Editor de texto para establecer la orientacin y direccin del texto. Estas
configuraciones se aplican slo a bloques de texto completos.
Botones del Editor de texto para la orientacin, alineacin y direccin del texto
Definicin de la alineacin
La alineacin determina la posicin de cada lnea de texto en un prrafo en
relacin a los bordes izquierdo y derecho del bloque de texto. El texto se puede
alinear hacia el borde izquierdo o derecho del bloque, se puede centrar en su
interior, o se puede alinear hacia los bordes izquierdo y derecho a la vez
(justificacin completa). De forma predeterminada, el texto se alinea hacia la
izquierda.
Para lograr un efecto de estiramiento o encajar el texto en un determinado espacio,
puede establecer la alineacin de manera que el texto se estire para llenar el bloque
horizontalmente, en el caso de texto orientado en esa direccin, o verticalmente,
en el caso de texto con orientacin vertical).
148 Captulo 7
ES FW4UM.book Page 149 Monday, November 20, 2000 1:33 PM
Elija un color en la ventana emergente del cuadro de color del Editor de texto.
Seleccione el bloque de texto y elija un color en la ventana emergente del
cuadro de color del panel Efecto.
150 Captulo 7
ES FW4UM.book Page 151 Monday, November 20, 2000 1:33 PM
152 Captulo 7
ES FW4UM.book Page 153 Monday, November 20, 2000 1:33 PM
Transformacin de texto
Puede transformar los bloques de texto de la misma manera que puede
transformar otros objetos. Puede escalar, rotar, inclinar y reflejar texto para crear
efectos originales.
Importacin de texto
Puede utilizar texto de otros documentos si lo arrastra y coloca o lo copia y pega de
un documento fuente en el documento de Fireworks actual.
Tambin puede abrir o importar un archivo de texto completo en Fireworks.
Fireworks puede importar los siguientes formatos de texto:
RTF (rich text format)
ASCII (slo texto)
154 Captulo 7
ES FW4UM.book Page 155 Monday, November 20, 2000 1:33 PM
156 Captulo 7
ES FW4UM.book Page 157 Monday, November 20, 2000 1:33 PM
CAPTULO 8
Aplicacin de colores, trazos. . y. . rellenos
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . .
157
ES FW4UM.book Page 158 Monday, November 20, 2000 1:33 PM
Eleccin de colores
Se puede utilizar el panel Muestras para elegir un nuevo color conforme se crean
elementos grficos. Los colores del panel Muestras tambin aparecen en las
ventanas emergentes de los cuadros de color de los paneles Trazo y Relleno, del
Mezclador de colores y del panel Efecto.
Panel Muestras
Aplicacin de colores
Para aplicar colores al trazo o relleno de los objetos de un trazado se puede utilizar
el panel Muestras o una ventana emergente de cuadros de color.
158 Captulo 8
ES FW4UM.book Page 159 Monday, November 20, 2000 1:33 PM
Muestreo de colores
Se puede tomar un color de cualquier parte de la pantalla, incluidos otros
documentos abiertos de Fireworks, y aplicarlo a los objetos seleccionados. Este
proceso se denomina muestreo y permite identificar y utilizar exactamente los
colores necesarios para editar e integrar elementos grficos. Tambin se puede
identificar el valor hexadecimal de cualquier color antes o despus de aplicarlo a
los objetos seleccionados.
Nota: Para ello, debe de utilizarse el modo de color de 24 32 bits.
Elija un conjunto de colores en el men emergente Opciones del panel del cuadro
de color. El ajuste predeterminado es el que utiliza el panel Muestras.
160 Captulo 8
ES FW4UM.book Page 161 Monday, November 20, 2000 1:33 PM
Elija Ordenar por colores en el men emergente Opciones del panel Muestras.
162 Captulo 8
ES FW4UM.book Page 163 Monday, November 20, 2000 1:33 PM
Creacin de colores
Cree sus propios colores y aplquelos a los objetos, adalos al panel Muestras, o
utilcelos para formar un nuevo grupo de muestras. Puede crear colores utilizando
el Mexclador de colores o seleccionar colores mediante el selector de colores del
sistema.
Puede crear sus propios colores utilizando cualquiera de los siguientes modelos:
RVA, Hexadecimal, MSB, CMA y Escala de grises.
De manera predeterminada, el Mezclador de colores identifica los colores RVA
segn el sistema de color hexadecimal, presentando los valores correspondientes
del rojo (R), el verde (V) y el azul (A). Los valores RVA hexadecimales se calculan
a partir de la serie comprendida entre 00 y FF.
RVA Valores de rojo, verde y azul, donde cada componente puede tener un
valor entre 0 y 255. 0-0-0 corresponde al negro y 255-255-255 al
blanco.
Hexadecimal Valores de rojo, verde y azul, donde cada componente puede tener un
valor hexadecimal comprendido entre 00 y FF. 00-00-00
corresponde al negro y FF-FF-FF al blanco.
Escala de grises Un porcentaje del color negro. El componente Negro (N) tiene un valor
comprendido entre el 0 y el 100%, donde 0 representa el color blanco,
100 el color negro, y entre ambos hay tonos de gris.
Con la tecla Mays presionada, haga clic en la barra de colores situada en la base
del panel Mezclador de colores.
Las opciones del Mezclador de colores no cambian.
1 Anule la seleccin de todos los objetos antes de mezclar un color, para impedir
que se editen objetos no deseados al mezclar los colores.
2 Haga clic en el cuadro de color de trazo o de relleno para seleccionarlo como
destino del nuevo color.
3 Elija un modelo de color en el men emergente Opciones del Mezclador de
colores.
4 Especifique los valores de los componentes del color:
Escriba valores en los cuadros de texto de los componentes de color.
Utilice los controles deslizantes emergentes.
Seleccione un color en la barra de colores.
Puede aadir el color al panel Muestras para volver a utilizarlo. Para obtener
informacin, consulte Personalizacin del panel Muestras en la pgina 160.
164 Captulo 8
ES FW4UM.book Page 165 Monday, November 20, 2000 1:33 PM
Para ver el valor de color de cualquier parte del documento desde el panel
Informacin:
Site el cursor sobre el objeto que contiene el color que desea ver.
Aplicacin de trazos
Los atributos de trazo de las herramientas Pluma, Lpiz y Pincel pueden cambiarse
con el fin de aplicar los nuevos atributos al siguiente objeto que se dibuje; tambin
es posible aplicar atributos a los objetos una vez dibujados. Solo pueden aplicarse
trazos a objetos de texto o de vectores.
El color de trazo vigente aparece en el cuadro de color del trazo del panel
Herramientas. Si desea cambiar el color de trazo de una herramienta de dibujo,
utilice el panel Herramientas.
El color de trazo, as como otros atributos del trazo, tambin puede cambiarse en
el panel Trazo. Asimismo, se puede elegir entre gran variedad de puntas de pincel y
tamaos de punta. Consulte Cambio de trazos en la pgina 167.
Elija una muestra de color en la ventana emergente del cuadro de color de trazo o
de relleno del panel Herramientas.
Haga clic en el botn Intercambiar colores del Mezclador de colores o del panel
Herramientas.
166 Captulo 8
ES FW4UM.book Page 167 Monday, November 20, 2000 1:33 PM
Haga clic en el botn Sin trazo ni relleno. El trazo o relleno actuales se establece en
Ninguno.
Cambio de trazos
Se pueden cambiar trazos para crear trazados con una serie determinada de
caractersticas de pluma o pincel, desde trazados finos tipo lpiz hasta pinturas
anchas tiras que recuerdan a la pintura con aerosol o con leo. Las texturas de
trazo aumentan el nmero de posibilidades creativas.
Con el panel Trazo y el cuadro de dilogo Editar trazo, se puede controlar
totalmente cada caracterstica del pincel, como la cantidad de tinta, el tamao y
forma de la punta, la textura, el efecto de los bordes y el aspecto. Asimismo, los
ajustes de sensibilidad permiten controlar cmo una pluma sensible a la presin
afecta al aspecto de los trazos. Tambin puede guardar el pincel resultante para
utilizarlo ms adelante.
Los trazos de pincel recin creados adoptan el color actual que aparece en el
cuadro de color de trazo.
1 En el panel Trazo, elija a categora del trazo, como por ejemplo Lpiz, Aceite o
Acuarela en el men emergente Categora del trazo.
2 Elija un trazo en el men emergente Nombre del trazo.
3 Para cambiar el color del trazo, elija una muestra en la ventana emergente del
cuadro de color.
4 Modifique la suavidad de los bordes con el control deslizante de Suavidad de
bordes, situado junto a la presentacin preliminar de Punta.
5 Elija una textura en el men emergente Textura, e introduzca un valor de
intensidad. Para ms informacin, consulte Adicin de textura a trazos y
rellenos en la pgina 175.
Nota: Algunas categoras de trazos tienen aplicada una textura predeterminada.
Almacenamiento de trazos
Se pueden cambiar determinadas caractersticas del trazo, como la cantidad de
tinta o la forma y sensibilidad de la punta, y guardar estas caractersticas personales
del trazo a modo de estilo, para volver a utilizarlo en otros documentos. Para
obtener informacin sobre cmo guardar estilos, consulte Uso de bibliotecas,
estilos y URL en la pgina 221.
Para guardar trazos personales exclusivamente en el documento actual, utilice el
men emergente Opciones del panel Trazo para modificar los atributos de trazo de
pincel. Se pueden modificar los atributos del trazo o crear y guardar trazos
personales propios.
Trazo centrado, trazo dentro del trazado y trazo fuera del trazado
168 Captulo 8
ES FW4UM.book Page 169 Monday, November 20, 2000 1:33 PM
Utilice los botones de Situacin del trazo del panel Objeto para cambiar la
orientacin de las pinceladas.
Aplicacin de rellenos
Los atributos de relleno de las herramientas de dibujo Rectngulo, Rectngulo
redondeado, Elipse y Polgono pueden modificarse para aplicar los nuevos
atributos al siguiente objeto de este tipo que se dibuje. Puede dibujar objetos con
rellenos slidos, degradados o de patrn.
El color de relleno actual aparece en el cuadro de color de relleno del panel
Herramientas. Si desea cambiar el relleno de una herramienta de dibujo, utilice el
panel Herramientas.
Cambio de rellenos
Los cambios de relleno permiten crear trazados que combinen caractersticas de
solidez, transparencia, trama o degradados, desde colores slidos hasta otros
degradados que recuerdan el satn, ondas o pliegues. Tambin pueden cambiarse
atributos de relleno, como por ejemplo el color, el borde, la textura o la
transparencia.
Los rellenos de degradado personales se pueden guardar para utilizarlos en el
documento actual o en otros. Para guardar el relleno degradado y utilizarlo en
varios documentos, gurdelo como si fuera un estilo. Para obtener ms
informacin sobre los estilos, consulte Uso de bibliotecas, estilos y URL en la
pgina 221.
Cuando se crea un nuevo relleno, este adopta el color actual que aparece en el
cuadro de color de relleno del panel panel Efecto.
170 Captulo 8
ES FW4UM.book Page 171 Monday, November 20, 2000 1:33 PM
Pendiente de color
Presentacin
preliminar
172 Captulo 8
ES FW4UM.book Page 173 Monday, November 20, 2000 1:33 PM
Utilice los tiradores de relleno para ajustar de forma interactiva un relleno de patrn o
degradado.
Arrastre el tirador redondo, o haga clic en otra posicin del relleno con la
herramienta Cubo de pintura.
174 Captulo 8
ES FW4UM.book Page 175 Monday, November 20, 2000 1:33 PM
1 En el panel Relleno, elija una opcin en el men emergente Borde: Borde duro,
Suavizado o Fundido.
2 Para obtener un borde fundido, elija tambin el nmero de pxeles que se
fundirn a cada lado del borde. El nmero predeterminado es 10. Puede elegir
entre el 0 y el 100. Cuanto ms sea el nivel, mayor es el grado de fundicin.
176 Captulo 8
ES FW4UM.book Page 177 Monday, November 20, 2000 1:33 PM
178 Captulo 8
ES FW4UM.book Page 179 Monday, November 20, 2000 1:33 PM
CAPTULO 9
Ajuste de color y tono
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
Los filtros del men Xtras y del panel de efectos automticos ayudan a mejorar los
colores en las imgenes de mapa de bits. Fireworks incluye muchos filtros nuevos
de ajuste de colores. que permiten ajustar el contraste, el brillo, el matiz y la
saturacin del color, as como el rango tonal de una imagen.
Adems, los filtros permiten desenfocar o perfilar una imagen y crear una
presentacin exclusiva mediante la asignacin de colores o la inversin de stos.
Sin embargo, estos filtros no son los nicos. Pueden aadirse filtros de conexin
de Photoshop al men Xtras y al panel de efectos automticos.
Estos filtros se utilizan sobre todo para imgenes de mapa de bits, como fotografas
digitales. No obstante, tambin pueden aplicarse a objetos vectoriales. La
aplicacin de un filtro a un objeto vectorial a travs del men Xtras convierte el
objeto en un mapa de bits.
Los efectos que se crean con estos filtros son reversibles; se puede utilizar el
comando Deshacer o el panel Historial. Adems, los filtros aplicados desde el
panel de efectos automticos son reversibles y se pueden modificar a travs del
mismo panel.
179
ES FW4UM.book Page 180 Monday, November 20, 2000 1:33 PM
Histograma
180 Captulo 9
ES FW4UM.book Page 181 Monday, November 20, 2000 1:33 PM
182 Captulo 9
ES FW4UM.book Page 183 Monday, November 20, 2000 1:33 PM
Al abrir el cuadro de dilogo Curvas por primera vez, la lnea diagonal indica que
no se han realizado cambios y, por consiguiente, los valores de entrada y salida son
los mismos para todos los pxeles.
Nota: Al hacer clic en el botn Auto se obtienen los mismos resultados que al hacer clic en
el botn Auto del cuadro de dilogo Niveles.
184 Captulo 9
ES FW4UM.book Page 185 Monday, November 20, 2000 1:33 PM
Original
2 Elija Xtras > Ajustar color > Brillo/Contraste. Se abre el cuadro de dilogo
Brillo/Contraste.
1 En el men emergente del panel Efecto elija Ajustar color > Relleno de color.
2 Seleccione un modo de mezcla. El valor predeterminado es Normal.
Para ms informacin sobre los modos de mezcla, consulte Acerca de los
modos de mezcla en la pgina 216.
3 Elija un color de relleno en el men emergente de muestras de color.
4 Elija un porcentaje de opacidad para el color de relleno y pulse Intro.
186 Captulo 9
ES FW4UM.book Page 187 Monday, November 20, 2000 1:33 PM
Original
Despus de la inversin
188 Captulo 9
ES FW4UM.book Page 189 Monday, November 20, 2000 1:33 PM
Elija Desenfocar > Desenfoque gaussiano en el men emergente del panel Efecto.
Original
190 Captulo 9
ES FW4UM.book Page 191 Monday, November 20, 2000 1:33 PM
Original
Despus de perfilar
192 Captulo 9
ES FW4UM.book Page 193 Monday, November 20, 2000 1:33 PM
10
CAPTULO 10
Aplicacin de efectos automticos
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
Los efectos de Fireworks son automticos, es decir al editar un objeto los resultados se
ven conforme se aplican. Estos efectos pueden activarse y desactivarse con facilidad, lo
que simplifica la comparacin de las distintas versiones de un grfico.
Fireworks incluye una amplia seleccin de trazos y rellenos con los que se pueden crear
una amplia gama de atractivos grficos para el sitio Web. Pero, qu le parecera poder
crear un borde biselado alrededor de los botones para simular un relieve? O generar
un iluminado suave que emane de una imagen? O, incluso aadir una sutil sombra
para aadir profundidad al texto?
Estos y otros muchos efectos se aplican con facilidad en Fireworks. Adems, puede
aplicar efectos a un objeto con solo hacer clic en el panel Efecto. Los efectos
automticos se pueden editar y eliminar con la facilidad con la que se aplican.
En Fireworks 4 se pueden utilizar filtros de Xtras, como Desenfoque gaussiano y
Perfilado, para los Efectos automticos. Una gran cantidad de filtros de conexin de
Photoshop tienen ahora la flexibilidad de los Efectos automticos.
Panel Efecto
193
ES FW4UM.book Page 194 Monday, November 20, 2000 1:33 PM
194 Captulo 10
ES FW4UM.book Page 195 Monday, November 20, 2000 1:33 PM
Anchura de bisel
Contraste
Suavidad
ngulo del bisel
1 Abra el men emergente Efecto para obtener una lista de los efectos
disponibles.
2 Elija un efecto Relieve:
Bisel y Relieve > Relieve hundido
Bisel y Relieve > Relieve elevado
3 Edite la configuracin del efecto en la ventana emergente de edicin.
Si desea que aparezca el objeto original, seleccione Mostrar objeto.
4 Al finalizar, haga clic fuera de la ventana de edicin o pulse Intro para cerrarla.
196 Captulo 10
ES FW4UM.book Page 197 Monday, November 20, 2000 1:33 PM
Nota: Para la compatibilidad con versiones anteriores, los efectos de relieve en objetos de
documentos anteriores se abren sin seleccionar la casilla de verificacin Mostrar objeto.
1 Abra el men emergente Efecto para obtener una lista de los efectos disponibles.
2 Elija una opcin de sombra:
Sombrear e iluminar > Sombra
Sombrear e iluminar > Sombra interior
3 Edite la configuracin del efecto en la ventana emergente de edicin:
Arrastre el control deslizante de distancia para definir la distancia de la sombra
respecto al objeto.
Arrastre el control deslizante de opacidad para definir el porcentaje de
transparencia en la sombra.
Seleccione Slo sombra para ocultar el objeto y mostrar slo la sombra.
4 Al finalizar, haga clic fuera de la ventana de edicin o pulse Intro para cerrarla.
1 Abra el men emergente Efecto para obtener una lista de los efectos
disponibles.
2 Elija Sombrear e iluminar > Iluminado.
3 Edite la configuracin del efecto en la ventana emergente de edicin:
Arrastre el control deslizante Desplazamiento para indicar la distancia del
resplandor con respecto al objeto.
Arrastre el control deslizante de opacidad para definir el grado de transparencia
del iluminado.
Seleccione el men emergente del cuadro de color para definir el color de
iluminado.
4 Al finalizar, haga clic fuera de la ventana de edicin o pulse Intro para cerrarla.
Para ms informacin sobre efectos, consulte Ajuste del rango tonal con los
cuentagotas en la pgina 184.
1 En el panel Efecto, haga clic al botn Informacin situado junto al efecto que
desea editar. Se abre una ventana de edicin emergente o un cuadro de dilogo.
Nota: Si no se puede editar uno de los efectos, el botn Informacin aparece atenuado.
Por ejemplo, no se puede editar Niveles automticos.
198 Captulo 10
ES FW4UM.book Page 199 Monday, November 20, 2000 1:33 PM
Por ejemplo, aplique el efecto Bisel interior antes de aplicar los efectos Bisel
exterior, Iluminado o Sombra.
200 Captulo 10
ES FW4UM.book Page 201 Monday, November 20, 2000 1:33 PM
Elija Todo activado y Todo desactivado en el men emergente Opciones del panel
Efecto.
Para obtener informacin sobre la eliminacin permanente de los efectos, consulte
Eliminacin de efectos automticos en la pgina 199.
202 Captulo 10
ES FW4UM.book Page 203 Monday, November 20, 2000 1:33 PM
11
CAPTULO 11
Capas y enmascaramiento . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
Las capas dividen los documentos de Fireworks en planos discrecionales, como si los
componentes de una ilustracin se dibujasen en distintas hojas
superpuestas transparentes. Un documento puede estar compuesto por muchas capas y
cada capa contener muchos objetos. En Fireworks, el panel Capas contiene una lista de
las capas y los objetos contenidos en cada capa. Las capas de Fireworks equivalen a los
conjuntos de capas de Photoshop 6. Las capas de Photoshop equivalen a objetos
individuales de Fireworks.
Los mtodos de enmascaramiento y de mezcla ofrecen otro nivel de control creativo.
Es posible crear efectos nicos al mezclar los colores de objetos superpuestos. Fireworks
dispone de varios modos de mezcla para ayudarle a conseguir el aspecto que desee.
Otro mtodo de crear un efecto particular consiste en utilizar una mscara. El
enmascaramiento permite utilizar un objeto vectorial o un objeto de mapa de bits para
bloquear parte de la imagen subyacente. Por ejemplo, es posible crear un objeto
vectorial elptico para utilizarlo como mscara sobre una fotografa. Utilice Pegar como
mscara para pegar el objeto vectorial como una mscara sobre la fotografa. Todo el
rea que est fuera de la elipse se recorta, mostrando slo la parte de la imagen situada
dentro de la elipse.
203
ES FW4UM.book Page 204 Monday, November 20, 2000 1:33 PM
El orden de los objetos puede verse en el panel Capas. Se trata del orden en que
aparecen en el documento. En un documento, Fireworks apila las capas en
funcin del orden en que se crearon, colocando la ms reciente al principio del
apilamiento. El orden de apilamiento determina la manera en que los objetos de
una capa se superponen a los de otras. Es posible reorganizar el orden de
apilamiento de las capas as como el de los objetos de una sola capa.
El panel Capas muestra el estado actual de todas las capas del fotograma actual de
un documento. El nombre de la capa activa aparece resaltado. Puede expandir una
capa para ver la lista de todos los objetos que contiene. Los objetos aparecen en las
miniaturas.
Las mscaras se muestran tambin en el panel Capas. Es posible crear mscaras
nuevas mediante el panel Capas. La seleccin de la miniatura de las mscaras
permite editarlas. Para ms informacin, consulte Edicin de mscaras en la
pgina 213.
Los controles de los modos de opacidad y de mezcla se encuentran tambin en el
panel Capas. Para ms informacin, consulte Ajuste de la opacidad y aplicacin
de mezclas en la pgina 219.
Bloquear/desbloquear capa
Mostrar/ocultar capa Capa activa
Expandir/contraer capa
Suprimir capa
Nueva imagen de Mapa de Bits
Aadir mscara
Capa nueva/duplicar
Si desea proteger todos los objetos de todas las capas menos la activa contra cambios
o selecciones no deseados, elija Editar slo una capa en el men emergente de
opciones del panel Capas. Al activarse esta opcin aparece una marca de verificacin
(Windows) o un topo (Macintosh. Con la opcin Editar slo una capa activada slo
es posible seleccionar y editar los objetos de la capa actual.
La capa de Web
La capa de Web es una capa especial que aparece como la capa superior de cada
documento. Contiene objetos Web, como divisiones y zonas interactivas, que se
utilizan para asignar interactividad a los documentos Fireworks exportados. Para
ms informacin sobre objetos Web, consulte Utilizacin de zonas interactivas y
divisiones en la pgina 245.
204 Captulo 11
ES FW4UM.book Page 205 Monday, November 20, 2000 1:33 PM
Seleccione la capa y haga clic en el botn Suprimir capa, o arrastre la capa al botn
Suprimir capa.
Arrastre el puntero por la columna del icono de ojo del panel Capas.
Arrastre el puntero por la columna del icono de candado del panel Capas.
206 Captulo 11
ES FW4UM.book Page 207 Monday, November 20, 2000 1:33 PM
Elija Compartir esta capa en el men emergente Opciones del panel Capas.
Nota: Si una capa se comparte en todos los fotogramas, al actualizar un objeto de esa
capa se actualizar en todos los fotogramas. Resulta til cuando objetos como los
elementos de fondo deban aparecer en todos los fotogramas de una animacin.
En el men emergente de opciones del panel Capas, seleccione Editar slo una
capa. Una marca de verificacin indica que la opcin est activada.
Nota: Para cambiar el orden de apilamiento de los objetos de una capa, arrstrelos por la
misma.
Duplicado de capas
Es posible aadir capas duplicadas y elegir dnde ubicarlas en el panel Capas. Una
capa duplicada contiene los mismos objetos que la capa actualmente seleccionada.
Las capas duplicadas tienen el mismo nombre que la capa original pero con un
nmero adjunto.
Organizacin de capas
El desplazamiento de capas en el panel Capas cambia el orden en que aparecen los
objetos en un documento. La capa superior aparece delante de las dems capas. Los
objetos de la capa superior aparecen delante de los objetos de las capas inferiores.
Seleccione y arrastre el nombre de la capa hacia arriba o hacia abajo en el panel Capas.
Enmascaramiento de imgenes
Las mscaras se agregan a objetos para crear un efecto de corte en los mismos. Para
enmascarar un objeto existente puede utilizarse una mscara vaca u otro objeto.
Las mscaras son totalmente modificables.
208 Captulo 11
ES FW4UM.book Page 209 Monday, November 20, 2000 1:33 PM
Mscara de vectores
1 Cree el trazado, objeto u objetos de texto que desee utilizar como mscara.
2 Corte o copie el objeto u objetos.
Presione la tecla Mays y haga clic para seleccionar varios objetos.
3 Seleccione el objeto que desee enmascarar.
4 Pegar la mscara
Seleccione Editar > Pegar como mscara.
Seleccione Modificar > Mscara > Pegar como mscara.
210 Captulo 11
ES FW4UM.book Page 211 Monday, November 20, 2000 1:33 PM
Para utilizar los comandos Mostrar todo y Ocultar todas para crear una mscara:
Para utilizar los comandos Mostrar seleccin y Ocultar seleccin para crear una
mscara:
212 Captulo 11
ES FW4UM.book Page 213 Monday, November 20, 2000 1:33 PM
Seleccione Modificar > Mscara > Mostrar seleccin para mostrar el rea
definida por la seleccin de pxeles.
Seleccione Modificar > Mscara > Ocultar seleccin para ocultar las reas
definidas por la seleccin de pxeles.
Edicin de mscaras
Una vez creadas, las mscaras permanecen totalmente editables. Las mscaras
pueden modificarse, suprimirse y desactivarse. La desactivacin de una mscara la
elimina temporalmente. Una mscara desactivada puede activarse para mostrar su
efecto en un objeto.
Las mscaras y los objetos pueden identificarse y editarse con facilidad utilizando
las miniaturas del panel Capas. Al seleccionar una mscara para editarla, el icono
de mscara aparece junto a ella en el panel Capas. Al seleccionar un objeto para
editarlo, aparece el icono de pluma.
El tamao de las miniaturas del panel Capas puede modificarse para mostrar
detalles de objetos y mscaras con mayor claridad. Seleccione Opciones de
miniaturas en el men emergente de opciones del panel Capas. Desactive las
miniaturas para ahorrar memoria.
1 Seleccione la mscara:
Haga clic en la miniatura de mscara en el panel Capas.
Seleccione Editar mscara en el men emergente de opciones del panel Capas.
Haga doble clic en el control de desplazamiento del objeto enmascarado.
Icono de vnculo
214 Captulo 11
ES FW4UM.book Page 215 Monday, November 20, 2000 1:33 PM
1 Seleccione la mscara.
2 Suprimir la mscara
Seleccione Suprimir mscara en el men emergente de opciones del panel
Capas.
Seleccione Modificar > Mscara > Suprimir mscara.
3 Determine si aplicar la mscara a la imagen antes de suprimirla:
Aplicarla mantiene los cambios realizados en la mscara, pero sta ya no se
podr editar.
No aplicarla ignora los cambios realizados y restaura la forma original del objeto.
Color de base
Color de mezcla
Color resultante
216 Captulo 11
ES FW4UM.book Page 217 Monday, November 20, 2000 1:33 PM
Tinta Borrar
218 Captulo 11
ES FW4UM.book Page 219 Monday, November 20, 2000 1:33 PM
1 Seleccione Editar > Anular seleccin para evitar la aplicacin inadvertida del
modo de mezcla.
2 En el panel Capas, seleccione un modo de mezcla como valor predeterminado.
220 Captulo 11
ES FW4UM.book Page 221 Monday, November 20, 2000 1:33 PM
12
CAPTULO 12
Uso de bibliotecas, estilos y .URL
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . .
En este captulo se abarcan tres paneles donde se pueden almacenar y volver a utilizar
smbolos, estilos y URL. Los smbolos se almacenan en el panel Biblioteca. Del mismo
modo, los estilos se almacenan en el panel Estilos y los URL en el panel URL.
En el panel Estilos se incluyen un conjunto de estilos predefinidos de Fireworks. Sin
embargo, si ha utilizado trazos, rellenos y otros atributos para que un objeto sea nico,
guarde los atributos como estilos. En lugar de reconstruir los atributos cada vez,
gurdelos en el panel Estilos y aplique dicha combinacin de atributos a otros objetos.
Los smbolos se almacenan en el panel Biblioteca. Existen tres tipos distintos de
smbolos: botones, grficos y animaciones. Se pueden crear smbolos nuevos y duplicar
smbolos, importar smbolos existentes y editarlos.
Los URL (Uniform Resource Locators) se almacenan en el panel URL. Un URL es
una direccin de una pgina o archivo especficos de Internet. Si utiliza la misma
direccin URL con frecuencia, puede incluirla en el panel URL. Las direcciones URL
se pueden organizar y agrupar en bibliotecas URL.
221
ES FW4UM.book Page 222 Monday, November 20, 2000 1:33 PM
Uso de estilos
Utilice el panel Estilos para almacenar y aplicar los estilos a objetos o texto. Elija
Ventana > Estilos para abrir el panel Estilos.
Panel Estilos
Una vez aplicado un estilo a un objeto, ms adelante puede actualizarse sin que
afecte al objeto original. Fireworks no realiza un seguimiento de los estilos
aplicados a un objeto. Una vez suprimido un estilo, no se podr recuperar. Si se
suprime alguno de los estilos suministrados con Fireworks, puede recuperarlo
junto con los otros estilos mediante el comando Restablecer estilos del men
emergente Opciones del panel Estilos. Sin embargo, al restablecer los estilos
tambin se suprimen los estilos personalizados.
1 Cree un objeto o texto con las configuraciones de trazo, relleno, efecto o texto
que desee.
222 Captulo 12
ES FW4UM.book Page 223 Monday, November 20, 2000 1:33 PM
2 Haga clic en el botn Nuevo estilo de la parte inferior del panel Estilos.
3 Elija las propiedades que desea que formen parte del estilo, asgnele un nombre
y haga clic en Aceptar.
Aparecer el icono correspondiente al estilo en el panel Estilos.
Elija Iconos grandes en el men emergente Opciones del panel Estilos para
cambiar del tamao de presentacin preliminar grande a pequeo y viceversa.
224 Captulo 12
ES FW4UM.book Page 225 Monday, November 20, 2000 1:33 PM
Ubicacin de instancias
Es posible aadir una o ms instancias de un smbolo al documento actual.
Para situar una instancia, arrastre un smbolo del panel Biblioteca al documento
actual.
Cambio de smbolos
Un smbolo se puede modificar en el editor de smbolos y cambiar de forma
automtica todas las instancias asociadas.
Nota: Al modificar una instancia se modifica el smbolo y el resto de las instancias. Para
modificar slo una instancia, consulte Eliminacin del vnculo entre una instancia y su
smbolo en la pgina 226.
1 Seleccione la instancia.
2 Elija Modificar > Smbolo > Separar.
La instancia pasa a ser un grupo. El smbolo en el panel Biblioteca deja de estar
asociado a ese grupo. Los smbolos de botones y los smbolos de animacin
dejan de funcionar como botones y animacin respectivamente.
Nota: Para editar la instancia separada como si fuera un objeto, seleccione la instancia
y elija Modificar > Desagrupar.
226 Captulo 12
ES FW4UM.book Page 227 Monday, November 20, 2000 1:33 PM
panel URL
228 Captulo 12
ES FW4UM.book Page 229 Monday, November 20, 2000 1:33 PM
Adems, puede organizar slo los URL que est utilizando en el documento.
1 Seleccione el objeto.
2 Escriba el URL:
Elija Aadir URL en el men emergente Opciones del panel URL. Escriba un
URL completo o parcial y haga clic en Aceptar.
Introduzca un URL en el cuadro de texto Vnculo. Haga clic en el smbolo de
ms (+).
El URL aparece en el panel de presentacin preliminar de URL.
Consulte Asignacin de un URL al botn en la pgina 237, Asignacin de
valores URL a zonas interactivas en la pgina 247 y Asignacin de vnculos de
URL a rollovers en la pgina 273,
Para suprimir un URL seleccionado del panel de presentacin preliminar del URL:
Elija Borrar URLs no utilizadas en el men emergente Opciones del panel URL.
230 Captulo 12
ES FW4UM.book Page 231 Monday, November 20, 2000 1:33 PM
Aunque los valores URL absolutos son siempre direcciones exactas que no
dependen de la ubicacin del documento origen, los vnculos no se establecen
correctamente si el documento cambia de destino.
Los valores URL relativos estn relacionados con la carpeta que contiene el
documento origen. En estos ejemplos se muestra la sintaxis de navegacin de los
valores URL relativos.
file.htm establece un vnculo con un archivo ubicado en la misma carpeta que
el documento origen.
../../file.htm establece un vnculo con un archivo ubicado dos carpetas por
encima de la carpeta que contiene el documento origen. Cada ../ representa un
nivel.
htmldocs/file.htm establece un vnculo con un archivo ubicado en una carpeta
llamada htmldocs, que se encuentra debajo de la carpeta que contiene el
documento origen.
Los valores URL relativos suelen ser los ms fciles de utilizar para establecer un
vnculo con archivos que van a permanecer en la misma carpeta que el documento
actual.
232 Captulo 12
ES FW4UM.book Page 233 Monday, November 20, 2000 1:33 PM
13
CAPTULO 13
Creacin de botones y barras de
navegacin
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
233
ES FW4UM.book Page 234 Monday, November 20, 2000 1:33 PM
Creacin de botones
La forma ms sencilla de crear barras de navegacin o botones de JavaScript es
utilizar el editor de botones. Las indicaciones de cada panel del editor facilitan las
decisiones referentes al diseo. El Editor de botones permite crear los cuatro
estados de un botn y definir la configuracin de URL del botn.
Los botones pueden crearse en cualquier capa de primer plano del Fotograma 1.
Al disear botones con formas extraas, tenga en cuenta que Fireworks slo utiliza
el segundo plano del Fotograma 1, independientemente de la configuracin de
fondo de otro fotograma.
234 Captulo 13
ES FW4UM.book Page 235 Monday, November 20, 2000 1:33 PM
Editor de botones
Creacin de botones
Un botn puede crearse en el editor de botones. Si el botn forma parte de la
barra de navegacin, puede que necesite utilizar los cuatro estados de los botones.
Sin embargo, si el botn reside en una sola pgina Web, slo necesitar el estado
Arriba y Sobre.
Nota: Al crear o insertar un botn, Fireworks lo sita de forma automtica en el Fotograma
1. Los botones slo funcionan correctamente en el Fotograma 1. Si se mueve a otro
fotograma no funcionar correctamente.
Nota: Al insertar una imagen en el rea de trabajo del estado Abajo, la opcin Incluir
estado Abajo en Nav Bar se selecciona de forma automtica.
236 Captulo 13
ES FW4UM.book Page 237 Monday, November 20, 2000 1:33 PM
4 Si fuera preciso, introduzca texto Alt y un mensaje para la barra de estado en los
campos restantes.
5 Si desea que el URL apunte a un fotograma o ventana de destino, haga clic en
la ficha Destino y seleccione un destino en la lista o escriba uno.
6 Haga clic en Aceptar.
Al cerrar el editor de botones, el botn aparece en la biblioteca y una instancia del
botn aparece en el documento. Si mueve o cambia el tamao del botn como
una unidad, tambin se mueven o cambian de tamao todos los estados de dicho
botn.
Cambio de un botn
Los botones pueden editarse despus de su creacin. Al editar el smbolo de un
botn, todas las instancias reflejan los cambios.
Si el botn se ha importado de una biblioteca o de otro documento de Fireworks,
al editarlo en el documento actual se rompe el vnculo con el documento anterior.
Es decir, los cambios realizados no afectan al original.
Para ms informacin sobre la importacin y actualizacin de botones, consulte
Insercin de un botn de origen externo en la pgina 243.
238 Captulo 13
ES FW4UM.book Page 239 Monday, November 20, 2000 1:33 PM
Para cambiar el texto en todos los estados del botn al mismo tiempo en el editor
de botones:
1 Cambie el texto del bloque superior en alguno de los estados del botn.
Aparece un mensaje que solicita la confirmacin para la actualizacin en el resto
de estados del botn.
2 Haga clic en S.
Por ejemplo, si se desea crear un botn de cuatro estados, puede utilizar Elevado
como elemento grfico para el estado Arriba, Resaltado para el estado Abajo, etc.
Para ms informacin sobre los efectos automticos, consulte Aplicacin de un
efecto automtico en la pgina 193.
240 Captulo 13
ES FW4UM.book Page 241 Monday, November 20, 2000 1:33 PM
Si en algn momento es necesario cambiar los botones del sitio Web, tan slo
deber editar el smbolo original y utilizar el comando Actualizar del panel
Biblioteca para implementar los cambios en cada documento. Para ms
informacin sobre el uso del panel Biblioteca, consulte Acerca de smbolos e
instancias en la pgina 224.
242 Captulo 13
ES FW4UM.book Page 243 Monday, November 20, 2000 1:33 PM
Para actualizar los grficos de todos los botones de una barra de navegacin
sencilla:
Utilice el editor de botones para editar el botn original (el botn sin texto).
Fireworks actualiza los otros botones para reflejar el nuevo aspecto. Dado que el
texto es exclusivo de los ltimos smbolos de botn, la actualizacin del grfico no
le afecta.
Tambin se pueden crear barras de navegacin ms complejas mediante los estados
Abajo y Sobre y Abajo.
1 Elija Insertar > Bibliotecas > Otras y elija la biblioteca de botones o documento
de Fireworks desde el que desea insertar el botn.
244 Captulo 13
ES FW4UM.book Page 245 Monday, November 20, 2000 1:33 PM
14
CAPTULO 14
Utilizacin de zonas interactivas y
divisiones
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
Las zonas interactivas y las divisiones constituyen las principales herramientas para
crear objetos interactivos como rollovers y mapas de imagen.
Las zonas interactivas y las divisiones constituyen los denominados Objetos Web,
se componen no slo de imgenes, sino que tambin son cdigos HTML que
ofrecen interactividad en el documento. Es posible ver, seleccionar y asignar otro
nombre mediante la Capa de Web del panel Capas.
En este captulo se describen los conceptos bsicos necesarios para crear zonas
interactivas y divisiones.
245
ES FW4UM.book Page 246 Monday, November 20, 2000 1:33 PM
Despus de identificar las reas del grfico origen que podran servir como zonas
interactivas, puede crear estas zonas y asignarles vnculos URL. Existen dos formas
de crear zonas interactivas:
Puede dibujar un rea de destino en el grfico, utilizando las herramientas Zona
interactiva rectangular, circular o poligonal (forma irregular).
Es posible seleccionar un objeto e insertar en l la zona interactiva.
2 Arrastre la herramienta Zona interactiva para dibujar una zona interactiva sobre
un rea del grfico. Mantenga pulsada las teclas Alt-Mays (Windows) u
Opcin-Mays (Macintosh) para dibujar a partir de un punto central.
Las zonas interactivas pueden tener formas que no sean rectngulos ni crculos.
Tambin puede crear zonas interactivas poligonales que consten de muchos
puntos. Esto puede ser necesario cuando se trabaje con imgenes complejas.
Para crear una zona interactiva mediante el trazado de uno o varios objetos
seleccionados:
246 Captulo 14
ES FW4UM.book Page 247 Monday, November 20, 2000 1:33 PM
2 Haga clic en Uno o en Varios. En la Capa de Web aparece una o varias zonas
interactivas nuevas.
Otra forma de crear una zona interactiva poligonal consiste en convertir otra zona
interactiva circular en poligonal y, a continuacin, arrastrar los puntos. Para ms
informacin, consulte Modificacin de zonas interactivas en la pgina 249.
248 Captulo 14
ES FW4UM.book Page 249 Monday, November 20, 2000 1:33 PM
250 Captulo 14
ES FW4UM.book Page 251 Monday, November 20, 2000 1:33 PM
Creacin de divisiones
Puede crear divisiones de dos formas bsicas dependiendo de la finalidad. Es
posible insertar automticamente una divisin rectangular sobre el objeto, o bien,
puede dibujar una divisin. Si desea que todo un objeto sea interactivo, slo tiene
que seleccionar el objeto e insertar una divisin sobre l. Durante este paso todo el
objeto se encierra en una divisin rectangular, sin importar la forma del objeto.
Si se selecciona una zona interactiva, puede convertirla en una divisin si
selecciona Insertar > Divisin.
Si desea convertir una parte ms pequea del objeto en un rea interactiva, corte el
objeto en diferentes divisiones, o bien, convierta varios objetos y utilice la
herramienta Divisin o la herramienta Divisin poligonal para dibujar las
divisiones. Cuando dibuja una divisin sobre la totalidad o parte de una imagen,
dicha rea se convierte en un objeto de divisin.
Las lneas rojas que se extienden desde el objeto de divisin son las guas de
divisin, que determinan los lmites de los distintos archivos de imagen en los que
se dividir el objeto durante la exportacin.
Nota: Puede arrastrar y colocar objetos de divisin en otros documentos de Fireworks.
1 Seleccione el objeto.
Puede seleccionar ms de un objeto si mantiene pulsada la tecla Mays durante
la seleccin.
2 Elija Insertar > Divisin. La divisin es un rectngulo cuya rea incluye los
pxeles ms externos del objeto seleccionado.
252 Captulo 14
ES FW4UM.book Page 253 Monday, November 20, 2000 1:33 PM
Superposicin de divisiones
A veces las divisiones se deben dibujar tan cerca unas de otras que se superponen.
En lugar de crear divisiones extra en las reas de superposicin, Fireworks 4
considera slo la divisin ms externa como la divisin activa en la zona de
superposicin. Por tanto, se exportan menos grficos divididos extra. La
superposicin de divisiones se debe normalmente a un simple descuido. Se
recomienda volver a dibujar o a editar dichas divisiones para eliminar cualquier
solapamiento.
Las divisiones de texto son muy tiles para actualizar mensajes que aparecen en el
sitio Web sin tener que crear otros elementos grficos.
254 Captulo 14
ES FW4UM.book Page 255 Monday, November 20, 2000 1:33 PM
1 Seleccione el objeto.
2 Elija Insertar > Zona interactiva.
3 Elija Insertar > Divisin.
La zona interactiva se convierte en una divisin poligonal.
Haga clic en el icono de ojo junto a cada objeto Web individual del panel Capas.
Nota: Haga clic en el mismo cuadrado (ahora vaco) para activar de nuevo la visibilidad.
El icono de ojo vuelve a aparecer cuando los objetos Web son de nuevo visibles.
256 Captulo 14
ES FW4UM.book Page 257 Monday, November 20, 2000 1:33 PM
Para ocultar o visualizar las guas de divisin en todas las vistas de documentos:
258 Captulo 14
ES FW4UM.book Page 259 Monday, November 20, 2000 1:33 PM
Opcin Descripcin
fila/columna (r3_c2, r4_c7...) Fila (r##) y Col (c##) designan las filas y las columnas
de la tabla que utilizarn los navegadores Web para
reconstruir una imagen dividida. Puede utilizar esta
informacin en el criterio de denominacin.
260 Captulo 14
ES FW4UM.book Page 261 Monday, November 20, 2000 1:33 PM
262 Captulo 14
ES FW4UM.book Page 263 Monday, November 20, 2000 1:33 PM
15
CAPTULO 15
Creacin de rollovers
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
El Editor de botones permite crear botones que utilicen una nica divisin para lograr
efectos visuales. Sin embargo, en ocasiones es necesario que el comportamiento de los
rollover sea ms complejo de lo que permite el Editor de botones. Por ejemplo, puede
desear crear un rollover desunido que muestre una imagen alejada del cursor o un
men emergente personalizado que aparezca cuando el cursor pase sobre el grfico.
En este captulo se describe la creacin de rollovers simples y desunidos mediante
divisiones y fotogramas. Tambin se describe la creacin de mens emergentes.
Los elementos bsicos para la creacin de rollovers en Fireworks son los objetos de
divisin y de zona interactiva y comportamientos arrastrar y colocar. Los
comportamientos arrastrar y colocar permiten crear un efecto de rollover y de
intercambio de imagen que vincula las divisiones y las zonas interactivas con divisiones
destino. Para obtener ms informacin sobre las zonas interactivas y las divisiones,
consulte Utilizacin de zonas interactivas y divisiones en la pgina 245.
263
ES FW4UM.book Page 264 Monday, November 20, 2000 1:33 PM
1 Seleccione la divisin.
Nota: Las divisiones se comparten entre fotogramas. Si ha activado Mostrar zonas
interactivas y divisiones, las divisiones permanecen visibles, independientemente del
fotograma en el que se encuentre trabajando.
264 Captulo 15
ES FW4UM.book Page 265 Monday, November 20, 2000 1:33 PM
266 Captulo 15
ES FW4UM.book Page 267 Monday, November 20, 2000 1:33 PM
Existen dos etapas para crear una imagen de intercambio: la primera etapa implica
configurar la divisin, la imagen de rollover y el fotograma en los que reside la
imagen del rollover.
268 Captulo 15
ES FW4UM.book Page 269 Monday, November 20, 2000 1:33 PM
3 Haga clic y mantenga pulsado el botn del ratn hasta que el puntero cambie a
un puo.
270 Captulo 15
ES FW4UM.book Page 271 Monday, November 20, 2000 1:33 PM
Para configurar los objetos Web, destino y fotogramas para un rollover desunido:
3 Haga clic y mantenga pulsado el botn del ratn hasta que el puntero cambie a
un puo.
4 Arrastre el puo hasta la divisin que cubre la imagen que desea intercambiar.
La lnea describe una trayectoria desde el centro del objeto Web de activacin
hasta la esquina superior izquierda de la divisin destino y aparece el cuadro de
dilogo Intercambiar imagen.
272 Captulo 15
ES FW4UM.book Page 273 Monday, November 20, 2000 1:33 PM
En el panel de objetos, escriba un valor URL o elija uno del men emergente de
vnculos URL.
Elija un URL en el panel URL.
1 Coloque una divisin o zona interactiva en el objeto que desee utilizar para
activar el men emergente.
2 Elija Insertar > Men emergente.
Aparece el asistente Establecer men emergente.
3 Escriba un elemento de men en el cuadro Texto.
4 Especifique la direccin Web de la entrada de men en el cuadro Vnculo.
5 Si es necesario, establezca un destino Web.
6 Haga clic en el botn Aadir men (+) para aadir la entrada en la lista de
presentacin preliminar.
7 Para crear un submen, seleccione un elemento de men en el cuadro de lista
de presentacin preliminar y haga clic en el botn Sangrar men. Para
devolverlo al nivel de entrada de men, haga clic en el botn Sangra inversa.
Nota: No es posible sangrar el primer elemento de la lista de men.
8 Repita los pasos 3 hasta el 7 hasta aadir todas las entradas de men a la lista.
9 Haga clic en el botn Siguiente para continuar.
274 Captulo 15
ES FW4UM.book Page 275 Monday, November 20, 2000 1:33 PM
276 Captulo 15
ES FW4UM.book Page 277 Monday, November 20, 2000 1:33 PM
Fireworks crea una serie de divisiones y define de forma automtica varias reas
de divisin rectangulares para los objetos de divisin irregulares.
2 Asigne a cada divisin comportamientos Intercambiar imagen para configurar
el rollover.
3 Exporte el archivo.
278 Captulo 15
ES FW4UM.book Page 279 Monday, November 20, 2000 1:33 PM
Para definir una zona interactiva como rea de activacin sobre una divisin:
280 Captulo 15
ES FW4UM.book Page 281 Monday, November 20, 2000 1:33 PM
16
CAPTULO 16
Creacin de animaciones . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
281
ES FW4UM.book Page 282 Monday, November 20, 2000 1:33 PM
282 Captulo 16
ES FW4UM.book Page 283 Monday, November 20, 2000 1:33 PM
1 Seleccione un objeto.
2 Elija Modificar > Animar > Animar seleccin.
3 Introduzca el valor deseado en el cuadro de dilogo. Para obtener ms
informacin sobre los valores, consulte Edicin de propiedades de smbolo en
la pgina 284.
Aparecen controles de animacin en el recuadro delimitador del objeto y se
aade una copia a la biblioteca.
Panel Objeto
1 Seleccione un smbolo.
2 Elija Modificar > Animar > Configuracin. Tambin puede elegir
Ventana > Objeto para abrir el panel Objeto.
284 Captulo 16
ES FW4UM.book Page 285 Monday, November 20, 2000 1:33 PM
286 Captulo 16
ES FW4UM.book Page 287 Monday, November 20, 2000 1:33 PM
Nombre de fotograma
Suprimir fotograma
Opciones de Papel cebolla
Fotograma nuevo/duplicar
Distribuir en fotogramas
288 Captulo 16
ES FW4UM.book Page 289 Monday, November 20, 2000 1:33 PM
290 Captulo 16
ES FW4UM.book Page 291 Monday, November 20, 2000 1:33 PM
No seleccionar esta opcin permite seleccionar y editar slo los objetos del
fotograma actual.
Controles de fotogramas
292 Captulo 16
ES FW4UM.book Page 293 Monday, November 20, 2000 1:33 PM
Exportacin de la animacin
Una vez definidos los smbolos y los fotogramas que conforman la secuencia
animada, ya se puede exportar el archivo como una animacin. Antes de exportar
archivos deben configurarse una serie de valores para simplificar la carga de la
animacin y facilitar su reproduccin. Puede establecer valores de reproduccin,
como bucles y transparencias, y utilizar la optimizacin para reducir el tamao del
archivo exportado y facilitar su descarga.
Nota: El formato de archivo debe ser GIF Animado (en el panel Optimizar) para exportar
cualquier tipo de movimiento.
Configuracin de transparencia
Como parte del proceso de optimizacin se pueden definir uno o ms colores de
un archivo GIF Animado para que se muestren transparentes en el navegador
Web. Resulta til cuando se quiere que una imagen o el color de fondo de una
pgina Web se vea en la animacin.
294 Captulo 16
ES FW4UM.book Page 295 Monday, November 20, 2000 1:33 PM
296 Captulo 16
ES FW4UM.book Page 297 Monday, November 20, 2000 1:33 PM
17
CAPTULO 17
Optimizacin de grficos . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
El objetivo final del diseo de grficos Web es la creacin de bellas imgenes que se
descarguen lo ms rpidamente posible. Para ello, es necesario seleccionar un
formato con la mejor compresin para la imagen y mantener la mayor calidad
posible. Este equilibrio es lo que se conoce como optimizacin, es decir, buscar la
proporcin correcta de colores, compresin y calidad.
En Fireworks, los ajustes de optimizacin se aplican slo a las imgenes
exportadas. Por tanto, puede trabajar libremente siguiendo su proceso creativo sin
tener que preocuparse de las limitaciones del color o de la aplicacin de efectos.
Despus, puede elegir personalizar y comparar los ajustes de optimizacin que
mejor se adapten a la imagen que exportar.
La optimizacin de imgenes en Fireworks es una tarea que consta de tres etapas:
Eleccin del mejor formato de archivo. Cada formato de archivo tiene
diferentes formas de comprimir la informacin de color en el propio archivo.
La eleccin del formato adecuado para determinados tipos de grficos puede
reducir en gran medida el tamao de archivo.
Defina las opciones especficas del formato. Cada formato de archivo Web tiene
su propio conjunto de opciones para controlar la compresin de imgenes. Por
ejemplo, puede utilizar el tramado en un archivo GIF para compensar el
nmero menor de colores en la imagen, tambin puede utilizar el suavizado en
un archivo JPEG y desenfocar ligeramente la imagen para as reducir el tamao
del archivo JPEG.
Ajuste de los colores de la imagen. Limite los colores al asignar a la imagen un
nmero determinado de colores, llamado paleta de colores. Despus, es posible
eliminar los colores no utilizados de la paleta de colores. Un nmero reducido
en la paleta significa que habr menos colores en la imagen, el resultado ser un
archivo con un tamao ms reducido. La reduccin del nmero de colores
tambin puede reducir la calidad de la imagen, por tanto deben probarse varias
paletas de colores para encontrar el mejor equilibrio entre calidad y tamao.
297
ES FW4UM.book Page 298 Monday, November 20, 2000 1:33 PM
298 Captulo 17
ES FW4UM.book Page 299 Monday, November 20, 2000 1:33 PM
GIF adaptable 256 es una paleta de colores que contiene slo los colores utilizados
en el grfico. La paleta de colores puede contener hasta 256 colores como mximo.
JPEG - Calidad superior define la calidad en 80 y el suavizado en 0, creando un
grfico de alta calidad pero de gran tamao.
JPEG - Archivo ms pequeo define la calidad en 60 y el suavizado en 2, creando
un grfico de calidad reducida pero con la mitad del tamao del de la mejor
calidad.
Nota: El tipo de ajustes GIF que elija para un grfico puede depender del nmero de
colores del grfico. Una paleta con 128 colores es adecuada en imgenes con pocos
colores y crea un grfico de tamao menor.
300 Captulo 17
ES FW4UM.book Page 301 Monday, November 20, 2000 1:33 PM
Para una ver una presentacin preliminar de una imagen segn los ajustes de
optimizacin actuales:
Haga clic en el botn Mostrar (u Ocultar) zonas interactivas y divisiones del panel
Herramientas.
302 Captulo 17
ES FW4UM.book Page 303 Monday, November 20, 2000 1:33 PM
Para intercambiar la vista original con una vista optimizada de las Presentaciones
preliminares 2-arriba o 4-arriba:
304 Captulo 17
ES FW4UM.book Page 305 Monday, November 20, 2000 1:33 PM
Sin prdida de datos, incluso con profundidades altas de color. Comprime filas y
columnas de pxeles. En el caso de imgenes de alta densidad, el formato JPEG
obtiene una calidad superior. PNG permite transparencia con imgenes en color
de 32 bits, pero el tamao de imagen es grande.
El formato PNG es adecuado para la creacin de complejas transparencias activas,
grficos con colores de alta densidad y grficos de con colores reducidos y
altamente comprimidos.
PNG es el formato de archivo nativo de Fireworks. Sin embargo, los archivos
PNG de Fireworks contienen informacin adicional que no se guarda al exportar
un archivo PNG para utilizarlo en la Web.
306 Captulo 17
ES FW4UM.book Page 307 Monday, November 20, 2000 1:33 PM
308 Captulo 17
ES FW4UM.book Page 309 Monday, November 20, 2000 1:33 PM
1 Elija Modificar > JPEG selectivo > Restaurar mscara JPEG como seleccin.
La seleccin se resalta.
2 Mediante la herramienta Recuadro u otra herramienta de seleccin para
cambiar el tamao del rea.
3 Elija Modificar > JPEG selectivo > Guardar seleccin como mscara JPEG.
4 Si lo desea, puede cambiar la configuracin de calidad selectiva en el panel
Optimizar.
Nota: Para deshacer una seleccin, elija Modificar > JPEG selectivo > Borrar mscara JPEG.
310 Captulo 17
ES FW4UM.book Page 311 Monday, November 20, 2000 1:33 PM
Escala de grises es una paleta compuesta por 256 o menos tonos de gris. Al elegir
esta paleta la imagen exportada se convierte en escala de grises.
Blanco y negro es una paleta de dos colores que consta slo de blanco y negro.
Uniforme es una paleta matemtica basada en valores de pxeles RGB.
Personalizada es una paleta que se modifica o carga desde una paleta externa o
desde un archivo GIF.
El color es transparente.
El color es Websafe.
Para actualizar los colores del panel Tabla de color para reflejar las ediciones del
documento:
Elija Reconstruir tabla de color en el men emergente Opciones del panel Tabla
de color.
312 Captulo 17
ES FW4UM.book Page 313 Monday, November 20, 2000 1:33 PM
Para ver todos los pxeles del documento que contienen un determinado color:
Haga clic en el botn Bloquear situado en la parte inferior del panel Tabla de color
o elija Bloquear color en el cuadro emergente Opciones.
Elija Desbloquear todos los colores en el men emergente Opciones del panel
Tabla de color.
Seleccione la paleta Adaptable WebSnap. Los colores que no sean Websafe y sean
parecidos a un color Websafe se convierten en el color Websafe ms aproximado.
Almacenamiento de paletas
Es posible guardar paletas personalizadas como archivos de paleta externos. Utilice
paletas guardadas con otros documentos de Fireworks o en otras aplicaciones que
admitan archivos externos de paleta, como Adobe Photoshop, Macromedia
FreeHand y Flash 5.
314 Captulo 17
ES FW4UM.book Page 315 Monday, November 20, 2000 1:33 PM
1 Elija Guardar paleta en el men emergente Opciones del panel Tabla de color.
2 Escriba un nombre para la paleta y elija una carpeta de destino.
3 Haga clic en Guardar.
Puede cargar el archivo de paleta en el panel Muestras o utilizarlo al exportar
otros documentos.
Asignacin de transparencia
Puede hacer que el color del lienzo y otros colores en un archivo aparezcan
transparentes si los ha exportado como PNG o GIF. Al finalizar, la imagen o el
color de fondo de una pgina web se ver a travs de una porcin de un grfico.
Esto puede hacer que el grfico parezca formar parte de la pgina web, en vez
situarse encima.
En Fireworks, un tablero a cuadros grises y blancos indica las reas transparentes
en las ventanas Original como Presentacin preliminar.
Tambin puede establecerse que el color del lienzo sea transparente. Consulte
Cambio del lienzo en la pgina 78. Si el color del lienzo se define como
transparente, puede establecer la optimizacin de transparencia eligiendo
Transparencia alfa en el men emergente Transparencia.
Utilice los botones del cuentagotas Transparencia en el panel Optimizar para hacer
que el color aparezca transparente al visualizarlo en un navegador web.
Nota: El establecimiento de colores como transparentes no afecta a la imagen original,
sino nicamente a la versin exportada de la misma. Puede ver el aspecto que tendr la
imagen exportada en la ventana Presentacin preliminar. Para obtener ms informacin
sobre la exportacin, consulte Optimizacin y presentacin preliminar durante la
exportacin en la pgina 322.
316 Captulo 17
ES FW4UM.book Page 317 Monday, November 20, 2000 1:33 PM
Para no crear halos, haga que el color del lienzo coincida con el color del fondo de
la pgina web de resultado, suavice el objeto respecto al lienzo, y despus haga que
el lienzo sea transparente.
Si desea suavizar un grfico para exportarlo varias veces con fondos de distinto
color, utilice el men emergente Mate en el panel Optimizar. Esto es muy til si el
grfico va a aparecer en pginas web que tengan fondos con colores distintos.
Para cambiar los colores de suavizado y hacer que coincidan con el color de fondo
de resultado:
En el panel Optimizar, seleccione un color del men emergente Mate. Intente que
coincida lo ms posible con el del fondo de la pgina web.
Nota: Funciona con objetos de bordes suaves que se encuentran directamente sobre el
lienzo.
Utilice Transparencia de ndice y retire manualmente los colores del halo con los
botones Cuentagotas del panel Optimizar.
318 Captulo 17
ES FW4UM.book Page 319 Monday, November 20, 2000 1:33 PM
18
CAPTULO 18
Exportacin
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
319
ES FW4UM.book Page 320 Monday, November 20, 2000 1:33 PM
320 Captulo 18
ES FW4UM.book Page 321 Monday, November 20, 2000 1:33 PM
Resultados de la exportacin
Al exportar con HTML, Fireworks genera los archivos siguientes para volver a crear la
imagen en una pgina Web:
Genera un archivo HTML que contiene el cdigo JavaScript y tablas necesarios
para volver recrear una imagen dividida o para crear la funcionalidad del rollover. El
cdigo HTML generado por Fireworks siempre contiene un vnculo a la imagen
exportada y define el color de fondo de la pgina Web al color del lienzo o el color
mate del grfico. Para obtener informacin adicional sobre el uso del cdigo HTML
generado con Fireworks, consulte El cdigo HTML de Fireworks en la
pgina 389.
Genera uno o varios archivos de imagen, segn el nmero de divisiones creadas en
el documento y de estados incluidos en los botones o rollovers.
Genera, si fuera necesario, un archivo llamado Spacer.gif, que es un archivo GIF
transparente de 1x1 pxeles que Fireworks utiliza en el cdigo HTML para
solucionar problemas de espaciado al reorganizar imgenes con divisiones en una
tabla HTML.Puede decidir si Fireworks debe exportar o no un espaciador. Para ms
informacin, consulte Uso de espaciadores en tablas anidadas durante la divisin
en la pgina 327.
Existen muchas opciones de exportacin que pueden afectar a la forma en que
Fireworks exporta archivos. Por ejemplo, existen opciones para exportar sus archivos a
otras aplicaciones de Macromedia como Flash. Consulte las secciones que aparecen a
continuacin en este captulo para obtener ms informacin sobre estas opciones.
Asistente de exportacin
Exportacin 321
ES FW4UM.book Page 322 Monday, November 20, 2000 1:33 PM
322 Captulo 18
ES FW4UM.book Page 323 Monday, November 20, 2000 1:33 PM
Previsualizar
configuracin de
exportacin
Exportacin 323
ES FW4UM.book Page 324 Monday, November 20, 2000 1:33 PM
324 Captulo 18
ES FW4UM.book Page 325 Monday, November 20, 2000 1:33 PM
Exportacin 325
ES FW4UM.book Page 326 Monday, November 20, 2000 1:33 PM
4 Haga doble clic en el interior del rea a exportar seleccionada para abrir la
Presentacin preliminar de exportacin.
5 Ajuste las configuraciones en la Presentacin preliminar de exportacin y haga
clic en Exportar.
6 Elija Slo imgenes en el men emergente Guardar como.
7 En el cuadro de dilogo Exportar, escriba un nombre de archivo, elija una
carpeta de destino y haga clic en Guardar.
Nota: Para cancelar la operacin sin llegar a exportar, haga doble clic fuera del recuadro
de seleccin del rea a exportar, presione Esc o seleccione una herramienta diferente.
326 Captulo 18
ES FW4UM.book Page 327 Monday, November 20, 2000 1:33 PM
Exportacin 327
ES FW4UM.book Page 328 Monday, November 20, 2000 1:33 PM
5 En el men emergente Contenido, elija lo que desea colocar en las celdas vacas:
Ninguno hace que las celdas permanezcan vacas.
Imagen espaciadora coloca un pequeo archivo de imagen transparente
denominado spacer.gif en las celdas vacas.
Espacio indivisiblecoloca un cdigo HTML de espacio en las celdas vacas. La
celda aparece hueca.
Nota: Las celdas vacas slo se producen si no se selecciona Incluir reas sin divisiones
en el cuadro de dilogo Exportar.
328 Captulo 18
ES FW4UM.book Page 329 Monday, November 20, 2000 1:33 PM
Exportacin 329
ES FW4UM.book Page 330 Monday, November 20, 2000 1:33 PM
Capas
El suavizado de objetos (el reproductor Flash aplica suavizado en el propio
documento). Por tanto, el suavizado se aplica en el documento al exportarlo).
Al exportar a Flash, puede realizar varias elecciones sobre la forma en que se
exportarn los objetos.
330 Captulo 18
ES FW4UM.book Page 331 Monday, November 20, 2000 1:33 PM
Exportacin a Director
Combine la potencia de Fireworks y de Director. Fireworks permite ahora
exportar grficos a Director 7 y 8 y volver a importar grficos de Director en
Fireworks. El proceso de exportacin preserva los comportamientos y divisiones
del grfico. Es posible exportar las imgenes divididas con rollovers e incluso
imgenes con capas. De este modo los usuarios de Director pueden sacar partido
de las herramientas de optimizacin y de diseo de grficos de Fireworks sin
comprometer la calidad.
Exportacin 331
ES FW4UM.book Page 332 Monday, November 20, 2000 1:33 PM
Exportacin a Photoshop
Una imagen de Fireworks exportada a Photoshop, cuando se vuelve a abrir en
Fireworks, mantiene la misma editabilidad que otras imgenes de Photoshop. Las
opciones de exportacin relativas a la editabilidad, aspecto y tamao de archivo,
permiten determinar el mejor procedimiento de exportacin de su grfico. Los
usuarios de Photoshop pueden trabajar con sus grficos en Fireworks y continuar
su edicin en Photoshop.
332 Captulo 18
ES FW4UM.book Page 333 Monday, November 20, 2000 1:33 PM
Exportacin 333
ES FW4UM.book Page 334 Monday, November 20, 2000 1:33 PM
334 Captulo 18
ES FW4UM.book Page 335 Monday, November 20, 2000 1:33 PM
Exportacin 335
ES FW4UM.book Page 336 Monday, November 20, 2000 1:33 PM
Configuracin de HTML
Configuracin de HTML permite definir cmo Fireworks exporta el cdigo
HTML. Esta configuracin puede ser especfica del documento o utilizarse como
el valor predeterminado de todas sus exportaciones HTML. Los cambios
realizados en la ficha Especfico del documento slo afectan al documento actual.
Los ajustes General y Tabla son preferencias globales.
336 Captulo 18
ES FW4UM.book Page 337 Monday, November 20, 2000 1:33 PM
19
CAPTULO 19
Uso conjunto de Fireworks y
Dreamweaver
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
Las caractersticas de integracin sin igual facilitan alternar el trabajo con archivos
entre Macromedia Dreamweaver 4 y Macromedia Fireworks 4. Dreamweaver y
Fireworks reconocen y comparten muchas de las ediciones de los mismos archivos,
incluyendo cambios de vnculos, mapas de imgenes, divisiones de tablas, etc.
Juntas, las dos aplicaciones ofrecen un flujo de trabajo innovador para editar,
optimizar y colocar archivos grficos Web en pginas HTML.
Si desea modificar imgenes y tablas de Fireworks colocadas en un documento
Dreamweaver, puede ejecutar Fireworks para realizar los cambios y volver despus
al documento actualizado en Dreamweaver. Si desea optimizar con rapidez
imgenes y animaciones coIocadas de Fireworks, abra el cuadro de dilogo de
optimizacin de Fireworks e introduzca la configuracin actualizada. En cualquier
caso, las actualizaciones se realizan en los archivos colocados en Dreamweaver, as
como en los archivos origen de Fireworks, si stos se ejecutaron.
337
ES FW4UM.book Page 338 Monday, November 20, 2000 1:33 PM
6 Haga clic en Aceptar para insertar el cdigo HTML, junto con sus imgenes,
divisiones y Javascript asociados, en el documento de Dreamweaver.
338 Captulo 19
ES FW4UM.book Page 339 Monday, November 20, 2000 1:33 PM
340 Captulo 19
ES FW4UM.book Page 341 Monday, November 20, 2000 1:33 PM
4 Repita los pasos 2 y 3 para definir Fireworks 4 como editor principal de otras
extensiones de archivos Web.
342 Captulo 19
ES FW4UM.book Page 343 Monday, November 20, 2000 1:33 PM
contenga una ruta de acceso correcta de nota de diseo al archivo PNG origen. En
todos los dems casos, incluidos todos los casos de ejecucin y edicin de
imgenes de Fireworks, Dreamweaver ejecuta automticamente el archivo PNG
origen, solicitando que se localice el archivo origen en caso de no poder
encontrarse.
344 Captulo 19
ES FW4UM.book Page 345 Monday, November 20, 2000 1:33 PM
346 Captulo 19
ES FW4UM.book Page 347 Monday, November 20, 2000 1:33 PM
Introduzca las coordenadas de pxeles para los contornos del rea de exportacin.
348 Captulo 19
ES FW4UM.book Page 349 Monday, November 20, 2000 1:33 PM
350 Captulo 19
ES FW4UM.book Page 351 Monday, November 20, 2000 1:33 PM
10 Cuando aparezca el cuadro de dilogo que confirme la creacin del lbum, haga
clic en Aceptar. Puede que tenga que esperar unos segundos hasta visualizar la
pgina del lbum de fotografas. Las miniaturas se muestran ordenadas
alfabticamente por nombre de archivo.
Nota: Una vez iniciado el proceso de creacin del lbum de fotos, el hecho de hacer clic
en el botn Cancelar del cuadro de dilogo de Dreamweaver no lo detiene sino que
simplemente evita que Dreamweaver presente la pgina principal del lbum de fotos.
352 Captulo 19
ES FW4UM.book Page 353 Monday, November 20, 2000 1:33 PM
20
CAPTULO 20
Automatizacin de tareas repetitivas
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
353
ES FW4UM.book Page 354 Monday, November 20, 2000 1:33 PM
Bsqueda y reemplazo
Utilice Buscar y Reemplazar para buscar y reemplazar elementos, como texto, URL,
fuentes y color, en un documento. Con Buscar y reemplazar se puede buscar en el
documento actual o en varios archivos a la vez.
Durante el uso de Buscar y reemplazar, Fireworks puede efectuar un seguimiento y
guardar un registro de cambios en el panel Historial del proyecto. Buscar y reemplazar
slo funciona con archivos PNG de Fireworks o con archivos que contienen objetos
vectoriales, como los de FreeHand, los no comprimidos de CorelDRAW y los de
Illustrator.
Men Opciones
Opcin Buscar
Opcin Buscar
1 Abra el documento.
2 Abra el panel Buscar y reemplazar:
Seleccione Editar > Buscar y reemplazar
Seleccione Ventana > Buscar y reemplazar
Pulse Control-F (Windows) o Comando-F (Macintosh).
3 En el primer men emergente Buscar, seleccione el origen de la bsqueda.
4 En el segundo men emergente Buscar, elija un atributo de bsqueda.
5 Defina las opciones Buscar y Cambiar por.
6 Seleccione el tipo de bsqueda y reemplazo que desea realizar:
Buscar accede al siguiente caso del elemento. Los elementos encontrados aparecen
seleccionados en el documento.
Reemplazar sustituye un elemento encontrado por el contenido especificado en la
opcin Cambiar por.
Reemplazar todo busca y reemplaza en todo el rango de bsqueda cada uno de los
casos de un elemento encontrado.
Nota: El reemplazo de objetos en varios archivos guarda dichos archivos; no es posible
deshacer el cambio con Editar > Deshacer.
354 Captulo 20
ES FW4UM.book Page 355 Monday, November 20, 2000 1:33 PM
356 Captulo 20
ES FW4UM.book Page 357 Monday, November 20, 2000 1:33 PM
358 Captulo 20
ES FW4UM.book Page 359 Monday, November 20, 2000 1:33 PM
8 Seleccione una tarea de la lista Incluir en procesos por lotes para ver opciones
extra sobre dicha tarea. Elija diferentes ajustes que desee para cada opcin.
9 Para quitar una tarea del proceso por lote, seleccione la tarea en la lista Proceso
por lote y haga clic en Eliminar.
10 Haga clic en Siguiente.
360 Captulo 20
ES FW4UM.book Page 361 Monday, November 20, 2000 1:33 PM
362 Captulo 20
ES FW4UM.book Page 363 Monday, November 20, 2000 1:33 PM
1 Haga clic en Editar para abrir el cuadro de dilogo Reemplazar por lotes.
2 Seleccione el tipo de atributo de bsqueda y reemplazo en el men emergente
Buscar.
3 En la opcin Buscar, escriba o seleccione el elemento especfico que desee
buscar.
4 En el campo Cambiar por, escriba o seleccione el elemento especfico que vaya a
utilizar para reemplazar los elementos encontrados.
5 Para aadir archivos modificados al Historial del proyecto a fin de poderlos
localizar con facilidad ms adelante, seleccione Actualizar historial del proyecto.
6 Haga clic en Aceptar para guardar la configuracin de Buscar y reemplazar.
7 Haga clic en Siguiente para continuar el proceso por lotes.
Para ms informacin sobre las opciones de Buscar y reemplazar, consulte
Bsqueda y reemplazo en la pgina 354.
Nota: Durante la bsqueda y reemplazo de URL en el proceso por lotes, no se generan
nuevos archivos HTML.
364 Captulo 20
ES FW4UM.book Page 365 Monday, November 20, 2000 1:33 PM
3 Haga clic en Lote para finalizar el proceso por lotes o en Atrs para volver al
cuadro de dilogo Procesar por lotes.
366 Captulo 20
ES FW4UM.book Page 367 Monday, November 20, 2000 1:33 PM
Elija una o varias entradas y elija Borrar seleccin en el men emergente Opciones
del Historial del proyecto.
Elija Borrar todo en el cuadro emergente Opciones del Historial del proyecto.
Para exportar uno de los archivos incluidos en el historial del proyecto con su
configuracin de exportacin ms reciente:
Extensin de Fireworks
Macromedia Dreamweaver utiliza tambin JavaScript. Puede controlar Fireworks
desde Dreamweaver mediante archivos de comandos. Para obtener
documentacin sobre el API de JavaScript, acceda a
http://www.macromedia.com/support/fireworks/extend.html.
Arrastre el indicador de Deshacer hacia la parte superior del panel hasta llegar al
ltimo paso que desee deshacer o volver a reproducir.
Haga clic en el recorrido del indicador de Deshacer de la parte izquierda del
panel Historial.
Los pasos deshechos se conservan en el panel Historial y aparecen resaltados en
color gris.
368 Captulo 20
ES FW4UM.book Page 369 Monday, November 20, 2000 1:33 PM
370 Captulo 20
ES FW4UM.book Page 371 Monday, November 20, 2000 1:33 PM
21
CAPTULO 21
Fireworks para usuarios de Photoshop
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
Para utilizar los mtodos abreviados de teclado de Photoshop para los comandos
de men de Fireworks:
371
ES FW4UM.book Page 372 Monday, November 20, 2000 1:33 PM
372 Captulo 21
ES FW4UM.book Page 373 Monday, November 20, 2000 1:33 PM
Modo Vector
El modo Vector es el modo de edicin predeterminado de Fireworks. En el modo
Vector es posible utilizar distintas herramientas de dibujo para crear objetos
vectoriales. Denominados tambin trazados, los objetos vectoriales consisten en
puntos ajustables conectados con segmentos de trazados. A diferencia de los
objetos de mapas de bits, los objetos vectoriales consisten de elementos
discrecionales fcilmente seleccionables y editables.
374 Captulo 21
ES FW4UM.book Page 375 Monday, November 20, 2000 1:33 PM
Degradados
Fireworks y Photoshop 5.5 permiten rellenar un rea con un degradado, relleno
compuesto por una mezcla suave entre dos o ms colores. No obstante, las
diferencias entre las caractersticas de los mapas de bits y los vectores de cada
aplicacin influyen en la manera de aplicar y editar los degradados.
Creacin de degradados
En Photoshop 5.5, se arrastra con la herramienta de degradado para aplicar un
degradado a una seleccin de pxeles o a una capa entera.
En Fireworks, los degradados se pueden aplicar como un tipo de relleno de objetos
vectoriales. Una vez seleccionado el objeto deseado, se elige un tipo de degradado
en el men emergente Categora de relleno del panel Relleno. (Los rellenos de
degradado se enumeran debajo de la divisin de lnea en el men emergente).
Fireworks aplica el degradado en el interior del objeto de modo idntico a como lo
hace con otro tipo de relleno.
Edicin de degradados
En Photoshop 5.5 es necesario especificar los colores y la forma de un degradado
antes de aplicarlo a una imagen.
En Fireworks es posible editar los rellenos de degradado dentro de los objetos
vectoriales en cualquier momento. Para ello, seleccione el objeto que contenga el
degradado y modifique la configuracin del degradado en el panel Relleno.
Incluso es posible arrastrar los selectores de relleno que aparecen dentro del objeto
para ajustar la posicin, el ngulo y la anchura del degradado. El relleno de
degradado antiguo se actualizar de forma inmediata para reflejar la nueva
configuracin de degradado.
Capas
Si bien el panel Capas de Fireworks recuerda en su aspecto a la paleta Capas de
Photoshop 5.5, las capas de Fireworks pueden comportarse de forma muy
diferente, en funcin del modo de edicin en que se encuentre.
376 Captulo 21
ES FW4UM.book Page 377 Monday, November 20, 2000 1:33 PM
Los objetos pueden arrastrarse fcilmente arriba y abajo por el panel Capas para
cambiar su orden de apilamiento dentro de una capa o para desplazarlos por
completo a otra capa. Tambin es posible editar y eliminar objetos sin que ello
afecte a otros objetos de la misma capa.
Grupos
Los grupos de recorte de Photoshop 5.5 permiten utilizar una capa como mscara
para otras capas del grupo. Si bien Fireworks no ofrece una contrapartida similar
de los grupos de recorte, es posible efectuar diversos efectos de enmascaramiento
con el uso de mscaras de vectores y de mapas de bits junto con el panel Capas.
En Fireworks, el comando Modificar > Grupo permite agrupar objetos selecciona-
dos para que se comporten como una sola entidad. Si se mueven, transforman o
modifican los atributos del grupo, todos los objetos del grupo cambian. El agrupa-
miento de objetos en Fireworks es muy similar a vincular capas en Photoshop.
Mscaras
Fireworks incluye caractersticas de enmascaramiento similares a las mscaras de
capa de Photoshop 5.5.
Para aadir una mscara vaca a un objeto en Fireworks, seleccione el objeto y
haga clic en el botn Aadir mscara situado en la parte inferior del panel Capas.
Aparecer una miniatura de mscara junto a la miniatura del objeto en el panel
Capas, de forma similar a como aparecen las miniaturas de mscaras de capa junto
a las miniaturas de capa en Photoshop. Entonces podr pintar en la ventana del
documento, de la misma forma que en Photoshop, para crear una mscara de
mapa de bits.
378 Captulo 21
ES FW4UM.book Page 379 Monday, November 20, 2000 1:33 PM
Herramienta
Tanto Fireworks como Photoshop 5.5 permiten crear y editar el texto de los
documentos. Tambin es posible exportar texto de una aplicacin a otra sin perder
la capacidad de realizar ediciones de texto.
En Photoshop, el texto se crea en una capa de texto y su contenido y sus atributos
se modifican mediante el cuadro de dilogo Texto. De forma similar, en Fireworks
el texto se crea como un objeto de texto en la capa actual y se modifica con el
Editor de texto.
380 Captulo 21
ES FW4UM.book Page 381 Monday, November 20, 2000 1:33 PM
Efectos
Fireworks 4 y Photoshop 5.5 incluyen un abanico de efectos grficos, como
sombras y resplandores, que pueden aplicarse a elementos del documento y
cambiarse en cualquier momento.
En Photoshop, los efectos de capa se utilizan para aadir mejoras a la capa
seleccionada. En Fireworks, el panel Efectos se utiliza para aadir uno o ms efectos
automticos al objeto seleccionado. Una vez aplicado un efecto automtico, aparece
enumerado en el panel Efectos del objeto seleccionado, lo que facilita el ajuste de la
configuracin del efecto, desactivarlo, activarlo o suprimirlo del todo.
Automatizacin de tareas
Tanto Fireworks 4 como Photoshop 5.5 permiten automatizar tareas repetitivas.
El comando Archivo > Procesar por lotes de Fireworks permite aplicar tareas
automatizadas a un lote de documentos, lo mismo que en Photoshop. Al igual que
la paleta Acciones y el men Archivo > Automatizar de Photoshop, el men
Comandos de Fireworks permite ejecutar automticamente archivos de comandos
en el documento. Es posible elegir entre diversos comandos incorporados o crear
comandos propios.
Para registrar y crear archivos de comandos propios en Fireworks se utiliza el panel
Historial, que muestra las ltimas tareas ejecutadas lo mismo que la paleta
Historial de Photoshop. Basta con resaltar el rango de tareas deseado y seleccionar
Guardar como comando en el men emergente de opciones del panel Historial.
Fireworks aade el nuevo comando al men Comandos.
382 Captulo 21
ES FW4UM.book Page 383 Monday, November 20, 2000 1:33 PM
Animacin
Al igual que Photoshop 5.5, Fireworks 4 permite crear archivos GIF Animados.
Adems, Fireworks ofrece la capacidad de utilizar smbolos para copiar e interpolar
elementos de la animacin con facilidad.
384 Captulo 21
ES FW4UM.book Page 385 Monday, November 20, 2000 1:33 PM
386 Captulo 21
ES FW4UM.book Page 387 Monday, November 20, 2000 1:33 PM
388 Captulo 21
ES FW4UM.book Page 389 Monday, November 20, 2000 1:33 PM
22
CAPTULO 22
El cdigo HTML de Fireworks
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..................................................
. . . . . . . . . . . . . . . .
Archivos HTML?
Un archivo HTML es un archivo de texto que contiene los siguientes elementos:
Texto que aparecer en la pgina Web.
Etiquetas HTML que definen el formato y la estructura del texto y de todo
el documento, as como vnculos a imgenes y otros documentos HTML
(pginas Web).
Las etiquetas (o cdigos) HTML aparecen entre corchetes y tienen el siguiente
aspecto:
<ETIQUETA> texto con formato </ETIQUETA>
La etiqueta de apertura indica al navegador, por ejemplo, el formato del texto o
la inclusin de un grfico. La etiqueta de cierre (</ETIQUETA>), cuando
existe, indica el final de dicho formato.
389
ES FW4UM.book Page 390 Monday, November 20, 2000 1:33 PM
390 Captulo 22
ES FW4UM.book Page 391 Monday, November 20, 2000 1:33 PM
392 Captulo 22
ES FW4UM.book Page 393 Monday, November 20, 2000 1:33 PM
394 Captulo 22
ES FW4UM.book Page 395 Monday, November 20, 2000 1:33 PM
NDICE ALFABTICO
Nmeros alinear
2-arriba, vista 53 grficos del estado de botn 235
4-arriba, vista 53 objetos 98
ampliar trazados 117
A aadir
estilos 222
abrir
fotogramas 289
archivos de CorelDRAW 70
animacin
archivos de Fireworks 1 69
abrir 295
archivos de FreeHand 70
activar y desactivar fotogramas 288
archivos de Illustrator 70
administrar fotogramas 287
archivos de Photoshop 69
aadir fotogramas 289
archivos WBMP 72
bucle 293
GIF animados 71, 295
cambiar orden de fotogramas 289
varios archivos como animaciones 296
compartir capas en fotogramas 290
acciones del ratn 266
configurar demora de fotogramas 287
ACT, muestras 161
crear desde varios archivos 296
activar, modo Mapa de bits 126
desactivar uso compartido de capas 291
actualizacin de divisiones 262
editar animaciones de Fireworks 348
Actualizar HTML 335
editar varios fotogramas 292
agrupar objetos 96
eliminar fotogramas 289
ajustar
exportar 294
matiz o saturacin 187
exportar como archivo Flash 295
rango tonal 180
exportar como varios archivos 295
rango tonal con cuentagotas 184
insertar fotogramas 289
ajuste entre caracteres 146
mover objetos a otro fotograma 290
ajustes de optimizacin
optimizar 294
ajustes de optimizacin preestablecidos 298
papel cebolla 291
almacenamiento 301
reproducir 292
comparacin 303
transparencia 294
comparacin de dos o cuatro ajustes 303
ver fotograma siguiente 292
eliminacin de ajustes preestablecidos 302
ver fotogramas anteriores y posteriores 292
GIF 306
ver presentacin preliminar 292
JPEG 308
ver todos los fotogramas 292
opciones preestablecidas 298
ver varios fotogramas 291
PNG 306
vista de fotogramas personalizada 292
presentacin preliminar 302
Anular seleccin, comando 131
reutilizacin 301
apilar, objetos 98
uso compartido con otro usuario 301
Apple, selector de colores 165
lbumes de fotografas Web, crear 350
aprendizaje de Fireworks 18
alfa, convertir imgenes 191
395
ES FW4UM.book Page 396 Monday, November 20, 2000 1:33 PM
C muestreo 159
cach, archivos 61 obtener con herramienta Cuentagotas 159
Calidad selectiva, botn 308 ordenar panel Muestras 161
Cambiar el tamao, comando 124 reemplazar muestra 161
cambiar nombre relleno degradado 171
smbolos 226 rellenos 186
cambio del tamao de las imgenes de Fireworks restablecer predeterminado 167
desde Dreamweaver 347 tramado con Websafe 177
capas Color del relleno 220
compartir en fotogramas para animacin 290 aplicacin 220
desactivar uso compartido en fotogramas 291 color, correccin
exportacin 324 automtica 182
capas CSS brillo y contraste 185
exportacin 334 Curvas 182
exportar desde Fireworks 340 Niveles 180
Capas, panel Niveles automticos 182
asignacin de nombres a divisiones 258 usar cuentagotas 184
visualizacin de divisiones 257 colorear, imgenes 187
centro de asistencia 19 colores de mezcla de objetos superpuestos 215
crculos 103 colores Sistema Windows, como grupo de muestras
clonar, imgenes 138 161
CMA, modelo color 163 Colores Websafe 314
color colores, paleta
aadir de pantalla a paleta 160 aadir desde pantalla 160
aplicar desde panel Muestras 158 anexar a paleta actual 162
barra, elegir color 164 borrar 161
borrar en panel Muestras 161 borrar colores 161
buscar y reemplazar 357 crear colores 163
buscar y reemplazar colores no Websafe 358 elegir 158, 162
cambiar trazo 166 elegir personal 162
configuracin de preferencias 59 guardar muestras personales 162
crear con Mezclador de colores 164 modelos color 163
cuadro, selector de colores de Apple 165 ordenar 161
descripcin 157 reemplazar color 161
eleccin de la profundidad de color 306 comando
elegir en barra de colores 164 Actualizar HTML 349
elegir paleta de trabajo 162 Crear lbum de fotos web 350
eliminacin de los colores no utilizados 307 Enviar al fondo 98
eliminar panel Muestras 161 Enviar hacia atrs 98
guardar paleta personal 162 Optimizar imagen en Fireworks 346
invertir valores 188 Poner en primer plano 98
modelo CMA 163 Traer hacia adelante 98
modelo Escala de grises 163 Transformacin numrica 95
modelo Hexadecimal 163 comandos
modelo MSB 163 almacenar 65
modelo RVA 163 proceso por lotes 364
modelos color 163 Combinar imgenes, comando 136
U Z
unir trazados 120 zonas interactivas
Unir, comando 121 asignacin de valores URL 247
URL comportamientos arrastrar y colocar 249
absoluto, escribir 230 creacin 245
asignar a botones 237 edicin de la forma 249
asignar a un objeto Web 229 sobre las divisiones 279
relativo, escribir 230 zoom 75
V
valores URL
asignacin a rollovers 273
buscar y reemplazar 358
seleccin de opciones de destino 248
vector, modo, activar 102, 126
vnculos HTML rotos 393
visualizar barras de herramientas 55
volver a dibujar el documento 77
volver a dibujar trazado, herramienta 119
volver a muestrear 75
volver a reproducir animaciones 292
W
Windows, requisitos del sistema 17
X
Xtra Importar para Director 332
Xtras
Brillo/Contraste 185
Buscar bordes 190
como efectos automticos 179
Curvas 182
Desenfocar 188
Desenfocar ms 188
Desenfoque gaussiano 189
Desperfilar mscara 192
Invertir 188
Matiz/Saturacin 187
Niveles 180
Niveles automticos 182
Perfilar 191
Perfilar ms 191