ADOBE Fireworks CS4 User Manual [fr]

Utilisation

d’ADOBE ® FIREWORKS® CS4

Utilisation d’Adobe

® Fireworks® CS4 pour Windows® et Mac OS

Si le présent guide est fourni avec un logiciel régi par un contrat d’utilisateur final, ce guide ainsi que le logiciel décrit sont fournis sous licence et peuvent être utilisés ou copiés uniquement selon les clauses et conditions de la licence. Sauf indication expresse dans le contrat de licence, aucune partie de ce guide ne peut être reproduite, stockée dans un système d’extraction ni transmise de quelque manière que soit, électronique, mécanique, par enregistrement ou autre, sans l’accord écrit préalable d’Adobe Systems Incorporated. Veuillez noter que le contenu du présent guide est protégé par la loi sur les droits d’auteur, même s’il n’est pas distribué avec un logiciel régi par un contrat de licence utilisateur final.

Le contenu de ce guide est fourni à titre d’information uniquement, peut faire l’objet de modifications sans préavis et ne saurait être considéré comme un engagement quelconque de la part d’Adobe Systems Incorporated. Adobe Systems Incorporated décline toute responsabilité quant aux erreurs ou imprécisions susceptibles d’apparaître dans les informations que présente ce guide.

Rappelez-vous que certaines illustrations ou images que vous souhaitez inclure dans votre projet peuvent être protégées par les lois de copyright. L’inclusion sans autorisation de tels éléments dans vos propres travaux peut porter atteinte aux droits du détenteur de ce copyright. Veillez à obtenir toutes les autorisations nécessaires auprès de ce dernier.

Toutes les références aux noms de sociétés dans les exemples de modèles sont fournies à titre d’illustration uniquement et ne visent aucune entreprise existante.

Adobe, the Adobe logo, Adobe AIR, Acrobat, ActionScript, Creative Suite, Director, Dreamweaver, Fireworks, Flash, Flex, Flex Builder, Freehand, GoLive, HomeSite, Illustrator, InCopy, InDesign, Photoshop, Reader, Version Cue, and XMP are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.

Apple, Macintosh, and Mac OS are trademarks of Apple Inc., registered in the United States and other countries. Microsoft, Windows, and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. All other trademarks are the property of their respective owners.

This product includes software developed by the Apache Software Foundation (http://www.apache.org/).

The Proximity/Merriam-Webster Inc. Database © Copyright 1990. The Proximity/Franklin Electronic Publishers Database © Copyright 1994. © Copyright 1990, 1994, 1997 All Rights Reserved. Proximity Technology Inc.

This Program was written with MacApp®: ©1985-1988 Apple Computer, Inc. APPLE COMPUTER, INC. MAKES NO WARRANTIES WHATSOEVER, EITHER EXPRESS OR IMPLIED, REGARDING THIS PRODUCT, INCLUDING WARRANTIES WITH RESPECT TO ITS MERCHANTABILITY OR ITS FITNESS FOR ANY PARTICULAR PURPOSE. The MacApp software is proprietary to Apple Computer, Inc. and is licensed to Adobe for distribution only for use in combination with Adobe Fireworks.

PANTONE® colors displayed here may not match PANTONE-identified standards. Consult current PANTONE Color Publications for accurate color. PANTONE® and other Pantone, Inc. trademarks are the property of Pantone, Inc. © Pantone, Inc., 2008.

Portions contributed by Focoltone Colour System.

Portions produced under Dainippon Ink and Chemical, Inc. copyright of color-data-base derived from Sample Books.

Sorenson Spark(tm) video compression and decompression technology licensed from Sorenson Media, Inc.

MPEG Layer-3 audio coding technology licensed from Fraunhofer IIS and Thomson.

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

Notice to U.S. Government End Users. The Software and Documentation are “Commercial Items,” as that term is defined at 48 C.F.R. §2.101, consisting of “Commercial Computer Software” and “Commercial Computer Software Documentation,” as such terms are used in 48 C.F.R. §12.212 or 48 C.F.R. §227.7202, as applicable. Consistent with 48 C.F.R. §12.212 or 48 C.F.R. §§227.7202-1 through 227.7202-4, as applicable, the Commercial Computer Software and Commercial Computer Software Documentation are being licensed to U.S. Government end users (a) only as Commercial Items and (b) with only those rights as are granted to all other end users pursuant to the terms and conditions herein. Unpublished-rights reserved under the copyright laws of the United States. Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, USA. For U.S. Government End Users, Adobe agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. The affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference.

Sommaire

Chapitre 1 : Ressources

Activation et enregistrement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Aide et assistance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

Services, téléchargements et extras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Nouveautés de Fireworks CS4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Chapitre 2 : Principes de base de Fireworks

A propos de l’utilisation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

Graphiques vectoriels et bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

Création d’un document Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Ouverture et importation de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Création de fichiers PNG Fireworks à partir de fichiers HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Insertion d’objets dans un document Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Enregistrement de fichiers Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

iii

Chapitre 3 : Espace de travail

Principes de base de l’espace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Navigation dans les documents et affichage de documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

Modification d’une zone de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

Annulation et répétition de plusieurs actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

Chapitre 4 : Sélection et transformation d’objets

Sélection des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

Modification d’une sélection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Sélection de pixels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

Edition d’objets sélectionnés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

Mise à l’échelle en 9 tranches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50

Organisation de plusieurs objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52

Chapitre 5 : Utilisation d’images bitmap

Création d’images bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55

Modification d’objets bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56

Retouche des images bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58

Ajustement des couleurs et des tons d’une image bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63

Atténuation et accentuation des images bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70

Ajout de bruit à une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72

Chapitre 6 : Utilisation des objets vectoriels

Formes simples . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73

Formes automatiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75

Formes libres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79

Techniques spécifiques de retouche vectorielle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85

UTILISATION DE FIREWORKS CS4

Sommaire

Chapitre 7 : Utilisation du texte

Entrée de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93

Mise en forme et édition de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94

Chapitre 8 : Application de couleurs, de contours et de fonds

Application de couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Panneau Kuler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

Application de contours et de fonds . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

Chapitre 9 : Utilisation des filtres dynamiques

Application de filtres dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123

Modification et personnalisation des filtres dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127

Chapitre 10 : Calques, masques et fondus

Calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

Masquage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134

Fusion et transparence . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146

Chapitre 11 : Styles, symboles et adresses URL

Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151

Symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155

URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162

Chapitre 12 : Tranches, survols et zones sensibles

Création et modification de tranches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166

Tranches interactives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

Préparation des tranches pour l’exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177

Zones sensibles et cartes-images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

Chapitre 13 : Création de boutons et de menus contextuels

Principes de base de la navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185

Création de symboles de bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186

Modification de symboles de bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189

Menus contextuels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191

Chapitre 14 : Prototypage de sites Web et d’interfaces d’applications

Flux de production de prototypage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

Utilisation de pages Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198

Création de dispositions CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201

Prototypage d’applications Flex . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203

Prototypage d’applications Adobe AIR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206

Chapitre 15 : Création d’animations

Notions de base sur les animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

Création de symboles d’animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

Modification de symboles d’animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

Etats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211

Utilisation des états . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212

A propos des pelures d’oignon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214

UTILISATION DE FIREWORKS CS4

Sommaire

Interpolation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214

Prévisualisation d’une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215

Optimisation d’une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216

Utilisation d’animations existantes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216

Torsion et Nuance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217

Chapitre 16 : Création de diaporamas

Création et organisation d’un diaporama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218

Personnalisation d’un diaporama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219

Création d’un lecteur Fireworks personnalisé . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221

Chapitre 17 : Optimisation et exportation

Utilisation de l’assistant Exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224

Utilisation de l’aperçu de l’image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224

Optimisation dans l’espace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227

Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231

Optimisation des fichiers JPEG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238

Exportation depuis l’espace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240

Envoi d’un document Fireworks comme pièce jointe d’un message électronique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251

Chapitre 18 : Utilisation de Fireworks avec d’autres applications

Utilisation de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252

Utilisation de HomeSite, GoLive et d’autres éditeurs HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260

Utilisation de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262

Utilisation de FreeHand et d’Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268

Utilisation de Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272

Utilisation de Director . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277

A propos d’Adobe Bridge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279

Partage de métadonnées d’image avec Adobe XMP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279

Chapitre 19 : Automatisation des tâches

Recherche et remplacement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284

Sélection de la source de recherche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284

Définition des options de recherche/remplacement dans plusieurs fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285

Recherche et remplacement de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285

Recherche et remplacement de polices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285

Recherche et remplacement des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286

Recherche et remplacement d’URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286

Recherche et remplacement de couleurs non sécurisées pour le Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286

Traitement par lots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287

Utilisation de commandes pour le traitement par lots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291

Extension de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293

Scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294

Gestion des commandes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295

Chapitre 20 : Préférences et raccourcis clavier

Définition des préférences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297

Sélection et personnalisation des raccourcis clavier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301

UTILISATION DE FIREWORKS CS4

Sommaire

Utilisation des fichiers de configuration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302

A propos de la réinstallation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303

Affichage du contenu du module (Mac OS uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304

Chapitre 1 : Ressources

Adobe® Fireworks® propose un environnement de conception efficace, adapté au prototypage rapide de sites Web et d’interfaces utilisateur et à la création et l’optimisation des images pour le Web. Il vous permet de modifier des images vectorielles et bitmap en toute flexibilité, met à votre disposition une bibliothèque commune d’actifs préconstruits et vous fait gagner du temps en s’intégrant aux logiciels Adobe Photoshop®, Adobe Illustrator®, Adobe Dreamweaver® et Adobe Flash® Professional.

Activation et enregistrement

Aide à l’installation

Pour obtenir de l’aide pendant l’installation, consultez le Centre d’assistance à l’installation à l’adresse suivante :

www.adobe.com/go/cs4install_fr.

Activation de la licence

Lors du processus d’installation, votre logiciel Adobe contacte Adobe afin d’achever le processus d’activation de la licence. Aucune donnée personnelle n’est transmise lors de cette opération. Pour plus de détails sur l’activation du produit, consultez le site Web d’Adobe à l’adresse http://www.adobe.com/go/activation_fr.

L’activation d’une licence monoutilisateur prend en charge deux ordinateurs. Par exemple, vous pouvez installer le produit sur un ordinateur de bureau de votre lieu de travail et sur un ordinateur portable utilisé à votre domicile. Si vous souhaitez installer le logiciel sur un troisième ordinateur, vous devez d’abord le désactiver sur l’un des deux autres ordinateurs. Choisissez la commande Aide > Désactiver.

Enregistrement

Enregistrez votre produit afin de bénéficier gratuitement d’une aide à l’installation, de notifications de mises à jour, ainsi que d’autres services.

❖ Pour procéder à l’enregistrement, suivez les instructions affichées dans la boîte de dialogue d’enregistrement qui

s’affiche après l’installation du logiciel.

Si vous reportez l’enregistrement, vous pourrez effectuer cette procédure ultérieurement en choisissant la commande Aide > Enregistrement.

Programme d’amélioration des produits Adobe

Après un certain nombre d’utilisations du logiciel Adobe, une boîte de dialogue peut éventuellement apparaître, vous invitant à participer au programme d’amélioration des produits Adobe.

Si vous acceptez d’y participer, des données relatives à votre utilisation du logiciel sont envoyées à Adobe. Aucune information personnelle n’est enregistrée ou transmise. Le programme d’amélioration des produits Adobe ne rassemble que les informations concernant les fonctionnalités et les outils que vous utilisez dans le logiciel, ainsi que la fréquence d’utilisation.

UTILISATION DE FIREWORKS CS4

Ressources

Vous pouvez rejoindre ou quitter le programme d’amélioration à tout moment :

• Pour participer, choisissez la commande Aide > Programme d’amélioration des produits Adobe, puis cliquez sur le

bouton Oui, participer.

• Pour mettre fin à votre participation, choisissez la commande Aide > Programme d’amélioration des produits

Adobe, puis cliquez sur le bouton Non, merci.

Lisez-moi

Un fichier Lisez-moi relatif à votre logiciel est disponible en ligne et sur le disque d’installation. Ouvrez le fichier pour consulter des informations importantes sur les rubriques de type :

• Configuration système

• Installation (dont la désinstallation du logiciel)

• Activation et enregistrement

• Installation des polices

• Résolution des problèmes

• Support technique

• Informations juridiques

Aide et assistance

Aide communautaire

L’aide communautaire sur adobe.com est un environnement uniforme vous permettant d’accéder à différentes ressources générées par la communauté et contrôlées par des experts de l’industrie et des spécialistes Adobe. Les utilisateurs y fournissent des commentaires et des évaluations qui peuvent vous orienter vers les réponses souhaitées. La fonction de recherche dans l’aide communautaire vous permet de retrouver les meilleures ressources du Web consacrées aux produits et aux technologies Adobe. Sont notamment disponibles :

• Des vidéos, des didacticiels, des conseils et des techniques, des blogs, des articles et des exemples destinés aux

concepteurs comme aux développeurs.

• L’aide complète en ligne, régulièrement mise à jour, est plus approfondie que celle qui accompagne votre produit.

Si vous êtes connecté à Internet lorsque vous accédez à l’aide, vous êtes directement dirigé vers l’aide complète disponible sur le Web, et non vers la version abrégée fournie avec votre produit.

• Toutes les autres ressources disponibles sur adobe.com, telles que les articles de la base de connaissances, les fichiers

en téléchargement et les mises à jour, Developper Connection, etc.

Utilisez le champ de recherche de l’aide dans l’interface utilisateur de votre produit pour accéder à l’aide communautaire. Une vidéo consacrée à l’aide communautaire est disponible à l’adresse suivante :

www.adobe.com/go/lrvid4117_xp_fr.

Ressources supplémentaires

Vous pouvez commander une version imprimée de l’aide en ligne à l’adresse suivante : www.adobe.com/go/store_fr (les frais de livraison et de manutention vous seront facturés). L’aide en ligne fournit également un lien vers l’aide au format PDF, celle-ci étant complète et actualisée en permanence.

UTILISATION DE FIREWORKS CS4

Ressources

Consultez le site Web d’assistance technique d’Adobe, à l’adresse www.adobe.com/fr/support, pour en savoir plus sur les options d’assistance technique gratuites et payantes.

Services, téléchargements et extras

Vous pouvez optimiser votre produit en y intégrant divers services, modules externes et extensions. Vous pouvez également télécharger des exemples et autres éléments qui vous aideront dans votre travail.

Services créatifs en ligne Adobe

Adobe® Creative Suite® 4 s’enrichit de nouvelles fonctionnalités en ligne qui vous permettent d’exploiter toute la puissance du Web à partir de votre Bureau. Vous pourrez utiliser ces fonctionnalités pour vous mettre en contact et collaborer avec des membres de la communauté, et pour tirer le meilleur parti de vos outils Adobe. Extrêmement puissants, les services créatifs en ligne vous permettent de réaliser un vaste éventail de tâches, de la mise en correspondance de couleurs à l’échange de données en direct. Ces services s’intègrent de manière transparente aux applications bureautiques afin que vous puissiez rapidement améliorer les flux de production existants. Certains services offrent des fonctionnalités complètes ou partielles même lorsque vous êtes hors ligne.

Consultez le site adobe.com pour en savoir plus sur les services disponibles. Certaines applications de la suite Creative Suite 4 intègrent les fonctions suivantes :

Panneau Kuler™ Créez, partagez et découvrez des thèmes de couleurs en ligne.

Adobe® ConnectNow Travaillez en étroite collaboration avec des groupes de travail dispersés sur le Web, et partagez

voix, données et contenu multimédia.

Centre de ressources Accédez instantanément à des didacticiels, des fichiers d’exemple et des extensions pour les

applications vidéo numériques Adobe.

Pour plus de détails sur la gestion de vos services, consultez le site Web d’Adobe à l’adresse suivante :

www.adobe.com/go/learn_creativeservices_fr.

Adobe Exchange

Visitez le site Adobe Exchange à l’adresse www.adobe.com/go/exchange_fr pour télécharger des exemples, ainsi que des milliers de modules externes et d’extensions fournis par Adobe et des développeurs tiers. Ces modules externes et extensions peuvent vous aider à automatiser des tâches, à personnaliser des processus et à créer des effets professionnels spécifiques, entre autres.

Téléchargements Adobe

Rendez-vous à l’adresse www.adobe.com/go/downloads_fr pour obtenir gratuitement des mises à jour, des versions d’essai et d’autres logiciels utiles.

Adobe Labs

Le site Adobe Labs à l’adresse www.adobe.com/go/labs_fr vous permet de découvrir et d’évaluer les nouveaux produits et technologies développés par Adobe. Adobe Labs vous donne accès à tout un éventail de ressources :

• préversions de logiciels et technologies à venir ;

• échantillons de code et méthodes conseillées pour accélérer votre apprentissage ;

UTILISATION DE FIREWORKS CS4

Ressources

• préversions de la documentation technique et produit ;

• forums, contenu Wiki et autres ressources de collaboration pour vous aider à interagir avec des développeurs qui

partagent vos opinions.

Adobe Labs favorise la mise en place d’un processus de développement de logiciels axé sur la collaboration. Dans cet environnement, les clients utilisant de nouveaux produits et technologies deviennent rapidement productifs. Adobe Labs comprend également un forum permettant de recueillir les premiers commentaires. L’équipe de développement Adobe s’appuie sur ces commentaires pour créer des logiciels répondant aux besoins et aux attentes de la communauté.

Adobe TV

Le canal Adobe TV disponible à l’adresse http://tv.adobe.com/fr propose des vidéos permettant de parfaire ses connaissances ou de trouver une source d’inspiration.

Extras

Le disque d’installation contient divers extras qui vous permettront de profiter pleinement des fonctionnalités de votre logiciel Adobe. Certains extras sont installés sur votre ordinateur au cours du processus d’installation, tandis que d’autres sont disponibles sur le disque.

Pour afficher les extras installés avec le logiciel, accédez au dossier de l’application sur votre ordinateur.

• Windows® : [disque de démarrage]\Program Files\Adobe\[application Adobe]

• Mac OS® : [disque de démarrage]/Applications/[application Adobe]

Pour afficher les extras disponibles sur le disque, accédez au dossier Goodies pour la langue de votre choix sur le disque. Exemple :

• /English/Goodies/

Nouveautés de Fireworks CS4

Meilleures performances et stabilité accrue

De l’ouverture et de l’enregistrement d’un fichier jusqu’à la mise à jour d’un symbole et aux opérations intensives sur les bitmaps et les vecteurs, l’amélioration des performances globales de Fireworks vous permet de travailler plus rapidement et plus intelligemment.

Nouvelle interface utilisateur

Grâce au caractère universel de l’interface utilisateur, vous pouvez accéder en toute simplicité à Fireworks à partir d’autres applications Creative Suite, telles que Photoshop, Illustrator ou Flash.

Mises en page CSS

En une seule étape, vous pouvez créer des pages web complètes dans l’environnement graphique robuste de Fireworks et exporter des mises en page de type CSS conformes aux normes web avec feuilles de style externes. Commencez par l’une des six mises en page les plus courantes et intégrez ensuite les graphiques de premier plan et d’arrière-plan, avec détection automatique de marge et de marge intérieure. Enrichissez vos mises en page Fireworks de symboles HTML pour indiquer en-têtes, liens et propriétés de formulaire, pour un contrôle CSS précis.

UTILISATION DE FIREWORKS CS4

Ressources

Exportation au format PDF

Générez des documents PDF sécurisés, interactifs et hautement fidèles à partir des composants de conception Fireworks, pour une meilleure communication avec le client.

Adobe Type Engine

Créez des conceptions de haute qualité grâce aux fonctionnalités améliorées de définition de type d’Adobe Type Engine, que connaissent bien les utilisateurs de Photoshop, d’Illustrator et désormais, de Fireworks. Importez, copiez ou collez, sans perte de fidélité, des caractères codés sur deux octets depuis Adobe Illustrator ou Photoshop. Insérez du texte flottant dans les chemins d’accès pour des logos plus percutants.

Styles dynamiques

Traitez un objet ou un texte Fireworks avec des styles professionnels ou votre collection personnalisée. Mettez à jour effets, couleurs et attributs de texte en modifiant une seule source de style.

Optimisation de l’espace de travail

Des repères commentés pour positionner et mesurer les repères et les éléments de la zone de travail de façon rapide et précise : l’affichage frontal vous indique votre position dans la zone de travail lorsque vous faites glisser les repères. Fonction de modification en place d’un symbole pour un affinage par rapport au reste de votre conception. L’outil de mise à l’échelle en 9 tranches extensible s’applique désormais à n’importe quel objet de la zone de travail et non plus uniquement aux symboles.

Chapitre 2 : Principes de base de Fireworks

A propos de l’utilisation de Fireworks

Adobe® Fireworks® est un programme polyvalent de création, d’édition et d’optimisation de graphiques Web. Vous pouvez créer et modifier des images bitmap et vectorielles, créer des effets pour le Web, tels que des survols et des menus contextuels, recadrer et optimiser des graphiques afin de réduire la taille de leur fichier et gagner du temps en automatisant les tâches répétitives. Vous pouvez exporter ou enregistrer un document au format de fichier JPEG, GIF ou autre. Vous pouvez enregistrer ces fichiers avec des fichiers HTML comportant des tables HTML et du code JavaScript pour pouvoir les utiliser sur le Web.

Pour visionner un didacticiel vidéo sur les principes de base de Fireworks, reportez-vous à

www.adobe.com/go/lrvid4032_fw_fr.

Dessin et modification d’objets vectoriels et bitmap

Le panneau Outils de Fireworks, organisé en sections, regroupe des outils de dessin et d’édition spécifiques aux objets vectoriels et bitmap. L’outil que vous sélectionnez détermine si l’objet que vous créez est un objet vectoriel ou bitmap. Après avoir dessiné un objet ou tracé du texte, toute une gamme d’outils, d’effets, de commandes et de techniques sont à votre disposition pour enrichir vos graphiques ou créer des boutons de navigation interactifs.

Vous pouvez également importer et modifier des images, notamment aux formats JPEG, GIF, PNG et PSD.

Ajout d’interactivité aux graphiques

Les tranches et les zones sensibles sont des objets Web qui spécifient des zones interactives dans un graphique Web. Les tranches découpent une image en portions exportables auxquelles vous pouvez appliquer des comportements de survol, des animations et des liens URL (Uniform Ressource Locator). Sur une page Web, chaque tranche s’affiche dans une cellule de tableau.

Vous pouvez affecter rapidement des comportements de permutation d’images ou de survol à des graphiques à l’aide des poignées de survol par glisser-déposer sur des tranches et des zones sensibles. Vous pouvez créer des graphiques interactifs insolites destinés à la navigation sur des sites Web à l’aide de l’éditeur de boutons et de l’éditeur de menu contextuel de Fireworks.

Optimisation et exportation des graphiques

Les fonctions d’optimisation sophistiquées de Fireworks vous permettent d’obtenir l’équilibre parfait entre taille de fichier et qualité d’affichage des graphiques exportés. Le type d’optimisation dépend des besoins des utilisateurs et du contenu.

Après l’optimisation de vos graphiques, l’étape suivante consiste à les exporter afin de les utiliser sur le Web. A partir de votre document PNG source Fireworks, vous pouvez exporter divers types de fichiers, notamment des fichiers JPEG, GIF, GIF animé et des tables HTML contenant des images découpées, vers différents types de fichiers.

UTILISATION DE FIREWORKS CS4

Principes de base de Fireworks

Graphiques vectoriels et bitmap

Les ordinateurs affichent les graphiques au format vectoriel ou bitmap. Comprendre la différence entre les deux formats vous aidera à comprendre Fireworks, qui contient des outils vectoriels et bitmap et qui est capable d’ouvrir ou d’importer les deux formats.

A propos des graphiques vectoriels

Les graphiques vectoriels reproduisent des images en utilisant des lignes et des courbes (appelées vecteurs) qui incluent des informations de couleur et de position. Par exemple, l’image d’une feuille peut être définie par une série de points décrivant son contour La couleur de la feuille est déterminée par la couleur de son tracé (le contour) et la couleur de la zone délimitée par ce tracé (le fond).

Les graphiques vectoriels ne dépendent pas de la résolution. Cela signifie que la qualité de l’aspect d’un graphique vectoriel est conservée lorsque vous modifiez sa couleur, sa taille, sa forme ou sa position, ou que la résolution du périphérique de sortie change.

A propos des graphiques bitmap

Les graphiques bitmap sont composés de points (pixels) organisés selon une grille. L’écran de votre ordinateur est une grande grille de pixels. Dans une version bitmap de la feuille, l’image est déterminée par l’emplacement et la valeur chromatique de l’ensemble des pixels de la grille. Chaque pixel est associé à une couleur. Lorsque ces points sont affichés à la bonne résolution, ils s’emboîtent comme les carreaux d’une mosaïque.

Lorsque vous modifiez un graphique bitmap, vous modifiez des pixels et non des lignes et des courbes. Ces graphiques bitmap dépendent de la résolution, ce qui signifie que les données décrivant l’image sont conditionnées par une grille de taille spécifique. L’agrandissement d’un graphique bitmap modifie la distribution des pixels dans la grille, ce qui peut rendre les bords de l’image légèrement dentelés. L’affichage d’un graphique bitmap sur un périphérique de sortie dont la résolution est inférieure à celle de l’image risque également d’en altérer la qualité.

UTILISATION DE FIREWORKS CS4

Principes de base de Fireworks

Création d’un document Fireworks

Les documents créés dans Fireworks sont enregistrés au format PNG (Portable Network Graphic). PNG est le format de fichier natif de Fireworks.

Les graphiques créés dans Fireworks peuvent être exportés ou enregistrés sous divers formats graphiques et Web. Quels que soient les paramètres d’optimisation et d’exportation sélectionnés, le fichier PNG Fireworks d’origine est conservé afin de pouvoir le modifier plus tard très facilement.

Création d’un nouveau document

1 Choisissez Fichier > Nouveau.

La boîte de dialogue Nouveau document s’affiche.

2 Entrez les paramètres du document, puis cliquez sur OK.

Remarque : utilisez la fenêtre contextuelle de la case de couleur Personnalisée pour sélectionner une couleur de zone de travail personnalisée.

Création d’un document de la même taille qu’un objet du Presse-papiers

1 Copiez un objet dans le Presse-papiers depuis un autre document Fireworks, un navigateur Web ou toute autre

application adéquate.

2 Choisissez Fichier > Nouveau.

La boîte de dialogue Nouveau document s’affiche, présentant la hauteur et la largeur de l’objet dans le Pressepapiers.

3 Sélectionnez une résolution et une couleur de zone de travail, puis cliquez sur OK.

4 Choisissez Edition > Coller pour coller dans le nouveau document l’objet en provenance du Presse-papiers.

Ouverture et importation de fichiers

Remarque : lorsque vous importez un fichier depuis Adobe Dreamweaver®, Fireworks conserve la plupart des comportements JavaScript, mais pas tous. Si Fireworks prend en charge un comportement particulier, ce dernier est reconnu et conservé lorsque vous réimportez le fichier dans Dreamweaver.

UTILISATION DE FIREWORKS CS4

Principes de base de Fireworks

Ouverture d'un document Fireworks

❖ Choisissez Fichier > Ouvrir, puis sélectionnez le fichier.

Pour ouvrir un fichier sans écraser la version précédente, cliquez sur Ouvrir en tant que Sans titre, puis enregistrez le fichier en utilisant un autre nom.

Ouverture d’un fichier récemment fermé

1 Choisissez Fichier > Ouvrir les fichiers récents.

2 Sélectionnez un fichier dans le sous-menu.

Ouverture d’un fichier récemment fermé lorsque aucun fichier n’est ouvert

❖ Cliquez sur le nom du fichier dans la page de démarrage.

Ouverture de graphiques créés dans d’autres applications

Vous pouvez ouvrir des fichiers créés dans d’autres applications ou dans des formats différents, dont les fichiers Photoshop®, Adobe FreeHand®, Adobe Illustrator®, WBMP, EPS, JPEG, GIF et GIF animés.

Lorsque vous ouvrez un format de fichier autre que PNG en choisissant la commande Fichier > Ouvrir, vous créez un nouveau document PNG Fireworks basé sur le fichier que vous ouvrez. Vous pouvez utiliser toutes les fonctions de Fireworks pour modifier l’image. Vous pouvez ensuite sélectionner Enregistrer sous pour enregistrer votre travail dans un nouveau fichier PNG Fireworks, ou tout autre format.

Dans certains cas, vous pouvez enregistrer le fichier sous son format d’origine. Le cas échéant, tous les calques de l’image fusionnent, ce qui empêche d’agir sur les fonctions Fireworks ajoutées à l’image.

Vous pouvez enregistrer les formats de fichier suivants directement depuis Fireworks : PNG Fireworks, GIF, GIF animé, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD et PICT (Mac uniquement).

Remarque : Fireworks enregistre les images TIFF 16 bits à une profondeur de couleur de 24 bits.

Fichiers GIF animés

• Importez un fichier GIF animé en tant que symbole d’animation, puis modifiez et déplacez tous les éléments de

l’animation en tant qu’une seule unité. Pour créer de nouvelles instances du symbole, servez-vous du panneau Bibliothèque de documents.

Remarque : lorsque vous importez un GIF animé, la cadence des états est de 0,07 seconde par défaut. Si nécessaire, utilisez le panneau Etats pour rétablir la cadence d’origine.

• Ouvrez un fichier GIF animé de la même manière qu’un fichier GIF ordinaire. Les éléments du fichier GIF sont

placés en tant qu’image distincte dans un état de Fireworks. Dans Fireworks, vous pouvez convertir le graphique en un symbole d’animation.

Fichiers EPS

Fireworks ouvre la plupart des fichiers EPS en tant qu’images bitmap aplaties, dont tous les objets sont rassemblés sur un seul et même calque. Certains fichiers EPS exportés à partir d’Adobe Illustrator conservent leurs informations vectorielles.

UTILISATION DE FIREWORKS CS4

Principes de base de Fireworks

Fichiers PSD

Fireworks peut ouvrir des fichiers PSD créés dans Photoshop tout en conservant la plupart des fonctions PSD, notamment les calques hiérarchiques, les effets de calques et les modes de fusion couramment utilisés.

Fichiers WBMP

Fireworks peut ouvrir des fichiers WBMP. Il s’agit de fichiers 1 bit (monochromes) qui ont été optimisés pour les périphériques d’informatique mobile. Ce format est conçu pour les pages WAP (Wireless Application Protocol).

Création de fichiers PNG Fireworks à partir de fichiers HTML

Dans Fireworks, vous pouvez ouvrir et importer des contenus HTML créés dans d’autres applications et contenant des éléments de table HTML.

Ouverture de toutes les tables d’un fichier HTML

1 Choisissez Fichier > Reconstituer la table.

2 Sélectionnez le fichier HTML contenant les tables à ouvrir, puis cliquez sur Ouvrir.

Chaque table s’affiche dans sa propre fenêtre de document.

Ouverture de la première table d’un fichier HTML

1 Choisissez Fichier > Ouvrir.

2 Sélectionnez le fichier HTML contenant la table à ouvrir, puis cliquez sur Ouvrir.

La première table du fichier HTML s’affiche dans une nouvelle fenêtre de document.

Importation de la première table d’un fichier HTML vers un document Fireworks ouvert

1 Choisissez Fichier > Importer.

2 Sélectionnez le fichier HTML à partir duquel vous voulez effectuer l’importation, puis cliquez sur Ouvrir.

3 Cliquez pour placer le point d’insertion à l’endroit où vous souhaitez que la table importée apparaisse.

Remarque : Fireworks peut importer des documents qui utilisent un codage UTF-8 ainsi que ceux écrits en XHTML.

Insertion d’objets dans un document Fireworks

Glissement d’une image ou d’un texte dans Fireworks

Utilisez la méthode du glisser-déposer pour importer des objets vectoriels, des images bitmap ou du texte à partir d’applications prenant en charge ce procédé.

❖ A partir de l’autre application, faites glisser l’objet ou le texte dans Fireworks.

UTILISATION DE FIREWORKS CS4

Principes de base de Fireworks

Collage dans Fireworks

Lorsque vous collez dans Fireworks un objet copié à partir d’une autre application, cet objet est placé au centre du document actif.

Vous pouvez coller depuis le Presse-papiers des objets ou du texte aux formats suivants :

• Adobe FreeHand 7 ou version ultérieure

• Adobe Illustrator

• PNG

• PICT (Mac OS)

• DIB (Windows)

• BMP (Windows)

• Texte ASCII

• EPS

• WBMP

• TXT

• RTF

1 Dans l’autre application, copiez l’objet ou le texte à coller.

2 Dans Fireworks, collez l’objet ou le texte dans votre document.

Localisation des objets collés

L’emplacement des fichiers collés dépend de la sélection :

• Si au moins un objet d’un seul calque est sélectionné, l’objet collé est placé devant (empilé directement au-dessus

de) l’objet sélectionné sur ce même calque.

• Si le calque lui-même est sélectionné, ainsi que tous ses objets ou aucun d’entre eux, l’objet collé est placé devant

(empilé directement au-dessus de) l’objet supérieur (placé sur le dessus) de ce même calque.

• Si au moins deux objets de plusieurs calques sont sélectionnés, l’objet collé est placé devant (empilé directement au-

dessus de) l’objet supérieur (placé sur le dessus) du calque supérieur (du dessus).

• Si le calque Web ou un objet du calque Web est sélectionné, l’objet collé est placé devant (empilé au-dessus de) tous

les autres objets du calque inférieur (du dessous).

Remarque : le calque Web est un calque spécial qui contient tous les objets Web. Il est toujours placé en haut du panneau Calques.

Rééchantillonnage des objets collés

Le rééchantillonnage ajoute ou supprime des pixels dans une image bitmap redimensionnée pour qu’elle se rapproche le plus possible de l’aspect de l’image bitmap d’origine. Le rééchantillonnage d’une image bitmap dans une résolution supérieure provoque généralement une légère perte de qualité. Le rééchantillonnage à une résolution inférieure provoque toujours une perte de données et donc une perte de qualité.

Rééchantillonnage d’un objet bitmap par collage

1 Copiez l’objet bitmap dans le Presse-papiers de Fireworks ou d’un autre programme.

2 Choisissez Edition > Coller dans Fireworks.

UTILISATION DE FIREWORKS CS4

Principes de base de Fireworks

3 Si la résolution de l’image bitmap qui se trouve dans le Presse-papiers est différente de celle du document actif,

choisissez une option de rééchantillonnage.

Oui Conserve la largeur et la hauteur initiales de l’image bitmap collée, en ajoutant ou en supprimant des pixels en

fonction des besoins.

Non Conserve tous les pixels d’origine, ce qui peut rendre la taille relative de l’image collée plus grande ou plus

petite que prévu.

Importation d’un fichier PNG dans le calque d’un document Fireworks

Lorsque vous importez des fichiers PNG Fireworks sur le calque actif du document Fireworks en cours, des zones sensibles et des tranches sont placées sur le calque Web du document. Fireworks conserve les proportions de l’image importée.

1 Dans le panneau Calques, sélectionnez le calque dans lequel vous voulez importer le fichier.

2 Choisissez Fichier > Importer pour ouvrir la boîte de dialogue Importer.

3 Accédez au fichier à importer, puis cliquez sur Ouvrir.

4 Sur la zone de travail, positionnez le pointeur d’importation à l’endroit où vous voulez placer le coin supérieur

gauche de l’image.

5 Procédez de l’une des manières suivantes :

• Cliquez pour importer l’image en taille réelle.

• Faites glisser le pointeur d’importation pour redimensionner l’image importée.

Importation à partir d’un scanner ou d’un appareil photo numérique

Vous pouvez importer des images à partir d’un scanner ou d’un appareil photo numérique uniquement s’il est compatible TWAIN (Windows) ou s’il utilise la fonctionnalité de capture d’image intégrée (Mac OS). Les images importées dans Fireworks à partir d’un appareil photo numérique ou d’un scanner sont ouvertes en tant que nouveaux documents.

Avant d’importer des images dans Fireworks, installez tous les pilotes, modules et modules externes nécessaires pour l’appareil photo numérique ou le scanner.

Le dossier des modules externes se trouve dans le dossier de l’application Fireworks. Sous Mac OS, Fireworks recherche automatiquement les modules externes Photoshop Acquire dans ce dossier.

Direction de Fireworks vers les modules externes Photoshop Acquire

1 Dans Fireworks, choisissez Edition > Préférences (Windows) ou Fireworks > Préférences (Mac OS).

2 Cliquez sur la catégorie Modules externes.

3 Sélectionnez Modules externes Photoshop, puis accédez au dossier des modules externes.

Si la boîte de dialogue de sélection du dossier de modules externes Photoshop (Windows) ou Choisissez un dossier (Mac OS) ne s’ouvre pas automatiquement, naviguez jusqu’au dossier.

Importation d’une image à partir d’un appareil photo numérique (Windows)

1 Connectez l’appareil photo à votre ordinateur.

2 Dans Fireworks, choisissez Fichier > Numérisation, puis sélectionnez Acquisition Twain ou Source Twain.

3 Sélectionnez la source des images et les images à importer.

UTILISATION DE FIREWORKS CS4

Principes de base de Fireworks

L’interface utilisateur de votre logiciel d’appareil photo s’affiche.

4 Suivez les instructions pour appliquer les paramètres.

Importation d’une image à partir d’un appareil photo numérique (Mac OS)

1 Connectez l’appareil photo à votre ordinateur.

2 Dans Fireworks, choisissez Fichier > Acquisition, puis sélectionnez Acquisition appareil photo ou Source appareil

photo.

3 Sélectionnez l’appareil photo et les images à importer.

4 Suivez les instructions pour appliquer les paramètres.

Importation d’une image à partir d’un scanner

1 Connectez le scanner à votre ordinateur.

2 Installez le logiciel qui accompagne le scanner, si cela n’a pas déjà été fait.

3 Procédez de l’une des manières suivantes :

• (Windows) Dans Fireworks, choisissez Fichier > Scanner, puis sélectionnez Acquisition Twain ou

Source Twain.

• (Mac OS) Dans Fireworks, choisissez Fichier > Acquisition, puis sélectionnez Acquisition Twain ou

Source Twain.

Remarque : pour la plupart des modules TWAIN ou des modules externes Photoshop Acquire, vous pouvez spécifier des options complémentaires dans d’autres boîtes de dialogue.

4 Suivez les instructions pour appliquer les paramètres.

Enregistrement de fichiers Fireworks

Lorsque vous créez un document ou ouvrez des fichiers au format PSD ou HTML, choisissez la commande Fichier > Enregistrer pour créer un fichier PNG Fireworks. Les fichiers PNG Fireworks présentent les avantages suivants :

• Le fichier PNG source est toujours modifiable. Vous pouvez faire marche arrière et effectuer des modifications

supplémentaires, même après l’exportation du fichier dans le but de l’utiliser sur le Web.

• Vous pouvez découper en plusieurs tranches des graphiques complexes dans le fichier PNG et les exporter dans

différents formats et avec divers paramètres d’optimisation.

Si Fireworks met du temps à enregistrer un document complexe, vous pouvez modifier d’autres documents ouverts en attendant que l’opération de sauvegarde se termine.

Enregistrement d’un fichier Fireworks au format PNG pour l’utiliser dans une version antérieure

1 Choisissez Fichier > Exporter.

2 Recherchez l’emplacement où vous voulez enregistrer le fichier.

3 Si le fichier Fireworks contient plusieurs pages, sélectionnez la commande Pages vers Fichiers dans le menu

contextuel Exporter.

UTILISATION DE FIREWORKS CS4

Principes de base de Fireworks

4 Sélectionnez Images ou PNG Fireworks dans la liste déroulante Exporter en tant que. Si vous sélectionnez Images,

chaque page est enregistrée au format de fichier par défaut. Vous pouvez définir ce format de fichier via le panneau Optimisation. Pour plus de détails, reportez-vous à la section « Optimisation et exportation » à la page 224.

Tous les objets des calques supérieurs sont enregistrés lors de l’exportation. Les éléments des calques inférieurs ne sont pas exportés.

Enregistrement de tous les documents ouverts

Vous pouvez enregistrer tous les documents ouverts tout en continuant de travailler dessus. Vous pouvez également spécifier des noms de fichiers pour les documents ne portant pas de nom. Les documents qui ont été modifiés depuis le dernier enregistrement apparaissent avec un astérisque (*) à côté du nom du fichier dans l’onglet du document.

❖ Choisissez Commandes > Enregistrer tout.

Enregistrement de documents dans d’autres formats

Si vous choisissez la commande Fichier > Ouvrir pour ouvrir un fichier dans un format autre que PNG, vous pouvez ensuite sélectionner la commande Fichier > Enregistrer sous pour sauvegarder votre travail en tant que nouveau fichier PNG Fireworks ou dans un autre format.

Pour les types de fichier suivants, vous pouvez choisir la commande Fichier > Enregistrer pour sauvegarder le document dans son format d’origine : PNG Fireworks, GIF, GIF animé, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD et PICT (Mac OS uniquement). Fireworks enregistre les images TIFF 16 bits à une profondeur de couleur de 24 bits.

Remarque : si vous enregistrez un fichier PNG en tant que fichier bitmap, tel que GIF ou JPEG, les objets graphiques que vous avez manipulés dans le fichier PNG ne sont plus disponibles dans le fichier bitmap. Si vous retouchez l’image, éditez le fichier PNG source, puis exportez-le de nouveau.

Ajout d’une image

1 Sélectionnez Commandes > Création > Ajouter image.

2 Sélectionnez un motif et définissez une taille de cadre.

3 Cliquez sur le bouton OK.

Réinitialisation des messages d’avertissement

Si vous avez désactivé l’affichage des messages d’avertissement, vous pouvez de nouveau les activer.

❖ Sélectionnez Commandes > Réinit. Mess. Avertissement.

Capture d’écran (Windows uniquement)

1 Sélectionnez Commandes > Capturer.

2 Accédez à la fenêtre dans laquelle vous souhaitez effectuer une capture d’écran.

3 Cliquez sur OK et faites glisser le pointeur pour sélectionner la zone de la fenêtre.

4 Collez le contenu du Presse-papiers sur la zone de travail ou dans l’application de retouche d’image.

Chapitre 3 : Espace de travail

Principes de base de l’espace de travail

Présentation de l’espace de travail Fireworks

Lorsque vous ouvrez pour la première fois un document dans Adobe® Fireworks®, l’espace de travail se compose du panneau Outils, de l’inspecteur des propriétés, des menus et d’autres panneaux. Le panneau Outils, à gauche de l’écran, contient des catégories étiquetées comprenant les groupes d’outils bitmap, vectoriels et Web. L’inspecteur des propriétés apparaît par défaut en bas du document et affiche initialement les propriétés du document. Il change ensuite pour afficher les propriétés d’un outil nouvellement sélectionné ou d’un objet actuellement sélectionné lorsque vous travaillez dans le document. Les panneaux sont initialement ancrés en groupes le long du bord droit de l’écran. La fenêtre du document apparaît au centre du programme.

Page de démarrage

Lorsque vous lancez Fireworks sans ouvrir de document, la page de démarrage de Fireworks s’affiche dans l’environnement de travail. Cette page vous permet d’accéder rapidement aux didacticiels Fireworks, aux fichiers récents et à Fireworks Exchange, d’où vous pouvez améliorer les fonctions de Fireworks. Pour désactiver la page de démarrage, cliquez sur Ne plus afficher cette fenêtre lorsque la page de démarrage s’ouvre.

UTILISATION DE FIREWORKS CS4

Espace de travail

A propos des panneaux dans Fireworks

Les panneaux sont des commandes flottantes qui permettent de modifier l’aspect d’un objet sélectionné ou des éléments du document. Ils permettent, entre autres, de travailler sur des états, des calques, des symboles et des nuanciers. Il est possible de faire glisser les panneaux de façon à les disposer en fonction de vos préférences.

Panneau Optimisation Il permet de gérer les paramètres de taille et de type d’un fichier et de travailler avec la palette

de couleurs du fichier ou de la tranche.

Panneau Calques Il structure un document et fournit des options de création de suppression et de manipulation de

calques.

Panneau Bibliothèque commune Il affiche le contenu du dossier Common Library contenant des symboles.

Panneau Pages Il vous permet d’afficher les pages du fichier actif et comporte des options de manipulation des pages.

Panneau Etats Il affiche les états du fichier actif et comporte des options de création d’animations.

Panneau Historique Il répertorie les commandes que vous avez utilisées récemment de façon à vous permettre de les

annuler et de les rétablir rapidement. En outre, vous pouvez sélectionner plusieurs actions puis les enregistrer et les réutiliser comme des commandes.

Panneau Formes automatiques Il contient les formes automatiques qui ne sont pas affichées dans le panneau Outils.

Panneau Styles Il vous permet de stocker et de réutiliser des combinaisons de caractéristiques d’objets ou de

sélectionner un style stocké.

Panneau Bibliothèque de documents Il comporte des symboles de graphique, de bouton et d’animation. Vous pouvez

facilement faire glisser les occurrences de ces symboles du panneau Bibliothèque de documents vers votre document. Vous pouvez modifier l’ensemble des occurrences en modifiant uniquement le symbole.

Panneau URL Il vous permet de créer des bibliothèques contenant des URL fréquemment utilisées.

Panneau Mélangeur Il permet de créer de nouvelles couleurs et de les ajouter à la palette de couleurs du document

actif, ou de les appliquer aux objets sélectionnés.

Panneau Nuancier Il gère la palette de couleurs du document actif.

Panneau Info Il fournit des informations sur les dimensions des objets sélectionnés et les coordonnées exactes du

pointeur au cours de son déplacement dans la zone de travail.

Panneau Comportements Il permet de gérer les comportements qui déterminent ce qui se produit lorsque des zones

sensibles ou des tranches réagissent aux déplacements de la souris.

Panneau Rechercher Il vous permet de rechercher et de remplacer des éléments tels que du texte, des URL, des polices

et des couleurs dans un ou plusieurs documents.

Panneau Alignement Il regroupe les commandes d’alignement et de répartition des objets dans la zone de travail.

Panneau Propriétés de forme automatique Il vous permet de modifier les propriétés d’une forme automatique après

l’avoir insérée dans votre document.

Panneau Palette de couleurs (Fenêtre > Autres) Il vous permet de créer et d’échanger des palettes de couleurs,

d’exporter des nuanciers ACT personnalisés, d’explorer les différentes gammes de couleur et d’accéder aux contrôles couramment utilisés pour choisir des couleurs.

Panneau Edition d’images (Fenêtre > Autres) Il vous permet d’organiser les outils et les options utilisés pour modifier

les objets bitmap dans un panneau.

Panneau Tracé (Fenêtre > Autres) Il vous permet d’accéder rapidement à de nombreuses commandes associées aux

tracés.

UTILISATION DE FIREWORKS CS4

Espace de travail

Panneau Caractères spéciaux (Fenêtre > Autres) Il vous permet d’afficher les caractères spéciaux utilisables dans les

blocs de texte.

Panneau Propriétés du symbole Il gère les propriétés personnalisables des symboles graphiques.

Présentation de l’espace de travail

Vous pouvez créer et manipuler vos documents et fichiers à l’aide de divers éléments tels que des panneaux, barres et fenêtres. Un espace de travail désigne l’organisation de ces éléments. Les espaces de travail des diverses applications de la suite Adobe® Creative Suite® 4 présentent le même aspect, facilitant ainsi le passage d’une application à une autre. Vous pouvez également adapter chaque application aux exigences de votre travail, en créant votre propre espace de travail ou en effectuant une sélection parmi ceux prédéfinis.

Bien que la disposition de l’espace de travail par défaut varie selon les applications, la manipulation des éléments est pratiquement identique dans chacune d’elles.

B DC

Espace de travail Illustrator par défaut

A. Documents sous forme d’onglets B. Barre d’application C. Sélecteur d’espace de travail D. Barre de titre de panneau E. Panneau Contrôle F. Panneau Outils G. Bouton de réduction à la taille d’une icône H. Quatre groupes de panneaux en ancrage vertical

• La barre d’application occupe la partie supérieure et contient un sélecteur permettant de basculer vers un autre

espace de travail, des menus (sous Windows uniquement), ainsi que d’autres commandes d’application. Sous Mac et pour certains produits, vous pouvez l’afficher ou la masquer à l’aide du menu Fenêtre.

• Le panneau Outils contient des outils permettant de créer et de modifier des images, des illustrations, des éléments

de page, etc. Les outils connexes sont regroupés.

UTILISATION DE FIREWORKS CS4

Espace de travail

• Le panneau Contrôle affiche des options relatives à l’outil sélectionné Le Panneau Contrôle est également appelé

Barre d’options dans Photoshop (Adobe Flash®, Adobe Dreamweaver® et Adobe Fireworks® ne disposent d’aucun panneau Contrôle).

• Flash, Dreamweaver et Fireworks comportent un Inspecteur de propriétés qui affiche les options relatives à l’élément

ou à l’outil actuellement sélectionné.

• La fenêtre de document affiche le fichier sur lequel vous travaillez. Les fenêtres de document peuvent présenter un

onglet et, dans certains cas, être regroupées et ancrées.

• Les panneaux vous permettent de contrôler et de modifier votre travail. Citons notamment le panneau Montage

dans Flash, le panneau Calques dans Adobe Photoshop® et le panneau Styles CSS dans Dreamweaver. Ils peuvent être regroupés, empilés ou ancrés.

• Sous Mac OS, le Cadre de l’application regroupe tous les éléments des espaces de travail dans une seule et même

fenêtre uniforme, ce qui permet de manipuler toutes les applications comme s’il s’agissait d’une seule entité. Lorsque vous déplacez ou que vous redimensionnez le Cadre de l’application ou l’un de ses éléments, tous les éléments qu’il contient sont réagencés pour éviter tout chevauchement. Les panneaux ne disparaissent pas lorsque vous changez d’application ou lorsque vous cliquez par erreur à côté de l’application. Si vous utilisez plusieurs applications, vous pouvez les placer côte à côte à l’écran ou sur plusieurs moniteurs. Si vous préférez l’interface utilisateur Mac classique que vous pouvez personnaliser à votre convenance, il vous suffit de désactiver le Cadre de l’application. Dans Adobe Illustrator® par exemple, sélectionnez la commande Fenêtre > Cadre de l’application pour l’activer ou le désactiver. (Dans Flash, le Cadre de l’application est activé en permanence. Dreamweaver n’en utilise pas).

Affichage et masquage de tous les panneaux

• (Illustrator, Adobe InCopy®, Adobe InDesign®, Photoshop, Fireworks) Pour afficher ou masquer tous les panneaux,

y compris les panneaux Outils et Contrôle, appuyez sur la touche de tabulation.

• (Illustrator, InCopy, InDesign, Photoshop) Pour afficher ou masquer tous les panneaux, à l’exception des panneaux

Outils et Contrôle, appuyez sur les touches Maj+tabulation.

Vous pouvez afficher temporairement les panneaux masqués si l’option Afficher automatiquement les panneaux masqués est sélectionnée dans les préférences Interface. Cette option est toujours activée dans Illustrator. Déplacez

le pointeur vers le bord de la fenêtre de l’application (Windows®) ou vers le bord de l’écran (Mac OS®) et laissez le pointeur au-dessus de la bande qui s’affiche.

• (Flash, Dreamweaver, Fireworks) Pour afficher ou masquer tous les panneaux, appuyez sur la touche F4.

Affichage des options de panneau

❖ Cliquez sur l’icône de menu de panneau dans le coin supérieur droit du panneau.

L’ouverture d’un menu est possible même lorsque le panneau est réduit.

Réglage de la luminosité du panneau (Illustrator)

❖ Faites glisser le curseur Luminosité dans les préférences de l’interface utilisateur. Cette commande affecte tous les

panneaux, y compris le panneau Contrôle.

Reconfiguration du panneau Outils

Vous pouvez afficher les outils du panneau Outils dans une seule colonne ou côte à côte dans deux colonnes. (Cette fonction n’est pas disponible dans le panneau Outils de Fireworks et Flash).

UTILISATION DE FIREWORKS CS4

Espace de travail

Dans InDesign et InCopy, une option des préférences d’interface vous permet également de basculer d’un affichage en une colonne vers un affichage en deux colonnes.

❖ Cliquez sur la double flèche dans la partie supérieure du panneau Outils.

Gestion des fenêtres et des panneaux

Pour créer un espace de travail personnalisé, vous déplacez et manipulez les fenêtres de document et les panneaux. Vous pouvez également enregistrer des espaces de travail, puis passer de l’un à l’autre.

Remarque : les exemples suivants sont basés sur Photoshop. L’espace de travail est le même dans tous les produits.

A B

La fine zone de largage bleue indique que le panneau Couleur va être ancré seul au-dessus du groupe de panneaux Calques. A. Barre de titre B. Onglet C. Zone de largage

Dans Photoshop, vous pouvez modifier le corps de la police du texte du panneau Contrôle, des panneaux et des infobulles. Choisissez une option dans le menu Corps de la police de l’interface utilisateur des préférences de l’interface.

Gestion des fenêtres de document

Les fenêtres de document comportent des onglets lorsque plusieurs fichiers sont ouverts.

• Pour modifier l’ordre des onglets de la fenêtre de document, faites glisser un onglet de la fenêtre à l’emplacement

voulu dans le groupe.

• Pour annuler l’ancrage d’une fenêtre de document à un groupe de fenêtres, faites glisser l’onglet de cette fenêtre

hors du groupe.

• Pour ancrer une fenêtre de document à un groupe de fenêtres de document, faites glisser cette fenêtre dans le

groupe.

Remarque : Dreamweaver ne prend pas en charge l’ancrage des fenêtres de document et son annulation. Utilisez le bouton Réduire de la fenêtre de document pour créer des fenêtres flottantes.

• Pour créer des groupes de documents empilés ou juxtaposés, faites glisser la fenêtre vers l’une des zones de largage

situées en haut, en bas ou sur les côtés d’une autre fenêtre. Vous pouvez également sélectionner une disposition pour le groupe en utilisant le bouton Disposition de la barre d’application.

Remarque : certains produits ne prennent pas en charge cette fonctionnalité. Cependant, votre produit peut présenter des commandes Cascade et Mosaïque (ou Juxtaposer), sous le menu Fenêtre, pour vous permettre d’organiser vos documents.

• Dans un groupe à onglets, pour passer à un autre document lors du glissement d’une sélection, faites glisser cette

sélection sur l’onglet du document souhaité pendant un moment.

Remarque : certains produits ne prennent pas en charge cette fonctionnalité.

UTILISATION DE FIREWORKS CS4

Espace de travail

Ancrage et annulation d’ancrage de panneaux

Un dock est un ensemble de panneaux ou de groupes de panneaux affichés ensemble, généralement en position verticale. Pour ancrer et annuler l’ancrage des panneaux, insérez-les dans le dock et déplacez-les hors du dock.

Remarque : l’ancrage et l’empilage sont deux notions distinctes. Une pile est un ensemble de panneaux ou de groupes de panneaux flottants, assemblés de haut en bas.

• Pour ancrer un panneau, cliquez sur l’onglet correspondant et faites-le glisser dans le dock, au-dessus, sous ou entre

d’autres panneaux.

• Pour ancrer un groupe de panneaux, cliquez sur sa barre de titre (barre vide de couleur unie située au-dessus des

onglets) et faites-le glisser dans le dock.

• Pour supprimer un panneau ou un groupe de panneaux, faites-le glisser en dehors du dock en cliquant sur l’onglet

ou la barre de titre. Vous pouvez faire glisser l’élément vers un autre dock ou le rendre flottant.

Déplacement du panneau Navigateur vers un nouveau dock ; cette opération est indiquée par une surbrillance verticale bleue.

Panneau Navigateur dans son propre dock

Vous pouvez faire en sorte que les panneaux n’occupent pas la totalité de l’espace disponible dans un dock. Faites glisser le bord inférieur du dock vers le haut de sorte qu’il ne coïncide plus avec le bord de l’espace de travail.

Déplacement de panneaux

Lorsque vous déplacez des panneaux, des zones de largage en surbrillance bleue apparaissent : il s’agit des zones dans lesquelles vous pouvez déplacer le panneau. Vous pouvez, par exemple, déplacer un panneau vers le haut ou vers le bas en le faisant glisser sur la fine zone de largage bleue située au-dessus ou sous un autre panneau. Si vous faites glisser le panneau vers un emplacement autre qu’une zone de largage, ce dernier flotte dans l’espace de travail.

• Pour déplacer un panneau, faites-le glisser en cliquant sur son onglet.

UTILISATION DE FIREWORKS CS4

Espace de travail

• Pour déplacer un groupe de panneaux ou une pile de panneaux flottants, faites glisser la barre de titre.

Pour empêcher l’ancrage d’un panneau, appuyez sur la touche Ctrl (Windows) ou Commande (Mac OS) lors de son déplacement. Pour annuler l’opération, appuyez sur la touche Echap lors du déplacement du panneau.

Remarque : le dock est fixe et ne peut pas être déplacé. Vous pouvez toutefois créer des groupes ou des piles de panneaux et les placer à l’endroit de votre choix.

Ajout et suppression de panneaux

Lorsque vous supprimez tous les panneaux d’un dock, ce dernier disparaît. Vous pouvez créer un dock en déplaçant les panneaux vers le bord droit de l’espace de travail jusqu’à ce qu’une zone de largage soit visible.

• Pour supprimer un panneau, cliquez sur son onglet avec le bouton droit de la souris (Windows) ou en appuyant

sur la touche Contrôle (Mac), puis sélectionnez l’option Fermer ; vous pouvez également le désélectionner dans le menu Fenêtre.

• Pour ajouter un panneau, sélectionnez-le dans le menu Fenêtre et ancrez-le à l’emplacement de votre choix.

Manipulation de groupes de panneaux

• Pour déplacer un panneau dans un groupe, faites glisser son onglet vers la zone de largage en surbrillance située

dans le groupe.

Ajout d’un panneau à un groupe

• Pour réorganiser les panneaux d’un groupe, faites glisser l’onglet du panneau de votre choix vers son nouvel

emplacement.

• Pour rendre un panneau flottant, faites-le glisser en dehors du groupe au moyen de son onglet.

• Pour déplacer un groupe, faites glisser la barre de titre (zone située au-dessus des onglets).

Empilage de panneaux flottants

Lorsque vous faites sortir un panneau de son dock et que vous le placez en dehors de toute zone de largage, ce panneau flotte dans l’espace de travail. Un panneau flottant peut être placé à n’importe quel endroit dans l’espace de travail. Vous pouvez empiler des panneaux ou groupes de panneaux flottants de sorte qu’ils se comportent comme une seule entité lorsque vous faites glisser la barre de titre supérieure (cette méthode ne permet pas d’empiler les panneaux qui font partie d’un dock, ni de les déplacer comme s’il s’agissait d’une seule entité).

Panneaux empilés flottants

• Pour empiler des panneaux flottants, cliquez sur un onglet pour faire glisser le panneau correspondant vers la zone

de largage située au bas d’un autre panneau.

UTILISATION DE FIREWORKS CS4

Espace de travail

• Pour modifier l’ordre d’empilage, cliquez sur un onglet afin de faire glisser le panneau correspondant vers le haut

ou vers le bas.

Remarque : prenez soin de « déposer » l’onglet sur l’étroite zone de largage située entre les panneaux, plutôt que sur la large zone de largage située dans une barre de titre.

• Pour rendre un panneau ou groupe de panneaux de la pile flottant, déplacez-le hors de la pile au moyen de son

onglet ou de sa barre de titre.

Redimensionnement des panneaux

• Pour réduire ou agrandir un panneau, un groupe de panneaux ou une pile de panneaux, cliquez deux fois sur un

onglet. Vous pouvez également cliquer une fois sur la zone d’onglets (l’espace vide situé à côté des onglets).

• Pour redimensionner un panneau, faites glisser l’un de ses côtés. Cette méthode de redimensionnement ne

fonctionne pas toujours, notamment avec la palette Couleur de Photoshop.

Manipulation de panneaux réduits à la taille d’icônes

Vous pouvez réduire des panneaux à la taille d’icônes afin de limiter l’encombrement de l’espace de travail. Dans certains cas, les panneaux sont réduits de la sorte dans l’espace de travail par défaut.

Panneaux réduits à la taille d’icônes

Panneaux agrandis

• Pour réduire ou développer toutes les icônes de panneau d’un dock, cliquez sur la double flèche située dans la partie

supérieure du dock.

• Pour développer une seule icône de panneau, cliquez sur cette dernière.

• Pour redimensionner les icônes de panneau afin de voir les icônes uniquement (et non les libellés), réglez la largeur

du dock jusqu’à ce que le texte ne soit plus visible. Pour afficher à nouveau le texte, augmentez la largeur du dock.

• Pour réduire à la taille d’une icône un panneau qui a été développé, cliquez sur son onglet, sur son icône ou sur la

double flèche affichée dans sa barre de titre.

UTILISATION DE FIREWORKS CS4

Espace de travail

Dans certaines applications, si vous sélectionnez l’option Réduction automatique des panneaux d’icônes dans les préférences d’interface ou les options d’interface utilisateur, une icône de panneau développée est réduite

automatiquement lorsque vous cliquez en dehors de cette dernière.

• Pour ajouter un panneau flottant ou un groupe de panneaux à un dock d’icônes, faites-le glisser au moyen de son

onglet ou de sa barre de titre (les panneaux sont réduits automatiquement à la taille d’icônes lorsque vous les ajoutez à un dock d’icônes).

• Pour déplacer une icône de panneau (ou un groupe d’icônes de panneau), faites-la glisser. Vous pouvez déplacer

des icônes de panneau vers le haut et vers le bas dans le dock, dans d’autres docks (elles apparaissent dans le style du panneau de ce dock) ou en dehors du dock (elles apparaissent sous la forme de panneaux flottants développés).

Restauration de l’espace de travail par défaut

• Sélectionnez l’espace de travail par défaut au moyen du sélecteur dans la barre d’application.

• (Photoshop) Sélectionnez la commande Fenêtre > Espace de travail > Espace de travail par défaut.

• (InDesign, InCopy) Choisissez la commande Fenêtre > Espace de travail > Réinitialiser [Nom de l’espace de travail].

Gestion des connexions aux services Web

Dans Adobe® Creative Suite® 4, le panneau Connexions vous permet de gérer les connexions aux services Web et les extensions, installées localement, qui interagissent avec ces derniers. Le panneau Connexions lui-même constitue une extension. Les extensions supplémentaires installées avec les applications Creative Suite comprennent les éléments suivants :

Adobe ConnectNow Travaillez en étroite collaboration avec des groupes de travail dispersés sur le Web et partagez

voix, données et contenu multimédia.

Panneau Kuler™ Créez, partagez et découvrez des thèmes de couleurs en ligne.

Aide Dans le coin supérieur droit des applications, saisissez des termes de recherche afin d’accéder à l’aide détaillée

d’Adobe, ainsi qu’à un complément de contenu issu des communautés de conception et de production.

Visitez Adobe.com/fr/ pour obtenir davantage d’informations sur les services et extensions supplémentaires.

Connexion aux services Web Adobe

Quelle que soit l’application que vous utilisez pour accéder au panneau Connexions, une connexion automatique vous permet de bénéficier de services tels que les réunions ConnectNow.

1 Dans Adobe InDesign, Photoshop, Illustrator, Flash, Fireworks ou Dreamweaver, choisissez la commande

Fenêtre > Extensions > Connexions.

2 Entrez vos ID et mot de passe Adobe (si vous ne possédez pas d’ID ou si vous l’avez oublié, cliquez sur le lien

approprié).

3 (Facultatif) Pour rester connecté lorsque vous redémarrez l’ordinateur, sélectionnez l’option Mémoriser mes

informations sur cet ordinateur.

4 Cliquez sur le bouton Connexion.

Désactivation des mises à jour automatiques d’extension

Par défaut, le panneau Connexions met automatiquement à jour les extensions installées. Cependant, vous pouvez désactiver les mises à jour automatiques et les activer manuellement.

1 Dans le menu du panneau Connexions , sélectionnez l’option Préférences de mise à jour.

UTILISATION DE FIREWORKS CS4

Espace de travail

2 Désélectionnez l’option Vérifier automatiquement les mises à jour.

3 Relancez toutes les applications Adobe Creative Suite ouvertes.

Vérification manuelle des extensions mises à jour

❖ Dans le menu du panneau Connexions , sélectionnez l’option Vérifier les mise à jour.

Désactivation des services Web

Si votre environnement de travail n’autorise pas les connexions en ligne, désactivez les services Web.

1 Dans le menu du panneau Connexions , sélectionnez l’option Options hors connexion.

2 Sélectionnez l’option Rester hors connexion.

3 Relancez toutes les applications Adobe Creative Suite ouvertes.

Pour désactiver le panneau Connexions et les services Web dans Photoshop uniquement, désélectionnez l’option Permettre la connexion à Internet pour les extensions dans la section Modules externes de la boîte de

dialogue Préférences.

Enregistrement d’un espace de travail et basculement d’un espace de travail à l’autre

En enregistrant la taille et la position actuelles des panneaux comme espace de travail nommé, vous gardez la possibilité de restaurer cet espace par la suite, et ce, même si vous avez déplacé ou fermé un panneau. Les noms des espaces de travail enregistrés sont visibles dans le sélecteur d’espace de travail de la barre d’application.

Dans Photoshop, l’espace de travail enregistré peut s’accompagner d’un jeu de menus et d’un ensemble de raccourcis clavier spécifiques.

Enregistrement d’un espace de travail personnalisé

1 Lorsque l’espace de travail se trouve dans la configuration que vous souhaitez enregistrer, utilisez l’une des

méthodes suivantes :

• (Photoshop, Illustrator) Choisissez la commande Fenêtre > Espace de travail > Enregistrer l’espace de travail.

• (InDesign, InCopy) Choisissez la commande Fenêtre > Espace de travail > Nouvel espace de travail.

• (Dreamweaver) Choisissez la commande Fenêtre > Présentation de l’espace de travail > Nouvel espace de

travail.

• (Flash) Choisissez la commande Nouvel espace de travail dans le sélecteur d’espace de travail de la barre

d’application.

• (Fireworks) Choisissez la commande Enregistrer la présentation active dans le sélecteur d’espace de travail de la

barre d’application.

2 Attribuez un nom à l’espace de travail.

3 (Photoshop, InDesign) Sélectionnez ensuite une ou plusieurs options dans la section Capture :

Position des panneaux Enregistre la position actuelle des panneaux.

Raccourcis clavier Enregistre l’ensemble de raccourcis clavier actuel (Photoshop seulement).

Menus Enregistre l’ensemble de menus actuels.

4 Cliquez sur le bouton OK ou Enregistrer.

+ 289 hidden pages