Manual Fireworks
Manual Fireworks
Manual Fireworks
FIREWORKS 3
Utilizacin de Fireworks
macromedia
Marcas comerciales
Afterburner, AppletAce, Attain, Attain Enterprise Learning System, Attain Essentials, Attain Objects for Dreamweaver, Authorware,
Authorware Attain, Authorware Interactive Studio, Authorware Star, Authorware Synergy, Backstage, Backstage Designer, Backstage
Desktop Studio, Backstage Enterprise Studio, Backstage Internet Studio, Design in Motion, Director, Director Multimedia Studio, Doc
Around the Clock, Dreamweaver, Dreamweaver Attain, Drumbeat, Drumbeat 2000, Extreme 3D, Fireworks, Flash, Fontographer,
FreeHand, FreeHand Graphics Studio, Generator, Generator 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 los EE. UU. u otras jurisdicciones, incluidas las internacionales. Otros nombres de productos, logos, diseos,
ttulos, palabras o frases mencionadas en esta publicacin pueden ser marcas comerciales, marcas de servicio o nombres comerciales de
Macromedia, Inc. o de otras entidades y pueden estar registrados en determinadas jurisdicciones, incluidas las internacionales.
Apple, el logo Apple, Macintosh, Power Macintosh, Mac OS y LaserWriter son marcas 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, los EE. UU. y/o otros pases. Java y todas las marcas basadas en
Java son marcas comerciales o marcas comerciales registradas de Sun Microsystems, Inc. en EE.UU. y en otros pases. GIF-LZW se
licencia bajo la patente de los EE.UU. N 4.558.302 y equivalente 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 Sam Leffler. Porciones Copyright 1991, 1992 Silicon
Graphics. Imgenes 1999 de PhotoDisc, Inc.
Esta gua contiene vnculos a sitios Web de terceros que no se encuentran bajo el control de Macromedia. Macromedia no es responsable
del contenido de cualquier sitio vinculado. Si accede a un sitio Web de terceros mencionado en esta gua, lo hace bajo su propia
responsabilidad. Macromedia proporciona estos vnculos slo como una ayuda, la inclusin del vnculo no implica que Macromedia haga
suyo o acepte el contenido de dichos sitios de terceros.
Nota legal de Apple
APPLE COMPUTER, INC., NO OFRECE NINGUNA GARANTA, EXPRESA O IMPLCITA, DEL PAQUETE DE SOFTWARE
ADJUNTO, SU COMERCIABILIDAD O SU ADECUACIN PARA ALGN PROPSITO EN PARTICULAR. LA EXCLUSIN
DE GARANTAS IMPLCITAS NO ESTN PERMITIDAS EN ALGUNOS ESTADOS. LA EXCLUSIN ANTERIOR PUEDE
NO SER APLICABLE A USTED. ESTA GARANTA LE PROPORCIONA DERECHOS LEGALES ESPECFICOS. ES POSIBLE
QUE DISPONGA DE OTROS DERECHOS QUE VAREN DE UNOS ESTADOS A OTROS.
Fireworks ha sido creado por Macromedia, Inc. 1999. Reservados todos los derechos. Patentes de los 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 patentes pendientes. No se permite la copia, fotocopia, reproduccin,
traduccin o conversin mediante ningn medio electrnico o mecnico, ya sea de forma total o parcial de este manual, sin la previa
autorizacin por escrito de Macromedia, Inc.
Primera edicin: Diciembre 1999
Macromedia, Inc.
600 Townsend St.
San Francisco, CA 94103
Agradecimientos
Escrito por Randy Varnell, Rocky Angelucci, Stuart Manning, Robin Hunt-Smith, Sherri Harte y Peter Fenczik.
Editado por Stuart Manning y Monte Williams.
Proyecto dirigido por Monte Williams.
Produccin por Sherri Harte y Rocky Angelucci.
Agradecimientos especiales a John Ahlquist, Doug Benson, Dennis Griffin, Mark Haynes, David Morris y Diana Smedley.
Director de localizacin Linda Page.
Proyecto de localizacin Sami Kaied.
Ingeniera de localizacin Michael Neal.
NDICE DE CONTENIDO
INTRODUCCIN
Requisitos del sistema . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12
Instalacin e inicio de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12
Aprendizaje de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12
Novedades de Fireworks 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13
CAPTULO 1
Tutorial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Herramientas de dibujo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .18
Botones de JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .19
Rollovers sofisticados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22
Efectos automticos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .25
Automatizacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .25
Mscaras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26
Zonas interactivas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26
Optimizacin de imgenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .27
Exportacin de imgenes, HTML y JavaScript . . . . . . . . . . . . . . . . . . .28
Animacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .29
CAPTULO 2
Conceptos bsicos de Fireworks . . . . . . . . . . . . . . . .33
Qu es Fireworks? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .33
Perfeccionamiento de los sitios Web con Fireworks . . . . . . . . . . . . . . . .34
Descripcin del rea de trabajo de Fireworks . . . . . . . . . . . . . . . . . . . . .36
Visualizacin de un documento de Fireworks . . . . . . . . . . . . . . . . . . . .37
Optimizacin en el rea de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . .37
Visualizacin y eleccin de herramientas . . . . . . . . . . . . . . . . . . . . . . . .38
Uso de paneles e inspectores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .39
Asignacin de comportamientos a objetos Web . . . . . . . . . . . . . . . . . . .40
Cambio y repeticin del historial de un documento . . . . . . . . . . . . . . .41
Creacin de botones rollover de JavaScript . . . . . . . . . . . . . . . . . . . . . .41
Utilizacin de los mens contextuales . . . . . . . . . . . . . . . . . . . . . . . . . .42
Configuracin de preferencias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .42
3
CAPTULO 3
Creacin e importacin de documentos . . . . . . . . .45
Configuracin de un documento nuevo . . . . . . . . . . . . . . . . . . . . . . . .46
Visualizacin y navegacin por el documento . . . . . . . . . . . . . . . . . . . .46
Cambio del tamao, el color y la resolucin del documento . . . . . . . . .48
Rotacin y recorte del lienzo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .49
Creacin de documentos de Fireworks mediante la importacin . . . . . .50
Importacin de imgenes de un escner o una cmara digital . . . . . . . .53
CAPTULO 4
Dibujo de objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .55
Activacin del modo de objetos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .56
Eleccin de herramientas de dibujo y edicin . . . . . . . . . . . . . . . . . . . .56
Dibujo en el modo de objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57
Cambio del trazo de las herramientas de dibujo. . . . . . . . . . . . . . . . . . .61
Cambio del relleno de las herramientas de dibujo . . . . . . . . . . . . . . . . .61
Incorporacin de imgenes importadas en un documento . . . . . . . . . . .62
CAPTULO 5
Edicin de objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
Seleccin de objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .66
Remodelado de trazados editando los puntos . . . . . . . . . . . . . . . . . . . .68
Remodelado directo de trazados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .70
Remodelado de objetos de trazado con operaciones de trazado . . . . . . .72
Cambio de los colores de trazo y relleno . . . . . . . . . . . . . . . . . . . . . . . .75
Edicin de trazos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76
Edicin de rellenos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .80
Uso de estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .85
Transformacin y distorsin de objetos . . . . . . . . . . . . . . . . . . . . . . . . .87
Organizacin de objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .90
Smbolos e instancias. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .94
CAPTULO 6
Color y transparencia . . . . . . . . . . . . . . . . . . . . . . . . . . .99
Eleccin de colores al dibujar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .100
Personalizacin del panel Muestras . . . . . . . . . . . . . . . . . . . . . . . . . . .101
Cambio de grupo de muestras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102
Creacin de colores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .103
Asignacin de transparencia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .105
Suavizado para que coincida el color de fondo del resultado . . . . . . . .106
Eliminacin de halos de grficos de web . . . . . . . . . . . . . . . . . . . . . . .106
ndice de contenido
CAPTULO 7
Uso de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
Introduccin de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .110
Edicin de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .111
Aplicacin de trazos, rellenos, efectos y estilos al texto. . . . . . . . . . . . .115
Adaptacin de texto a un trazado . . . . . . . . . . . . . . . . . . . . . . . . . . . .115
Transformacin de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .116
Remodelado del texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .117
Importacin de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .117
CAPTULO 8
Edicin y pintura de pxeles . . . . . . . . . . . . . . . . . . . . 119
Familiarizacin con el modo de edicin de imgenes. . . . . . . . . . . . . .120
Creacin de imgenes de mapa de bits. . . . . . . . . . . . . . . . . . . . . . . . .120
Activacin del modo de edicin de imgenes. . . . . . . . . . . . . . . . . . . .121
Seleccin de pxeles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122
Ajuste de una seleccin con recuadro. . . . . . . . . . . . . . . . . . . . . . . . . .124
Edicin de pxeles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .127
Pintura de pxeles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .130
Comportamiento de los modos de mezcla en el modo de edicin de imgenes
130
Uso de filtros y filtros de conexin. . . . . . . . . . . . . . . . . . . . . . . . . . . .130
CAPTULO 9
Aplicacin de efectos a objetos . . . . . . . . . . . . . . . . 139
Aplicacin de un efecto automtico. . . . . . . . . . . . . . . . . . . . . . . . . . .140
Edicin de Efectos automticos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .140
Creacin de efectos personalizados . . . . . . . . . . . . . . . . . . . . . . . . . . .141
Control de la actualizacin del efecto automtico . . . . . . . . . . . . . . . .142
Aplicacin de efectos a objetos agrupados . . . . . . . . . . . . . . . . . . . . . .142
Utilizacin de efectos automticos estndar . . . . . . . . . . . . . . . . . . . . .143
Utilizacin de filtros de conexin de Photoshop como efectos automticos
145
Utilizacin de Xtras de Fireworks como efectos automticos . . . . . . . .145
CAPTULO 10
Composicin y mscaras . . . . . . . . . . . . . . . . . . . . . . 147
Composiciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .148
Enmascaramiento de imgenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .150
ndice de contenido
CAPTULO 11
Optimizacin de grficos . . . . . . . . . . . . . . . . . . . . . . 153
Optimizacin en el rea de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . .154
Presentacin preliminar de los ajustes de optimizacin
y comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .156
Seleccin del formato de archivo ms adecuado. . . . . . . . . . . . . . . . . .157
Eleccin de los ajustes de optimizacin para archivos GIF y PNG. . . .158
Eleccin de los ajustes de optimizacin para archivos JPEG. . . . . . . . .159
Optimizacin de paletas de colores . . . . . . . . . . . . . . . . . . . . . . . . . . .160
CAPTULO 12
Exportacin. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
Exportacin de una imagen. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .166
Resultados de la exportacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .166
Exportacin con el Asistente de exportacin . . . . . . . . . . . . . . . . . . . .167
Optimizacin y presentacin preliminar durante la exportacin . . . . .167
Exportacin de fotogramas o capas como varios archivos. . . . . . . . . . .169
Exportacin de una rea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .169
Exportacin de objetos con divisiones . . . . . . . . . . . . . . . . . . . . . . . . .170
Exportacin de trazados vectoriales . . . . . . . . . . . . . . . . . . . . . . . . . . .171
CAPTULO 13
Creacin de zonas interactivas y de
mapas de imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173
Eleccin de grficos origen para mapas de imagen . . . . . . . . . . . . . . . .174
Creacin de zonas interactivas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .174
Asignacin de valores URL a zonas interactivas . . . . . . . . . . . . . . . . . .175
Edicin de zonas interactivas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .178
Configuracin de las opciones de mapa de imagen . . . . . . . . . . . . . . .178
Exportacin de mapas de imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . .179
CAPTULO 14
Divisin de imgenes . . . . . . . . . . . . . . . . . . . . . . . . . . .181
Comparacin entre divisiones y zonas interactivas. . . . . . . . . . . . . . . .182
Dibujo de objetos de divisin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .182
Creacin de una imagen simple dividida . . . . . . . . . . . . . . . . . . . . . . .185
Adicin de interactividad a las divisiones. . . . . . . . . . . . . . . . . . . . . . .185
Denominacin de divisiones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .186
Mezcla de formatos de archivo en una imagen dividida . . . . . . . . . . . .188
Creacin de una divisin de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . .188
Creacin de una divisin de reemplazo . . . . . . . . . . . . . . . . . . . . . . . .189
Creacin de rollovers de JavaScript con divisiones . . . . . . . . . . . . . . . .189
ndice de contenido
CAPTULO 15
Creacin de botones . . . . . . . . . . . . . . . . . . . . . . . . . . 191
Qu es un botn?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .192
Descripcin de los botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .192
Creacin de botones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .192
Creacin de barras de navegacin mediante smbolos anidados . . . . . .196
Conversin de rollovers de Fireworks en botones. . . . . . . . . . . . . . . . .196
Insercin de un botn de origen externo . . . . . . . . . . . . . . . . . . . . . . .197
CAPTULO 16
Creacin de rollovers avanzados . . . . . . . . . . . . . . . 199
Descripcin de los rollovers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .200
Correspondencia de estados de rollover y fotogramas . . . . . . . . . . . . .200
Definicin del rea de activacin del rollover. . . . . . . . . . . . . . . . . . . .201
Asignacin de comportamientos de rollover . . . . . . . . . . . . . . . . . . . .201
Asignacin de vnculos de URL a rollovers . . . . . . . . . . . . . . . . . . . . .202
Creacin de rollovers desunidos para intercambiar partes de la imagen 203
Uso de archivos externos como origen de rollover . . . . . . . . . . . . . . . .204
Uso de rollovers irregulares o superpuestos . . . . . . . . . . . . . . . . . . . . .204
Exportacin de rollovers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .205
CAPTULO 17
Creacin de animaciones . . . . . . . . . . . . . . . . . . . . . 207
Planificacin de una animacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .208
Administracin de fotogramas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .209
Creacin o importacin de elementos para la animacin . . . . . . . . . . .212
Control de la animacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .213
Optimizacin de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .215
Presentacin preliminar de una animacin . . . . . . . . . . . . . . . . . . . . .215
Exportacin de una animacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .216
Apertura de una animacin existente. . . . . . . . . . . . . . . . . . . . . . . . . .217
Apertura de varios archivos como una animacin . . . . . . . . . . . . . . . .217
CAPTULO 18
Automatizacin de tareas repetitivas . . . . . . . . . . . 219
Bsqueda y reemplazo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .220
Procesamiento por lotes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .224
Creacin de archivos de comandos . . . . . . . . . . . . . . . . . . . . . . . . . . .229
ndice de contenido
CAPTULO 19
Operaciones con Dreamweaver y otros
editores HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233
Planificacin del sitio Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .234
Descripcin del cdigo HTML de Fireworks . . . . . . . . . . . . . . . . . . .234
Uso del comando Actualizar HTML . . . . . . . . . . . . . . . . . . . . . . . . . .234
Copia y pegado de cdigo HTML de Fireworks . . . . . . . . . . . . . . . . .235
Exportacin de cdigo HTML de Fireworks como un archivo . . . . . .235
Colocacin de archivos Fireworks en Dreamweaver. . . . . . . . . . . . . . .238
Pegado de un archivo HTML de Fireworks en otro archivo HTML . .238
Edicin de imgenes Fireworks incluidas en Dreamweaver . . . . . . . . .239
Optimizacin de grficos de Fireworks en Dreamweaver . . . . . . . . . . .240
Algunos conceptos bsicos de HTML . . . . . . . . . . . . . . . . . . . . . . . . .241
Etiquetas HTML comunes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .241
APNDICE A
Mtodos abreviados de teclado . . . . . . . . . . . . . . . 243
Men Archivo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .243
Men Editar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .244
Men Ver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .244
Men Insertar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .246
Men Modificar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .246
Men Texto. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248
Men Ventana. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .249
Men Xtras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .249
Men Ayuda . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .249
Editor de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .250
Caja de herramientas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .250
Varios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .251
NDICE ANALTICO . . . . . . . . . . . . . . . . . . . . . . . . . 253
ndice de contenido
INTRODUCCIN
11
Instalacin e inicio de
Fireworks
Antes de instalar Fireworks, asegrese de que su
sistema cumple los requisitos indicados en
Requisitos del sistema en la pgina 12. Consulte
el documento Lame del CD-ROM de Fireworks
para ver la informacin ms reciente sobre el
producto.
Para instalar Fireworks:
1
12
Introduccin
Instalador de Fireworks.
3
Aprendizaje de Fireworks
Existen distintos recursos para aprender a utilizar
Fireworks, como el manual impreso, un sistema
de ayuda ejecutable desde la aplicacin y otras
fuentes de informacin disponibles a travs de la
Web.
se encuentra disponible
siempre que la aplicacin est activa. Contiene la
misma informacin que este manual.
Ayuda de Fireworks
curso de aprendizaje
de las funciones clave de Fireworks y que puede
realizarse en menos de una hora. Si es un usuario
nuevo de Fireworks, comience el aprendizaje por
el tutorial. Incluye tareas comunes de Fireworks
como la optimizacin de los archivos GIF y JPEG
y la creacin de animaciones y rollovers.
Tutorial de Fireworks es un
Extensin de Fireworks
se
Novedades de Fireworks 3
Fireworks 3 ofrece muchas funciones nuevas para
mejorar la prctica del diseo Web.
Integracin con Dreamweaver
El empleo conjunto de Fireworks 3 y
Dreamweaver 3 es realmente eficaz para trasladar
sus imgenes a la Web:
Los comportamientos mejorados de Fireworks
13
14
Introduccin
Effects.
Para obtener ms informacin, consulte Uso de
filtros y filtros de conexin en la pgina 130.
Presentacin preliminar de Gama
La presentacin preliminar de Gama permite ver
el aspecto de las imgenes en otra plataforma
informtica. Si est trabajando en Windows,
puede ver cmo queda una imagen en un
Macintosh, y viceversa. Para obtener ms
informacin, consulte Qu es Fireworks? en la
pgina 33
15
incluidos.
Para obtener ms informacin, consulte
Seleccin de objetos en la pgina 66.
Mejoras en el texto
Las nuevas funciones de texto y fuentes (tipos)
dan ms posibilidades de control:
Puede adaptar el tamao de los bloques de
16
Introduccin
Efectos automticos
Pueden verse muchos filtros de otras empresas
como efectos automticos, incluidos filtros de
Photoshop o Alien Skin Eye Candy.
Especifique la carpeta de filtros de conexin
(Plug-ins), o crguelos directamente en Fireworks
para crear al instante el efecto deseado en un
objeto. Los efectos automticos pueden aplicarse a
texto, imgenes, elementos grficos, trazados y
trazos; y pueden aadirse tantos como se desee.
Tambin pueden modificarse. Si realiza cambios
en el objeto, el efecto se actualiza de forma
automtica. Los parmetros favoritos pueden
guardarse y aplicarse a otros objetos.
CAPTULO 1
Tutorial
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
17
Herramientas de dibujo
Fireworks incluye una gran variedad de
herramientas para crear formas geomtricas
bsicas, as como para dibujar con precisin
formas irregulares.
Dibujo de un rectngulo
Comenzar por dibujar un rectngulo con la
ayuda de las guas.
1
2
18
Captulo 1
Botones de JavaScript
Fireworks permite crear botones interactivos sin
necesidad de escribir una lnea de cdigo
JavaScript.
Creacin de un botn
Convertir el rectngulo en un botn y utilizar el
editor de botones para completar el botn.
Tutorial
19
20
Captulo 1
10
12
13
14
Tutorial
21
Rollovers sofisticados
2
22
Captulo 1
Botn Fotograma
nuevo/Duplicar
fotograma
Tutorial
23
10
12
13
11
14
15
24
Captulo 1
Efectos automticos
Fireworks incluye efectos especiales y comandos
de ajuste de la imagen que pueden utilizarse en
trazados e imgenes de mapa de bits. Cuando se
utiliza el panel Efecto, los efectos permanecen
editables aplicarlos a los objetos Tambin pueden
eliminarse.
1
Automatizacin
Fireworks registra en el panel Historial todos los
pasos que se llevan a cabo mientras se trabaja con
el documento. Puede utilizar el panel Historial
para anular pasos y volver al estado anterior del
documento. Tambin puede utilizar el panel
Historial para automatizar tareas mediante la
reproduccin de pasos.
1
Establezca
aqu la
anchura del
bisel.
Tutorial
25
Zonas interactivas
En Fireworks es muy sencillo asociar un rea de la
imagen con un valor URL. Cree zonas
interactivas cuando desee crear un vnculo pero
no necesite los estados interactivos de un botn.
Cuando se crea una zona interactiva en Fireworks,
se crea un mapa de imagen.
Mscaras
26
Captulo 1
Optimizacin de imgenes
Fireworks permite optimizar las distintas partes
de un documento por separado. Cada documento
tiene unos parmetros de optimizacin
predeterminados, pero puede utilizar las
divisiones para optimizar distintas zonas del
documento. Por ejemplo, la mayor parte del
documento puede optimizarse como archivo GIF,
pero la imagen de la taza de caf tendr ms
calidad de visualizacin si se optimiza como
archivo JPEG.
Tutorial
27
Guarde el archivo.
Exportacin de imgenes,
HTML y JavaScript
Cuando se exporta un documento, Fireworks
exporta archivos individuales de cada una de las
divisiones. Tambin genera todo el cdigo HTML
y JavaScript necesario para ver el documento en un
navegador Web. Fireworks permite exportar el
cdigo de JavaScript, HTML y las imgenes para
incorporarlos en el sitio que est creando y
administrando con Macromedia Dreamweaver.
1
28
Captulo 1
Animacin
Tutorial
29
30
Captulo 1
10
11
12
13
14
Tutorial
31
32
Captulo 1
CAPTULO 2
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Puede familiarizarse con los conceptos de Fireworks al realizar una incursin rpida
por el rea de trabajo. Este captulo contiene una lista de las funciones de sitios Web
que pueden crearse en Fireworks, incluidas algunas que quiz desconozca.
Qu es Fireworks?
Gracias a la aparicin de Fireworks, los diseadores de sitios Web ya no tienen que
cambiar continuamente entre las distintas aplicaciones especficas para realizar una
tarea especfica. Los efectos automticos de carcter no destructivo evitan la
frustracin que acarrea tener que volver a crear los grficos Web desde el principio
despus de realizar una simple modificacin. Fireworks genera JavaScript facilitando
la creacin de rollovers. Adems, las funciones de optimizacin permiten comprimir
el tamao del archivo de grficos Web sin perjudicar la calidad.
A continuacin se describen algunas de las operaciones que puede realizar en
Fireworks:
Puede crear grficos utilizando algunas de las mejores funciones de las
archivo todo lo posible, lo que permite cargar los sitios Web de forma rpida.
Fireworks tambin permite convertir los grficos Web en objetos interactivos
33
Imgenes optimizadas
Antes de transferir fotografas o cualquier otra
forma de imgenes para el sitio Web, utilice la
funcin de optimizacin de Fireworks para
comprimirlas todo lo posible sin comprometer la
calidad.
Perfeccionamiento de los
sitios Web con Fireworks
Es posible que Fireworks se haya presentado
como un optimizador de grficos o como un
creador de botones y de mapas de imagen. En esta
seccin se destacan algunas de las operaciones que
pueden realizarse con Fireworks y que
probablemente desconoca.
Imgenes para la Web
Una amplia coleccin de herramientas y efectos
artsticos, as como de funciones de control del
color y de optimizacin, convierten a Fireworks
en una aplicacin excelente para crear logotipos y
otras imgenes.
34
Captulo 2
Mapas de imagen
Para explorar un sitio Web, convierta un grfico
en un mapa interactivo. Site zonas interactivas
en las reas del grfico en las que es ms probable
que los usuarios hagan clic y asgneles valores
URL.
35
Desarticulacin de rollovers
36
Captulo 2
Visualizacin de un
documento de Fireworks
El documento PNG de Fireworks en uso se
muestra en la ventana de documento Original.
El nombre del documento y el porcentaje actual
de aumento aparecen en la barra de ttulo.
Optimizacin en el rea de
trabajo
En la presentacin preliminar se muestra el
grfico tal y como aparecer en un navegador Web
con la configuracin de exportacin actual. En las
vistas 2-arriba y 4-arriba se comparan
presentaciones preliminares de exportacin
basadas en varias configuraciones de exportacin.
Estas vistas permiten comparar las versiones
optimizadas con el documento original.
Para mostrar una presentacin preliminar de
exportacin:
37
Visualizacin y eleccin de
herramientas
La Caja de herramientas contiene las
herramientas necesarias para crear, seleccionar y
editar objetos. En Windows, las barras de
herramientas Principal, Modificar y Ver controles
proporcionan fcil acceso a varios comandos. Los
usuarios de Macintosh pueden seleccionar estos
comandos en los mens.
38
Captulo 2
Botn emergente
de panel o
inspector
de herramientas.
Elija Ventana > Opciones de herramientas.
Para obtener informacin sobre opciones de
herramientas concretas, consulte las secciones del
manual en las que se presentan las distintas
herramientas.
39
Salga de Fireworks.
Borre el archivo de preferencias llamado
Fireworks 3 Preferences:
En Windows, este archivo est ubicado en la
carpeta Fireworks.
En Macintosh, este archivo se encuentra en la
carpeta System\Preferences.
3 Reinicie Fireworks.
1
Asignacin de comportamientos
a objetos Web
El cdigo JavaScript es el mecanismo que hace
que los grficos Web cambien de aspecto al mover
el ratn. El inspector Comportamientos permite
asignar comportamientos JavaScript a los objetos
Web, que son los objetos que definen las zonas
interactivas y divisiones en Fireworks. Tambin
puede visualizar y modificar los comportamientos
que se han asignado a los objetos Web.
Para mostrar el inspector Comportamientos:
40
Captulo 2
Creacin de botones
rollover de JavaScript
41
Elija un comando.
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.
Configuracin de las preferencias
generales
El nmero de pasos de deshacer, los colores
predeterminados y el mtodo de conversin
Photoshop son preferencias generales.
permite establecer la cantidad
de veces que se puede deshacer/rehacer una accin
en un rango de 0 a 100. Esta configuracin se
aplica tanto al comando Editar > Deshacer como
al panel Historial.
Pasos de Deshacer
42
Captulo 2
permite borrar
permanentemente pxeles u objetos situados
fuera de la caja delimitadora de una seleccin
cuando se elige Editar > Recortar el documento
o Modificar > Tamao del lienzo.
permite
ampliar el borde listado para que abarque el lienzo
completo de un documento al activar el modo de
edicin de imgenes, lo que permite editar los
pxeles de todo el documento. Si desactiva esta
funcin, slo podr editar los pxeles del borde del
objeto de imagen seleccionado.
Expandir para rellenar el documento
permite
abrir archivos de imagen directamente en el modo
de edicin de imgenes. Desactive esta funcin
para abrir todos los archivos en el modo de
objetos.
Abrir en modo de edicin de imgenes
permite desactivar la
opcin Ocultar bordes de forma automtica al
activar o desactivar el modo de edicin de
imgenes.
Desactivar "Ocultar bordes"
permite
determinar si el archivo PNG origen de Fireworks
se va a abrir al utilizar Fireworks para editar
imgenes en Dreamweaver u otro editor HTML.
Al editar con aplicaciones externas
permite
determinar si el archivo PNG origen de Fireworks
se va a abrir al optimizar un grfico con el
comando de Dreamweaver Optimizar imagen en
Fireworks.
Al optimizar de aplicaciones externas
43
44
Captulo 2
CAPTULO 3
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
45
Configuracin de un
documento nuevo
Ni que decir tiene que para crear grficos Web en
Fireworks, primero es preciso configurar un
documento nuevo o abrir un documento
existente. Aunque las caractersticas del
documento se pueden cambiar despus, resulta
ms eficaz proyectar su diseo, en la medida de lo
posible, con antelacin.
Si desea que un documento nuevo tenga el mismo
tamao inicial que el de una imagen determinada,
copie sta en el Portapapeles antes de crear el
documento.
Para crear un documento nuevo:
1
Visualizacin y navegacin
por el documento
Es posible controlar la ampliacin del
documento, el nmero de vistas y el modo de
visualizacin de ste.
46
Captulo 3
emergente Aumentar.
Elija Ver > Nivel de aumento y seleccione una
opcin de aumento.
Para reducir un documento:
emergente Aumentar.
Elija Ver > Nivel de aumento y seleccione una
opcin de aumento.
47
48
Captulo 3
49
Creacin de documentos de
Fireworks mediante la
importacin
Fireworks permite importar distintos formatos de
archivo, incluidos archivos de Photoshop,
FreeHand e Illustrator, as como archivos de
CorelDRAW sin comprimir y archivos GIF
animados.
Si utiliza Archivo > Abrir para importar un
archivo con formato distinto del formato PNG, se
crea un documento de Fireworks nuevo. El nuevo
documento es un archivo PNG, mientras que el
archivo original no se modifica.
Para obtener informacin sobre la importacin de
grficos como objetos de imagen en un
documento de Fireworks abierto, consulte
Incorporacin de imgenes importadas en un
documento en la pgina 62.
50
Captulo 3
compartir capas.
permite situar cada capa
del documento importado en un fotograma
separado.
Convertir en fotogramas
permite ignorar
todos los objetos e importar una sola imagen
compuesta plana, si ha guardado una imagen
compuesta en el archivo de Photoshop.
Utilizar imagen compuesta plana
Mantener capas
51
pgina especificada.
Abrir pginas como fotogramas permite
permite convertir en
una imagen grupos complejos, mezclas o rellenos
de mosaico e incluir cada uno de ellos en un
documento de Fireworks como un solo objeto de
imagen. Introduzca un nmero en el campo para
determinar el nmero de objetos que puede
contener un grupo, mezcla o relleno de mosaico
antes de convertirlo en una imagen durante la
importacin.
Representar como imgenes
52
Captulo 3
Importacin de imgenes
de un escner o una cmara
digital
Para importar imgenes mediante un escner o
una cmara digital, utilice los mdulos TWAIN o
los filtros de conexin de Photoshop Acquire
(Macintosh). Las imgenes de un escner o una
cmara digital que se importan en Fireworks, se
abren como documentos nuevos.
Para utilizar los filtros de conexin de Photoshop
Acquire en Fireworks, es preciso realizar una de
estas acciones durante o despus de la instalacin:
53
54
Captulo 3
CAPTULO 4
Dibujo de objetos
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Por lo general, los grficos generados por ordenador son dibujos vectoriales o
imgenes de mapa de bits. Aplicaciones como Macromedia FreeHand crean
dibujos vectoriales, mientras que con otras del tipo de Photoshop se generan
imgenes de mapa de bits.
Los trazados y los puntos son los elementos bsicos de los grficos vectoriales.
Mientras dibuja, los trazados vectoriales y sus puntos correspondientes se generan
de forma automtica. Al ampliar el grfico vectorial, ste no cambia de aspecto
aunque parezca ms grande.
En cambio, una imagen de mapa de bits es una matriz de pxeles que forman una
imagen, igual que las losetas de un mosaico. Al ampliar la imagen de mapa de bits,
pueden verse los pxeles individuales. Esto hace que su aspecto sea ms granulado
y sea bsicamente irreconocible.
En Fireworks, la distincin entre grficos vectoriales y de mapas de bits no existe.
Los objetos dibujados en Fireworks incluyen trazados vectoriales que pueden
editarse y que, al ampliar el objeto, ponen de relieve los pxeles que lo componen,
que vuelven a dibujarse conforme se realiza la edicin vectorial. La herramienta
Pluma de Fireworks permite dibujar imgenes de mapa de bits, que pueden
editarse, mediante el mismo procedimiento utilizado en FreeHand o Illustrator
para dibujar trazados vectoriales.
Mientras dibuja en Fireworks, puede utilizar herramientas de dibujo vectoriales o
de mapa de bits para crear grficos de mapa de bits. Con independencia de la
herramienta de dibujo que se utilice, los objetos de Fireworks proporcionan un
control sobre los procesos de dibujo y edicin que antes slo ofrecan las
aplicaciones grficas vectoriales. De la misma forma, los atributos de estos objetos
permiten ejercer un control sobre la parte artstica que antes era exclusivo de las
aplicaciones grficas de mapa de bits.
En este captulo nos centraremos en el dibujo de objetos de trazado en el modo
predeterminado, conocido como modo de objetos. En Fireworks tambin es
posible dibujar, pintar y editar pxeles utilizando las tcnicas de mapa de bits
tradicionales, en lo que se conoce como el modo de edicin de imgenes. Para
obtener ms informacin consulte Edicin de pxeles en la pgina 127.
55
Herramienta En el modo de
objetos
Puntero
Selecciona y mueve
Mueve la imagen o
trazados en la pantalla. los pxeles
agrupados mediante
un recuadro. Haga
doble clic en una
imagen para editar
los pxeles que la
componen.
Seleccionar
detrs
Selecciona un objeto
situado detrs del
objeto seleccionado.
Mueve la imagen o
los pxeles
agrupados mediante
un recuadro.
Seleccionar
en nivel
inferior
Selecciona y mueve
trazados en la pantalla,
selecciona un objeto
de un grupo o un
smbolo, muestra los
puntos de un trazado y
selecciona puntos.
Mueve la imagen o
los pxeles
agrupados mediante
un recuadro.
Recuadro o
Recuadro
elptico
Activa el modo de
edicin de imgenes y
selecciona un rea de
pxeles rectangular o
elptica.
Selecciona o mueve
un rea de pxeles
rectangular o
elptica.
Lazo o Lazo
poligonal
Activa el modo de
edicin de imgenes y
selecciona un rea de
pxeles de estilo libre.
Selecciona o mueve
un rea de pxeles de
estilo libre.
Pinta pinceladas de
pxeles en un objeto
de imagen.
Pluma
Activa el modo de
objetos y dibuja
objetos como
trazados que se
pueden editar.
Texto
Lpiz
Eleccin de herramientas
de dibujo y edicin
En la tabla siguiente se describen las funciones
bsicas de cada herramienta en cada modo.
Algunas herramientas funcionan en un solo
modo, mientras que otras pueden utilizarse en
ambos. Adems, las caractersticas de algunas de
ellas varan en funcin del modo en el que se
dibuje.
56
Captulo 4
En el modo de
edicin de
imgenes
Herramienta En el modo de
objetos
En el modo de
edicin de
imgenes
Pincel
Dibuja pinceladas
como trazados.
Pinta pinceladas
como pxeles.
Estilo libre
Estira o contrae un
trazado seleccionado
para cambiar la forma
del mismo.
Activa el modo de
objeto.
Remodelar
rea
lpiz de un pxel.
Dibuje trazados de estilo libre mediante el
En el modo de objetos,
esta herramienta se
convierte en Cuchillo.
Corta un trazado
seleccionado para
crear varios trazados.
En el modo de
edicin de imgenes,
esta herramienta se
convierte en
Borrador.
Borra pxeles de una
imagen.
Sello
Activa el modo de
edicin de imgenes y
duplica partes de un
objeto de imagen.
Duplica partes de un
objeto de imagen.
Dibujo en el modo de
objetos
En el modo de objetos, los trazados y los puntos
son los elementos bsicos del diseo grfico. Si
ampla un objeto de trazado de Fireworks, podr
comprobar que est compuesto por pxeles, como
si se hubiese pintado en una aplicacin de edicin
de imgenes. Sin embargo, si elige la herramienta
Seleccionar en nivel inferior y selecciona un
objeto de trazado, podr ver el trazado y los
puntos que definen y controlan la forma de dicho
objeto. Para obtener ms informacin sobre la
seleccin, consulte Seleccin de objetos en la
pgina 66.
Dibujo de objetos
57
58
Captulo 4
2
3
4
Dibujo de objetos
59
Herramienta Pluma
Para dibujar un trazado punto a punto:
Termine el trazado:
Termine el trazado:
en el ltimo punto.
Para crear un trazado cerrado, haga clic en el
60
Captulo 4
2
3
4
Dibujo de objetos
61
Incorporacin de imgenes
importadas en un documento
Illustrator 7 o posterior
Microsoft Office 97 o posterior
Microsoft Internet Explorer 3 o posterior
Netscape Navigator 3 o posterior
CorelDRAW 7 o posterior
Para arrastrar y colocar en Fireworks:
1
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
62
Captulo 4
completo.
Arrastre el cursor de importacin para cambiar
Dibujo de objetos
63
64
Captulo 4
CAPTULO 5
Edicin de objetos
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
65
Seleccin de objetos
66
Captulo 5
Edicin de objetos
67
Remodelado de trazados
editando los puntos
Los puntos son la estructura de los objetos de
trazado en Fireworks. Cuando se dibuja en el
modo de objetos con cualquier herramienta de
dibujo de Fireworks, el trazado de resultado se
definir por los puntos especificados al dibujar.
El tipo de punto y el aspecto curvo o recto de las
lneas adyacentes estn relacionados directamente:
o ms puntos.
Para mover un punto:
68
Captulo 5
Presentacin prelimina
de trazado
Trazado
Punto seleccionado
Seleccione un punto.
Doble el segmento:
Edicin de objetos
69
Remodelado directo de
trazados
Adems de arrastrar puntos y tiradores de punto,
Fireworks tiene diversas herramientas que sirven
para editar trazados.
Doblado de trazados
Utilice la herramienta Estilo libre para doblar un
trazado sin modificar sus puntos. Puede reducir o
ampliar cualquier parte del trazado. Fireworks
aade, mueve o suprime automticamente puntos
situados a lo largo del trazado mientras lo edita.
Longitud
especificada
70
Captulo 5
Arrastre el trazado.
Distorsin de trazados
Utilice la herramienta Remodelar rea para
ampliar el rea de todos los trazados seleccionados
dentro del crculo exterior del puntero de esta
herramienta.
Edicin de objetos
71
Corte el trazado:
Remodelado de objetos de
trazado con operaciones de
trazado
Para volver a dibujar el segmento de un trazado
seleccionado:
1
72
Captulo 5
Edicin de objetos
73
74
Captulo 5
Edicin de objetos
75
Edicin de trazos
Los trazos se pueden editar para crear trazados
con amplias caractersticas de pluma o pincel,
desde trazados finos como los de un lpiz hasta
anchas bandas similares a pintura en aerosol o
manchas de aceite. Las texturas de trazo
aumentan el nmero de posibilidades creativas.
Con el panel Trazo y los paneles Editar pincel
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 controles de
configuracin de sensibilidad permiten controlar
cmo una pluma sensible a la presin afecta al
aspecto de los trazos. Tambin puede guardar el
pincel de resultado para volver a utilizarlo.
76
Captulo 5
Edicin de objetos
77
78
Captulo 5
Almacenamiento de configuraciones de
trazo
Los trazos editados se pueden guardar para
utilizarlos en el documento actual u otros.
Para guardar un trazo:
1
Edicin de objetos
79
Edicin de rellenos
Puede editar rellenos para crear trazados con una
variedad de caractersticas de slido, tramado,
patrn o degradados, desde colores slidos hasta
degradados similares a satn, ondas o bordes
doblados.
Puede cambiar los distintos atributos de un
relleno, como el color, borde, textura y
transparencia de un determinado objeto.
Los rellenos de degradado personalizados se
pueden guardar para utilizarlos en el documento
actual o varios otros.
80
Captulo 5
Edicin de objetos
81
Almacenamiento y reutilizacin de
rellenos de degradado
Es posible guardar todos los cambios que haga en
las configuraciones de un relleno de degradado. Al
guardar un relleno de degradado, se almacena slo
para utilizarlo en el documento actual.
Para guardar el relleno de degradado actual:
1
82
Captulo 5
Elija un patrn:
patrn.
Elija Otro en este men emergente de nombre
Edicin de objetos
83
84
Captulo 5
Uso de estilos
Puede guardar y volver a aplicar un conjunto de
atributos predefinidos de relleno, trazo, efectos o
texto y crear un estilo. Los estilos de Fireworks se
parecen ms a las mezclas de color en la paleta de
un pintor que a los de un procesador de textos.
Al aplicar un estilo, el objeto recoge todas las
caractersticas del mismo.
Edicin de objetos
85
Panel Estilos
2
86
Captulo 5
Transformacin y distorsin
de objetos
Puede escalar, rotar, reflejar, distorsionar o
inclinar un objeto o un grupo con las
herramientas Transformar y los comandos de
men. Tambin puede transformar texto,
imgenes de mapa de bits, zonas interactivas y
divisiones.
Herramientas Transformar
Edicin de objetos
87
Tiradores de transformacin
2
Punto de centrado
Escalado de objetos
Objeto original
Rotado y escalado
Inclinado y distorsionado
88
Captulo 5
Rotacin de objetos
Reflejo de objetos
Inclinacin de objetos
Edicin de objetos
89
Distorsin de objetos
Al distorsionar un objeto, se mueven sus lados o
esquinas en la direccin en que se arrastre la
herramienta Distorsin.
Para distorsionar un objeto seleccionado:
1
Organizacin de objetos
A medida que un documento se haga ms
complejo, podr organizar sus objetos:
Elija Modificar > Transformar > Distorsionar.
2
Transformaciones numricas
Organizacin de objetos
Fireworks apila los objetos en una capa basndose
en el orden en que se crearon, situando los ms
recientes al principio del apilamiento. El orden de
apilamiento determina la manera en que aparecen
los objetos al superponerlos.
90
Captulo 5
Seleccione el objeto.
Agrupacin de objetos
Agrupe dos o ms objetos si desea fijar su posicin
y orden de apilamiento relativos. Los objetos
dentro de un grupo se pueden manipular. Los
objetos conservan sus caractersticas individuales,
a menos que se modifique el grupo entero.
Edicin de objetos
91
Seleccione el grupo.
92
Captulo 5
Panel Capas
Si desea que los objetos en todas las capas menos
la activa estn protegidos de cambios o selecciones
inadvertidas, utilice Editar slo una capa. Si est
activado Editar slo una capa, slo se pueden
seleccionar los objetos de la capa actual.
Capas.
Suprimir capa.
Seleccione una capa y elija Suprimir capa en el
Edicin de objetos
93
Smbolos e instancias
Utilice smbolos e instancias para simplificar las
animaciones de Fireworks y facilitar el trabajo de
edicin. Las instancias son representaciones de un
objeto Fireworks original, que recibe el nombre
de smbolo. Cuando se modifica el objeto smbolo
(original), las instancias (copia) cambian
automticamente para reflejar las modificaciones
efectuadas en el smbolo.
Puede utilizar smbolos e instancias para
modificar fcilmente ilustraciones complejas que
contienen varias copias de objetos, compartir
componentes a travs de estados de rollover y
crear y modificar animaciones rpidamente
Los smbolos se almacenan en el panel Biblioteca.
desactivar la opcin.
La capa Web
La capa Web es una capa especial que aparece
inicialmente en la parte superior de todos los
documentos nuevos. Contiene objetos web que se
utilizan para proporcionar interactividad a los
documentos Fireworks exportados.
La capa web se puede mover en el panel Capas,
pero no se puede suprimir. Asimismo, la capa web
es compartida por todos los fotogramas.
94
Captulo 5
2
3
2
3
Modificacin de un smbolo
Puede modificar los smbolos en el editor de
smbolo para cambiar automticamente todas las
instancias asociadas.
Para abrir el editor de smbolo:
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.
Edicin de objetos
95
Exportacin, importacin y
actualizacin de smbolos
96
Captulo 5
Edicin de objetos
97
98
Captulo 5
CAPTULO 6
Color y transparencia
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
99
Eleccin de colores al
dibujar
Elija un color:
100
Captulo 6
Botn Cuentagotas
Para aplicar un color desde cualquier lugar de la
pantalla a un objeto seleccionado:
1
Elija un color:
de la pantalla.
El color se aplicar al objeto seleccionado.
Nota: Para restringir ese color a Websafe, mantenga
presionada la tecla Mays.
Color y transparencia
101
Cambio de grupo de
muestras
Algunas veces querr utilizar un grupo de
muestras distinto o crear uno propio.
Fireworks permite elegir de entre los siguientes
grupos de muestras: Paleta web 216, Colores de
sistema de Macintosh, Colores de sistema de
Windows, Escala de grises y Grupos de muestras
personalizados que se importan de archivos ACT
o GIF.
Utilice el panel Muestras para elegir un grupo de
muestras.
102
Captulo 6
2
3
RVA
Hexadecimal
MSB
CMA
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.
Creacin de color en el Mezclador de
colores
Utilice el Mezclador de colores para leer los
valores del color activo y crear otros nuevos.
Color y transparencia
103
2
3
104
Captulo 6
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. De esta manera, 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 de 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. Para obtener ms informacin,
consulte Cambio del tamao, el color y la
resolucin del documento en la pgina 48.
Utilice los botones del cuentagotas Transparencia
en el panel Optimizar para hacer que el color
aparezca transparente al visualizarlo en un
navegador web.
Color y transparencia
105
Tabla de colores.
Haga clic en un color de la presentacin
preliminar.
Para eliminar colores de la transparencia:
1
Tabla de colores.
Haga clic en un color de la presentacin
preliminar.
Eliminacin de halos de
grficos de web
Al visualizar un grfico suavizado con un lienzo
transparente en un navegador web, a veces aparece
un anillo o halo descoloreado de pxeles alrededor
de los bordes del grfico.
Al hacer que el color del lienzo sea transparente,
los pxeles del suavizado no se modifican.
Si coloca un grfico en una pgina web que tiene
el fondo de un color distinto al color de
suavizado, es posible que se vean los pxeles del
permetro del objeto suavizado sobre el fondo de
la pgina web. Estos pxeles formarn un halo,
muy visible en los fondos oscuros.
106
Captulo 6
Panel Optimizar
Utilice Transparencia de ndice y retire
manualmente los colores del halo con los botones
Cuentagotas del panel Optimizar.
Para suprimir el halo de un grfico:
1
Color y transparencia
107
108
Captulo 6
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 caracteres en
una gran variedad de fuentes y tamaos, ajustando su acercamiento, espaciado,
color, interlineado, lnea de base y ms 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 capacidad de editar el texto en cualquier momentoincluso despus de aplicar
efectos automticos como sombras o biselessignifica que pueden corregirse
fcilmente los errores ortogrficos, adems de copiar objetos con texto y cambiar el
texto en cada copia. El texto vertical, el texto transformado, el texto amoldado a
un trazado y el texto convertido en trazados o imgenes, aumenta an ms las
posibilidades de diseo.
Puede importar texto que conserve los 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.
109
Introduccin de texto
Escriba el texto.
Herramienta Texto
Editor de texto.
El Editor de texto
110
Captulo 7
Editor de texto.
Haga clic en Aplicar.
5
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.
Para cambiar los atributos de un bloque de texto,
utilice el men Texto o el Editor de texto.
El Editor de texto
Uso de texto
111
112
Captulo 7
desea cambiar.
2
Uso de texto
113
114
Captulo 7
Aplicacin de trazos,
rellenos, efectos y estilos al
texto.
Puede aplicar trazos, rellenos, efectos y estilos de
la misma manera que se aplican a los dems
objetos. Puede aplicar alguno o todos al mismo
bloque de texto. Es posible aplicar cualquier estilo
del panel Estilos al texto, aunque no sea un estilo
de texto.
El texto sigue siendo editable. Los trazos, rellenos,
efectos y estilos se actualizan automticamente en
respuesta a la edicin.
Adaptacin de texto a un
trazado
Para quitar al texto las limitaciones de los bloques
rectangulares, puede dibujar un trazado y unirle
texto. El texto fluye a lo largo de la forma del
trazado y se puede editar.
Un trazado al que se une texto pierde
temporalmente sus atributos de trazo, relleno y
efecto. Todos los atributos de trazo, relleno y
efecto que se apliquen sern, por lo tanto, para el
texto y no para el trazado. Cuando se separa el
texto de un trazado, ste vuelve a tener sus
atributos de trazo, relleno y efecto.
Si un texto adaptado a un trazado abierto excede
la longitud de ste, el texto sobrante vuelve al
principio del trazado y repite su forma.
Uso de texto
115
Edite el trazado.
F
i
r
e
Firew
or
w
ks o
r
k
s
116
Captulo 7
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.
justificada)
Interlineado
Lnea de base
Escala horizontal
Uso de texto
117
118
Captulo 7
CAPTULO 8
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
119
Familiarizacin con el
modo de edicin de
imgenes
Al hacer doble clic en una imagen de mapa de
bits, Fireworks activa el modo de edicin de
imgenes. En Fireworks, el uso de este modo se
reconoce porque el documento aparece rodeado
por un borde listado. Cuando el borde est
visible, puede pintar o editar pxeles en cualquier
parte del documento.
Creacin de imgenes de
mapa de bits
Las imgenes de mapa de bits pueden crearse
importndolas, al convertir objetos de trazado a
imgenes o al dibujar y pintar en el modo de
edicin de imgenes. Para obtener ms
informacin sobre la importacin de imgenes,
consulte Creacin de documentos de Fireworks
mediante la importacin en la pgina 50
Nota: Al abrir un archivo de imagen de mapa de bits
(por ej., un archivo JPEG) en Fireworks, ste se abre en
el modo de edicin de imgenes.
120
Captulo 8
herramienta Puntero.
Seleccione el objeto de imagen y elija
Comando+Mays+D (Macintosh).
Presione la tecla Esc.
121
Seleccin de pxeles
Herramientas Recuadro
122
Captulo 8
Cierre el polgono:
herramienta Polgono.
123
borde definido.
Suavizado evita la aparicin de bordes
seleccionados.
Las opciones de estilo slo estn disponibles en las
herramientas Recuadro:
Normal permite crear un recuadro en el que la
valores definidos.
Tamao fijo limita la altura y la anchura
124
Captulo 8
Ampliacin y contraccin de un
recuadro
Una vez que se ha dibujado un recuadro para
seleccionar pxeles, es posible ampliar o contraer
el borde del mismo.
Para ampliar el borde de un recuadro:
1
125
Recuadro original
126
Captulo 8
Edicin de pxeles
Despus de seleccionar los pxeles, puede editarlos
con la herramienta Lpiz, Pincel o Cubo de
pintura. Asimismo, puede clonar los pxeles,
fundir los bordes de la imagen, borrar pxeles o
recortar una imagen.
Herramienta Sello
3
127
128
Captulo 8
Borrado de pxeles
Herramienta Borrador
Para borrar pxeles:
1
transparente al borrador.
Herramienta Recortar
Para recortar una imagen:
1
129
Pintura de pxeles
De la misma manera que es posible editar pxeles
individuales con las herramientas Lpiz y Pincel,
tambin se pueden pintar lneas de mapa de bits y
pinceladas con estas herramientas. Sin embargo,
el proceso de dibujo en el modo de edicin de
imgenes es diferente en el modo de objetos.
En el modo de objetos, las herramientas de dibujo
crean un objeto de trazado que puede editarse y
que contiene trazados y puntos. Al editar el
objeto, los trazos, rellenos y efectos del mapa de
bits vuelven a dibujarse automticamente.
Adems, puede cambiar los trazos y los rellenos.
En el modo de edicin de imgenes, las
herramientas de dibujo modifican los pxeles y, a
diferencia de lo que sucede cuando se trabaja con
objetos de trazado, no es posible editar el trabajo.
Para obtener ms informacin sobre la edicin de
objetos de trazado que tienen trazados, consulte
Edicin de trazos en la pgina 76 y Cambio de
los colores de trazo y relleno en la pgina 75.
Para pintar lneas o pinceladas:
1
130
Captulo 8
Comportamiento de los
modos de mezcla en el modo
de edicin de imgenes
Los modos de mezcla se comportan de forma
distinta en el modo de objetos y en el modo de
edicin de imgenes. En el modo de objetos, un
modo de mezcla afecta al objeto seleccionado.
En el modo de edicin de imgenes, los modos de
mezcla se comportan de distintas maneras:
Un modo de mezcla afecta a la seleccin
flotante de pxeles.
Un modo de mezcla afecta a los pinceles y
Original
131
132
Captulo 8
Pxeles ms oscuros
Medios tonos
Pxeles con ms brillo
Histograma
El histograma sirve para determinar cul es el
mejor mtodo para corregir el rango tonal de una
imagen. Una concentracin elevada de pxeles en
las sombras o los resaltes indica que podra
mejorar la imagen aplicando las funciones Niveles
o Curvas.
En el eje X se muestran los valores de color, desde
el ms oscuro (0) hasta el ms claro (255). Si el eje
X se lee de izquierda a derecha, los pxeles ms
oscuros se representan en la izquierda y los ms
luminosos aparecen a la derecha. En el eje Y se
representa el nmero de pxeles que hay en cada
nivel de brillo.
Para ajustar los resaltes y las sombras:
1
133
134
Captulo 8
Original
135
136
Captulo 8
Original
Original
137
3
4
Original
Despus de perfilar
7
138
Captulo 8
CAPTULO 9
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Fireworks incluye una amplia seleccin de trazos y rellenos con los que pueden
una amplia gama de atractivos grficos para su sitio Web. Pero, qu le parecera
poder crear un borde biselado alrededor de los botones para simular un relieve?,
y poder crear un resplandor alrededor de una imagen o aadir una sombra al
texto para darle profundidad?
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. Es posible editar
y quitar Efectos automticos tan fcilmente como se aplican.
La funcin ms destacada de los efectos de Fireworks es que son 'vivos', es decir
que actualizan los objetos conforme los aplica. Si esto no fuera suficiente, en
Fireworks 3 puede utilizar filtros Xtras, por ejemplo, Desenfoque gaussiano y
Perfilar, como Efectos automticos. Una gran cantidad de filtros de conexin de
Photoshop tienen ahora la flexibilidad de los Efectos automticos.
139
Aplicacin de un efecto
automtico
Edicin de Efectos
automticos
Botn Informacin
Para editar un Efecto automtico:
1
Seleccionar una
categora de
efecto.
Ver lista de
efectos.
Panel Efecto
Para aplicar un Efecto automtico a un objeto
seleccionado:
1
140
Captulo 9
Creacin de efectos
personalizados
Utilice el men emergente Opciones del panel
Efecto para guardar la configuracin de un efecto
personalizado, cambiarle el nombre o suprimirlo.
En Fireworks 3, los efectos guardados se
almacenan con la aplicacin. Si asigna un nombre
y guarda la configuracin de un efecto para un
objeto, el efecto se encuentra disponible para
cualquier documento que abra despus.
Si asigna un nombre y guarda varios efectos
aplicados a un objeto, todos los efectos pueden
aplicarse a otros objetos de una vez.
Nota: Al abrir documentos de versiones anteriores de
Fireworks que contengan efectos guardados, los efectos
aparecern como 'Sin nombre'` Todos los efectos se
mantienen. Utilice el panel Efecto para cambiar el
nombre del efecto.
Para guardar una configuracin de efecto
1
141
Control de la actualizacin
del efecto automtico
Es posible que los archivos que utilicen
numerosos efectos automticos tarden ms
tiempo en abrirse. Adems, al cambiar el tamao
o editar un objeto con numerosos efectos,
Fireworks puede tardar ms tiempo en actualizar
el objeto en la pantalla.
Puede desactivar temporalmente un efecto para
acelerar la actualizacin de la pantalla.
Para desactivar temporalmente un efecto
aplicado a un objeto:
Utilizacin de la configuracin
predeterminada de los efectos
automticos
Seleccione Utilizar valores predeterminados en el
men emergente Efecto del panel Efecto para
cargar los efectos predeterminados en el panel
Efecto. Es posible cambiar los valores
predeterminados de efecto.
Aplicacin de efectos a
objetos agrupados
Al aplicar un efecto a un grupo, se aplica a todo
los objetos del grupo. Al desagrupar los objetos,
cada objeto recupera los efectos que tuviera
individualmente.
Puede aplicar un efecto a un objeto dentro de un
grupo al seleccionar solo dicho objeto. Para
obtener informacin sobre la seleccin de un
grupo de objetos dentro de un grupo, consulte
Seleccin de objetos agrupados en la pgina 91.
142
Captulo 9
Utilizacin de efectos
automticos estndar
Con Fireworks, puede crear efectos Web, como
biseles, sombras, resplandores y relieves. Es
posible personalizar cada efecto para obtener
exactamente el aspecto que desee. La
configuracin del efecto puede modificarse en
cualquier momento.
Al elegir los efectos Bisel, Relieve, Sombra o
Iluminado, aparece una ventana emergente de
edicin en el panel Efecto para configurar el
efecto. Las opciones de la ventana emergente de
edicin cambian segn el efecto elegido.
Experimente con diferentes valores hasta obtener
el aspecto que desee. Si despus desea cambiar el
efecto, consulte Edicin de Efectos automticos
en la pgina 140.
Anchura de bisel
Contraste
Suavidad
ngulo del bisel
143
Efecto Iluminado
144
Captulo 9
Utilizacin de filtros de
conexin de Photoshop
como efectos automticos
Al instalar un filtro de conexin de Photoshop en
Fireworks, se aade al men Xtras y al panel
Efecto. Utilice el men Xtras para aplicar filtros
de conexin de Photoshop slo cuando est
seguro de que no desea editar o eliminar el efecto
de un objeto.
Utilice el panel Efecto para aplicar filtros de
conexin de Photoshop como efectos
automticos. Algunos de filtros de conexin de
Photoshop no pueden utilizarse como efectos
automticos.
Nota: Al compartir un archivo de Fireworks en el que
se ha aplicado un filtro de conexin de Photoshop como
efecto automtico, el receptor del archivo debe tener
instalado el filtro de conexin para poder verlo el efecto.
Los efectos de Fireworks, se almacenan con el archivo
Fireworks y el receptor no necesita instalar archivos
adicionales para ver el efecto.
Para instalar filtros de conexin de Photoshop:
1
Utilizacin de Xtras de
Fireworks como efectos
automticos
En Fireworks, es posible utilizar todos los filtros
del men Xtras como efectos automticos
mediante el panel Efecto. De esta forma podr
editar o quitar el filtro de un objeto en cualquier
momento. Tambin puede editar objetos a los que
aplic los filtros.
Utilice el men Xtras para aplicar filtros slo
cuando seguro de que no va necesitar quitar o
editar el filtro. Para obtener informacin sobre la
utilizacin del men Xtras para aplicar filtros
Xtras, consulte Uso de filtros y filtros de
conexin en la pgina 130.
Nota: Si se aplica un filtro Xtra mediante el men
Xtras, el filtro es editable slo en el caso de que
Deshacer est disponible. Despus de guardar o de
volver a abrir la imagen, el filtro ya no se puede quitar.
145
146
Captulo 9
10
CAPTULO 10
Composicin y mscaras
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
147
Composiciones
La composicin es el proceso de utilizar modos de
mezclas para variar la transparencia o la
interaccin de colores de dos o ms objetos
superpuestos. Los modos de mezcla manipulan
los valores de color de los objetos superpuestos.
Asimismo, aaden una nueva dimensin de
control al efecto de opacidad.
Ajustar la
opacidad.
modo de mezcla.
Opacidad es el grado de transparencia con el
Color de base
Color de mezcla
Color resultante
148
Captulo 10
Multiplicar
Pantalla
Oscurecer
Aclarar
Diferencia
Matiz
Saturacin
Color
Luminosidad
Invertir
Tinta
Borrar
Composicin y mscaras
149
Enmascaramiento de
imgenes
Mscara de trazado
150
Captulo 10
Mscara de imagen
Creacin de mscaras
Puede utilizar un objeto de trazado o de imagen
como mscara.
Para crear una mscara de trazado:
1
Composicin y mscaras
151
opcin de Mscara.
Seleccione Modificar > Grupo de
opcin de Mscara.
Seleccione Modificar > Grupo de
inferior.
Haga doble clic en el tirador de grupo de
mscara.
Seleccione Editar > Seleccionar en nivel
inferior.
152
Captulo 10
11
CAPTULO 11
Optimizacin de grcos
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
El objetivo final del diseo de grficos Web es la creacin de imgenes atrayentes que
se descarguen lo ms rpidamente posible. Para ello, es necesario reducir el nmero
de colores, 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: encontrar 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
153
Optimizacin en el rea de
trabajo
154
Captulo 11
No es posible un preestablecido de
optimizacin estndar de Fireworks.
fotogramas
Optimizacin de grficos
155
Presentacin preliminar de
los ajustes de optimizacin
y comportamientos
La ventana Presentacin preliminar muestra el
aspecto de la imagen exportada, segn los ajustes
de optimizacin actuales. Adems, puede probar
los comportamientos y rollovers antes de exportar
mediante la ventana Presentacin preliminar.
Para ver una presentacin preliminar de una
imagen segn los ajustes de optimizacin
actuales:
156
Captulo 11
2
3
4
Optimizacin de grficos
157
158
Captulo 11
Optimizacin de grficos
159
Optimizacin de paletas de
colores
Los archivos GIF y PNG exportados como color
de 8 bits o menos utilizan una paleta para
almacenar y referenciar los colores utilizados en la
imagen exportada. Puede optimizar y personalizar
las paletas de colores mediante el panel Tabla de
color.
Eleccin de la paleta de colores
adecuada
Seleccione una paleta del men emergente Paleta
y optimcela segn convenga.
De forma predeterminada, estn disponibles las
siguientes paletas:
es una paleta personalizada que se crea
a partir de los colores del documento.
Normalmente, las paletas adaptables permiten
producir imgenes de alta calidad y del menor
tamao posible.
Adaptable
Sistema (Windows)
Nota: Algunas aplicaciones antiguas de edicin de
imgenes no pueden abrir archivos JPEG progresivos.
160
Captulo 11
Escala de grises
El color es transparente.
El color es Websafe.
Opcin Colores
Optimizacin de grficos
161
Nota: Al ver los pxeles del documento con la vista 2arriba o 4-arriba, seleccione una vista diferente de la
original.
162
Captulo 11
color.
Seleccione un color y elija Editar en el men
emergente Opciones.
2
Elimine la edicin:
Cambie el color:
Optimizacin de grficos
163
Almacenamiento de paletas
Es posible guardar paletas personalizadas como
archivos de paletas externos. Las paletas guardadas
pueden utilizarse con otros documentos de
Fireworks o en otras aplicaciones que admitan
paletas externas como Adobe Photoshop y
Macromedia FreeHand.
Para guardar una paleta de colores personalizada:
1
164
Captulo 11
12
CAPTULO 12
Exportacin
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
165
Resultados de la exportacin
Al exportar, Fireworks genera todos los archivos
que necesita para volver a crear la imagen en una
pgina Web:
Genera un archivo HTML que contiene el
Para exportar una imagen:
166
Captulo 12
Exportacin con el
Asistente de exportacin
Optimizacin y
presentacin preliminar
durante la exportacin
1
2
Exportacin
167
Presentacin preliminar de la
optimizacin en Presentacin
preliminar de la exportacin
El rea de presentacin preliminar muestra el
grfico tal y como se exportar, y proporciona una
estimacin del tamao del archivo. Asimismo
indica el tiempo aproximado de descarga segn
los valores de exportacin actuales.
Conjunto de opciones para la presentacin
preliminar de exportacin
Guardar la configuracin de
exportacin utilizada en la vista
activa
Tamaos de
archivo y
tiempos de
descarga
estimados
Visualizar los
resultados de la
configuracin de
exportacin
elegida
168
Captulo 12
8 bits
Cambiando la configuracin de trama en
imgenes de 8 bits
Activando o desactivando valores de
optimizacin
Exportacin de fotogramas o
capas como varios archivos
169
Opciones de herramientas.
La Presentacin preliminar de exportacin
muestra el rea definida mediante el recuadro
de seleccin del rea a exportar.
5 Ajuste las configuraciones en la Presentacin
preliminar de exportacin y haga clic en
Exportar.
6 En el cuadro de dilogo Exportar, escriba un
nombre de archivo y seleccione una carpeta de
destino, por ltimo, haga clic en Guardar
(Windows) o Exportar (Macintosh).
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.
170
Captulo 12
Exportacin de trazados
vectoriales
Fireworks ofrece varias nuevas funciones para
exportar trazados de vectores a aplicaciones
vectoriales. Por ejemplo, es posible exportar
trazados de vectores para que se abran en
Macromedia FreeHand 8, Adobe Illustrator 7 o
posterior y en Flash 3 o posterior. Adems, puede
copiar y pegar un trazado de vector en otros
programas de grficos vectoriales.
Al exportar a FreeHand o Illustrator, el aspecto de
los objetos puede ser diferente, dependiendo de si
una funcin Fireworks se admite en FreeHand o
Illustrator.
Las siguientes funciones no se admiten en
FreeHand ni en Illustrator y no aparecern en el
archivo exportado:
Efectos automticos
Exportacin
171
Efectos automticos
Opacidad y modos de mezcla (los objetos con
172
Captulo 12
13
CAPTULO 13
173
Creacin de zonas
interactivas
Despus de identificar las reas del grfico origen
que podran servir como zonas interactivas, puede
crear estas zonas y asignarles vnculos URL. Puede
dibujar zonas interactivas o crear una zona
interactiva al trazar objetos.
174
Captulo 13
175
distintas bibliotecas.
Para crear una biblioteca URL nueva:
1
176
Captulo 13
emergente Destino.
Las opciones reservadas de destino son las
siguientes:
_blank carga los documentos vinculados en una
ventana de navegador nueva sin nombre.
177
178
Captulo 13
Configuracin de las
opciones de mapa de imagen
Los mapas de imagen de tipo cliente se han
convertido en la opcin ms utilizada por los
diseadores Web. En los mapas de imagen de tipo
cliente, la informacin de hipervnculo se
almacena en el documento HTML. En el caso de
los mapas de imagen de tipo servidor, esta
informacin se almacena en el servidor en un
archivo de mapa de imagen independiente.
Cuando los usuarios hacen clic en una zona
interactiva de los mapas de imagen de tipo cliente,
el valor URL asociado se enva directamente al
servidor. Esto hace que los mapas de imagen de
cliente sean ms rpidos que los de tipo servidor,
ya que el servidor no necesita interpretar la
ubicacin en la que se ha hecho clic. Netscape
Navigator 2.0 y posteriores, NCSA Mosaic 2.1 y
3.0 y todas las versiones de Microsoft Internet
Explorer admiten mapas de imagen de tipo
cliente.
Exportacin de mapas de
imagen
Una vez que se crea un mapa de imagen en el
documento PNG de Fireworks, es preciso
exportarlo para que funcione como un mapa de
imagen en un navegador Web.
Al exportar un mapa de imagen, se genera una
serie de archivos.
Cuando se exporta un mapa de imagen de
179
180
Captulo 13
14
CAPTULO 14
Divisin de imgenes
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
todas las pginas y cambiar slo las divisiones que tienen contenidos exclusivos,
lo que proporciona velocidad al sitio Web. Adems, se puede editar y
reemplazar un elemento grfico de una divisin sin tener que volver a descargar
todas las divisiones de una imagen.
Pueden crearse rollovers con divisiones.
181
Comparacin entre
divisiones y zonas
interactivas
Las zonas interactivas y las divisiones pueden
tener un valor URL y comportamientos
asignados. Pueden especificar un rea que cambie
de aspecto cuando el ratn desencadene un
rollover. Tambin puede cambiar el color de
cualquier objeto Web conforme aparece en la capa
Web.
Dibujo de objetos de
divisin
La divisin de un elemento grfico es tan sencilla
como dibujar un rectngulo. Fireworks dispone
de dos herramientas para dividir imgenes: La
herramienta Divisin y la herramienta Divisin
poligonal. Los objetos que se crean de denominan
'objetos de divisin'. Las lneas rojas que
sobresalen de los objetos de divisin son las guas
de la divisin, determinan el punto en que
Fireworks dividir la imagen en archivos
independientes durante la exportacin.
Guas de divisin
Objeto de divisin
182
Captulo 14
Seleccione un objeto.
2 Elija Insertar > Divisin. La divisin es un
rectngulo cuya rea incluye los pxeles ms
externos del objeto seleccionado.
3 Si ha seleccionado ms de un objeto, al elegir
Insertar > Divisin se abre un cuadro de
dilogo:
Elija Uno para crear un solo objeto de divisin
que cubra todos los objetos seleccionados.
Elija Varios para crear un objeto de divisin
para cada objeto seleccionado.
Divisin de imgenes
183
184
Captulo 14
Adicin de interactividad a
las divisiones
Desde el Inspector de objetos puede aadir las
mismas funciones interactivas a un objeto de
divisin que a una zona interactiva: un vnculo de
URL, texto alternativo o un URL de destino.
Puede asignar un vnculo de URL a una divisin
para, al hacer clic en el rea de la divisin en un
navegador, desplazarse a la pgina con dicha
URL.
Divisin de imgenes
185
panel URL.
Para obtener informacin adicional, consulte
Asignacin de valores URL a zonas interactivas
en la pgina 175.
NombreBase_Fila#_Col#
Miarchivo_r01_c01
Miarchivo_r01_c02
Miarchivo_r02_c01
NombreBase_Nmero
Miarchivo_01
Miarchivo_02
Miarchivo_03
NombreBase_Alfabtico
Miarchivo_a
Miarchivo_b
Miarchivo_c
Denominacin de divisiones
La divisin corta una imagen en varios trozos. Las
partes se exportan en archivos separados, y stos
deben tener un nombre. Adems, si una imagen
tiene ms de un fotograma, cada parte de cada
fotograma es un archivo y requiere un nombre
propio.
#Fila_#Columna_NombreBase r01_c01_Miarchivo
r01_c02_Miarchivo
r02_c01_Miarchivo
186
Captulo 14
Numro_NombreBase
01_Miarchivo
02_Miarchivo
03_Miarchivo
Alfabtico_NombreBase
a_Miarchivo
b_Miarchivo
c_Miarchivo
es el nombre introducido en la
exportacin. Forma parte de todos los nombres de
archivos de divisin exportados, conforme a los
criterios de denominacin.
Nombre base
Fila (r##)
Denominacin personalizada de
archivos de divisin
Puede ser conveniente utilizar unos nombres
determinados en las divisiones, para identificarlos
entre los archivos de divisin de la estructura de
archivos de su sitio Web. Por ejemplo, si tiene un
botn en una barra de navegacin que retorna a la
pgina Web principal, puede denominarlo
principal.
Para especificar un nombre personalizado para
una divisin seleccionada:
1
Divisin de imgenes
187
Mezcla de formatos de
archivo en una imagen
dividida
Algunos elementos grficos Web contienen
fotografas, imgenes vectoriales o de mapa de
bits, animaciones, reas de color slido y texto
dentro de una sola imagen.
188
Captulo 14
Seleccione la divisin.
Creacin de rollovers de
JavaScript con divisiones
Numerosos diseadores Web utilizan las
divisiones de Fireworks para crear barras de
navegacin y rollovers JavaScript. Las tcnicas
utilizadas en Fireworks 1 y 2 an son vlidas en
Fireworks 3.
No obstante, el nuevo editor de botones ofrece
ciertas ventajas a la hora de crear barras de
navegacin y rollovers de JavaScript. Para obtener
informacin adicional sobre los rollovers y el
Editor de botones, consulte captulo 15:
Creacin de botones.
Divisin de imgenes
189
190
Captulo 14
15
CAPTULO 15
Creacin de botones
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
191
Qu es un botn?
Un botn de Fireworks es un rollover
encapsulado con todos los aspectos posibles del
botn, que representan sus diferentes estados de
utilizacin.
192
Captulo 15
Creacin de botones
La forma ms sencilla de crear barras de
navegacin o botones de rollover JavaScript es
utilizar el Editor de botones. Las indicaciones de
cada panel del editor facilitan las decisiones
referentes al diseo.
en el Editor de imgenes.
Importe un botn de una biblioteca de botones
Creacin de botones
193
Abajo.
Para editar la zona activa de un botn:
1
194
Captulo 15
Abajo.
Adicin de estado Sobre y Abajo
El estado Sobre y Abajo aparece cuando el botn
est en estado Abajo y el ratn se desplaza por
encima de l. Este estado suele utilizarse para las
barras de navegacin, tambin conocidas como
Bar Nav.
Abajo.
Importe un elemento grfico en la ventana de
Sobre y Abajo.
Efectos de botn
preestablecidos
Descripcin
Elevado
El bisel aparece
elevado respecto a los
objetos subyacentes.
Resaltado
Recuadro
El bisel aparece
hundido en los objetos
subyacentes.
Invertido
El bisel aparece
invertido en los objetos
subyacentes y se
iluminan los colores.
Haga clic en S.
Creacin de botones
195
Creacin de barras de
navegacin mediante
smbolos anidados
Una barra de navegacin es un grupo de botones.
En general, la barra contina en la pgina Web o
parece hacerlo mientras otras partes de la pgina
cambian. Una forma sencilla de crear barras de
navegacin es duplicar un grupo de botones y
cambiar el texto y el vnculo URL de cada botn.
Conversin de rollovers de
Fireworks en botones
Los rollovers creados con Fireworks, incluidas las
versiones anteriores, pueden convertirse en
botones para aprovechar las nuevas ventajas de los
botones.
Para convertir un rollover de Fireworks en un
botn:
1
196
Captulo 15
Insercin de un botn de
origen externo
Es posible seleccionar un botn de una biblioteca
de Fireworks o de otros documentos de
Fireworks. Cuando se importa un botn de
origen externo, Fireworks lo detecta. Ms
adelante, si el archivo de origen cambia, puede
actualizar el botn importado para reflejar los
cambios del original.
Para insertar un botn preparado en el
documento:
1
Creacin de botones
197
198
Captulo 15
16
CAPTULO 16
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
199
200
Captulo 16
Correspondencia de
estados de rollover y
fotogramas
Cada aspecto de un rollover se denomina estado.
En Fireworks, cada estado se coloca en un
fotograma diferente.
Para los botones, que tienen de dos a cuatro
fotogramas, los estados son los siguientes:
El estado Arriba muestra la imagen del
Asignacin de
comportamientos de rollover
Asigne comportamientos desde el Inspector de
comportamientos para determinar lo que el
rollover hace cuando se activa y el tipo de evento
del ratn que lo desencadena.
Para asignar un comportamiento a una divisin o
zona interactiva seleccionada:
Elimina el
comportamiento
seleccionado.
Aade un comportamiento.
En el Inspector de comportamientos,
seleccione el comportamiento.
201
cambia el contenido de la
divisin especificada por el de otro fotograma de
la divisin o el de un archivo externo.
Restaurar imagen de intercambio torna el rollover
a su aspecto predeterminado.
Establecer imagen de Bar Nav determina si una
divisin es parte de una barra de navegacin
dentro del documento actual. Todas las divisiones
que forman parte de la barra de navegacin deben
tener este comportamiento. En realidad, la opcin
Establecer imagen de Bar Nav es un grupo de
comportamientos que contiene Bar Nav Sobre,
Bar Nav Abajo y Restaurar Bar Nav.
Bar Nav Sobre especifica el estado Sobre para la
divisin seleccionada cuando forma parte de una
barra de navegacin y tambin puede especificar
el estado Sobre y Abajo.
Bar Nav Abajo especifica el estado Abajo para la
divisin seleccionada cuando forma parte de una
barra de navegacin.
Restaurar Bar Nav hace que las otras divisiones de
la barra de navegacin vuelvan a su estado Arriba.
Intercambiar imagen
202
Captulo 16
Asignacin de vnculos de
URL a rollovers
Si desea vincular el rollover a otra pgina Web,
asigne un vnculo de URL a un objeto de zona
interactiva o de divisin.
Para asignar un vnculo de URL a un objeto de
divisin o de zona interactiva seleccionado:
Creacin de rollovers
desunidos para intercambiar
partes de la imagen
Un rollover desunido cambia el aspecto de un rea
que no se encuentra bajo el puntero. Para ver un
ejemplo de un rollover desunido abra el archivo
Tutorial_Final.png que se encuentra en la carpeta
Tutorial dentro de la carpeta de la aplicacin
Fireworks.
Definicin de reas de activacin y de
intercambio
La primera parte de la creacin de rollovers
desunidos consiste en dibujar un objeto de zona
interactiva o de divisin sobre el rea del
documento que activara el rollover y un objeto de
divisin sobre el rea de intercambio (el rea que
cambia de aspecto al activarse el rollover).
203
el rea de evento.
204
Captulo 16
Exporte el archivo.
Fireworks exporta una serie de divisiones y
estados para recrear el aspecto del rollover con
forma irregular. El JavaScript que crea
Fireworks activa varios rollovers para
intercambiar todas las divisiones que contienen
una parte de la forma irregular.
Exportacin de rollovers
Fireworks permite utilizar cada objeto como un
rollover, sin necesidad de escribir cdigo
JavaScript adicional para intercambiar las
divisiones apropiadas.
Compatibilidad de JavaScript y el
navegador
El cdigo JavaScript exportado con el rollover se
utiliza para mostrar ste en el navegador Web.
El cdigo JavaScript exportado desde Fireworks
incluye la deteccin del navegador Web y es
compatible con la versin 3, o superior, de
Netscape Navigator y Microsoft Internet
Explorer. Algunos navegadores, como Internet
Explorer 3, no pueden mostrar los cuatro estados
de rollover de JavaScript. En estos casos, el
JavaScript exportado por Fireworks permite a
estos navegadores mostrar el estado Arriba y
vincularlo al URL correspondiente.
205
206
Captulo 16
17
CAPTULO 17
Creacin de animaciones
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
207
Planificacin de una
animacin
208
Captulo 17
Administracin de
fotogramas
En las animaciones de Fireworks, los intervalos de
tiempo se dividen en fotogramas, como en una
pelcula. Los fotogramas individuales, una vez
organizados, forman la pelcula.
El panel Fotogramas permite crear y organizar los
fotogramas. Mediante este panel, puede establecer
la sincronizacin de la animacin y desplazar los
objetos entre los fotogramas.
Creacin de animaciones
209
Indica que se ha
seleccionado un
objeto. Arrastre
para moverlo a otro
fotograma.
Seleccione el objeto.
panel Fotogramas.
fotograma.
210
Captulo 17
Creacin de animaciones
211
Creacin o importacin de
elementos para la animacin
Un smbolo de la biblioteca
212
Captulo 17
Control de la animacin
Utilice el panel Fotogramas para establecer de qu
manera se va a reproducir la animacin.
Creacin de animaciones
213
Configuracin de la demora de
fotogramas
214
Captulo 17
Visualizacin y ocultacin de
fotogramas durante la reproduccin
Es posible mostrar u ocultar fotogramas durante
la reproduccin. Si se oculta un fotograma, ste
no aparecer durante la reproduccin y tampoco
se exportar.
Para mostrar u ocultar un fotograma:
1
Presentacin preliminar de
una animacin
Es posible mostrar una presentacin preliminar de
una animacin mientras se crea para ver los
progresos realizados. Tambin puede ver una
presentacin preliminar de sta despus de
optimizarla para comprobar el aspecto que
presentar la animacin GIF exportada en un
navegador Web.
Para ver una presentacin preliminar de una
animacin en el rea de trabajo:
Configuracin de la transparencia
Como parte del proceso de optimizacin, puede
elegir uno o varios colores de la animacin GIF
para que se vuelvan transparentes en un
navegador Web. Esto resulta til cuando se quiere
que una imagen o el color de fondo de una pgina
Web se vea en la animacin.
Nota: Los navegadores Web antiguos no admitan el
empleo de animaciones GIF transparentes.
Para convertir el color del lienzo en transparente:
Controles de fotograma
Cuando realice una presentacin preliminar de la
animacin, recuerde los siguientes conceptos:
Para establecer el intervalo de tiempo que se va
Creacin de animaciones
215
Exportacin de una
animacin
Una vez que se ha creado y optimizado una
animacin, sta se encuentra lista para exportarla
como una animacin GIF, como varios archivos o
como un archivo Flash SWF.
Si la exporta como un archivo Flash SWF, puede
importarla en Macromedia Flash para continuar
editndola. Para obtener ms informacin,
consulte Exportacin a Macromedia Flash en la
pgina 172.
Para exportar una animacin como un archivo GIF
animado:
1
216
Captulo 17
Aadir.
Para aadir todos los archivos de la carpeta
Creacin de animaciones
217
218
Captulo 17
18
CAPTULO 18
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Los diseadores Web ven obstaculizado su trabajo con frecuencia debido a las
tareas repetitivas, como la optimizacin o conversin de imgenes para que se
ajusten a determinadas especificaciones. Parte de la funcionalidad de Fireworks
est puesta al servicio de la automatizacin y simplificacin de un gran nmero de
tediosas tareas de conversin de archivos, edicin y dibujo.
Para agilizar el proceso de edicin, utilice Buscar y reemplazar a fin de buscar y
reemplazar elementos de uno o varios archivos. Busque y reemplace elementos,
como valores URL, fuentes, color y texto.
Utilice Procesar por lotes para convertir grupos de archivos de imagen en otros
formatos, o para cambiar sus paletas de colores. Con Procesar por lotes, se pueden
aplicar configuraciones de optimizacin personalizadas a grupos de archivos.
Tambin puede cambiar el tamao de un grupo de archivos: Procesar por lotes es
una herramienta ideal para crear miniaturas.
Utilice el panel Historial para crear comandos de acceso directo a las funciones
ms utilizadas, o para crear un archivo de comandos que pueda ejecutar una
compleja serie de pasos. Fireworks admite y ejecuta JavaScript; de este modo, los
usuarios avanzados pueden automatizar tareas muy complejas si escriben
comandos de JavaScript y los ejecutan con Fireworks. Es posible controlar el
funcionamiento de casi cualquier comando o configuracin de Fireworks
mediante JavaScript utilizando comandos especiales de JavaScript que Fireworks
es capaz de interpretar.
219
Bsqueda y reemplazo
Men Opciones
Opcin Buscar
Opcin Buscar
Abra el documento.
220
Captulo 18
221
proyecto.
Para suprimir una entrada del Historial del
proyecto:
222
Captulo 18
trazo nicamente.
Rellenos y trazos permite buscar y reemplazar
223
formato.
Convertir una seleccin de archivos al mismo
URL o fuentes.
224
Captulo 18
225
Modificacin de la configuracin de
archivos mediante un proceso por lotes
Es posible modificar un tipo de archivo, la
optimizacin de archivo o las configuraciones de
escala durante un proceso por lotes si se selecciona
Exportar en el cuadro de dilogo Procesar por
lotes. Despus de seleccionar Exportar, aparece el
cuadro de dilogo Exportar por lotes, donde se
solicita que especifique la configuracin que se
aplicar durante el proceso por lotes.
226
Captulo 18
no modificados.
Elija Escalar hasta tamao para introducir un
227
228
Captulo 18
Seleccione Archivo
Elija un Scriptlet.
Creacin de archivos de
comandos
Puede reducir el tedio que causan algunas tareas
repetitivas si crea archivos de comandos de macros
en Fireworks. Para ello, realice en Fireworks los
pasos que desee incluir en un archivo de
comandos y, a continuacin, utilice el panel
Historial para guardarlos como comandos. O
bien, escriba cdigo JavaScript propio en un
editor de texto para ejecutarlo en Fireworks.
Utilice archivos de comando para el tipo de tareas
siguiente: aplicacin de cambios a texto,
aplicacin de colores, trazos y rellenos, cambio del
tamao y la resolucin de los documentos,
establecimiento de un color de lienzo especfico o
aplicacin de varios efectos o distorsiones a
distintos objetos. Es posible modificar casi
cualquier comando o configuracin de Fireworks
mediante JavaScript utilizando comandos
especiales de JavaScript que Fireworks pueda
interpretar.
Ampliacin de Fireworks
Macromedia Dreamweaver 3 tambin emplea
JavaScript. Es posible escribir archivos de
comando para controlar Fireworks desde
Dreamweaver 3. Para obtener documentacin
sobre el API de JavaScript, acceda a
http://www.macromedia.com/support.
Creacin de archivos de comandos con
el panel Historial
El panel Historial incluye una lista de los pasos
realizados durante el uso de Fireworks. Cada paso
se guarda en una lnea independiente del panel
Historial, de arriba a abajo. De manera
predeterminada, el panel incluye hasta 20 pasos.
Guarde grupos de pasos en el panel Historial
como un comando que pueda reutilizarse. Los
comandos guardados se almacenan como archivos
JSF en la carpeta
Fireworks 3\Settings\Commands.
229
Men emergente
Opciones
Volver a reproducir
los pasos.
Deshacer.
Los pasos deshechos se conservan en el panel
Historial y aparecen resaltados en color gris.
Guarde el comando:
Deshacer.
230
Captulo 18
Seleccione un comando.
231
232
Captulo 18
19
CAPTULO 19
233
234
Captulo 19
Exportacin y pegado
Un mtodo similar a la copia de imgenes de
Fireworks y de cdigo de HTML en un
documento HTML es la exportacin de las
imgenes en una carpeta de la copia local del sitio
Web, y pegar despus el cdigo HTML y
JavaScript directamente en un editor HTML.
Para exportar y pegar imgenes de Fireworks y
cdigo HTML en un editor HTML:
1
235
Dreamweaver 3 Library.lbi
Genrico
GoLive
236
Captulo 19
237
Colocacin de archivos
Fireworks en Dreamweaver
Otra forma de colocar imgenes de Fireworks o
archivos HTML en un documento Dreamweaver
es mediante la importacin de imgenes de
Fireworks o de archivos HTML desde
Dreamweaver 3.
Para colocar imgenes de Fireworks en un
documento de Dreamweaver 3:
1
238
Captulo 19
Edicin de imgenes
Fireworks incluidas en
Dreamweaver
Es posible editar imgenes de Fireworks que haya
incluido en Dreamweaver simplemente iniciando
Fireworks desde Dreamweaver. Edite archivos
GIF y JPEG desde Dreamweaver utilizando un
archivo origen de Fireworks u optimice la imagen
sin afectar al archivo origen.
Antes de ejecutar Fireworks y editar, asegrese de
definir un editor externo en Dreamweaver.
En Dreamweaver 2, seleccione
Edicin > Preferencias > Editores externos.
En Dreamweaver 3, seleccione
Edicin > Preferencias > Editores externos.
En Dreamweaver, seleccione
Ventana > Propiedades para abrir el inspector
de propiedades si fuera necesario.
239
Ejecute Fireworks:
Optimizacin de grficos de
Fireworks en Dreamweaver
Es posible cambiar la configuracin de
optimizacin de una imagen de Fireworks
colocada en Dreamweaver al ejecutar Fireworks
desde Dreamweaver y cambiar la configuracin en
el cuadro de dilogo Presentacin preliminar de la
exportacin.
Para optimizar una imagen de Fireworks colocada
en Dreamweaver:
1
En Dreamweaver 2 o 3, elija
Comando > Optimizar en Fireworks.
Cambie a Dreamweaver.
La imagen colocada se actualiza y refleja los
cambios efectuados en Fireworks
240
Captulo 19
documento HTML.
<HEAD></HEAD> contiene las etiquetas <META>,
<TITLE> y <SCRIPT>.
<META></META> almacena
informacin
adicional acerca del documento HTML, como la
aplicacin en que se cre, palabras clave para
motores de bsqueda y otros datos que pueden ser
de utilidad para diversas aplicaciones. Muchos
editores de HTML aaden metainformacin en
los documentos HTML.
el nombre del
documento que aparece en la parte superior de la
ventana del navegador Web.
indica una seccin con texto o
vnculos que aparece en el cuerpo principal del
documento.
<BODY></BODY>
<IMG> muestra
Por ejemplo:
<IMG SRC=Picture.gif>
241
242
Captulo 19
APNDICE A
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Men Archivo
Comando
Windows
Macintosh
Nuevo
Control+N
Comando+N
Abrir
Control+O
Comando+O
Abrir varios
Control+Mays+O
Comando+Mays+O
Cerrar
Control+W, Control + F4
Comando+W
Guardar
Control+S
Comando+S
Guardar como
Control+Mays+S
Comando+Mays+S
Importar
Control+R
Comando+R
Exportar
Control+Mays+R
Comando+Mays+R
Presentacin
preliminar de
exportacin
Control + Mays + X
Comando+Mays+X
Presentacin
preliminar en
navegador principal
F12
F12
Presentacin
preliminar en
navegador secundario
Mays + F12
Mays + F12
Imprimir
Control+P
Comando+P
Salir
Alt+F4
Comando+Q
243
Men Editar
Comando
Windows
Macintosh
Deshacer
Control+Z
Comando+Z
Repetir
Control+ Mays + Z
Comando + Mays + Z
Cortar
Control+X
Comando+X
Copiar
Control+C
Comando+C
Pegar
Control+V
Comando+V
Pegar dentro
Control+Mays+V
Comando+Mays+V
Pegar atributos
Comando+Mays+Opcin+V
Seleccionar todo
Control+A
Comando+A
Anular seleccin
Control+D
Comando+D
Seleccionar nivel
superior
Seleccionar nivel
inferior
Seleccionar inverso
Control + Mays + I
Comando + Mays + I
Duplicar
Control + Alt + D
Comando+Opcin + D
Clonar
Control +Mays + C
Comando + Mays + C
Recortar la imagen
seleccionada
Control + Alt + C
Comando + Opcin + V
Men Ver
Comando
Windows
Macintosh
Aumentar
Control + + (ms), o
Control + barra
espaciadora + arrastrar
Comando + + (ms), o
Comando + Barra espaciadora +
arrastrar
Reducir
Control + (menos)
Comando + (menos)
Encajar seleccin
Control + 0 (cero)
Comando + 0 (cero)
Encajar todo
Pantalla completa
Control + K
Comando + K
244
Apndice A
Comando
Windows
Macintosh
Ocultar la seleccin
Control + M
Comando + M
Mostrar todo
Control + Mays + M
Comando + Mays + M
Ocultar bordes
Control + H
Comando + H
Ocultar paneles
Reglas
Control + Alt + R
Comando + Opcin + R
Cuadrcula
Control + (apstrofo)
Comando + (apstrofo)
Guas
Guas de divisin
Windows
Macintosh
50%
Control + 5
Comando + 5
100%
Control + 1
Comando+ 1
200%
Control + 2
Comando + 2
400%
Control + 4
Comando + 4
800%
Control + 8
Comando + 8
3200%
Control + 3
Comando + 3
6400%
Control + 6
Comando + 6
Windows
Macintosh
Ajustar a cuadrcula
Control + Mays +
(apstrofo)
Comando + Mays +
(apstrofo)
Editar cuadrcula
Control + Alt + G
Comando + Opcin + G
245
Windows
Macintosh
Bloquear guas
Control + Alt + ;
Comando + Opcin + ;
Ajustar a guas
Control + Mays + ;
Comando + Mays + ;
Editar guas
Comando+Opcin+Mays+G
Men Insertar
Comando
Windows
Macintosh
Nuevo smbolo
Control + F8
Comando + F8
Convertir en smbolo
F8
F8
Zona interactiva
Control + Mays + U
Comando + Mays + U
Imagen
Control + R
Comando + R
Imagen vaca
Control + Alt + Y
Comando + Opcin + Y
Men Modificar
Comando
Windows
Macintosh
Entre instancias
Comando+Opcin+Mays+T
Objeto de imagen
Control + E
Comando + E
Salir de edicin de
imagen
Control + Mays + D
Comando + Mays + D
Unir
Control + J
Comando + J
Separar
Control + Mays + J
Comando + Mays + J
Combinar imgenes
Comando+Mays+Opcin+Z
Agrupar
Control + G
Comando + G
Enmascarar imagen
Control + Mays + G
Comando + Mays + G
Desagrupar
Control + U
Comando + U
246
Apndice A
Submen Transformar
Comando
Windows
Macintosh
Transformacin libre
Control + T
Comando + T
Transformacin
numrica
Control + Mays + T
Comando + Mays + T
Control + 9
Comando + 9
Rotar 90 (s.
antihorario)
Control + 7
Comando + 7
Comando
Windows
Macintosh
Control + F
Comando + F
Control + Mays + F
Comando + Mays + F
Control + Mays + B
Comando + Mays + B
Enviar al fondo
Control + B
Comando + B
Comando
Windows
Macintosh
Izquierda
Ctrl + Alt +1
Comando + Opcin +1
Centrado vertical
Ctrl + Alt +2
Comando + Opcin +2
Derecha
Ctrl + Alt +3
Comando + Opcin +3
Arriba
Ctrl + Alt +4
Comando + Opcin +4
Centrado horizontal
Ctrl + Alt +5
Comando + Opcin +5
Abajo
Ctrl + Alt +6
Comando + Opcin +6
Distribuir anchuras
Ctrl + Alt +7
Comando + Opcin +7
Distribuir alturas
Ctrl + Alt +9
Comando + Opcin +9
Submen Organizar
Submen Alinear
247
Men Texto
Comando
Windows
Macintosh
Editor
Control + Mays + E
Comando + Mays + E
Unir al trazado
Control + Mays + Y
Comando + Mays + Y
Convertir en trazados
Control + Mays + P
Comando + Mays + P
Comando
Windows
Macintosh
Regular
Control+Alt+Mays+P, o
F5
Comando+Opcin+Mays+P, o F5
Negrita
Control+Alt+Mays+B, o F6
Comando+Opcin+Mays+B, o F6
Cursiva
Control+Alt+Mays+I, o F7
Comando+Opcin+Mays+I, o F7
Subrayado
Control+Alt+Mays+U, o F8
Comando+Opcin+Mays+U, o F8
Comando
Windows
Macintosh
Izquierda
Control+Alt+Mays+L
Comando+Opcin+Mays+L
Centrado
Control+Alt+Mays+C
Comando+Opcin+Mays+C
Derecha
Control+Alt+Mays+R
Comando+Opcin+Mays+R
Justificado
Control+Alt+Mays+J
Comando+Opcin+Mays+J
Expandido
Control+Alt+Mays+S
Comando+Opcin+Mays+S
Submen Estilo
Submen Alinear
248
Apndice A
Men Ventana
Comando
Windows
Macintosh
Nueva ventana
Control+Alt+N
Comando + Opcin + N
Caja de herramientas
Control + Alt + T
Comando + Opcin + T
Inspector de objetos
Control + I
Comando + I
Panel Trazo
Control + Alt + B
Comando + Opcin + B
Panel Relleno
Control + Alt + F
Comando + Opcin + F
Panel Efecto
Control + Alt + E
Comando + Opcin + E
Panel Muestras
Control + Alt + S
Comando + Opcin + S
Mezclador de colores
Control + Alt + M
Comando + Opcin + M
Opciones de
herramientas
Control + Alt + O
Comando + Opcin + O
Panel Capas
Control + Alt + L
Comando + Opcin + L
Panel Fotogramas
Control + Alt + K
Comando + Opcin + K
Panel Informacin
Control + Alt + I
Comando + Opcin + I
Inspector de
comportamientos
Control + Alt + H
Comando + Opcin + H
Administrador de URL
Control + Alt + U
Comando + Opcin + U
Estilos
Control + Alt + J
Comando + Opcin + J
Comando
Windows
Macintosh
Repetir Xtra
Control+Alt+Mays+X
Comando+Opcin+Mays+X
Comando
Windows
Macintosh
Uso de Fireworks
F1
Ayuda
Men Xtras
Men Ayuda
249
Editor de texto
Funcin
Windows
Macintosh
Aumentar acercamiento
o ajuste entre
caracteres
Reducir acercamiento o
ajuste entre caracteres
Aumentar interlineado
Reducir interlineado
Caja de herramientas
Para cambiar a esta herramienta
Presione
Puntero
v o 0 (cero)
Seleccionar detrs
v o 0 (cero)
Recortar
Exportar rea
a or 1
Recuadro
Recuadro elipse
Lazo
Lazo poligonal
Varita mgica
Mano
Barra espaciadora o h
Aumentar y reducir
Lnea
Pluma
Rectngulo
Elipse
250
Apndice A
Texto
Lpiz
Pincel
Escala
Inclinacin
Distorsin
Estilo libre
Remodelar rea
Cuentagotas
Cubo de pintura
Borrador
Sello
Varios
Funcin
Windows
Macintosh
Restablecer colores de
trazo y relleno a
valores
predeterminados
Intercambiar colores de
trazo y de relleno
Fotograma siguiente
Fotograma anterior
251
252
Apndice A
NDICE ANALTICO
A
activacin
modo de edicin de imgenes 121
modo objeto 121
Adaptable, paleta 160
adicin
archivos de comandos 229
botones 192
capas 93
comandos 230
efectos 140
estilos 86
fotogramas 209
instancias 95
objetos 57
objetos de divisin 182
paletas 161
rellenos 80
rollovers 192
Scriptlets 228
scriptlets 228
smbolos 94
texto 110
textura 83
trazados 59
trazos 77
zonas interactivas 174
agrupacin de objetos 91
ajuste automtico entre caracteres 112
ajuste entre caracteres 112
allanar capas 94
almacenamiento
ajustes de optimizacin 155
ajustes de trazos 79
comandos 41
efectos 141
paletas de colores personalizadas 164
pinceles 79
rellenos degradados 82
Ampliar trazo, comando 74
Ampliar, comando 125
Aadir a transparencia, herramienta 106
animacin
activacin y desactivacin de fotogramas 214
adicin de fotogramas 209
administracin de fotogramas 209
apertura 217
capas compartidas por varios fotogramas 210
configuracin de demora de fotograma 214
control 213
copia de fotogramas 209
creacin 208
creacin desde varios archivos 217
demora de fotograma 208
desactivacin de capas compartidas 210
desactivacin del papel cebolla 211
descripcin 207
desplazamiento de objetos a otro fotograma 210
distribucin de objetos en fotogramas 213
edicin de archivos GIF 217
edicin de varios fotogramas 211
eliminacin de fotogramas 210
exportacin 216
exportacin como archivo Flash 216
exportacin como varios archivos 216
generacin de bucle 214
importacin 53
importacin de objetos 212
insercin de fotogramas 209
interpolacin 213
objetos como actores 208
optimizacin 215
organizacin con capas 209
papel cebolla 211
planificacin de fotogramas 208
planificacin de una animacin 208
presentacin preliminar 215
reorganizacin de fotogramas 209
reproduccin 215
transparencia 215
uso de smbolos e instancias 212
velocidad 208
253
254
Index
conversin 51
importacin 51
archivos de Illustrator
conversin 51
importacin 51
arranque de Fireworks 12
Arrastre y colocacin
para importar grficos 62
Scriptlets 229
Asistente
de vnculos 194
Optimizar tamao 168
Asistente de exportacin 167
Asistentes
Exportacin 167
Optimizar tamao 168
Vnculos 194
Aumentar, herramienta 47
aumento 47
100% de aumento 47
basado en seleccin 47
Ayuda
de Fireworks 12
emergente 13
B
barra de colores
eleccin de un color 104
eleccin de un modelo de color 103
barras de herramientas
acoplamiento 39
desbloqueo 39
reorganizacin 38
visualizacin y ocultacin 38
barras de navegacin, creacin 196
Biblioteca, panel 94
Blanco y negro, paleta 161
borde listado 120
Borde, comando 126
bordes
biselados 143
suavizado 85
visualizacin y ocultacin 67
Borrador Cuchillo, herramienta 57
Borrador, herramienta 57
Borrador, modo 48
botones
C
Caja de herramientas
contenido 38
eleccin de herramientas 38
visualizacin 38
cmaras, digitales 53
Cambiar el tamao, comando 75
Cambiar nombre de trazo, cuadro de dilogo 79
cambio de nombre
efectos 141
relleno degradado 82
trazos 79
cambio del tamao de imgenes 49
Capa Web
mostrar y ocultar 175
ubicacin en el documento 94
visualizacin de objetos con divisiones 175
visualizacin de zonas interactivas 175
capas
adicin 93
animacin 209
bloqueo y desbloqueo 93
Capa Web 94
compartidas por varios fotogramas 210
compartir entre fotogramas 94
copiar objetos a 94
creacin 93
definicin 92
denominacin 93
desactivacin de capas
compartidas en fotogramas 210
deseleccin de todo 66
duplicacin 93
Editar slo una capa 94
eliminacin 93
enmascaramiento 150
insercin 93
mover 93
mover objetos a 93
Nombre base 169
operaciones con 92
seleccin de activa 93
seleccin de todo 66
visualizacin y ocultacin 93
Capas, panel 92
cierre, vista de documento 47
crculos, dibujo 58
Index 255
clonacin
imgenes 127
uso de la herramienta Sello 57
color
adicin a transparencia 106
adicin de una paleta 103
adicin desde la pantalla a una paleta 101
almacenamiento de paletas
personalizadas 103, 164
aplicar del panel Muestras 100
borrar panel de muestras 102
cambiar predeterminado 76
cambio de relleno 61
cambio del trazo 61
clasificacin del panel Muestras 102
configuracin de preferencias 42
creacin 103
creacin en Mezclador de colores 104
definicin de la opacidad 148
definicin de la profundidad 158
descripcin 99
eleccin de la paleta de trabajo 102
eleccin de paleta personalizada 102
eliminacin del panel Muestras 102
fondo 48
informacin 104
intercambiar el trazo y el relleno 75
inversin de valores 135
mezclar objetos con el fondo 106
modelos de color 103
modo de mezcla 148
muestreo 101
obtener con la herramienta Cuentagotas 101
optimizacin paletas de colores 160
paleta de colores emergente 75
panel Informacin 104
relleno 75
relleno slido 80
rellenos degradados 81
restablecer predeterminado 75
seleccin en la barra de colores 104
seleccin para transparencia 105
sustitucin de una muestra 102
texto 114
tramado con Websafe 84
trazo 75
uso del Mezclador de colores 103
256
Index
color de fondo 48
color Mate 106
colores
bsqueda y reemplazo 223
bsqueda y reemplazo de colores no Websafe 224
comandos
almacenamiento 41
anulacin 41
Comandos, men 230
rehacer 41
repeticin 41
Comandos, men
adicin de comandos 230
adicin de scriptlets 228
combinacin de trazados 73
Combinar imgenes, comando 120, 121
Comportamientos, inspector
asignacin de comportamientos 201
descripcin 40
composicin 148
configuracin de Fireworks 42
Contraer, comando 125
contraste 131
conversin de archivos 52
de CorelDRAW 51
de FreeHand 51
de Illustrator 51
de Photoshop 51
conversin de objetos a imgenes 120
Convertir en alfa, Xtra 137
copia de pxeles 122
copia de seguridad
durante Buscar y reemplazar 221
en procesos por lotes 228
copia y pegado
cdigo HTML de Fireworks 235
HTML 238
nuevo muestreo de grficos 62
para importar grficos 62
correccin de errores, vase Deshacer
corte 72
corte de trazado 72
creacin
animaciones 207
archivos de comandos 229
botones 192
capas 93
Index
257
258
Index
Capa Web 94
cierre de vista 47
coincidencia de tamao del contenido del
Portapapeles 46
compartir capas entre fotogramas 94
configuracin de opciones de
mapa de imagen 178
configuracin de tamao 48
copiar objetos a otra capa 94
creacin 46
definicin de tamao 48
denominacin de capas 93
descripcin 45
descripcin de la exportacin 165
desplazamiento 46
duplicacin de capas 93
Editar slo una capa 94
eliminacin de capas 93
exportacin de pginas Web 166
exportacin de una parte 169
importacin de archivos PNG 63
importacin mediante Arrastrar y colocar 62
importacin mediante copiar y pegar 62
modo de borrador 48
modo de gama 48
modo de pantalla completa 48
modo predeterminado 56
modos de visualizacin 48
mosaico 47
mover capas 93
mover objetos a otra capa 93
nuevo muestreo durante importacin 62
optimizacin de actualizacin 48
organizar objetos 90
panormica 47
recorte del lienzo 50
reduccin 47
reduccin segn seleccin 47
rotacin 49
seleccin de capa activa 93
uso de rellenos de degradado de otro 82
uso de trazos almacenados 79
vistas mltiples 47
visualizacin y ocultacin de capas 93
Documento nuevo, cuadro de dilogo 46
Dreamweaver
descripcin 233
ilusin de transparencia 85
inclinacin de objetos 89
mscaras 151
mover rellenos 83
mover trazos 80
Niveles automticos 133
pxeles 127
recorte de trazados 73
reflejo de objetos 89
relleno de trama 84
rellenos 80
rellenos de patrn 82
rellenos degradados 81
rellenos slidos 80
remodelado de trazados 72
remodelar rea 71
reorientacin de trazos 79
restablecer colores predeterminados 75
reutilizacin del degradado en otro documento 82
rollovers 193
rotacin de objetos 89
rotacin de rellenos 83
smbolos 95
simplificacin de trazados 74
suavizado 85
suprimir trazos 79
texto 111
texto de botn 195
tirar trazados 70
traer objetos seleccionados hacia adelante 90
transformacin de rellenos de patrn 83
transformacin de rellenos degradados 83
transformacin numrica 90
trazados 68
trazos 76
uso de trazos almacenados en otro documento 79
uso del Editor de texto 111
volver a dibujar un segmento 72
zonas interactivas 178
edicin de imgenes, modo
pegado 62
uso de herramientas de dibujo y edicin 56
Editar degradado, cuadro de dilogo 81
Editar slo una capa 94
Editar trazo, cuadro de dilogo 77
Editor de botones 41
Editor de degradados 81
Index 259
260
Index
smbolos 95
Elipse, herramienta 58
elipses, dibujo 58
empujar
rea 71
trazados 71
enmascaramiento
conversin de mscara de imagen a mscara de
trazado 152
conversin de mscara de trazado a mscara de
imagen 152
conversin de mscara normal a un grupo de
mscara 152
conversin de un grupo de mscara a un grupo
normal 152
creacin de mscaras de imagen 151
creacin de mscaras de trazado 150
definicin 147
edicin 151
Enmascarar imagen, comando 151
Enmascarar trayecto, comando 150
entrelazado 159
Escala de grises, paleta 161
escala de imgenes
en proceso por lotes 227
opciones de interpolacin 42
escalado de objetos 88
esquinas redondeadas 58
Establecer transparencia, herramienta 105
Estilo libre, herramienta 57
estilos
adicin 86
almacenamiento de efectos como 142
ampliar iconos de vista previa 87
aplicacin 86
basados en los existentes 86
definicin 85
edicin 86
eliminacin 87
exportacin 87
importacin 87
nuevos 86
restablecer predeterminados 87
seleccionar vistas previas pequeas 87
texto 115
uso 85
estilos de salida
adicin 237
eliminacin 237
Estilos, panel 86
estrellas
ngulo 59
dibujo 59
nmero de puntos 59
restriccin al dibujar 59
etiquetas, HTML 241
Exacta, paleta 160
exportacin
a un tamao especfico de archivo 168
almacenamiento de paletas personalizadas 164
animacin GIF 216
animaciones como varios archivos 216
archivo de suplemento 166
archivos de mapa de imagen 180
reas 169
Asistente de exportacin 167
bloqueo de colores en paleta 162
botones 191
capas como archivos independientes 169
cdigo HTML de Fireworks 235
colores Websafe 163
configuracin del nmero de colores 161
definicin de la profundidad de color en la
exportacin 158
descripcin 165
divisiones seleccionadas 170
edicin de colores en paleta 162
elementos de biblioteca de Dreamweaver 237
estilos 87
formatos de archivos HTML 236
fotogramas como archivos independientes 169
GIF imgenes 157
herramienta Exportar rea 169
herramientas Cuentagotas de transparencia 105
imgenes 166
JPEG imgenes 158
mapas de imagen 179
Nombre base 169
objetos de divisin 170
opciones de divisin 170
optimizacin para la Web 153
optimizacin y uso de Presentacin preliminar de
la exportacin 168
pginas Web 166
Index
261
262
Index
Index 263
264
Index
I
Illustrator, exportacin para 171
ilusin de perspectiva 89
ilusin de transparencia 85
imgenes
ajuste de la saturacin 131
ajuste del brillo 131
ajuste del contraste 131
ajuste del matiz 131
ajuste del rango tonal 132
ajuste del rango tonal mediante cuentagotas 135
ajuste del rango tonal mediante Curvas 134
ajustes de optimizacin personalizados 154
almacenamiento de ajustes de optimizacin 155
apertura de archivos GIF animados 217
borde listado 120
borrado de pxeles 129
buscar bordes 137
cambio de configuracin con proceso por lotes
226
cambio de tamao 48
cambio del tamao 49
clonacin 127
comparacin de diferentes optimizaciones 156
comprobacin del rango tonal 133
conversin a escala de grises 137
conversin a partir de objetos 120
conversin de mscara de imagen a mscara de
trazado 152
conversin de mscara de trazado a mscara de
imagen 152
conversin de mscara normal a un grupo de
mscara 152
conversin de un grupo de mscara a un grupo
normal 152
copia de seguridad en procesos por lotes 228
corte 129
creacin de mapas de imagen 173
creacin de mscaras de imagen 151
creacin de mscaras de trazado 150
creacin de miniaturas 227
creacin de objetos de divisin 182
creacin de zonas interactivas 174
desenfoque 136
desperfilar mscara 138
divisin 181
edicin de zonas interactivas 178
edicin en Dreamweaver 239
archivos de FreeHand 51
archivos de Illustrator 51
archivos de Photoshop 51
archivos PNG 63
conversin de archivos 52
descripcin 45
estilos 87
imgenes 120
imgenes de cmaras digitales 53
imgenes de escner 53
mediante Arrastrar y colocar 62
mediante copiar y pegar 62
nuevo muestreo en operaciones
de copia y pegado 62
pegado en modo de imgenes 62
pegado en modo de objetos 62
RTF, archivos 117
texto 117
texto de Photoshop 117
importacin Twain 53
impresin, Historial del proyecto 222
inclinacin de objetos 89
Informacin, panel 104
Inspector de objetos
ajuste de la opacidad 148
aplicacin de modos de mezclas 148
inspectores
combinacin 40
Comportamientos 40
Comportamientos, asignacin de
comportamientos 201
eleccin de opciones 39
eliminacin de ficha 40
introduccin de informacin 40
Objeto 148
reorganizacin 39
uso 39
uso de cuadros emergentes 40
visualizacin y ocultacin 39
instalacin
filtros de conexin de Photoshop 145
Fireworks, Windows 12
instancias
animacin 212
colocacin en documento 95
creacin 95
definicin 94
Index 265
distribucin 213
interpolacin para animacin 213
modificacin 96
interlineado 112
interpolacin
instancias para animacin 213
smbolos para animacin 213
interpolacin, escala 42
Intersectar, comando 73
introduccin de texto 110
Invertir, men Xtra 135
J
JavaScript
adicin de avisos al cdigo de salida 237
copia 238
JPEG
definicin 158
exportacin 158
optimizacin 159
perfilado de bordes de color 160
progresivo 160
reduccin de calidad 160
suavizado 160
justificacin de texto 114
L
Lpiz, herramienta 56
Lazo poligonal, herramienta 56
Lazo, herramienta 56
lienzo
definicin de tamao 48
definicin del color 48
recorte 50
rotacin 49
lnea de base 112
Lnea, herramienta 56
lneas
dibujo 58
restriccin al dibujar 58
266
Index
M
Macintosh
Requisitos del sistema 12
Selector de colores Apple 104
Mano, herramienta 47
mapas de imagen
adicin a un sitio Web 180
archivos para 180
configuracin de opciones 178
copia de cdigo HTML para 239
descripcin 173
eleccin del grfico origen 174
exportacin 179
ubicacin en el sitio Web 180
uso en archivos HTML 180
mscara 150
mscara alfa 137
mscara de capa 150
mscara de grupo, vase grupo de mscara
matiz 131
Matiz/Saturacin,men Xtra 131
men de acceso directo 42
Mezclador de colores 103
creacin de colores 104
modelo de color CMA 103
modelo de color Escala de grises 103
modelo de color Hexadecimal 103
modelo de color MSB 103
modelo de color RVA 103
modelos de color
CMA 103
eleccin en la barra de colores 103
Escala de grises 103
Hexadecimal 103
MSB 103
panel Informacin 104
RVA 103
modificacin
instancias 96
smbolos 95
trazados 72
modo
activacin del modo de edicin de imgenes 121
introduccin de objetos 56
modo de edicin de imgenes
activacin 121
comportamiento del modo de mezcla 130
configuracin 121
definicin 120
descripcin del comportamiento de los modos de
mezcla 150
ocultacin del borde listado 121
salida 121
modo de mezcla
Aclarar 149
Borrar 149
Color 149
color de base 148
color de mezcla 148
color resultante 148
comportamiento 150
comportamiento en el modo de edicin de
imgenes 130
definicin 148
definicin del valor predeterminado 149
Diferencia 149
ejemplos 149
Invertir 149
Luminosidad 149
Matiz 149
Multiplicar 149
Normal 149
opacidad 148
Oscurecer 149
Pantalla 149
Saturacin 149
Tinta 149
modo objeto
comportamiento del modo de mezcla 130
descripcin del comportamiento de los modos de
mezcla 150
mover
capas 93
trazos 80
movimiento
en documento 46
muestra de color
Selector de colores Apple 104
Selector de colores del sistema 104
Muestras, panel 100
adicin de una paleta 103
almacenamiento de personalizado 103
borrar 102
clasificacin 102
eliminacin de un color 102
sustitucin de un color 102
N
Niveles automticos, men Xtra 133
Niveles, men Xtra 132
Nombre base 169
nuevo muestreo 49
en operaciones de copia y pegado 62
O
objeto, modo
activacin 56
cambio 56
dibujo 57
empujar y estirar trazados 70
introduccin 56
pegado 62
regreso 56
seleccin de imgenes 68
uso de herramientas de dibujo y edicin 56
volver a dibujar trazados 72
objetos
adicin de textura a rellenos 83
adicin de textura al trazo 76
agrupacin 91
ajuste de rellenos 83
almacenamiento de efectos 141
almacenamiento de efectos como estilos 142
almacenamiento de rellenos degradados 82
ampliacin de trazos 74
animacin 208
aplicacin de efectos 140
aplicacin de efectos a grupos 142
aplicacin de efectos automticos 139
aplicacin de estilos 86
aplicacin de filtros como efectos 145
aplicacin de filtros de
conexin de Photoshop 145
aplicacin de la configuracin predeterminada de
efecto 142
aplicacin de rellenos de patrn 82
aplicacin de rellenos degradados 81
aplicacin de rellenos slidos 80
bordes biselados 143
buscar bordes 137
cambiar colores predeterminados 76
cambio de nombre de rellenos degradados 82
cambio de nombres de efectos 141
cambio del color de relleno 75
Index
267
268
Index
objetos de divisin
actualizacin 189
adicin de interactividad 185
adicin de rollovers 189
ajustes de optimizacin 154
asignacin de valores URL 185
comparacin con zonas interactivas 182
copia de cdigo HTML para 239
creacin 182
creacin de divisiones de texto 188
denominacin 186
denominacin automtica 186
denominacin automtica predeterminada 187
descripcin 181
exportacin 170
exportacin de seleccionado 170
exportacin mediante tablas anidadas 170
formato de divisiones de texto 188
guas de divisin 182
mezcla de formatos de archivo 188
mostrar en Presentacin preliminar 156
ocultar en Presentacin preliminar 156
opciones de exportacin 170
personalizar denominacin 187
poligonal 183
rectangular 182
simple 185
suplementos 188
sustitucin 189
tablas anidadas 188
texto alternativo 177
uso de suplementos 170
ventajas 181
visualizacin y ocultacin 183
objetos Web
denominacin automtica de
objetos de divisin 186
denominacin de objetos de divisin 186
exportacin de mapas de imagen 179
organizacin por color 175
ubicacin en documento 94
ocultacin
barras de herramientas 38
bordes 67
capas 93
objetos seleccionados 91
paneles 40
Ocultar panele, comando 40
ocultar, inspectores 39
opacidad
definicin 148
opacidad alfa 104
opacidad, definicin 148
Opciones de Editar trazo, panel 78
Opciones de herramientas, panel 39
optimizacin
ajustes personalizados 154
almacenamiento de ajustes 155
animaciones 215
comparacin de diferentes ajustes 156
configuracin del nmero de colores 161
controles 154
definicin de la profundidad de color 158
definicin de prdida 159
eleccin de una paleta de colores 160
eliminacin de ajustes 155
eliminacin de los colores no utilizados 159
entrelazado 159
imgenes GIF 158
imgenes JPEG 159
objetos de divisin 154
paletas de colores 160
para la Web 153
perfilado de bordes de color 160
PNG imgenes 158
presentacin preliminar 156
progresivo 160
reduccin de calidad 160
seleccin de una paleta de colores 159
seleccin del formato de archivo 157
suavizado 160
tramado 159
uso compartido de ajustes 155
uso de archivos de comandos 229
uso de preestablecidos 154
uso del Asistente
de exportacin 167
visualizacin de colores en una paleta 161
visualizacin de tabla de color 161
optimizaciones preestablecidas 154
Optimizar, panel 154
orden de apilamiento 90
organizacin
capas 92
objetos en una capa 90
Index 269
P
pginas Web
adicin de rollovers a divisiones 189
configuracin de opciones
de mapa de imagen 178
creacin de zonas interactivas 174
creacin objetos de divisin 182
divisin de imgenes 181
exportacin de mapas de imagen 179
mezclar objetos con el fondo 106
paleta de colores
cuadro emergente 75
relleno 75
trazo 75
paleta de colores emergente 75
paleta independiente del navegador 160
paleta Websafe 163
paletas
adaptables 160
adicin a la paleta actual 103
adicin desde la pantalla 101
almacenamiento 164
almacenamiento de muestras personalizadas 103
almacenamiento de personalizadas 164
blanco y negro 161
bloqueo de colores 162
borrar 102
clasificacin 102
color models 103
colores Websafe 163
configuracin de la transparencia durante la
exportacin 105
configuracin del nmero de colores 161
creacin de colores 103
edicin de colores 162
eleccin 100
eleccin de la paleta de trabajo 102
eleccin de paleta personalizada 102
eliminacin de color 102
escala de grises 161
exacta 160
exportacin 164
optimizacin 160
personalizadas 161
Sistema 160
sustitucin de color 102
uniforme 161
270
Index
introduccin de informacin 40
Muestras 100
Objeto 148
ocultacin 40
Opciones de Editar trazo 78
Opciones de herramientas 39
Optimizar 154
reorganizacin 39
Sensibilidad de Editar trazo 78
Tabla de color 161
Trazo 76
URL 176
uso 39
uso de cuadros emergentes 40
visualizacin de ocultos 40
visualizacin y ocultacin 39
panormica 47
Pantalla completa, modo 48
papel cebolla
definicin 211
desactivacin 211
edicin de varios fotogramas 211
Editor de botones 192
visualizacin de fotogramas antes y despus 211
visualizacin de todos los fotogramas 211
visualizacin del fotograma siguiente 211
visualizacin personalizada 211
pegado
en el modo de edicin de imgenes 62
en modo objeto 62
formatos 62
pegar dentro 150
perfilado 138
Perfilar ms, Xtra 138
Perfilar, Xtra 138
Perforar, comando 73
Photoshop
importacin de archivos u objetos 51
importacin de texto 117
opciones de importacin 43
Photoshop, filtros de conexin
aplicacin 145
instalacin 145
Pincel, herramienta 57
pinceles
almacenamiento 79
definicin de punta 78
edicin 78
opciones de trazo 78
pxeles
ajuste de rango tonal mediante cuentagotas 135
ajuste de seleccin 124
ajuste del rango tonal 132
ajuste del rango tonal mediante Curvas 134
ampliacin del borde de seleccin 125
borrado 129
cambio de color 127
clonacin 127
contraccin de borde de seleccin 125
copia 122
corte 122
definicin 119
descripcin 119
edicin 127
edicin consecutiva 127
edicin mltiple 127
fundido 128
modo de edicin de imgenes 120
mover 122
Niveles automticos 133
pintura 130
rango tonal 133
relleno 127
seleccin 122
seleccin de rea alrededor de recuadro 126
seleccin de rea de estilo libre 122
seleccin de rea elptica 122
seleccin de rea poligonal 123
seleccin de rea rectangular 122
seleccin de colores similares 123
suavizado de borde de recuadro 126
plantillas
adicin de estilos de salida 237
eliminacin de estilos de salida 237
Pluma, herramienta 56
PNG
definicin 158
definicin de la profundidad de color 158
eleccin de una paleta de colores 160
entrelazado 159
exportacin 158
importacin 63
optimizacin 158
optimizacin de paletas de colores 160
Index
271
272
Index
aplicacin de degradado 81
aplicacin de patrones 82
aplicacin de slido 80
bsqueda y reemplazo 223
cambiar colores predeterminados 76
cambio de nombre de degradado 82
cambio del color 75
cambio del color de trazo y de relleno 75
dibujar sobre trazos 80
edicin 80
edicin de degradado 81
edicin de slido 80
eliminacin de degradado 82
ilusin de transparencia 85
mover 83
paleta de colores 75
relleno de trama 84
restablecer colores predeterminados 75
reutilizacin del degradado en otro documento 82
rotacin 83
suavizado 85
texto 115
transformacin de degradado 83
transformacin de patrn 83
rellenos de patrn
adicin de externos a la lista 83
ajuste 83
aplicar 82
mover 83
rotacin 83
transformacin 83
rellenos degradados
ajuste 83
ajuste de las transiciones de color 81
almacenamiento 82
aadir nuevos colores 81
aplicar 81
cambiar colores 82
cambio de nombre 82
cuadro de dilogo Editar degradado 81
edicin 81
eliminar colores 81
eliminar guardados 82
mover 83
reutilizar en otro documento 82
rotacin 83
transformacin 83
rellenos slidos
adicin de textura 83
aplicar 80
remodelado de trazados 72
Remodelar rea, herramienta 57
reorganizacin de fotogramas 209
reproduccin de animaciones 215
Requisitos del sistema 12
Resaltar posicin del ratn, comando 67
restriccin
al dibujar desde el punto central 58
al dibujar estrellas 59
al dibujar lneas 58
al dibujar polgonos 59
rotacin 89
tecla Alt, Windows 58
tecla Mays 58
tecla Opcin, Macintosh 58
teclas Mays-Alt, Windows 58
teclas Mays-Opcin, Macintosh 58
rollovers
adicin a divisiones 189
adicin de estado Abajo 194
adicin de estado Sobre y Abajo 194
ajuste de estados a fotogramas 200
archivos de origen externo 204
rea activa 194
reas de activacin 203
asignacin de acciones del ratn 201
asignacin de URL 194
asignacin de valores URL 202
barras de navegacin 196
carga previa de imgenes 206
compatibilidad de navegador 205
conversin del formato Fireworks 2 196
creacin 192
definicin 192
definicin de rea de activacin 201
definicin de rea de intercambio 203
definicin de comportamiento de imagen de
intercambio 203
definicin de comportamientos 201
definicin de texto de barra de estado 202
definicin del evento de ratn 204
desunido 203
deteccin de navegador 205
edicin 193
Index
273
274
Index
sitios Web
conceptos bsicos sobre HTML 241
etiquetas HTML comunes 241
planificacin 234
suavizado
objetos 85
texto 115
Suavizar, comando 126
subrayado 111
suplementos
archivo 166
exportacin 170
T
Tabla de color
actualizacin 162
bloqueo de colores 162
desbloqueo de todos los colores 162
desbloqueo de un color 162
edicin de colores 162
eliminacin de ediciones 163
previsualizacin de pxeles 162
seleccin de un color 162
seleccin de un rango 162
seleccin de varios colores 162
visualizacin 161
Tamao de la imagen, cuadro de dilogo 48
tamao de punto 111
texto
adaptacin a trazados 115
adicin 110
administracin de fuentes no encontradas 118
ajuste automtico entre caracteres 112
ajuste entre caracteres 112
alineacin 114
alineacin a la derecha 114
alineacin a la izquierda 114
alineacin de bloques 114
aplicacin de efectos 115
aplicacin de estilos 115
aplicacin de rellenos 115
aplicacin de trazos 115
bsqueda y reemplazo 222
cambiar con el men Texto 112
cambio de atributos 110
cambio de estilo de fuente 111
cambio de fuentes 111
Index
275
mostrar 67
transformacin 88
tirar
rea 71
trazados 70
tramado con colores Websafe 84
transformacin
al arrastrar 88
numrica 90
objetos 87
texto 116
Transformacin numrica, comando 90
Transformar distorsin, herramienta 90
Transformar escala, herramienta 88
Transformar inclinacin, herramienta 89
Transformar, herramientas
Transformar distorsin 90
Transformar escala 88
Transformar inclinacin 89
transparencia
adicin de colores 106
animacin 215
composicin 148
definicin durante la exportacin 105
herramientas Cuentagotas 105
ndice 107
seleccin de color 105
Transparencia de ndice 107
trazado de recorte 150
trazados 72
abiertos y cerrados 57
adaptacin de texto 115
adicin de puntos 68
adicin de textura al trazo 76
adicin de texturas externas a la lista 77
ampliacin de trazos 74
cambiar colores predeterminados 76
cambiar nombres de trazos 79
cambio del color de trazo y de relleno 75
cambio del color del trazo 75
cambio del segmento adyacente 69
colocacin de texto 116
combinacin 73
conversin de curvas a rectas 69
conversin de rectas a curvas 69
conversin de texto 117
creacin de personalizados 77
276
Index
Trazo, panel 76
trazos
adicin de textura 76
almacenamiento de ajustes 79
borde 76
bsqueda y reemplazo 223
cambiar colores predeterminados 76
cambio de color 75
cambio de nombre 79
cambio del centrado 79
cambio del color de trazo y de relleno 75
cambio del color en herramientas de dibujo 61
categoras 76
configuracin para herramientas de dibujo 61
definicin de sensibilidad 78
dibujo sobre relleno 80
edicin 76
eleccin de un trazo 76
eliminacin 79
mover 80
nombres 76
paleta de colores 75
presentacin preliminar de pincelada 76
reorientacin 79
restablecer colores predeterminados 75
texto 115
textura 76
uso en otro documento 79
tringulos
dibujo 59
restriccin al dibujar 59
tutoriales 13
U
Uniforme, paleta 161
Unir al trazado, comando 115
Unir trazados, comando 73
Unir, comando 73
URL, panel 176
V
valores URL
absolutos 177
adicin a bibliotecas 176
adicin a botones 194
administracin 176
asignacin a objetos de divisin 185
asignacin a rollovers 202
asignacin a zonas interactivas 175
asignacin desde bibliotecas 176
bsqueda y reemplazo 224
creacin de nuevas bibliotecas 176
fondo 179
relativos 177
valores URL absolutos 177
valores URL relativos 177
Varita mgica, herramienta 56
vnculo, vase valores URL
visita multimedia 12
vistas mltiples de un documento 47
vistas, mltiples 47
visualizacin
barras de herramientas 38
bordes 67
Capa Web 175
capas 93
contorno 67
diferentes ajustes de optimizacin 156
inspectores 39
objetos de divisin 175
objetos seleccionados 91
ocultar bordes 67
paneles 40
paneles ocultos 40
puntos 67
zonas interactivas 175
Volver a dibujar trazado, herramienta 72
volver a dibujar trazados 72
W
Web 216, paleta 160
Web adaptable, paleta 160
Windows
instalacin e inicio de Fireworks 12
Requisitos del sistema 12
Index
277
X
Xtras 130
Brillo/Contraste 131
Buscar bordes 137
como efectos automticos 131
Convertir en alfa 137
Curvas 134
Desenfocar 136
Desenfocar ms 136
Desenfoque gaussiano 136
Desperfilar mscara 138
Invertir 135
Matiz/Saturacin 131
Niveles 132
Niveles automticos 133
Perfilar 138
Perfilar ms 138
Z
Zona interactiva circular, herramienta 174
Zona interactiva poligonal, herramienta 174
Zona interactiva rectangular, herramienta 174
zonas interactivas
asignacin de valores URL 175
asignacin de valores URL desde bibliotecas 176
circulares 174
comparacin con objetos de divisin 182
conversin a formas bsicas 178
creacin 174
creacin mediante trazado 175
descripcin 173
edicin 178
edicin mediante puntos 178
forma irregular 174
inclinacin 178
poligonal 174
rectangulares 174
transformacin 178
valor URL de fondo 179
valores URL absolutos 177
valores URL relativos 177
vnculos 175
visualizacin 175
visualizacin y ocultacin 184
278
Index