Source: http://www.slideshare.net/armixd/fireworks-cs4-help
Timestamp: 2016-06-28 20:15:56+00:00

Document:
Introducción a la creación de págin...
©2008 Adobe Systems Incorporated. Todos los derechos reservados.
Uso de Adobe® Fireworks® CS4 para Windows® y Mac OS
Si esta guía se distribuye con software que incluya un acuerdo de licencia de usuario final, se considera que dicha guía, así como el software que describe, se
proporciona bajo licencia y sólo puede utilizarse o copiarse según los términos de la mencionada licencia. Con excepción de lo que permita dicha licencia,
ninguna parte de esta guía puede reproducirse, almacenarse en un sistema de recuperación ni transmitirse de ninguna forma ni por ningún medio, ya sea
electrónico, mecánico, de grabación u otro, sin el consentimiento previo y por escrito de Adobe Systems Incorporated. Tenga en cuenta que el contenido de esta
guía está protegido por la ley de derechos de autor aunque no se distribuya con software que incluya un acuerdo de licencia de usuario final.
El contenido de esta guía se proporciona únicamente con fines informativos, está sujeto a cambios sin previo aviso y no se considerará un compromiso por parte
de Adobe Systems Incorporated. Adobe Systems Incorporated no asume ninguna responsabilidad por los errores o imprecisiones que pudieran aparecer en el
contenido informativo que comprende esta guía.
Recuerde que es posible que las imágenes o gráficos que pueda incluir en su proyecto estén protegidos por derechos de autor. La incorporación de dicho material
a su trabajo sin la correspondiente autorización podría suponer una infracción a los derechos de autor del propietario. Compruebe que ha obtenido el permiso
necesario del propietario de los derechos de autor.
Cualquier referencia a nombres de empresas en las plantillas de muestra se incluyen a modo ilustrativo solamente y no tienen como objetivo referirse a la empresa real.
Adobe, the Adobe logo, Adobe AIR, Acrobat, ActionScript, Creative Suite, Director, Dreamweaver, Fireworks, Flash, Flex, Flex Builder, Freehand, GoLive,
HomeSite, Illustrator, InCopy, InDesign, Photoshop, Reader, Version Cue, and XMP are either registered trademarks or trademarks of Adobe Systems
Apple, Macintosh, and Mac OS are trademarks of Apple Inc., registered in the United States and other countries. Microsoft, Windows, and Windows Vista are
either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. All other trademarks are the property of their
The Proximity/Merriam-Webster Inc. Database © Copyright 1990. The Proximity/Franklin Electronic Publishers Database © Copyright 1994. © Copyright
1990, 1994, 1997 All Rights Reserved. Proximity Technology Inc.
use in combination with Adobe Fireworks.
PANTONE® and other Pantone, Inc. trademarks are the property of Pantone, Inc. © Pantone, Inc., 2008.
Portions © Eastman Kodak Company, 2008 and used under license. All rights reserved. Kodak is a registered trademark and Photo CD is a trademark of Eastman
Novedades de Fireworks CS4 .......................................................................................... 4
Utilización de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Imágenes vectoriales y de mapa de bits ................................................................................ 7
Creación de un documento nuevo de Fireworks ........................................................................ 8
Apertura e importación de archivos .................................................................................... 8
Crear archivos PNG de Fireworks a partir de archivos HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Insertar objetos en un documento de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Almacenamiento de archivos de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Conceptos básicos del espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Explorar y ver documentos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Cambiar el lienzo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Deshacer y repetir varias acciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Capítulo 4: Selección y transformación de objetos
Seleccionar objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Modificar una selección . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Seleccionar píxeles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Editar objetos seleccionados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Escala de 9 divisiones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Organizar varios objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Capítulo 5: Utilización de mapas de bits
Creación de mapas de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Edición de mapas de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Retoque de mapas de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Ajustar el color y el tono de un mapa de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
Desenfoque y perfilado de mapas de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Incorporar ruido a una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
Capítulo 6: Utilización de objetos vectoriales
Formas básicas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72
Formas automáticas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
Formas de estilo libre . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Técnicas especiales para la edición de vectores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
USO DE FIREWORKS CS4 iv
Capítulo 7: Trabajo con texto
Introducir el texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
Formato y edición de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
Capítulo 8: Aplicación de colores, trazos y rellenos
Aplicación de colores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Aplicación de trazos y rellenos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113
Capítulo 9: Utilización de filtros automáticos
Aplicación de filtros automáticos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Editar y personalizar filtros automáticos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125
Capítulo 10: Capas, máscaras y mezclas
Capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127
Máscaras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
Mezcla y transparencia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144
Capítulo 11: Estilos, símbolos y direcciones URL
Estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
Símbolos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160
Capítulo 12: Divisiones, rollovers y zonas interactivas
Creación y edición de divisiones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164
Divisiones interactivas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
Preparación de las divisiones para la exportación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
Zonas interactivas y mapas de imágenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179
Capítulo 13: Creación de botones y menús emergentes
Conceptos básicos de la navegación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183
Crear símbolos de botón . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
Editar símbolos de botón . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
Menús emergentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
Capítulo 14: Creación de prototipos para sitios Web e interfaces de aplicación
Flujo de trabajo de creación de prototipos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Utilización de páginas de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195
Creación de disposiciones basadas en CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
Creación de prototipos de aplicaciones Flex . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199
Creación de prototipos de aplicaciones de Adobe AIR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202
Capítulo 15: Creación de animaciones
Conceptos básicos de animaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Crear símbolos de animación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206
Editar símbolos de animación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206
Estados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208
Manipular estados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Papel cebolla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211
USO DE FIREWORKS CS4 v
Interpolación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211
Previsualizar una animación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212
Optimizar una animación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
Utilizar animaciones existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
Retorcer y fundir . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214
Capítulo 16: Creación de presentaciones
Crear y organizar presentaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215
Personalizar una presentación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
Crear un reproductor personalizado de álbumes de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218
Capítulo 17: Optimización y exportación
Utilizar el Asistente de exportación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221
Utilizar la Presentación preliminar de la imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221
Optimizar en el espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224
Optimizar archivos GIF, PNG, TIFF, BMP y PICT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228
Optimizar JPEG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
Exportar desde el espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236
Enviar por correo electrónico un documento de Fireworks como archivo adjunto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247
Capítulo 18: Utilización de Fireworks con otras aplicaciones
Funcionamiento con Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249
Funcionamiento con HomeSite, GoLive y otros editores de HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257
Funcionamiento con Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259
Funcionamiento con FreeHand e Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264
Funcionamiento con Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269
Funcionamiento con Director . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273
Adobe Bridge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275
Compartir metadatos de imágenes con Adobe XMP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275
Búsqueda y reemplazo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279
Seleccionar el origen de la búsqueda . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279
Configurar opciones para la búsqueda y reemplazo en varios archivos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280
Búsqueda y sustitución de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280
Búsqueda y sustitución de fuentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280
Búsqueda y sustitución de colores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281
Buscar y reemplazar URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281
Buscar y reemplazar colores que no son seguros para la Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281
Proceso por lotes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281
Utilizar comandos para el proceso por lotes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286
Ampliación de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287
Crear archivos de comandos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 288
Administrar comandos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290
Capítulo 20: Preferencias y métodos abreviados de teclado
Configuración de preferencias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292
Seleccionar y personalizar métodos abreviados de teclado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 296
USO DE FIREWORKS CS4 vi
Utilización de archivos de configuración . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297
Información sobre la instalación de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298
Ver el contenido del paquete (sólo para Mac OS) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298
Índice . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299
Adobe® Fireworks® ofrece un entorno de diseño eficaz para crear rápidamente prototipos de sitios Web e interfaces de
usuario que también sirve para crear y optimizar imágenes para la Web. Fireworks ofrece flexibilidad para editar
imágenes vectoriales o de mapa de bits, una biblioteca común de activos predefinidos, así como integración con Adobe
Photoshop®, Adobe Illustrator®, Adobe Dreamweaver® y Adobe Flash® Professional, lo que permite ahorrar tiempo.
USO DE FIREWORKS CS4 2
USO DE FIREWORKS CS4 3
Visite Adobe.com para obtener más información sobre los servicios disponibles. Algunas aplicaciones de
USO DE FIREWORKS CS4 4
Novedades de Fireworks CS4
Puede trabajar de forma más rápida e inteligente con las mejoras generales de rendimiento de Fireworks, desde abrir
y guardar archivos hasta la actualización de símbolos y las operaciones con numerosos mapas de bits y vectores.
Podrá cambiar de otras aplicaciones de Creative Suite (como Photoshop, Illustrator y Flash) gracias al diseño sencillo
y familiar de la interfaz de usuario universal.
Diseños basados en CSS
Diseñe páginas Web completas en el potente entorno gráfico de Fireworks y exporte en un paso los diseños basados
en CSS compatibles con los estándares para la Web, junto con las hojas de estilos externas. Empiece con uno de los seis
diseños más comunes e integre gráficos de primer plano y de fondo con la detección automática de margen y relleno.
Incluya símbolos HTML sofisticados en los diseños de Fireworks para especificar cabeceras, vínculos y propiedades de
formato y obtener un control CSS preciso.
Puede generar documentos PDF de alta fidelidad, interactivos y seguros a partir de componentes de diseño de
Fireworks para una comunicación mejorada con el cliente.
Motor de texto de Adobe
Permite generar diseños de texto superiores con las funciones mejoradas de introducción de texto del Motor de texto
de Adobe, conocido para los usuarios de Photoshop e Illustrator, y ahora disponible en Fireworks. Podrá importar o
copiar y pegar caracteres de doble byte de Adobe Illustrator o Photoshop sin perder fidelidad. La inclusión de texto
flotante en un trazado proporcionará mayor impacto en los logotipos de texto.
Aplique a un objeto o texto de Fireworks estilos de diseño profesional o de su propia colección personal. Actualice los
efectos, colores y atributos de texto aplicados modificando un solo origen de estilo.
USO DE FIREWORKS CS4 5
Mejoras del espacio de trabajo
Se proporcionan guías inteligentes para un posicionamiento y una medida rápidos y precisos de las guías y elementos
del lienzo: una visualización previa le permite conocer la posición en el lienzo mientras arrastra las guías hasta la
posición adecuada. La edición directa de símbolos permite una mejora precisa del símbolo en contexto con el resto del
diseño; la herramienta de expansión Escala de 9 divisiones ahora se aplica a cualquier objeto del lienzo, no sólo a los
Capítulo 2: Conceptos básicos de
Adobe® Fireworks® es un programa versátil para crear, editar y optimizar gráficos Web. Permite crear y editar imágenes
de mapa de bits y vectoriales, diseñar efectos Web, como rollovers y menús emergentes, recortar y optimizar elementos
gráficos para reducir su tamaño de archivo y automatizar tareas repetitivas para ahorrar tiempo. Es posible exportar o
guardar un documento como un archivo JPEG, un archivo GIF o un archivo de otro formato. Estos archivos pueden
guardarse junto con archivos HTML que contengan tablas HTML y código JavaScript para facilitar su uso en Internet.
Para ver un tutorial de vídeo donde se presentan los conceptos básicos de Fireworks, visite
www.adobe.com/go/lrvid4032_fw_es.
Dibujar y editar objetos vectoriales y de mapas de bits
El panel Herramientas de Fireworks presenta diferentes secciones que contienen herramientas de dibujo y edición de
vectores y mapas de bits. La herramienta seleccionada determina si el objeto creado es un vector o un mapa de bits.
Una vez dibujado un objeto o texto, puede utilizar una gran variedad de herramientas, efectos, comandos y técnicas
para realzar las imágenes o para crear botones de navegación interactivos.
También puede importar y editar imágenes en JPEG, GIF, PNG, PSD y muchos otros formatos de archivo.
Añadir interactividad a las imágenes
Las divisiones y zonas interactivas son objetos Web que definen áreas interactivas en un gráfico Web. Las divisiones
cortan la imagen en secciones exportables, a las que es posible aplicar comportamientos de rollover, animación y
vínculos URL (Uniform Resource Locator). En la página Web, cada división se muestra como la celda de una tabla.
Utilice los tiradores de rollover de arrastrar y colocar en divisiones y zonas interactivas para asignar rápidamente
comportamientos de intercambio de imagen y de rollover a las imágenes. Utilice el editor de botones de Fireworks y
el Editor de menú emergente para crear imágenes interactivas especiales a fin de desplazarse por sitios Web.
Utilice las versátiles funciones de optimización de Fireworks para conseguir el equilibrio exacto entre tamaño de
archivo y calidad visual para las imágenes exportadas. El tipo de optimización que elija variará en función de las
necesidades de los usuarios y del contenido.
Una vez optimizadas las imágenes, el paso siguiente consiste en exportarlas para utilizarlas en la Web. Puede exportar
el documento de origen PNG de Fireworks a varios tipos de archivo, como JPEG, GIF, GIF animado y tablas HTML
con imágenes divididas en archivos de distintos tipos.
USO DE FIREWORKS CS4 7
Los sistemas informáticos muestran las imágenes en formato vectorial o de mapa de bits. Entender la diferencia entre
los dos formatos ayuda a comprender el programa, que contiene herramientas vectoriales y de mapa de bits y es capaz
de abrir e importar ambos formatos.
Las imágenes vectoriales representan las imágenes mediante líneas y curvas (vectores) que contienen información de
color y posición. Por ejemplo, la imagen de una hoja puede definirse por medio de un conjunto de puntos que
describen su contorno. El color de la hoja queda determinado por el color de su contorno (el trazo) y el del área que
encierra este contorno (el relleno).
Las imágenes vectoriales son independientes de la resolución. Esto implica que la calidad del aspecto de una imagen
vectorial no se modificará si se cambia su color; se mueve, cambia de tamaño o de forma; tampoco cambiará si se
modifica la resolución del dispositivo de salida.
Las imágenes de mapa de bits están formadas por puntos (píxeles) organizados en una cuadrícula. La pantalla del
equipo es una gran cuadrícula de píxeles. En la versión de mapa de bits de la hoja, la imagen está determinada por la
posición y el valor de color de cada píxel de la cuadrícula. Cada píxel tiene asignado un color. Cuando se presentan con
la resolución adecuada, los puntos encajan entre sí como las teselas de un mosaico.
Cuando se edita una imagen de mapa de bits, se modifican los píxeles, no las líneas y curvas. Las imágenes de mapa de
bits dependen de la resolución, es decir, los datos que las definen están fijos en una cuadrícula que tiene un tamaño
determinado. Cuando se aumenta el tamaño de un elemento gráfico de mapa de bits, los píxeles se redistribuyen en la
cuadrícula, lo que puede dar lugar a que sus bordes queden desiguales. La visualización de un elemento gráfico de
mapa de bits en un dispositivo de salida con menor resolución que la propia imagen también puede reducir su calidad.
USO DE FIREWORKS CS4 8
Creación de un documento nuevo de Fireworks
Los documentos nuevos de Fireworks se guardan como documentos PNG (Portable Network Graphic). PNG es el
formato de archivo nativo de Fireworks.
Las imágenes que se crean en Fireworks pueden exportarse o guardarse en varios formatos Web y formatos gráficos.
Independientemente de los parámetros de optimización y exportación elegidos, el archivo PNG original de Fireworks
se conserva para facilitar ediciones posteriores.
2 Especifique los parámetros del documento y haga clic en Aceptar.
Nota: utilice la ventana emergente del cuadro de colores personalizados para seleccionar un color de lienzo
Crear un documento nuevo con el mismo tamaño que un objeto del
1 Copie un objeto al portapapeles desde otro documento de Fireworks, un navegador Web o desde cualquier
aplicación que permita la operación de pegar.
2 Seleccione Archivo > Nuevo.
Se abre el cuadro de diálogo Nuevo documento con la altura y anchura del objeto situado en el Portapapeles.
3 Ajuste la resolución y el color del lienzo y haga clic en Aceptar.
4 Seleccione Edición > Pegar para pegar el objeto del Portapapeles en el documento nuevo.
Nota: al importar un archivo desde Adobe Dreamweaver®, Fireworks conserva muchos comportamientos de JavaScript
pero no todos. Si Fireworks admite un comportamiento en concreto, lo reconoce y lo conserva cuando devuelve el archivo
a Dreamweaver.
USO DE FIREWORKS CS4 9
Abrir un documento de Fireworks
❖ Seleccione Archivo > Abrir y elija el archivo.
Para abrir un archivo sin sobrescribir la versión anterior, seleccione Abrir como Sin título y después guarde el archivo
Abrir un documento cerrado recientemente
Abrir un archivo cerrado recientemente cuando no hay ningún archivo abierto
Abrir imágenes creadas en otras aplicaciones
Es posible abrir archivos creados en aplicaciones o formatos de archivo diferentes como Photoshop®, Adobe
FreeHand®, Adobe Illustrator®, WBMP, EPS, JPEG, GIF y GIF animado.
Fireworks basado en el archivo abierto. Puede utilizar todas las características de Fireworks para editar la imagen. A
continuación, puede seleccionar Guardar como para almacenar su trabajo como un nuevo archivo PNG de Fireworks
(o con otro formato de archivo).
En ciertas ocasiones, puede guardar el archivo en su formato original. Si lo hace, la imagen se alisa en una única capa
y el usuario no podrá editar las funciones específicas de Fireworks que agregó a la imagen.
Los siguientes formatos de archivo pueden guardarse directamente desde Fireworks: PNG de Fireworks, GIF, GIF
animado, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD y PICT (sólo en Mac).
• Importe los GIF animados como símbolos de una animación y, a continuación, edite y mueva todos los elementos
de la animación como una sola entidad. En el panel Biblioteca de documentos, cree más instancias del símbolo.
Nota: al importar un GIF animado, la configuración de la demora de estado cambia a 0,07 segundos. Si es necesario,
utilice el panel Estados para restablecer la configuración original.
• Abra el GIF animado como un archivo GIF normal. Cada elemento del GIF se coloca en su propio estado de
Fireworks como imagen independiente. En Fireworks, la imagen puede convertirse en un símbolo de animación.
Fireworks abre la mayoría de los archivos EPS como imágenes planas de mapa de bits, en las que todos los objetos se
combinan en una sola capa. Algunos archivos EPS exportados de Adobe Illustrator conservan la información vectorial.
Fireworks puede abrir archivos PSD creados en Photoshop y conservar la mayoría de las características PSD, como las
capas jerárquicas, los efectos de capas y los modos de mezcla más utilizados.
USO DE FIREWORKS CS4 10
Fireworks permite abrir archivos WBMP. Dichos archivos son de 1 bit (monocromo) optimizados para dispositivos
informáticos móviles. Este formato se utiliza en páginas WAP (Wireless Application Protocol).
Crear archivos PNG de Fireworks a partir de archivos
Fireworks puede abrir e importar contenido HTML creado en otras aplicaciones siempre que contenga sólo elementos
básicos de tablas HTML.
1 Seleccione Archivo > Reconstituir tabla.
2 Seleccione el archivo HTML que contenga las tablas que desee abrir y haga clic en Abrir.
Cada tabla se abre en su propia ventana de documento.
Abrir únicamente la primera tabla de un archivo HTML
2 Seleccione el archivo HTML que contenga la tabla que desee abrir y haga clic en Abrir.
La primera tabla del archivo HTML se abre en una nueva ventana de documento.
Importar la primera tabla de un archivo HTML en un documento abierto de
1 Seleccione Archivo > Importar.
2 Seleccione el archivo HTML del que desee importar y haga clic en Abrir.
3 Haga clic para colocar el punto de inserción en el lugar donde desea que aparezca la tabla importada.
Nota: Fireworks puede importar documentos que utilicen código UTF-8 y los que estén escritos en XHTML.
Arrastrar una imagen o un texto a Fireworks
Es posible arrastrar objetos vectoriales, imágenes de mapa de bits o texto de otras aplicaciones que admitan la
❖ Arrastre el objeto o el texto desde la otra aplicación a Fireworks.
Pegar en Fireworks
Al pegar en Fireworks un objeto copiado de otra aplicación, éste queda centrado en el documento activo.
USO DE FIREWORKS CS4 11
El texto o los objetos que tengan cualquiera de estos formatos pueden pegarse desde el Portapapeles:
• Adobe FreeHand 7 o posterior
• PICT (Mac OS)
• DIB (Windows)
• BMP (Windows)
• Texto ASCII
1 En la otra aplicación, copie el objeto o el texto que desee pegar.
2 En Fireworks, pegue el objeto o el texto en el documento.
Ubicación de objetos pegados
La colocación del objeto pegado dependerá de los elementos seleccionados:
• Si se selecciona al menos un objeto de una sola capa, el objeto se pega delante (o se apila directamente encima) del
objeto seleccionado en la misma capa.
• Si se seleccionan la propia capa y todos o ninguno de los objetos, el objeto se pega delante (o se apila directamente
encima) del objeto superior de la misma capa.
• Si se seleccionan dos o más objetos de más de una capa, el objeto se pega delante (o se apila directamente encima)
del objeto superior de la capa superior.
• Si se selecciona la capa de Web o un objeto de ésta, el objeto se pega delante (o se apila encima) de los demás objetos
Nota: la capa de Web es una capa especial que contiene todos los objetos Web. Siempre permanece en la parte superior
del panel Capas.
Volver a muestrear objetos pegados
Al volver a muestrear un mapa de bits que ha cambiado de tamaño, se añaden o sustraen píxeles para lograr que el
aspecto sea lo más parecido a la imagen original. Por lo general, tras volver a muestrear un mapa de bits con una
resolución mayor, la disminución de la calidad es prácticamente inapreciable. Volver a muestrear con una resolución
menor siempre causa pérdida de datos y normalmente de calidad.
Volver a muestrear un objeto de mapa de bits con el procedimiento de pegar
1 Copie el mapa de bits al portapapeles en Fireworks u otro programa.
2 En Fireworks, seleccione Edición > Pegar.
USO DE FIREWORKS CS4 12
3 Si la imagen de mapa de bits del Portapapeles tiene una resolución distinta de la que presenta el documento actual,
elija una opción de la función Volver a muestrear.
Volver a muestrear Conserva la anchura y altura originales del mapa de bits pegado y añade o sustrae los píxeles
No muestrear de nuevo Conserva todos los píxeles originales, con lo que quizá el tamaño relativo de la imagen
pegada aumente o disminuya más de lo previsto.
Importar un archivo PNG a una capa de documento de Fireworks
Al importar archivos PNG de Fireworks a la capa actual del documento activo de Fireworks, los objetos de la zona
interactiva y de la división se colocan en la capa de Web del documento. Fireworks conserva las proporciones de la
imagen importada.
1 En el panel Capas, seleccione la capa a la que desee importar el archivo.
2 Seleccione Archivo > Importar para abrir el cuadro de diálogo Importar.
3 Localice el archivo que desee importar y haga clic en Abrir.
4 En el lienzo, coloque el puntero de importación donde desee colocar el ángulo superior izquierdo de la imagen.
5 Siga uno de estos procedimientos:
• Haga clic para importar la imagen de tamaño completo.
• Arrastre el puntero de importación para cambiar el tamaño de la imagen al importarla.
Se pueden importar imágenes de un escáner o una cámara digital sólo si es compatible con TWAIN (Windows) o
utiliza la función de captura de imágenes de (Mac OS). Las imágenes de un escáner o una cámara digital que se
importan en Fireworks se abren como documentos nuevos.
Antes de intentar importar imágenes a Fireworks, instale todos los controladores de software necesarios, módulos y
filtros de conexión de la cámara o escáner.
La carpeta Plug-ins está dentro de la carpeta de la aplicación Fireworks. En Mac OS, Fireworks busca automáticamente
los filtros de conexión de Photoshop Acquire en esa carpeta.
Indicar a Fireworks dónde buscar los filtros de conexión de Photoshop Acquire
1 En Fireworks, seleccione Edición > Preferencias (Windows) o Fireworks > Preferencias (Mac OS).
2 Haga clic en la categoría de filtros de conexión.
3 Seleccione Photoshop Plug-Ins y desplácese a la carpeta que contiene los filtros de conexión.
Si Seleccione la carpeta de filtros de conexión de Photoshop (Windows) o Elegir carpeta (Mac OS) no se abre
automáticamente, localice la carpeta.
Importar una imagen de una cámara digital (Windows)
1 Conecte la cámara al sistema.
2 En Fireworks, seleccione Archivo > Explorar, a continuación, elija Adquisición Twain o Seleccionar Twain.
3 Seleccione el origen de las imágenes, así como las imágenes que desea importar.
Aparece la interfaz de usuario del software de la cámara.
USO DE FIREWORKS CS4 13
4 Siga las instrucciones para aplicar la configuración.
Importar una imagen de una cámara digital (Mac OS)
2 En Fireworks, seleccione Archivo > Adquirir y, a continuación, elija Adquisición cámara o Seleccionar cámara.
3 Seleccione la cámara y las imágenes que desea importar.
Importar una imagen de un escáner
1 Conecte el escáner al sistema.
2 Instale el programa que acompaña al escáner si aún no lo ha hecho.
3 Siga uno de estos procedimientos:
• (Windows) En Fireworks, seleccione Archivo > Explorar, a continuación, elija Adquisición Twain o Seleccionar
• (Mac OS) En Fireworks, seleccione Archivo > Adquirir y, a continuación, elija Adquisición Twain o Seleccionar
Nota: en la mayoría de módulos TWAIN o filtros de conexión Photoshop Acquire, otros cuadros de diálogo
solicitan que se definan otras opciones.
Almacenamiento de archivos de Fireworks
Cuando crea un documento o abre archivos en formatos como PSD o HTML, el comando Archivo > Guardar crea un
archivo PNG de Fireworks. Los archivos PNG de Fireworks tienen las siguientes ventajas:
• El archivo de origen PNG siempre se puede modificar. Es posible seguir introduciendo cambios aun después de
exportar el archivo para utilizarlo en la Web.
• En el archivo PNG es posible dividir imágenes complejas en porciones y después exportarlas en archivos distintos
de formato diferente y diversos parámetros de optimización.
Si Fireworks tarda en guardar un documento complejo, puede editar otros documentos abiertos mientras la operación
de guardado finaliza.
Guardar un archivo PNG de Fireworks para usarlo en versiones anteriores
1 Seleccione Archivo > Exportar.
2 Seleccione la ubicación en la que desea guardar el archivo.
3 Si el archivo de Fireworks tiene más de una página, seleccione Páginas en archivos en el menú emergente Exportar.
4 Seleccione Imágenes o PNG de Fireworks en el menú emergente Exportar como. Si selecciona Imágenes, cada
página se guarda en el formato de archivo predeterminado. Este formato de archivo se puede definir en el panel
Optimizar. Para obtener más información, consulte “Optimización y exportación” en la página 221.
Todos los objetos de las capas superiores se guardan en la exportación. Los elementos de las subcapas no se
USO DE FIREWORKS CS4 14
Puede guardar todos los documentos abiertos aunque pretenda seguir trabajando con ellos. Además, puede especificar
nombres de archivo para todos los documentos que aún carezcan de nombre. El nombre de archivo de los documentos
que se hayan modificado desde el último guardado se acompaña de un asterisco (*) en la ficha del documento.
❖ Seleccione Comandos > Guardar todo.
Si usa Archivo > Abrir para abrir un archivo que no tenga formato PNG, posteriormente puede seleccionar Archivo >
Guardar como para guardar el trabajo como un nuevo archivo PNG de Fireworks, o puede seleccionar un formato
Para los siguientes tipos de archivos, puede elegir Archivo > Guardar para guardar el documento en su formato
original: PNG de Fireworks, GIF, GIF animado, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD y PICT (sólo Mac OS).
Fireworks guarda las imágenes TIFF de 16 bits con una profundidad de color de 24 bits.
Nota: si guarda un archivo PNG como archivo de mapa de bits, por ejemplo, GIF o JPEG, los objetos gráficos que
manipuló en el PNG dejan de estar disponibles en el archivo de mapa de bits. Para revisar la imagen, edite el archivo PNG
de origen y, a continuación, expórtelo de nuevo.
1 Seleccione Comandos > Creativo > Añadir borde a imagen.
2 Seleccione un patrón y establezca el tamaño del borde.
Restablecer mensajes de aviso
Aunque se desactive la aparición de mensajes de aviso, se pueden volver a activar.
❖ Seleccione Comandos > Restablecer diálogos aviso.
Realizar captura de pantalla (sólo Windows)
1 Seleccione Comandos > Realizar captura de pantalla.
2 Cambie a la ventana cuya captura desee realizar.
3 Haga clic en Aceptar y, a continuación, arrastre el cursor para seleccionar el área oportuna de la ventana.
4 Pegue el contenido del portapapeles en el lienzo o en cualquier aplicación de edición de imágenes.
Información general del espacio de trabajo de Fireworks
Al abrir un documento en Adobe® Fireworks® por primera vez, el espacio de trabajo incluye el panel Herramientas, el
Inspector de propiedades, los menús y otros paneles. El panel Herramientas, situado a la izquierda de la pantalla,
contiene varias secciones de herramientas de distintos grupos, como mapa de bits, vector y Web. De forma
predeterminada, el Inspector de propiedades aparece en la parte inferior del documento y al principio muestra las
propiedades del mismo. Después cambia para mostrar las propiedades de la herramienta o el objeto seleccionados
mientras se trabaja con el documento. Los paneles están inicialmente acoplados en grupos a lo largo de la parte derecha
de la pantalla. La ventana de documento aparece en el centro de la aplicación.
Al iniciar Fireworks sin abrir ningún documento, aparece la página de inicio de Fireworks en el entorno de trabajo. La
página de inicio le ofrece un acceso rápido a los tutoriales de Fireworks, archivos recientes y Fireworks Exchange, en
el que puede añadir nuevas capacidades a algunas funciones de Fireworks. Para desactivar la página de inicio, haga clic
en No volver a mostrar este mensaje, cuando se abra la página Inicio.
USO DE FIREWORKS CS4 16
Acerca de los paneles de Fireworks
Los paneles son controles flotantes que ayudan a modificar aspectos de elementos u objetos seleccionados en el
documento. Con los paneles se puede trabajar en estados, capas, símbolos, muestras de color y otros. Los paneles
pueden arrastrarse por separado, por lo que es posible agrupar los paneles en función de las necesidades propias.
Panel Optimizar Permite gestionar los ajustes que controlan el tamaño y el tipo de los archivos así como trabajar con
la paleta de colores del archivo o la división.
Panel Capas Organiza la estructura de un documento y contiene opciones para crear, eliminar y manipular capas.
Panel Biblioteca común Muestra el contenido de la carpeta de biblioteca común Common Library, que contiene
Panel Páginas Muestra las páginas del archivo actual y contiene opciones para la manipulación de páginas.
Panel Estados Muestra los estados del archivo actual y contiene opciones para la creación de animaciones.
Panel Historial Incluye una lista de los comandos de uso reciente que puede deshacer y rehacer de forma rápida.
Además, es posible seleccionar varias acciones y después guardarlas y volver a usarlas como comandos.
Panel Formas automáticas Contiene formas automáticas que no aparecen en el panel Herramientas.
Panel Estilos Permite almacenar y volver a utilizar combinaciones de características de objetos o elegir un estilo entre
los almacenados.
Panel Biblioteca de documentos Contiene símbolos gráficos, de botón y de animación. Es fácil arrastrar instancias de
estos símbolos desde el panel Biblioteca de documentos hasta el documento. También es posible realizar cambios
globales en ellas modificando solamente el símbolo.
Panel URL Permite crear bibliotecas que contienen direcciones URL que se utilizan con frecuencia.
Panel Mezclador de colores Permite crear colores para añadirlos a la paleta de colores del documento actual o
aplicarlos a los objetos seleccionados.
Panel Muestras Gestiona la paleta de colores del documento actual.
Panel Información Proporciona datos sobre las dimensiones de los objetos seleccionados y las coordenadas del cursor
conforme se mueve por el lienzo.
Panel Comportamientos Permite controlar los comportamientos, que determinan la reacción que se produce en las
zonas interactivas o las divisiones al mover el ratón.
Panel Buscar Permite buscar y reemplazar elementos como texto, URL, fuentes y colores en uno o varios documentos.
Panel Alinear Contiene controles para alinear y distribuir objetos en el lienzo.
Panel Propiedades de forma automática Permite cambiar las propiedades de una forma automática tras insertarla en
Panel Paleta de colores (Ventana > Otros) Permite crear e intercambiar paletas de colores, exportar muestras de
color ACT, explorar distintos esquemas de color y acceder a los controles más utilizados para elegir los colores.
Edición de imagen (Ventana > Otros) Organiza en un panel las herramientas y opciones utilizadas con frecuencia para
la edición de mapas de bits.
Panel Trazado (Ventana > Otros) Ofrece acceso rápido a muchos comandos relacionados con trazados.
Caracteres especiales (Ventana > Otros) Muestra los caracteres especiales que se pueden utilizar en bloques de texto.
Propiedades de símbolo Permite gestionar las propiedades personalizables de los símbolos gráficos.
USO DE FIREWORKS CS4 17
Crea y manipula los documentos y los archivos empleando distintos elementos como paneles, barras y ventanas.
USO DE FIREWORKS CS4 18
USO DE FIREWORKS CS4 19
USO DE FIREWORKS CS4 20
USO DE FIREWORKS CS4 21
USO DE FIREWORKS CS4 22
USO DE FIREWORKS CS4 23
En Adobe® Creative Suite® 4, el panel Conexiones permite gestionar las conexiones a los servicios Web y las
extensiones instaladas localmente con las que mantienen alguna interacción. El propio panel Conexiones es una
extensión. Éstas son otras extensiones que se instalan con las aplicaciones de Creative Suite:
Adobe ConnectNow Colabore con equipos de trabajo distantes por Internet compartiendo contenido de voz, de datos
Buscar ayuda En la esquina superior derecha de las aplicaciones, escriba los términos de búsqueda para acceder a la
ayuda detallada de Adobe así como a otro contenido de las comunidades de diseño y producción.
Visite Adobe.com/es para obtener más información sobre servicios y extensiones adicionales.
Iniciar sesión en los servicios Web de Adobe
Sea cual sea la aplicación empleada para acceder al panel Conexiones, el inicio de sesión automático le conecta a
numerosos servicios como las reuniones celebradas con ConnectNow.
1 En Adobe InDesign, Photoshop, Illustrator, Flash, Fireworks o Dreamweaver, elija Ventana > Extensiones >
2 Especifique su ID y su contraseña de Adobe. (Si carece de ID o lo ha olvidado, haga clic en el enlace oportuno).
3 (Opcional) Para que la sesión siga abierta al reiniciar el equipo, seleccione Recordarme en este equipo.
4 Haga clic en Inicio de sesión.
Desactivar las actualizaciones automáticas de extensiones
Por defecto, el panel Conexiones actualiza las extensiones instaladas de forma automática. Sin embargo, puede
desactivar las actualizaciones automáticas y buscarlas manualmente.
1 En el menú del panel Conexiones, elija Preferencias de actualización.
2 Deseleccione Comprobar las actualizaciones de forma automática.
3 Reinicie las aplicaciones abiertas de Adobe Creative Suite.
Buscar manualmente extensiones actualizadas
❖ En el menú del panel Conexiones, elija Buscar actualizaciones.
Desactivar servicios Web
Si en su entorno de trabajo no se permiten las conexiones en línea, desactive los servicios Web.
1 En el menú del panel Conexiones, elija Opciones de servicios sin conexión.
2 Seleccione Mantener sin conexión.
USO DE FIREWORKS CS4 24
Para deshabilitar el panel Conexiones y los servicios Web sólo en Photoshop, deseleccione Permitir la conexión de las
extensiones en la sección Plugins del cuadro de diálogo Preferencias.
USO DE FIREWORKS CS4 25
El panel Herramientas está organizado en seis categorías: Seleccionar, Mapa de bits, Vector, Web, Colores y Ver.
Cuando se elige una herramienta, el Inspector de propiedades muestra sus opciones.
Ver las opciones de herramientas del Inspector de propiedades
❖ Con una herramienta seleccionada, elija Seleccionar > Anular selección para anular la selección de todos los objetos
USO DE FIREWORKS CS4 26
Seleccionar una herramienta en un grupo de herramientas
Cuando en el ángulo inferior derecho de una herramienta del panel Herramientas aparece un triángulo pequeño,
indica que la herramienta forma parte de un grupo.
1 Haga clic en el icono de la herramienta y mantenga pulsado el botón del ratón.
2 Arrastre el puntero para resaltar la herramienta que desee y suelte el botón del ratón.
Para seleccionar con rapidez una herramienta oculta, pulse repetidamente el método abreviado de teclado del grupo
hasta que aparezca la herramienta que desee. (Los métodos abreviados aparecen entre paréntesis, al lado de los
nombres de las herramientas).
El Inspector de propiedades es un panel que varía según el contexto y que muestra las propiedades de la selección
actual, las opciones de la herramienta seleccionada o las propiedades del documento. De forma predeterminada, el
Inspector de propiedades está acoplado en la parte inferior del área de trabajo.
El Inspector de propiedades puede abrirse a media altura, con lo que se muestran dos filas de propiedades, o por
completo, con lo que se muestran cuatro filas. El Inspector de propiedades también puede contraerse en su totalidad
aunque permanezca en el espacio de trabajo.
Nota: en Windows, el menú de opciones está disponible únicamente cuando el Inspector de propiedades está acoplado.
Desacoplar el inspector de propiedades
❖ Arrastre la ficha del panel hasta otra parte del espacio de trabajo.
Acoplar el Inspector de propiedades en la parte inferior del espacio de trabajo
❖ Arrastre la ficha del panel hasta la parte inferior de la pantalla.
Expandir o contraer el Inspector de propiedades
❖ Siga uno de estos procedimientos:
• Haga doble clic en la ficha del panel.
• Haga clic en la flecha de la esquina superior izquierda del panel.
USO DE FIREWORKS CS4 27
Mostrar y mover barras de herramientas (sólo Windows)
❖ Elija Ventana > Barras de herramientas y seleccione cualquiera de las siguientes opciones:
Principal Muestra una barra de herramientas encima de la ventana del documento, con botones para los comandos
comunes para los archivos, como Abrir, Guardar, Imprimir y Copiar.
Modificar Muestra una barra de herramientas debajo de la ventana del documento, con botones para los comandos
de agrupación, organización, alineación y rotación de objetos.
❖ Arrastre la barra de herramientas para alejarla de la posición en que estaba acoplada.
Acoplar una barra de herramientas (sólo Windows)
❖ Arrastre la barra de herramientas a un área de acoplamiento de la parte superior de la ventana de aplicación hasta
que aparezca el rectángulo de la vista previa de colocación.
Explorar y ver documentos
Utilizar las fichas de documento para seleccionar documentos
Con el documento maximizado, utilice las fichas de documento que aparecen en la parte superior de la ventana del
documento para ir de un documento abierto a otro. El nombre de archivo de cada documento abierto aparece en una
ficha situada encima de los botones de vista.
USO DE FIREWORKS CS4 28
Ampliar y reducir y acercar y alejar
A. Herramienta Mano B. Herramienta Zoom C. Menú emergente Establecer nivel de aumento
Ampliar, mediante incrementos predeterminados
• Seleccione la herramienta Zoom y haga clic en la ventana de documento para especificar el nuevo punto central.
Con cada clic, la imagen se amplía al siguiente aumento preestablecido.
• Seleccione un nivel de aumento en el menú emergente Establecer nivel de aumento de la parte inferior de la
• Seleccione Alejar o un nivel de aumento preestablecido en el menú Ver.
Reducir, mediante incrementos predeterminados
• Seleccione la herramienta Zoom y pulse la tecla Alt (Windows) u Opción (Mac OS) mientras hace clic en la
ventana de documento. Con cada clic, la vista se reduce al siguiente porcentaje preestablecido.
• Seleccione Acercar o un nivel de aumento preestablecido en el menú Ver.
Aumentar una determinada área
1 Seleccione la herramienta Zoom.

References: resolución 
 resolución 
 resolución 
 resolución 

resolución 
 resolución

 resolución