Adobe Fireworks - CS3 User Manual [es]

GUÍA DEL USUARIO

© 2007 Adobe Systems Incorporated. Todos los derechos reservados.

Adobe® Fireworks® Using Fireworks®

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 de 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 utilizada en las plantillas de muestra se incluyen a modo ilustrativo solamente y no tienen como objetivo referirse a la empresa real.

Adobe, el logotipo de Adobe, Adobe Bridge, Director, Dreamweaver, Flash, Flex Builder, FreeHand, GoLive, HomeSite, Illustrator, Photoshop y XMP son marcas comerciales o
marcas comerciales registradas de Adobe Systems Incorporated en Estados Unidos y/u otros países.

Apple y Macintosh son marcas comerciales de Apple Inc., registradas en Estados Unidos y otros países. Microsoft y Windows marcas comerciales o marcas comerciales registradas
de Microsoft Corporation en Estados Unidos y/u otros países. Las demás marcas comerciales son propiedad de sus respectivos propietarios.

Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, EE.UU.

Aviso para los usuarios finales del gobierno de EE.UU. El Software y la Documentación son "Commercial Items" (Artículos comerciales), tal y como se describe este término en
48 C.F.R. §2.101, compuestos de "Commercial Computer Software" (Software informático comercial) y "Commercial Computer Software Documentation" (Documentación de
software informático comercial, tal y como se usan esos términos en 48 C.F.R. §12.212 o 48 C.F.R. §227.7202, según el caso. De acuerdo con 48 C.F.R. §12.212 o 48 C.F.R.

§§227.7202-1 hasta 227.7202-4, según el caso, la licencia del Software informático comercial y la Documentación del software informático comercial se otorga a los usuarios
finales del Gobierno de EE.UU. (a) solamente como Artículos comerciales y (b) únicamente con los derechos que se conceden a los demás usuarios finales que cumplen los
tér minos y cond icion es exp uesto s. Der echos no publ icad os res ervad os baj o las leyes de der echos de auto r de Es tados Unidos . Adob e Systems Incorporated, 345 Park Avenue, San
Jose, CA 95110-2704, EE.UU. Para los usuarios finales del Gobierno de EE.UU. Adobe acepta cumplir las leyes de igualdad de oportunidades aplicables incluidas, si es el caso, las
disposiciones de la Orden Ejecutiva 11246, con enmiendas, Sección 402 de la ley Vietnam Era Veterans Readjustment Assistance Act de 1974 (38 USC 4212), y Sección 503 de la
ley Rehabilitation Act de 1973, con enmiendas, y las normativas 41 CFR Partes 60-1 hasta 60-60, 60-250 y 60-741. La cláusula de acción afirmativa y las normativas que contiene
la sentencia precedente se incorporará por referencia.

90079068 (03/07)

Contenido

Capítulo 1: Introducción

Instalación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Ayuda de Adobe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

Recursos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Novedades de Fireworks CS3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Capítulo 2: Conceptos básicos de Fireworks

Utilización de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

Las imágenes vectoriales y de mapa de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

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

Apertura e importación de archivos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Almacenamiento de archivos de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

El entorno de trabajo de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22

Capítulo 3: Selección y transformación de objetos

Selección de objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

Selección de píxeles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

Edición de objetos seleccionados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50

Transformación y distorsión de objetos seleccionados y selecciones . . . . . . . . . . . . . . . . . . . . . . . 51

Organización de objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

iii

Capítulo 4: Utilización de mapas de bits

Utilización de mapas de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57

Creación de objetos de mapa de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57

Acceso a las herramientas de edición de fotografías . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .59

Dibujo, pintura y edición de objetos de mapa de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59

Retoque de mapas de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62

Ajuste del color y el tono de un mapa de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67

Desenfoque y perfilado de mapas de bits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74

Incorporación de ruido a una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

Capítulo 5: Utilización de objetos vectoriales

Dibujo de objetos vectoriales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79

Edición de trazados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .94

Capítulo 6: Utilización de texto

Introducción de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .103

Asignación de formato al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .105

Aplicación de trazos, rellenos y filtros al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .113

Unión de texto a un trazado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .113

Transformación de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .115

Conversión de texto en trazados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .115

Importación de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .116

Revisión ortográfica . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .117

Utilización del editor de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .118

Capítulo 7: Aplicación de colores, trazos y rellenos

Utilización de la sección Colores del panel Herramientas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .121

Organización de grupos de muestras y modelos de color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122

Utilización de los cuadros de color y de las ventanas emergentes de color . . . . . . . . . . . . . . . . .130

Utilización de trazos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .131

Utilización de rellenos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .134

Aplicación de rellenos degradados y de patrón . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .135

Adición de texturas a trazos y rellenos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .139

Capítulo 8: Utilización de filtros automáticos

Aplicación de filtros automáticos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .141

Edición de filtros automáticos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .146

Capítulo 9: Páginas, capas, máscaras y mezclas

Utilización de páginas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .149

Utilización de capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .152

Enmascaramiento de imágenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .157

Mezcla y transparencia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .171

Capítulo 10: Utilización de estilos, símbolos yURL

Utilización de estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .175

Utilización de símbolos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .178

Utilización de URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .187

iv

Capítulo 11: Divisiones, rollovers y zonas interactivas

Creación y edición de divisiones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .191

Cómo añadir interactividad en las divisiones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .196

Preparación de las divisiones para la exportación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .202

Utilización de zonas interactivas y mapas de imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .206

Capítulo 12: Creación de botones y menús emergentes

Creación de símbolos de botón . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .211

Creación de barras de navegación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .219

Creación de menús emergentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .219

Capítulo 13: Creación de animaciones

Creación de una animación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .229

Utilización de símbolos de animación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .230

Utilización de fotogramas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .233

Interpolación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .236

Presentación preliminar de una animación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .237

Exportación de la animación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .238

Utilización de animaciones existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .239

Utilización de varios archivos como una única animación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .240

Capítulo 14: Creación de presentaciones de diapositivas

El comando Crear presentación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .241

Creación o edición de una presentación de diapositivas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .242

Propiedades de diapositiva . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .243

Creación de un reproductor de álbumes de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .245

Capítulo 15: Optimización y exportación

Acerca de la optimización . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .249

Utilización del Asistente de exportación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .250

Optimización en el área de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .253

Exportación desde Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .268

Envío por correo electrónico de un documento de Fireworks como archivo adjunto . . . . . . .280

Utilización del botón Administración de archivos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .280

Capítulo 16: Utilización de Fireworks con otras aplicaciones

Funcionamiento con Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .282

Funcionamiento con Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .293

Funcionamiento con Freehand . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .300

Funcionamiento con Director . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .305

Funcionamiento con HomeSite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .308

Funcionamiento con Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .310

Funcionamiento con Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .314

Funcionamiento con GoLive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .315

Funcionamiento con editores HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .315

Ampliación de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .315

Adobe XMP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .315

Adobe Bridge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .316

Integración con Flex para el diseño de aplicaciones de Internet sofisticadas

(exportación MXML) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .316

v

Capítulo 17: Automatización de tareas repetitivas

Búsqueda y reemplazo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .317

Proceso por lotes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .320

Ampliación de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .327

Películas SWF de Flash utilizadas como paneles de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . .331

Capítulo 18: Preferencias y métodos abreviados de teclado

Configuración de preferencias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .333

Cambio de conjuntos de métodos abreviados de teclado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .336

Utilización de archivos de configuración . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .337

Información sobre la instalación de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .338

Visualización del contenido del paquete (sólo Macintosh) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .339

Índice alfabético . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .341

Capítulo 1: Introducción

Adobe® Fireworks® CS3, una exclusiva herramienta de edición de imágenes vectoriales y de mapa de bits, proporciona el
entorno más eficaz para el diseño de sitios Web e interfaces de usuario, y la creación y optimización de imágenes para la
Web. Fireworks CS3 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® CS3, Adobe Illustrator® CS3, Adobe Dreamweaver® CS3 y Adobe
Flash® CS3 Professional, lo que permite ahorrar tiempo. Cree rápidamente un prototipo de su proyecto Web y aproveche su
trabajo en Dreamweaver CS3.

Fireworks CS3 es una parte integral de Adobe Creative Suite 3 Web Premium y Web Standard, que permite a profesionales
y desarrolladores creativos experimentar un flujo ininterrumpido de energía e ideas desde el concepto inicial hasta la
ejecución final pulida en dispositivos de impresión, vídeo, Web y móviles. La integración global es la clave de la eficacia
exclusiva de Creative Suite; los profesionales de la creatividad pueden centrarse en su proyecto y conseguir resultados de
máxima calidad en menos tiempo.

En este capítulo se cubren los siguientes temas:

• “Instalación” en la página 1

• “Ayuda de Adobe” en la página 2

• “Recursos” en la página 4

• “Novedades de Fireworks CS3” en la página 8

1

Instalación

Requisitos

Para revisar los requisitos del sistema completos y recomendaciones sobre el software de Adobe, consulte el archivo
Léame.html en el DVD de instalación.

Instalación del software

1 Cierre los programas de Adobe que tenga abiertos.

2 Inserte el disco de instalación en la unidad de DVD y siga las instrucciones en pantalla.

Nota: Para obtener más información, consulte el archivo Léame.html en el DVD de instalación.

Activación del software

Si tiene una licencia de software de Adobe para un solo usuario, deberá activar el software; se trata de un proceso anónimo
muy sencillo que debe realizar en un plazo de 30 días desde el inicio del software.

Para obtener más información sobre la activación de productos, consulte el archivo Léame en el DVD de instalación o visite
el sitio Web de Adobe en www.adobe.com/go/activation_es:

1 Si el cuadro de diálogo Activación no está abierto, elija Ayuda > Activar.

2 Siga las instrucciones que aparecen en pantalla.

Nota: Si desea instalar el software en otro equipo, primero debe desactivarlo en el suyo. Elija Ayuda > Desactivar.

ADOBE FIREWORKS CS3

Guía del usuario

Registro

Registre su producto para recibir asistencia adicional para la instalación, notificaciones de actualizaciones y otros servicios.

❖ Para registrarse, siga las instrucciones en pantalla en el cuadro de diálogo Registro, que aparece tras instalar y activar el

software.

Si pospone el registro, puede registrarse en cualquier momento mediante el menú Ayuda > Registro en línea.

Léame

El archivo Léame.html de su producto se encuentra en el DVD de instalación (y también se ha copiado en la carpeta de la
aplicación durante la instalación del producto). Este archivo proporciona información de gran utilidad acerca de:

• Requisitos del sistema

• Instalación y desinstalación

• Activación y registro

• Instalación de fuentes

• Solución de problemas

• Asistencia al cliente

• Avisos legales

2

Visualización de los archivos instalados con Fireworks

Es posible que en algún momento sea preciso visualizar o acceder a los archivos instalados con Fireworks. Durante la insta­lación, Fireworks coloca los archivos en diversas ubicaciones del sistema. Es importante comprender la importancia de la
ubicación de los archivos. Para más información, consulte “Utilización de archivos de configuración” en la página 337.

Los usuarios de Macintosh deben prestar especial atención al formato que utiliza Fireworks para almacenar el programa y
sus archivos de configuración predeterminados. Para más información, consulte “Visualización del contenido del paquete
(sólo Macintosh)” en la página 339.

Ayuda de Adobe

Recursos de Ayuda de Adobe

Hay documentación para el software de Adobe disponible en distintos formatos.

Ayuda dentro del producto y LiveDocs

La Ayuda dentro del producto proporciona acceso a toda la documentación y las instrucciones disponibles en el momento
de distribución del producto. Está disponible en el menú Ayuda en su producto de Adobe.

La Ayuda de LiveDocs incluye todo el contenido de la Ayuda dentro del producto, más actualizaciones y vínculos a otras
instrucciones disponibles en la Web. Para algunos productos, LiveDocs también permite añadir comentarios. Encontrará
la Ayuda de LiveDocs para su producto en el Centro de recursos de Ayuda de Adobe en

www.adobe.com/go/documentation_es.

La mayoría de las versiones de Ayuda dentro del producto y de LiveDocs permiten realizar búsquedas en la Ayuda de varios
productos. Los temas pueden contener también vínculos a contenido relevante en la Web o a temas de Ayuda de otro
producto.

La Ayuda, dentro del producto o en la Web, puede considerarse como un punto central desde el que se puede acceder a
contenido adicional y otras comunidades de usuarios. La versión más completa y actualizada de la Ayuda se encuentra
siempre en la Web.

ADOBE FIREWORKS CS3

Guía del usuario

Documentación en PDF de Adobe

La Ayuda dentro del producto también está disponible en formato PDF (Portable Document Format) optimizado para su
impresión. También se pueden obtener en formato PDF otros documentos, como libros blancos.

Toda la documentación en formato PDF está disponible en el Centro de recursos de Ayuda de Adobe, en

www.adobe.com/go/documentation_es. La documentación en formato PDF que incluye su producto se encuentra en la

carpeta Documentos en el DVD de instalación.

Documentación impresa

Se pueden adquirir ediciones impresas de la Ayuda del producto en Adobe Store, en www.adobe.com/go/store_es. En este
sitio encontrará también los libros publicados por compañías editoriales asociadas con Adobe.

En los productos Adobe Creative Suite 3, se incluye una guía de flujo de trabajo impresa y algunos productos de Adobe
incluyen una guía de introducción impresa.

Utilización de la Ayuda en el producto

El menú Ayuda proporciona acceso a la Ayuda dentro del producto. Tras iniciar el visor de la Ayuda de Adobe, haga clic en
Examinar para ver la Ayuda de otros productos de Adobe instalados en su equipo.

Puede obtener información sobre varios productos de Adobe a través de las siguiente funciones:

• Búsquedas de varios productos en la Ayuda.

• Los temas pueden contener vínculos a temas de la Ayuda de otros productos o contenido adicional en la Web.

• Algunos productos comparten determinados temas. Si ve un tema de Ayuda con un icono de Fireworks y un icono de

Dreamweaver, el tema describe una funcionalidad que es similar en el flujo de trabajo de los dos productos o
documentos.

Nota: Si busca una frase, como “herramienta forma”, enciérrela entre comillas para ver solamente los temas que incluyen todas
las palabras en la frase.

3

Funciones de accesibilidad

Las personas con discapacidades, como problemas de movilidad, ceguera o problemas de visión, pueden acceder igual­mente al contenido de la Ayuda de Adobe. La Ayuda dentro del producto proporciona métodos abreviados del teclado para
utilizar los controles de la barra de herramientas y navegar, y admite funciones de acceso estándar como las siguientes:

• El tamaño del texto se puede cambiar con los comandos de menú contextual estándar.

• Los vínculos están subrayados para facilitar su identificación.

• Si el texto del vínculo no coincide con el del destino, éste se mostrará en el atributo de título o la etiqueta de anclaje. Por

ejemplo, los vínculos Anterior y Siguiente incluyen los títulos de los temas anterior y siguiente.

• El contenido admite el modo de contraste alto.

• Los gráficos sin título incluyen un texto alternativo.

• Cada marco tiene un título que indica su finalidad.

• Las etiquetas HTML estándar definen la estructura del contenido, para herramientas de lectura de la pantalla o texto a

voz.

• Las hojas de estilos controlan el formato de forma que no se empleen fuentes incrustadas.

Métodos abreviados del teclado de Windows para los controles de la barra de herramientas

Cada control de la barra de herramientas para la Ayuda dentro del producto tiene un equivalente en el teclado:

Botón Atrás Alt+flecha izquierda

Botón Adelante Alt+flecha derecha

Imprimir Ctrl+P

Botón Acerca de Ctrl+I

ADOBE FIREWORKS CS3

Guía del usuario

Menú Examinar Alt+flecha abajo o Alt+flecha arriba para ver la Ayuda de otro programa

Cuadro Buscar (Windows) Ctrl+S para colocar el cursor en el cuadro Buscar

Métodos abreviados del teclado de Windows para navegación

Para navegar en el visor de la Ayuda de Adobe y ver temas, utilice las siguientes combinaciones de teclas:

• Para pasar del panel de navegación al panel de lectura, y viceversa, pulse Ctrl+tabulador y Mayús+Ctrl+tabulador.

• Para desplazarse por los vínculos de un panel, presione el tabulador o Mayús+tabulador.

• Para activar un vínculo seleccionado, pulse Intro.

• Para agrandar el tamaño del texto, pulse Ctrl+igual.

• Para reducir el tamaño del texto, pulse Ctrl+guión.

Elección de los documentos de Ayuda

Existen distintos recursos para aprender a utilizar Fireworks, entre ellos la Ayuda de Fireworks, versiones en PDF de los
componentes de la documentación de Fireworks y varias fuentes de información en la Web.

• La Ayuda de Fireworks (denominada Utilización de Fireworks), está destinada a todos los usuarios y ofrece información

global acerca de todas las funciones de Fireworks. Puede acceder a él en cualquier momento en la Ayuda de Fireworks
(Ayuda > Utilización de Fireworks). El manual también está disponible en formato PDF en el sitio Web de Adobe en

http://www.adobe.com/go/fireworks_documentation_es.

Extending Fireworks (sólo disponible en inglés), que describe el marco de trabajo de Fireworks y la interfaz de progra-

•

n (API), está dirigido a usuarios avanzados que desean crear extensiones o personalizar la interfaz de Fireworks.

mació
Es posible controlar el funcionamiento de todos los comandos o configuraciones de Fireworks utilizando comandos
especiales de JavaScript que Fireworks es capaz de interpretar. El manual está disponible en la Ayuda y en el sitio Web de
Adobe como PDF descargable.

4

Recursos

Adobe Video Workshop

Adobe Creative Suite 3 Video Workshop permite aprender sobre su producto. Hay más de 200 vídeos de formación para
Adobe Creative Suite 3, que tratan una gran variedad de temas para profesionales de la impresión, la Web y el vídeo.

Video Workshop le permite aprender sobre cualquier producto de Creative Suite 3 que le interese. Muchos vídeos muestran
cómo utilizar los productos de forma combinada.

Al iniciar Video Workshop, elige exactamente los productos y los temas que desea ver. Para determinar la ruta de apren­dizaje puede ver detalles de cada vídeo.

Comunidad de presentadores

Con esta versión, hemos invitado a la comunidad de Adobe a compartir su experiencia y sus opiniones. Adobe y Lynda.com
presentan tutoriales, sugerencias y trucos que ofrecen diseñadores y desarrolladores de primera línea, como Michael
Ninness, Katrin Eismann y Chris Georgenes. Podrá ver y oír a expertos en Adobe como Lynn Grillo, Greg Rewis y Russell
Brown. En total, habrá más de 30 expertos en los productos para compartir sus conocimientos.

Tutoriales y archivos de origen

Video Workshop incluye formación para usuarios sin experiencia y para usuarios avanzados. También encontrará vídeos
sobre las nuevas funciones y técnicas clave. Cada vídeo trata un tema único y normalmente dura de 3 a 5 minutos, aproxi­madamente. La mayoría de los vídeos vienen con un tutorial ilustrado y archivos de origen, para que pueda imprimir pasos
detallados y probar por su cuenta el tutorial.

ADOBE FIREWORKS CS3

Guía del usuario

Utilización de Adobe Video Workshop

Adobe Video Workshop se incluye en el DVD del producto Creative Suite 3. También está disponible en línea en

www.adobe.com/go/learn_videotutorials_es. Adobe añade de forma regular nuevos vídeos a Video Workshop en línea, así

que no olvide consultar el sitio para ver si hay novedades.

Vídeos de Fireworks CS3

Adobe Video Workshop trata una gran variedad de temas relativos a Adobe Fireworks CS3, incluidos:

• Utilización del panel Páginas

• Creación rápida de prototipos con símbolos sofisticados

• Conceptos básicos de capas y disposiciones

• Generación de archivos de comandos de propiedades de símbolos

Los vídeos muestran también cómo utilizar Fireworks CS3 con otros productos de Adobe, por ejemplo:

• Importación de archivos de Photoshop

• Conceptos básicos del flujo de trabajo de Fireworks y Flash

• Conceptos básicos del flujo de trabajo de Photoshop, Illustrator y Fireworks

5

Extras

Tiene acceso a una amplia variedad de recursos que le ayudarán a sacar el máximo provecho del software de Adobe.
Algunos de estos recursos se instalan en su equipo durante el proceso de instalación; otras muestras y documentos de gran
utilidad se incluyen en el DVD de instalación o contenido. En la comunidad de intercambio de Adobe encontrará también
extras exclusivos, en la dirección www.adobe.com/go/fireworks_exchange_es.

Recursos instalados

Durante la instalación del software, se copian en la carpeta de la aplicación una serie de recursos. Para ver estos archivos,
vaya a la carpeta de la aplicación en su equipo.

• Windows: [unidad de inicio]/Archivos de programa/Adobe/Adobe Fireworks CS3

• Mac OS: [unidad de inicio]/Applications/Adobe Fireworks CS3

Según el producto de Adobe, la carpeta de la aplicación puede contener lo siguiente:

Filtros de conexión Los módulos de filtros de conexión son pequeños programas que amplían o añaden funciones al

software. Una vez instalados, estos módulos aparecen como opciones del menú Importar o Exportar; como formatos de
archivo en los cuadros de diálogo Abrir, Guardar como y Exportar original, o como filtros en los submenús de Filtro.

Preestablecidos Los preestablecidos comprenden una amplia variedad de herramientas, preferencias, efectos e imágenes

útiles. Los preestablecidos de los productos incluyen pinceles, muestras, grupos de colores, símbolos, formas personali­zadas, estilos de gráficos y capas, patrones, texturas, acciones, espacios de trabajo, entre otros. El contenido preestablecido
se encuentra en toda la interfaz. Algunos preestablecidos sólo se activan cuando se selecciona la herramienta correspon­diente. Si no desea crear un efecto o una imagen desde cero, utilice las bibliotecas de preestablecidos para inspirarse.

Plantillas Los archivos de plantillas se pueden abrir y ver desde Adobe Bridge, abrir desde la pantalla de bienvenida o bien

directamente desde el menú Archivo. Según el producto, los archivos de plantillas abarcan desde membretes, boletines o
sitios Web, a menús de DVD y botones de vídeo. Cada archivo de plantilla se crea de forma profesional y representa un
ejemplo de uso óptimo de las características del producto. Las plantillas pueden ser un recurso de gran valor al iniciar un
proyecto.

Muestras Los archivos de muestra incluyen diseños complejos y son ideales para ver cómo funcionan las nuevas caracte-

rísticas. Estos archivos muestran la gama de posibilidades de creación que ofrece su programa.

ADOBE FIREWORKS CS3

Guía del usuario

Fuente s Su producto de Creative Suite incluye algunas fuentes y familias de fuentes OpenType®. Las fuentes se copian en

su equipo durante la instalación:

• Windows: [unidad de inicio]/Archivos de programa/Archivos comunes/Adobe/Fonts

• Mac OS X: [unidad de inicio]/Library/Application Support/Adobe/Fonts

Para obtener más información sobre la instalación de fuentes, consulte el archivo Léame.html en el DVD de instalación.

Contenido del DVD

En el DVD de instalación o contenido que incluye su producto encontrará otros recursos que puede utilizar con su software.
La carpeta Extras contiene archivos específicos del producto, como plantillas, imágenes, preestablecidos, acciones, filtros
de conexión y efectos, así como subcarpetas para fuentes y fotografías de archivo. La carpeta Documentación contiene una
versión en PDF de la Ayuda, información técnica y otros documentos como hojas de muestras, guías de referencia y detalles
de funciones especializadas.

Zona de intercambio de Adobe

Para ver más contenido gratuito, visite www.adobe.com/go/exchange_es, una comunidad en línea en la que los usuarios
descargan y comparten de forma gratuita miles de acciones, extensiones, filtros de conexión y otro contenido para los
productos de Adobe.

Bridge Home

Bridge Home, un nuevo destino en Adobe Bridge CS3, proporciona información actualizada sobre todo su software de
Adobe Creative Suite 3 en una práctica ubicación. Inicie Adobe Bridge, haga clic en el icono Bridge Home en la parte
superior del panel de favoritos para acceder a las últimas sugerencias, noticias y recursos para sus herramientas de Creative
Suite.

6

Nota: Es posible que Bridge Home no esté disponible en todos los idiomas.

Centro de diseño de Adobe

El Centro de diseño de Adobe ofrece artículos, inspiración e instrucciones de expertos de la industria, diseñadores de
primera fila y socios editoriales de Adobe. Se añade contenido nuevo todos los meses.

Encontrará cientos de tutoriales para diseñar productos y aprenderá trucos y técnicas con vídeos, tutoriales HTML y
capítulos de libros de muestras.

Think Tank, Dialog Box y Gallery se basan en ideas nuevas:

• Los artículos de Think Tank describen el uso que hacen los diseñadores de la tecnología y cuál es el impacto de sus

experiencias en el diseño, las herramientas de diseño y la sociedad.

• En Dialog Box, los especialistas comparten ideas nuevas en gráficos animados y diseño digital.

• Gallery muestra cómo los artistas comunican diseño en movimiento.

Visite el Centro de diseño de Adobe en www.adobe.com/designcenter_es.

Centro de desarrolladores de Adobe

El Centro de desarrolladores de Adobe ofrece ejemplos, tutoriales, artículos y recursos de la comunidad destinados a
desarrolladores que utilizan los productos de Adobe para crear sofisticadas aplicaciones de Internet, sitios Web, contenido
para dispositivos móviles y otros proyectos. El Centro de desarrolladores contiene también recursos para desarrolladores
que generan filtros de conexión para los productos de Adobe.

Además de código de muestra y tutoriales, encontrará alimentadores RSS, seminarios en línea, guías de creación de archivos
de comandos y otros recursos técnicos.

Visite el Centro de desarrolladores de Adobe en www.adobe.com/go/developer_es.

ADOBE FIREWORKS CS3

Guía del usuario

Asistencia al cliente

Visite el sitio Web de Soporte de Adobe en www.adobe.com/support_es. Allí encontrará información para resolver
problemas de su producto y conocerá las opciones de soporte de pago o gratuitas. Siga el vínculo Formación para acceder
a los libros de Adobe Press, distintos recursos de formación, programas de certificación de Adobe y mucho más.

Descargas

Visite www.adobe.com/go/downloads_es para localizar actualizaciones gratuitas, versiones de prueba y otro software de
utilidad. Además, la tienda Adobe Store (en www.adobe.com/go/store_es) proporciona acceso a miles de filtros de
conexión de otros desarrolladores que permiten automatizar tareas, personalizar flujos de trabajo, crear efectos profesio­nales especializados y mucho más.

Adobe Labs

Adobe Labs ofrece la oportunidad de experimentar y evaluar tecnologías nueva y emergentes, así como productos de
Adobe.

En Adobe Labs, tiene acceso a recursos como los siguientes:

• Software y tecnologías que aún no se han publicado

• Muestras de código y sugerencias que permiten acelerar la curva de aprendizaje

• Versiones anticipadas de productos y documentación técnica

• Foros, contenido wiki y otros recursos de colaboración para que pueda interactuar con desarrolladores que comparten

puntos de vista.

Adobe Labs fomenta un proceso de colaboración de desarrollo de software. Este entorno permite a los clientes mejorar su
productividad con nuevos productos y tecnologías y a los equipos de desarrollo de Adobe responder y reaccionar a los
comentarios que reciben de manera anticipada, con el fin de adaptar el software de forma que se ajuste a las necesidades y
a las expectativas de la comunidad.

7

Visite el Adobe Labs en www.adobe.com/go/labs_es.

Comunidades de usuarios

Con foros, blogs y otros centros que permiten a los usuarios compartir tecnologías, herramientas e información; hacer
preguntas y descubrir cómo otros usuarios consiguen obtener el máximo rendimiento de sus programas. Los foros de parti­cipación de usuarios están disponibles en inglés, francés, alemán y japonés; en los blogs participan usuarios con muy
distintos idiomas.

Para participar en foros o blogs, visite www.adobe.com/communities_es.

ADOBE FIREWORKS CS3

Guía del usuario

Novedades de Fireworks CS3

Creación de símbolos sofisticados

Esta versión de Fireworks introduce funciones de símbolos nuevas y otras mejoradas. Podrá crear símbolos gráficos que
pueden ajustarse a escala de forma inteligente y utilizar atributos específicos para ellos mediante un archivo JavaScript
(JSF). Imite una interfaz de usuario rápidamente arrastrando estos símbolos al documento y editando los parámetros
asociados mediante el panel Propiedades de símbolo.

Símbolos sofisticados

8

Panel Propiedades de símbolos Este nuevo panel es la ubicación central desde la que se controlan las propiedades

Símbolos gráficos mejorados Gracias a una mejora de los símbolos gráficos, ahora se puede crear propiedades de

Biblioteca de símbolos En esta versión de software se ha incluido una biblioteca de símbolos prediseñada

Intercambio de símbolos Una nueva función “intercambiar símbolo” permite intercambiar símbolos fácil-

de los símbolos gráficos inteligentes.

símbolos personalizables utilizando JavaScript.

que emplean la nueva funcionalidad. Además, pueden personalizarse para adap­tarse al aspecto y uso de un sitio Web o una interfaz de usuario determinados.

mente mientras se diseña el documento.

Para más información, consulte “Creación y utilización de símbolos de gráficos sofisticados” en la página 181.

Ajuste de escala de símbolos de forma inteligente

Tradicionalmente, cuando se aplica una transformación a escala a un símbolo, se transforma el objeto completo como una
sola unidad. Con determinados tipos de objetos, especialmente con formas geométricas que tienen ángulos con estilos, el
resultado es un símbolo que aparece distorsionado.

Fireworks CS3 introduce una nueva función automática denominada escala de 9 divisiones, que permite ajustar a escala los
símbolos vectoriales o de mapa de bits de forma inteligente. Un grupo de guías que aparecen sobre la imagen permiten
definir con exactitud cómo se ajusta a escala cada parte del símbolo. Cara cada una de las nueve regiones se puede ajustar
a escala horizontal o vertical, horizontal y vertical, o bien de ninguna forma. Esta función, que está activada de forma prede­terminada, se puede definir también de forma que sólo aplique la escala a tres regiones. Cuando se combina con la
biblioteca de formas automáticas, el ajuste a escala de 9 divisiones permite crear prototipos para sitios Web y aplicaciones
más rápido que nunca.

Ajuste a escala sin distorsión

Nueva herramienta de escala de 9
divisiones

Utilice la función de ajuste a escala de 9 divisiones para ampliar o reducir símbolos
vectoriales y de mapa de bits sin distorsionar su geometría. Se puede ajustar el sím­bolo utilizando 3 o 9 zonas, según la forma que tenga.

Para más información, consulte “Utilización de ajuste a escala en 9 divisiones” en la página 180.

Uso de un solo documento de varias páginas

En un continuo esfuerzo por mejorar los flujos de trabajo de diseño de sitios Web, Fireworks CS3 facilita la generación de
prototipos complejos de varias páginas utilizando un solo archivo PNG. Cada página contiene su propia configuración de
lienzo, tamaño, color, resolución de imagen y guías. Estas configuraciones se pueden definir para cada página o de forma
global para todas las páginas del documento.

ADOBE FIREWORKS CS3

Guía del usuario

Fireworks lleva el concepto multipágina aún más lejos y permite aplicar las capas a una sola página o bien compartirlas entre
varias. Una vez compartidas, las capas se muestran en amarillo para distinguirse de las que no se han compartido. Para la
generación de prototipos rápidos, puede crear flujos de trabajo con hipervínculos y comportamientos de zonas interactivas
en varias páginas. Asimismo puede mostrar la vista previa de las páginas en un navegador o exportarlas todas como varias
páginas HTML.

Creación de prototipos sin ninguna dificultad

Nuevo panel Páginas Un nuevo panel Páginas proporciona acceso rápido a todas las páginas de su archivo

PNG.

Aplicación de capas en las páginas Las capas se pueden aplicar a una sola página o bien compartirse en varias páginas.

Una vez compartidas, se muestran en amarillo para distinguirse de las capas que no
se han compartido.

9

Utilización de una página maestra
para elementos comunes

Existe la opción de utilizar una página maestra para los elementos que son comunes
a todas las páginas.

Para más información, consulte “Utilización de páginas” en la página 149.

Creación de presentaciones de diapositivas basadas en Flash

Cree automáticamente una presentación de diapositivas. El comando Create Slideshow permite crear presentaciones de
diapositivas de Flash sin necesidad de conocer cómo funciona esta aplicación. Basta con seleccionar una carpeta con
imágenes, añadir las opciones de diapositivas (como las transiciones), seleccionar un reproductor de álbumes de Fireworks
(una plantilla de Flash) para el resultado final y procesar por lotes la imagen en miniatura y las imágenes a tamaño completo
optimizadas para la Web.

Creación de una presentación de diapositivas de Flash sin aprender Flash

Función Create Slideshow Elija Create Slideshow en el menú Comandos para iniciar la nueva herramienta.

Para más información, consulte “Creación de presentaciones de diapositivas” en la página 241.

Capas jerárquicas

En Fireworks CS3, la estructura de las capas de un documento puede ser tan sencilla o tan compleja como se necesite y
todas las capas jerárquicas se conservan. Al crear un nuevo archivo, todos los elementos se organizan en el mismo nivel, de
forma no jerárquica. Pueden crearse nuevas subcapas y colocar en ellas elementos o bien cambiar elementos de una capa a
otra en cualquier momento. También se pueden crear varias subcapas y agruparlas.

Utilización de capas para una mayor flexibilidad de diseño

Capas jerárquicas El panel Capas permite crear y organizar las capas según sus necesidades.

Para más información, consulte “Utilización de capas” en la página 152.

ADOBE FIREWORKS CS3

Guía del usuario

Utilización de archivos de Photoshop

Con Fireworks CS3, puede importar directamente archivos nativos desde Photoshop. Adobe alcanza un nuevo nivel de
funcionalidad, redefiniendo el concepto de integración. Ahora, los componentes de diseño y las imágenes de Fireworks
pueden guardarse como archivos nativos de Photoshop y abrirse en Photoshop o Fireworks CS3 sin perder la información
de las capas.

Más compatibilidad con Photoshop

Efectos de capa de Photoshop Photoshop ofrece una gama de efectos como sombras, iluminados, biseles, solapa-

mientos y trazos que permiten al usuario cambiar el aspecto del contenido de las
capas. Al importar o abrir un archivo PSD, Fireworks CS3 conserva ahora estos efectos
de capa de Photoshop que pueden editarse. También se pueden aplicar efectos de
capa de Photoshop directamente a cualquier documento de Fireworks. Para ello,
debe seleccionar Efectos automáticos de Photoshop en la herramienta Filtros auto­máticos del Inspector de propiedades.

Modos de mezcla de Photoshop Fireworks CS3 incluye siete modos de mezcla habituales de Photoshop (disolver, oscu-

recimiento lineal, aclarado lineal, luz intensa, luz lineal, luz focal y mezcla definida).

10

Conservación de las capas jerárqui­cas al abrir archivos PSD

Fireworks CS3 inclu ye ahora una estructura de capas jerárquicas que permite conser­var la información de las capas y las subcapas al importar archivos de Photoshop.

Para más información, consulte “Funcionamiento con Photoshop” en la página 310.

Importación de archivos de Fireworks a Adobe Flash

Ahora, puede mover contenido de Fireworks CS3 a Flash CS3 Professional rápidamente con solo copiar y pegar, o bien
importar directamente un archivo PNG de Fireworks. La estructura importante se conserva, con varias páginas, capas
compartidas, capas jerárquicas, fotogramas, ajustes de escala de 9 divisiones y muchos efectos. Nunca ha sido tan fácil crear
prototipos en Fireworks y desarrollar en Flash.

Para más información, consulte “Funcionamiento con Flash” en la página 293.

Integración con FLEX para diseños RIA

Los diseñadores utilizan cada vez tecnologías más innovadoras, por lo que el uso de herramientas más eficaces y la
integración es ahora más importante que nunca. Fireworks CS3 puede ayudar en el desarrollo de aplicaciones de Internet
de próxima generación, conocidas como aplicaciones RIA, ya que permite exportar activos de bibliotecas comunes como
componentes conocidos para su uso en Adobe Flex™ Builder.™ El estilo y la posición absoluta se conservan también.

Y lo mejor es que el usuario no tiene que preocuparse de nada; Fireworks exporta el código Flex (MXML) necesario. Ahora
es muy fácil crear el diseño de una aplicación Flex en Fireworks, aprovechando los activos de biblioteca común como
MXML para cargarlos en Flex Builder.

Utilización de archivos de Illustrator

Abra archivos de Illustrator en Fireworks conservando las capas jerárquicas, patrones, imágenes vinculadas, atributos de
texto o transparencia, entre otras características. Fireworks también contiene opciones de exportación para exportar a
Adobe Illustrator 8.0.

Para más información, consulte “Funcionamiento con Illustrator” en la página 314.

Para más información sobre las nuevas funciones, consulte la página de Fireworks en el sitio Web de Adobe en

www.adobe.com/go/fireworks_productinfo_es.

Adobe Bridge

Simplifique la gestión de archivos en Fireworks y en Adobe Creative Suite con Adobe Bridge, el explorador de archivos de
próxima generación. Localice, etiquete, procese y desplácese por las imágenes de forma eficaz. Si utiliza Bridge y Fireworks
combinados, aprovecha la ventaja de los metadatos XMP en sus archivos. Adobe XMP (Extensible Metadata Platform) es
una tecnología que facilita al usuario la incorporación de información de archivo a los archivos guardados en formato PNG,
GIF, JPEG, Photoshop y TIFF, y permite el intercambio de metadatos entre el software de Adobe y otros sistemas que
admiten el estándar de metadatos XMP.

Para más información, consulte “Adobe Bridge” en la página 316.

Capítulo 2: Conceptos básicos de Fireworks

Fireworks CS3 es una aplicación de software para el diseño profesional de gráficos en pantalla. Sus innovadoras soluciones
resuelven los principales problemas a los que se enfrentan los diseñadores gráficos y los responsables de sitios Web. Utili­zando la amplia gama de herramientas de Fireworks, es posible crear y editar imágenes vectoriales y de mapa de bits en un
solo archivo.

Gracias a Fireworks, los diseñadores Web ya no tienen que cambiar continuamente entre una docena de aplicaciones para
realizar tareas específicas. Los filtros automáticos son reversibles, lo que evita la frustración que acarrea tener que volver a
crear los gráficos Web desde el principio después de realizar una simple modificación. Mediante la generación de JavaScript,
Fireworks facilita la creación de rollovers. Además, las eficaces funciones de optimización permiten comprimir el tamaño
de los archivos de gráficos Web sin afectar a la calidad.

Si es la primera vez que utiliza Fireworks, sería de gran ayuda que primero comprendiera los conceptos generales sobre el
programa, como abrir, importar y guardar archivos, orientarse en el entorno de Fireworks y trabajar en un documento. Tras
crear un archivo nuevo o abrir un archivo existente, el entorno de trabajo de Fireworks ofrece muchas posibilidades.

11

En este capítulo se cubren los siguientes temas:

• “Utilización de Fireworks” en la página 11

• “Las imágenes vectoriales y de mapa de bits” en la página 12

• “Creación de un documento nuevo” en la página 14

• “Apertura e importación de archivos” en la página 15

• “Almacenamiento de archivos de Fireworks” en la página 20

• “El entorno de trabajo de Fireworks” en la página 22

Utilización de Fireworks

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. Cuando un documento está terminado,
se puede exportar o guardar en formato de archivo JPEG, GIF u otros — junto con archivos HTML que contengan tablas
HTML y código JavaScript — para utilizarlo en la Web. También es posible exportar o guardar tipos de archivos específicos
de otras aplicaciones, como Adobe Photoshop o Adobe Flash, si en un momento dado hace falta seguir trabajando en esa
aplicación.

Objetos vectoriales y de mapa de bits

En el panel Herramientas de Fireworks hay diferentes secciones que contienen herramientas de dibujo y edición de vectores
y mapas de bits. Para más información sobre estos dos formatos básicos, consulte “Las imágenes vectoriales y de mapa de
bits” en la página 12

En Fireworks, la herramienta seleccionada determina si el objeto creado es un vector o un mapa de bits. Por ejemplo, si
selecciona la herramienta Pluma en la sección Vector del panel Herramientas, cuando empiece a trazar puntos dibujará
trazados de vectores. Seleccione la herramienta Pincel y al arrastrar el puntero pintará un objeto de mapa de bits. Seleccione
la herramienta Texto y sólo tendrá que comenzar a escribir.

ADOBE FIREWORKS CS3

Guía del usuario

Después de dibujar objetos vectoriales, de mapa de bits o texto, dispondrá de una gran variedad de herramientas, efectos,
comandos y técnicas para mejorar y finalizar las imágenes. Y podrá crear botones de navegación interactivos con las herra­mientas del editor de botones de Fireworks.

Las herramientas de Fireworks también sirven para editar imágenes importadas. Puede importar y editar archivos JPEG,
GIF, PNG, PSD y muchos otros formatos de archivo. Tras importar una imagen gráfica, es posible ajustar su color y tono, y
también recortarla, retocarla y enmascararla.

Imágenes interactivas

Las divisiones y zonas interactivas son objetos Web que definen áreas interactivas en un gráfico Web. Las divisiones cortan
la imagen en varias secciones, a las que es posible aplicar comportamientos de rollover, animación y vínculos URL (Uniform
Resource Locator). Además, puede exportar cada sección con diferentes parámetros. En la página Web, cada división se
muestra como la celda de una tabla. Las zonas interactivas permiten asignar vínculos URL y comportamientos a parte de
la imagen o a toda ella. Para más información, consulte “Divisiones, rollovers y zonas interactivas” en la página 191.

Las divisiones y zonas interactivas poseen tiradores de rollover de arrastrar y colocar que permiten asignar rápidamente
imágenes intercambiadas y comportamientos de rollover directamente al espacio de trabajo. El editor de botones y el editor
de menú emergente son prácticas funciones de Fireworks que ayudan a crear elementos gráficos interactivos especiales para
desplazarse por sitios Web.

12

Optimización y exportación de imágenes

Fireworks posee potentes funciones de optimización que permiten lograr un equilibrio entre tamaño de archivo y calidad
visual cuando se trata de exportar imágenes. En Fireworks es posible optimizar los gráficos Web para reducir su tamaño de
archivo y cargarlos rápidamente en sitios Web. Asimismo, puede comparar la calidad en el área de trabajo mediante Vista
previa, 2 copias o 4 copias.

Las imágenes se pueden dividir en porciones y optimizar por separado con el formato que mejor se adapte al contenido.
Para una mayor flexibilidad de optimización, es posible utilizar la compresión JPEG selectivo para enfocar la parte más
importante de un archivo JPEG y reducir la calidad del fondo.

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. Para más información, consulte “Optimización y exportación” en la
página 249.

Las imágenes vectoriales y de mapa de bits

Los sistemas informáticos muestran las imágenes en formato de vectores 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.

ADOBE FIREWORKS CS3

Guía del usuario

Las imágenes vectoriales

Los elementos gráficos vectoriales representan las imágenes mediante líneas y curvas, denominadas vectores, que incluyen
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)

Cuando se edita una imagen vectorial, se modifican las propiedades de las líneas y curvas que describen su forma. Las
imágenes vectoriales son independientes de la resolución, lo que significa que es posible desplazar, cambiar el tamaño,
alterar la forma y modificar el color de una imagen vectorial, así como visualizarla en dispositivos de salida de diferente
resolución, sin que cambie la calidad de su aspecto.

13

Las imágenes de mapa de bits

Las imágenes de mapa de bits están formadas por puntos, llamados 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 y forman la imagen.

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 deter­minado. 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.

ADOBE FIREWORKS CS3

Guía del usuario

Creación de un documento nuevo

Si se selecciona Archivo > Nuevo para crear un documento nuevo en Fireworks, se crea un tipo de documento Portable
Network Graphic (PNG). PNG es el formato de archivo nativo de Fireworks. Después de crear una imagen en Fireworks,
ésta se puede exportar o guardar como si tuviera otros formatos gráficos para Web conocidos, por ejemplo JPEG, GIF y GIF
animado. También se pueden exportar o guardar imágenes en muchos otros formatos frecuentemente utilizados fuera de
la Web, como TIFF, PSD y BMP. Sean cuales sean los parámetros de optimización elegidos, el archivo PNG de Fireworks se
conserva para facilitar ediciones posteriores.

Para crear un gráfico Web en Fireworks, primero es preciso configurar un documento nuevo o abrir uno existente. Las
opciones de configuración pueden ajustarse después en el Inspector de propiedades.

Para crear un documento nuevo:

1 Seleccione Archivo > Nuevo.

Se abre el cuadro de diálogo Nuevo documento.

14

2 Introduzca las medidas para la anchura y la altura del lienzo en píxeles, pulgadas o centímetros.

3 Introduzca la resolución en píxeles por pulgada o en píxeles por centímetro.

4 Seleccione el color blanco, un color transparente u otro personalizado para el lienzo.

Nota: Utilice la ventana emergente del cuadro de colores personalizados para seleccionar un color de lienzo personalizado.

5 Haga clic en Aceptar para crear un documento nuevo.

Para crear un documento nuevo con el mismo tamaño que un objeto del portapapeles:

1 Copie un objeto en el portapapeles de:

• Otro documento de Fireworks

• Un navegador Web

• Cualquiera de las aplicaciones enumeradas en “Procedimiento para pegar en Fireworks” en la página 17.

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.

ADOBE FIREWORKS CS3

Guía del usuario

Apertura e importación de archivos

En Fireworks es fácil abrir, importar y editar imágenes vectoriales y de mapa de bits creadas en otros programas gráficos.
Asimismo, se pueden importar imágenes de una cámara digital o de un escáner.

Nota: al importar un archivo de Adobe Dreamweaver, Fireworks conserva muchos de los comportamientos JavaScript, pero no
todos. Si Fireworks admite un comportamiento en concreto, lo reconoce y lo conserva cuando devuelve el archivo a
Dreamweaver.

Para abrir un documento de Fireworks:

1 Seleccione Archivo > Abrir.

Aparece el cuadro de diálogo Abrir.

2 Seleccione el archivo y haga clic en Abrir.

Para abrir un archivo sin sobrescribir la versión anterior, seleccione Abrir como Sin título y después guarde el archivo con
un nombre diferente.

En esta sección se cubren los siguientes temas:

• “Apertura de documentos recientemente cerrados” en la página 15

• “Apertura de imágenes creadas en otras aplicaciones” en la página 15

• “Creación de archivos PNG de Fireworks a partir de archivos HTML” en la página 16

• “Inserción de objetos en un documento de Fireworks” en la página 17

15

Apertura de documentos recientemente cerrados

El menú Archivo relaciona los diez últimos documentos cerrados en el submenú Abrir reciente. En la página de inicio
también aparecen los documentos cerrados recientemente.

Para abrir un documento cerrado recientemente:

1 Seleccione Archivo > Abrir reciente.

2 Seleccione un archivo en el submenú.

Para abrir un archivo cerrado recientemente cuando no hay ningún archivo abierto:

❖

Haga clic en el nombre del archivo en la página de inicio.

Apertura de imágenes creadas en otras aplicaciones

Con Fireworks es posible abrir archivos creados en aplicaciones o formatos de archivo diferentes, como Photoshop, Adobe
FreeHand, Adobe Illustrator, CorelDRAW sin compresión, WBMP, EPS, JPEG, GIF y GIF animado.

Cuando se abre un archivo de formato distinto de PNG con Archivo > Abrir, se crea un nuevo documento PNG de
Fireworks basado en el archivo abierto. Puede utilizar todas las características de Fireworks para editar la imagen. A conti­nuación, puede elegir Guardar como para guardar el trabajo como un nuevo archivo PNG de Fireworks o como otro
formato de archivo, o con algunos tipos de imágenes, puede elegir Guardar para guardar el documento en su formato
original. Al guardar el documento en su formato original, el documento tendrá una sola capa y se elimina la capacidad de
editar las características específicas de Fireworks que se han añadido a la imagen.

En Fireworks puede guardar directamente los siguientes formatos de archivo: PNG de Fireworks, GIF, GIF animado, JPEG,
BMP, WBMP, TIFF, SWF, AI, PSD y PICT (sólo Mac).

Nota: Fireworks guarda las imágenes TIFF de 16 bits con una profundidad de color de 24 bits.

ADOBE FIREWORKS CS3

Guía del usuario

GIF animados

Los archivos GIF animados pueden abrirse en Fireworks de dos formas:

• Puede importar un archivo GIF animado como un símbolo de animación. Puede editar y mover todos los elementos de

la animación como una sola unidad y utilizar el panel Biblioteca para crear nuevas instancias del símbolo.

Nota: al importar un GIF animado, la configuración de la demora de fotogramas cambia a 0,07 segundos. Si es necesario,
utilice el panel Fotogramas para restablecer la configuración original.

• El GIF animado puede abrirse como un archivo GIF normal. Cada elemento del GIF se coloca en su propio fotograma

de Fireworks como imagen independiente. En Fireworks, la imagen puede convertirse en un símbolo de animación.

Archivos EPS

Fireworks abre la mayoría de los archivos EPS, entre ellos los archivos EPS de PhotoShop, como imágenes planas de mapa
de bits, en las que todos los objetos se combinan en una sola capa. No obstante, algunos archivos EPS exportados de Illus­trator conservan la información vectorial.

Al abrir o importar la mayoría de los archivos EPS, se abre el cuadro de diálogo Opciones de archivos EPS.

Tamaño de la imagen determina las dimensiones de la imagen y las unidades en las que se representará. Dichas unidades

pueden ser píxeles, porcentajes, pulgadas y centímetros.

Resolución indica la resolución en píxeles por unidad.

16

Restringir las proporciones abre el archivo con las mismas proporciones que el original.

Suavizado alisa los bordes dentados del archivo EPS abierto.

Cuando se abren o importan archivos EPS de Illustrator que contienen información vectorial, aparece el cuadro de diálogo
Opciones de archivos vectoriales. Es el mismo cuadro de diálogo que aparece al abrir o importar archivos de FreeHand.

Archivos PSD

Fireworks CS3 puede abrir archivos PSD creados en Photoshop y conservar la totalidad o 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.

Archivos WBMP

Fireworks permite abrir archivos WBMP. Dichos archivos son de 1 bit (monocromo) optimizados para dispositivos infor­máticos móviles. Este formato se utiliza en páginas WAP (Wireless Application Protocol). Los archivos WBMP pueden
abrirse directamente con Archivo > Abrir o importarse con Archivo > Importar.

Creación de archivos PNG de Fireworks a partir de archivos HTML

Fireworks puede abrir e importar el contenido de archivos HTML creados en otras aplicaciones. Cuando se abren o
importan archivos HTML, Fireworks reconstruye la disposición y los comportamientos definidos por el código HTML, lo
que permite volver a crear páginas Web que contienen imágenes divididas, botones JavaScript y otros tipos de interacti­vidad. De este modo pueden salvarse sitios Web heredados incluso cuando no se dispone de los archivos de origen PNG.
Con esta función es posible abrir e importar rápidamente páginas Web para actualizar imágenes, cambiar la disposición de
un documento o modificar vínculos de desplazamiento, botones y otros elementos interactivos sin tener que volver a crear
la página desde el principio ni modificar el archivo de comandos.

Dado que Fireworks exporta el contenido HTML en forma de tablas HTML, también determina la disposición
del documento para HTML importado basándose en tablas HTML. Un archivo HTML debe contener al menos una tabla
para que Fireworks pueda reconstruirlo. Para más información sobre HTML, consulte “Exportación de HTML” en la
página 272.

Hay varias formas de obtener contenido HTML en Fireworks:

• Abrir todas las tablas HTML de un archivo HTML.

• Abrir la primera tabla HTML que Fireworks encuentre en un archivo HTML.

• Importar la primera tabla HTML que Fireworks encuentre a un documento de Fireworks existente.

ADOBE FIREWORKS CS3

Guía del usuario

Nota: Fireworks también puede importar documentos que utilicen código UTF-8 y los que estén escritos en XHTML. Para más
información sobre este tipo de archivos, consulte “Exportación de archivos con y sin codificación UTF-8” en la página 277 y
“Exportación de XHTML” en la página 276.

Para abrir todas las tablas de un archivo 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.

Para abrir únicamente la primera tabla de un archivo HTML:

1 Seleccione Archivo > Abrir.

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.

Para importar la primera tabla de un archivo HTML en un documento abierto de Fireworks:

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 desee que aparezca la tabla importada.

17

Inserción de objetos en un documento de Fireworks

Es posible importar, arrastrar o copiar y pegar en documentos de Fireworks objetos vectoriales, imágenes de mapa de bits
o texto creados en otras aplicaciones. También pueden importarse imágenes de cámaras digitales o escáneres.

Arrastrar imágenes a Fireworks

En Fireworks, es posible arrastrar objetos vectoriales, imágenes de mapa de bits o texto de otras aplicaciones que admitan
la utilización de este procedimiento. Estas aplicaciones incluyen lo siguiente:

• FreeHand 7 o posterior

• Flash 3 o posterior

• Photoshop 4 o posterior

• 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 una imagen o un texto a Fireworks:

❖

Arrastre el objeto o el texto desde la otra aplicación a Fireworks.

Procedimiento para pegar en Fireworks

Al pegar en Fireworks un objeto copiado de otra aplicación, éste queda centrado en el documento activo. Es posible copiar
y pegar un objeto o texto desde el portapapeles en cualquiera de los siguientes formatos:

• FreeHand 7 o posterior

• Illustrator

• PNG

• PICT (Macintosh)

• DIB (Windows)

ADOBE FIREWORKS CS3

Guía del usuario

• BMP (Windows)

• Texto A SCI I

• EPS

• WBMP

• TXT

• RTF

Para pegar en Fireworks:

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

Al pegar un objeto en Fireworks, la ubicación de éste depende de la selección:

• 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 de

la capa inferior.

Nota: la capa de Web es una capa especial que contiene todos los objetos Web. Siempre permanece en la parte superior del panel
Capas. Para más información sobre capas, consulte “Páginas, capas, máscaras y mezclas” en la página 149.

18

Nuevo muestreo de objetos pegados

Cuando se pega un mapa de bits con resolución distinta a la del documento de destino de Fireworks, Fireworks pregunta
si debe volver a muestrear la imagen.

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. Por el contrario, volver a muestrear con una resolución menor
siempre causa pérdida de datos y normalmente de calidad.

Para 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.

Si la imagen de mapa de bits del portapapeles tiene una resolución distinta a la del documento actual, aparece un cuadro
de diálogo que pregunta si hay que volver a muestrear o no.

3 Elija una de estas opciones:

Volver a muestrear •conserva la anchura y altura originales del mapa de bits pegado y añade o sustrae los píxeles necesarios
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.

Importación de archivos PNG

Es posible importar archivos PNG de Fireworks en la capa actual del documento activo de Fireworks. Los objetos de zona
interactiva y de división se sitúan en la capa Web del documento. Para más información sobre divisiones, consulte “Visua­lización de las divisiones y de las guías” en la página 194. Para más información sobre capas, consulte “Utilización de capas”
en la página 152.

ADOBE FIREWORKS CS3

Guía del usuario

Para importar un archivo PNG a una capa de documento de Fireworks:

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 Desplácese al archivo que vaya a 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 Importe el archivo:

• 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.

Fireworks mantiene las proporciones de la imagen.

Importación desde un escáner o cámara digital

Se pueden importar imágenes de un escáner o una cámara digital sólo si es compatible con TWAIN (Windows) o utilizan
la función de captura de imágenes de OS X (Macintosh). Las imágenes de un escáner o una cámara digital que se importan
en Fireworks se abren como documentos nuevos.

Nota: Fireworks no puede importar de escáneres de imágenes ni de cámaras digitales a menos que se hayan instalado los contro­ladores de programa, módulos y filtros de conexión correspondientes. Para obtener las instrucciones específicas de instalación,
configuración y opciones, consulte la documentación del escáner o cámara del módulo TWAIN o del filtro de conexión de
Photoshop.

19

En Macintosh, Fireworks busca automáticamente los filtros de conexión de Photoshop Acquire en la carpeta Plug-ins de la
carpeta de aplicación de Fireworks. Si no desea colocar aquí los filtros de conexión, indique a Fireworks otra ubicación.

Nota: la ubicación exacta de la carpeta Plug-ins varía en función del sistema operativo. Para más información, consulte “Utili­zación de archivos de configuración” en la página 337.

Para indicar a Fireworks dónde buscar los filtros de conexión de Photoshop Acquire:

1 En Fireworks, seleccione Edición > Preferencias.

Nota: En Mac OS X, elija Fireworks > Preferencias.

2 Haga clic en la ficha Carpetas.

3 Seleccione Filtros de conexión de Photoshop.

4 Haga clic en Examinar si no se abre automáticamente el cuadro de diálogo Seleccione la carpeta de filtros de conexión

de Photoshop (Windows) o Escoger una carpeta (Macintosh).

5 Desplácese a la carpeta que contiene los filtros de conexión de Photoshop.

Para importar una imagen de una cámara digital (Windows):

1 Conecte la cámara al sistema.

2 Instale el programa que acompaña a la cámara si aún no lo ha hecho.

3 En Fireworks, seleccione Archivo > Explorar, a continuación, elija Adquisición Twain o Seleccionar Twain.

4 En el cuadro de diálogo Seleccionar origen, seleccione una fuente y, a continuación, haga clic en Aceptar.

5 En el cuadro de diálogo Seleccionar imágenes, seleccione las imágenes que desea importar y, a continuación, haga clic

en Aceptar.

Aparece la interfaz de usuario del software de la cámara.

6 Siga las instrucciones para aplicar la configuración que desee.

La imagen importada se abre en un documento nuevo de Fireworks.

ADOBE FIREWORKS CS3

Guía del usuario

Para importar una imagen de una cámara digital (Macintosh):

1 Conecte la cámara al sistema.

2 Instale el programa que acompaña a la cámara si aún no lo ha hecho.

3 En Fireworks, seleccione Archivo > Adquirir y, a continuación, elija Adquisición cámara o Seleccionar cámara.

4 En el cuadro de diálogo Seleccionar cámara, seleccione una cámara y, a continuación, haga clic en Aceptar.

5 En el cuadro de diálogo Seleccionar imágenes, seleccione las imágenes que desea importar y, a continuación, haga clic

en Aceptar.

Nota: El cuadro de diálogo Seleccionar imágenes sólo muestra los tipos de archivo que admite Fireworks.

6 Siga las instrucciones para aplicar la configuración que desee.

La imagen importada se abre en un documento nuevo de Fireworks.

Para importar una imagen de un escáner (Windows):

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 En Fireworks, seleccione Archivo > Explorar, a continuación, elija Adquisición Twain o Seleccionar Twain.

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.

20

4 Siga las instrucciones para aplicar la configuración que desee.

La imagen importada se abre en un documento nuevo de Fireworks.

Para importar una imagen de un escáner (Macintosh):

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 En Fireworks, seleccione Archivo > Adquirir y, a continuación, elija Adquisición Twain o Seleccionar Twain.

Nota: En la mayoría de módulos T WAIN o filtros de conexión Photoshop Acquire, otros cuadros de diálogo solicitan que se
definan otras opciones.

4 Siga las instrucciones para aplicar la configuración que desee.

La imagen importada se abre en un documento nuevo de Fireworks.

Almacenamiento de archivos de Fireworks

Al crear un documento nuevo o abrir un archivo PNG existente de Fireworks, el nombre de archivo del documento tiene
la extensión .png. Los archivos de otros tipos, como PSD y HTML, también se abren como archivos PNG, lo que permite
utilizar el documento PNG de Fireworks como archivo de origen o de trabajo.

Sin embargo, muchos archivos conservan sus extensiones originales y ajustes de optimización al abrirse en Fireworks. Para
más información, consulte “Almacenamiento de documentos en otros formatos” en la página 21.

La ubicación en la que Fireworks guarda de manera predeterminada los archivos está determinada por los siguientes
factores en este orden:

• La ubicación actual del archivo

• La ubicación actual de exportación/grabación, que se define cada vez que se desplaza de la ubicación predeterminada en

el cuadro de diálogo Guardar, Guardar como, Guardar una copia o Exportar

• La ubicación predeterminada en la que se guardan las imágenes o documentos nuevos en el sistema operativo.

ADOBE FIREWORKS CS3

Guía del usuario

Almacenamiento de archivos PNG de Fireworks

Al crear un documento nuevo o abrir un archivo PNG existente de Fireworks, el nombre de archivo del documento tiene
la extensión .png. El archivo que aparece en la ventana de documento de Fireworks es el archivo de origen o archivo de
trabajo.

La utilización de un archivo PNG de Fireworks como archivo de origen tiene 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.

Para guardar un nuevo documento de Fireworks:

1 Seleccione Archivo > Guardar como.

Aparece el cuadro de diálogo Guardar como.

2 Desplácese a la ubicación que desee y escriba el nombre de archivo.

No es necesario que introduzca una extensión, ya que Fireworks especificará la correcta.

3 Haga clic en Guardar.

21

Para guardar un documento existente:

❖

Seleccione Archivo > Guardar.

Para guardar un archivo PNG de Fireworks CS3 para utilizarlo en una versión anterior de Fireworks

1 Seleccione Archivo > Exportar.

2 Seleccione la ubicación en la que desea guardar el archivo.

3 Si el archivo de Fireworks CS3 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

guardará en el formato de archivo predeterminado. Este formato de archivo se puede definir en el panel Optimizar.

Todos los objetos de las capas de nivel superior se guardarán en la exportación. Sin embargo, el contenido de las subcapas
no se exportará.

Almacenamiento de documentos en otros formatos

Si utiliza Archivo > Abrir para abrir un archivo de un formato que no sea PNG, puede utilizar todas las características de
Fireworks para editar la imagen. A continuación puede elegir Guardar como para guardar el trabajo como un nuevo archivo
PNG de Fireworks, o bien elegir un formato distinto para guardar el archivo. Para algunos tipos de archivos, puede elegir
Guardar para guardar el documento en su formato original.

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 dejarán de estar disponibles en el archivo de mapa de bits (véase“Las imágenes vectoriales y de mapa de bits” en la
página 12). Si necesita revisar la imagen, edite el archivo PNG de origen y, a continuación, expórtelo de nuevo.

Puede guardar directamente los siguientes formatos de archivo: PNG de Fireworks, GIF, GIF animado, JPEG, BMP, WBMP,
TIFF, SWF, AI, PSD y PICT (sólo Macintosh). Fireworks guarda las imágenes TIFF de 16 bits con una profundidad de color
de 24 bits.

Los archivos de otros tipos, como PSD y HTML, se abren como archivos PNG, lo que permite utilizar el documento PNG
de Fireworks como archivo de origen. Las modificaciones que se realicen se aplican al archivo PNG y no al original.

ADOBE FIREWORKS CS3

Guía del usuario

Para guardar un archivo GIF, JPEG, TIFF, BMP existente o cualquier otro de los formatos de archivo indicados
anteriormente:

1 Seleccione Archivo > Guardar.

2 Si ha realizado modificaciones en el documento que no son editables en el formato original del archivo, aparece una

notificación en el cuadro de diálogo Guardar. Las modificaciones no editables incluyen la adición de nuevos objetos,
máscaras y filtros automáticos, así como el ajuste de la opacidad, la aplicación de modos de mezcla y el almacenamiento de
selecciones de píxeles.

Nota: Si no selecciona la opción Guardar como copia, el formato de archivo del documento en el que está trabajando cambiará
al formato en el que lo guarde.

Para exportar un documento a otro formato:

1 Elija un formato de archivo en el panel Optimizar.

2 Seleccione Archivo > Exportar para exportar el documento.

Para más información sobre la exportación de archivos, consulte “Optimización y exportación” en la página 249.

El entorno de trabajo de Fireworks

Al abrir un documento en Fireworks por primera vez, Fireworks activa el entorno de trabajo, en el que se incluye el panel
Herramientas, el Inspector de propiedades, los menús y los demás 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 propie­dades 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.

22

Utilización de la página de inicio

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. La utilización de la página de inicio es muy semejante
a la de una página Web. Haga clic en cualquiera de los elementos que aparecen para utilizarlos.

Para desactivar la página de inicio:

1 Ejecute Fireworks sin abrir ningún documento.

Aparecerá la página de inicio.

2 Haga clic en No volver a mostrar este mensaje.

Utilización del panel Herramientas

El panel Herramientas está organizado en seis categorías: Seleccionar, Mapa de bits, Vector, Web, Colores y Ver.

ADOBE FIREWORKS CS3

Guía del usuario

23

Cambio de las opciones de herramientas

Cuando se elige una herramienta, el Inspector de propiedades muestra sus opciones. Algunas opciones permanecen en
pantalla mientras se trabaja con esa herramienta. Con otras herramientas, como las herramientas básicas de forma y las
herramientas Pluma y Línea, el Inspector de propiedades muestra las propiedades de los objetos seleccionados. Para más
información sobre el Inspector de propiedades, consulte “Utilización del Inspector de propiedades” en la página 24.

Para ver en el Inspector de propiedades las opciones de la herramienta que esté utilizando:

❖

Elija Seleccionar > Anular selección para anular la selección de todos los objetos.

Para obtener más información sobre las opciones específicas de las herramientas, consulte las secciones que presentan a
cada una de ellas en Utilización de Fireworks o la Ayuda de Fireworks.

ADOBE FIREWORKS CS3

Guía del usuario

Selección de 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. Por ejemplo, la herramienta Rectángulo forma parte del grupo de herra­mientas de formas básicas, que incluye también las herramientas de Rectángulo redondeado, Elipse y Polígono, así como
las herramientas de formas automáticas, que aparecen bajo la línea divisoria.

Para seleccionar otra herramienta de un grupo de herramientas:

1 Haga clic en el icono de la herramienta y mantenga pulsado el botón del ratón.

Aparece un menú emergente con los iconos, los nombres y las teclas de método abreviado de las herramientas. La herra­mienta actualmente seleccionada lleva una marca de selección a la izquierda del nombre.

2 Arrastre el puntero para resaltar la herramienta que desee y suelte el botón del ratón.

La herramienta aparece en el panel Herramientas, mientras que sus opciones aparecen en el Inspector de propiedades.

24

Utilización del Inspector de propiedades

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 perma­nezca en el espacio de trabajo.

Nota: En la mayoría de los procedimientos de Utilización de Fireworks se da por supuesto que el Inspector de propiedades se
visualiza con su altura completa.

Para desacoplar el Inspector de propiedades:

❖

Arrastre el asa del ángulo superior izquierdo a otra parte del espacio de trabajo.

Para acoplar el Inspector de propiedades en la parte inferior del área de trabajo (sólo Windows):

❖

Arrastre la barra lateral del Inspector de propiedades a la parte inferior de la pantalla.

Para expandir el Inspector de propiedades de media altura a altura completa y ver otras opciones, siga uno de estos
procedimientos:

• Haga clic en la flecha de ampliación situada en el ángulo inferior derecho del Inspector de propiedades.

• Haga clic en el icono del ángulo superior derecho del Inspector de propiedades y elija Altura completa en el menú de

opciones del Inspector de propiedades.

Nota: En Windows, el menú de opciones está disponible únicamente cuando el Inspector de propiedades está acoplado.

Para reducir el Inspector de propiedades a media altura, siga uno de estos procedimientos:

• Haga clic en la flecha de ampliación situada en el ángulo inferior derecho del Inspector de propiedades.

• Elija Media altura en el menú de opciones del Inspector de propiedades.

Nota: En Windows, el menú de opciones está disponible únicamente cuando el Inspector de propiedades está acoplado.

ADOBE FIREWORKS CS3

Guía del usuario

Para contraer el Inspector de propiedades cuando está acoplado, siga uno de estos procedimientos:

• Haga clic en la flecha de ampliación o el título del Inspector de propiedades.

• Elija Contraer grupo de paneles en el menú de opciones del Inspector de propiedades.

Para más información sobre las opciones específicas del Inspector de propiedades, consulte las secciones correspondientes
de Utilización de Fireworks o la Ayuda de Fireworks.

Utilización de los paneles

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 fotogramas, capas, símbolos, muestras de color y otros. Los paneles pueden arrastrarse
por separado, por lo que es posible agruparlos en función de las necesidades propias.

Algunos paneles pueden aparecer agrupados de forma predeterminada y otros no. Los siguientes paneles pueden contener
otros paneles:

25

• Activos

• Colores

• Páginas, Capas, Fotogramas e Historial

• Optimizar y alinear

La mayoría de los paneles no están agrupados normalmente con otros paneles de forma predeterminada, pero puede
agruparlos si lo desea. Al agrupar los paneles, todos los nombres de grupos de los paneles aparecen en la barra de título del
grupo de paneles. Sin embargo, también puede asignar cualquier nombre que desee a los grupos de paneles.

El panel Optimizar permite gestionar los parámetros que controlan el tamaño y el tipo de archivo, y trabajar con la paleta

de colores del archivo o la división que vaya a exportarse.

El panel Capas organiza la estructura de un documento y contiene opciones para crear, eliminar y manipular capas.

El panel Biblioteca común muestra el contenido de la carpeta Common Library, que contiene símbolos.

El panel Páginas muestra las páginas del archivo actual y contiene opciones para la manipulación de páginas.

El panel Fotogramas muestra los fotogramas del archivo actual y contiene opciones para la creación de animaciones.

El panel Historial incluye una lista de los nuevos comandos 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. Para más información, consulte
“Utilización del panel Historial para deshacer y repetir varias acciones” en la página 37.

El panel Formas automáticas contiene formas automáticas que no aparecen en el panel Herramientas.

El panel Estilos permite almacenar y volver a utilizar combinaciones de características de objetos o elegir un estilo entre

los almacenados.

El panel Biblioteca 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 al documento. También es posible realizar cambios globales en ellas modificando solamente el
símbolo. Para más información, consulte “Utilización de estilos, símbolos y URL” en la página 175.

El panel URL permite crear bibliotecas que contienen URL que se utilizan con frecuencia.

El panel Mezclador de colores permite crear colores nuevos y añadirlos a la paleta de colores del documento actual o aplicar

los objetos seleccionados.

El panel Muestras permite gestionar la paleta de colores del documento actual.