ADOBE Fireworks CS3 User Manual [fr]

GUIDE DE L’UTILISATEUR

Adobe® Fireworks® Utilisation de Fireworks®

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, le logo Adobe, Adobe Bridge, Director, Dreamweaver, Flash, Flex Builder, FreeHand, GoLive, HomeSite, Illustrator, Photoshop et XMP sont des marques commerciales ou des marques déposées d'Adobe Systems Incorporated aux Etats-Unis et/ou dans d'autres pays.

Apple et Macintosh sont des marques commerciales d'Apple Inc., déposées aux Etats-Unis et dans d'autres pays. Microsoft et Windows sont des marques commerciales ou des marques déposées de Microsoft Corporation aux États-Unis et/ou dans d'autres pays. Toutes les autres marques sont la propriété de leurs détenteurs respectifs.

Adobe Systems Incorporated, 345 Park Avenue, San Jose, Californie 95110, Etats-Unis.

Avis aux utilisateurs finaux dépendant du gouvernement des Etats-Unis. Le logiciel et la documentation sont des « articles commerciaux », selon la définition établie par l'article 48 C.F.R. §2.101, composés d'un « logiciel informatique commercial » et d'une « documentation de logiciel informatique commercial », tels que défini s dans les ar ticles 48 C.F.R.

§12.212 ou 48 C.F.R. §227.7202, selon le cas. Conformément aux articles 48 C.F.R. §12.212 ou 48 C.F.R. §§227.7202-1 à 227.7202-4, selon le cas, le logiciel informatique commercial et la documentation de logiciel informatique commercial sont fournis sous licence aux utilisateurs finaux dépendant du gouvernement des Etats-Unis (a) comme articles commerciaux uniquement et (b) avec les seuls droits normalement accordés aux utilisateurs finaux, en accord avec les conditions générales applicables. Les droits non publiés sont réservés conformément aux lois sur le copyright en vigueur aux Etats-Unis. Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, Etats-Unis. Pour les utilisateurs finaux dépendant du gouvernement des Etats-Unis, Adobe accepte de respecter toutes les lois applicables relatives à l'égalité des chances, y compris, s'il y a lieu, aux dispositions du décret 11246 et ses modifications, de la section 402 de la loi sur l'aide à la réhabilitation des vétérans du Vietnam (Vietnam Era Veterans Readjustment Assistance Act) de 1974 (38 USC 4212), de la section 503 de la loi de réhabilitation (Rehabilitation Act) de 1973 et ses modifications, et des règlements des articles 41 CFR 60-1 à 60-60, 60-250 et 60-741. La clause relative à la discrimination positive et les régulations énoncées dans la phrase précédente sont incluses par référence.

90079064 (02/07)

Table des matières

Chapitre 1 : Prise en main

Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Aide Adobe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

Ressources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Nouveautés de Fireworks CS3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Chapitre 2 : Concepts de base de Fireworks

Travailler avec Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Graphiques vectoriels et bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .14

Création d’un nouveau document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Ouverture et importation de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

Enregistrement de fichiers Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

Environnement de travail de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Chapitre 3 : Sélection et transformation d'objets

Sélection d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

Sélection des pixels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44

Edition d'objets sélectionnés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52

Transformation et distorsion d'objets sélectionnés et de sélections . . . . . . . . . . . . . . . . . . . . . . . . 53

Organisation des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57

iii

Chapitre 4 : Traitement des bitmaps

Traitement des bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60

Création d'objets bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60

Accès aux outils de retouche de photos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62

Traçage et modification d'objets bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62

Retouche de bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65

Réglage de la couleur et du ton d'un bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70

Application d'un flou et accentuation de la netteté des bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

Ajout de bruit à une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80

Chapitre 5 : Utilisation d’objets vectoriels

Traçage d'objets vectoriels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82

Modification des trajets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

Chapitre 6 : Utilisation du texte

Saisie de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .106

Mise en forme du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .109

Applications de traits, de trames et de filtres à un texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .116

Attachement de texte à un trajet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .117

Transformation de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .118

Conversion de texte en trajets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .119

Importation de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .119

Correction orthographique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .121

Utilisation de l'Editeur de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122

Chapitre 7 : Application de couleurs, de traits et de trames

Utilisation de la section Couleurs du panneau Outils . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .123

Organisation des groupes de nuanciers et des modèles de couleurs . . . . . . . . . . . . . . . . . . . . . .124

Utilisation des sélecteurs de couleurs et des fenêtres contextuelles pour la sélection des

couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .132

Utilisation des traits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .133

Utilisation de trames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .136

Application de trames de dégradé et de remplissages à motifs . . . . . . . . . . . . . . . . . . . . . . . . . . . .137

Ajout d’une texture aux traits et aux trames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .141

Chapitre 8 : Utilisation des filtres en direct

Application de filtres en direct . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .143

Edition de filtres en direct . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .148

Chapitre 9 : Pages, calques, masques et fondus

Utilisation des pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .151

Utilisation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .154

Masquage d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .159

Fondu et transparence . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .173

Chapitre 10 : Utilisation des styles, des symboles et des adresses URL

Utilisation des styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .177

Utilisation de symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .180

Utilisation des URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .189

Chapitre 11 : Découpes, survols et références

Création et modification d'une découpe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .193

Affectation de comportements interactifs aux découpes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .198

Préparation des découpes pour l'exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .204

Utilisation de références et d'images interactives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .208

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

Création d'un symbole de bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .213

Création d'une barre de navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .221

Création de menus contextuels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .221

Chapitre 13 : Création d'animations

Création d'une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .231

Utilisation des symboles d'animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .232

Utilisation d'images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .235

Interpolation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .239

Aperçu d'une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .239

Exportation d'une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .240

Utilisation d'animations existantes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .241

Utilisation de fichiers multiples pour une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .242

Chapitre 14 : Création de diaporamas

Commande Créer un diaporama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .243

Création ou modification d'un diaporama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .243

Propriétés du diaporama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .245

Création d'un lecteur Fireworks personnalisé . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .247

Chapitre 15 : Optimisation et exportation

Optimisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .250

Utilisation de l'Assistant Exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .251

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

Exportation depuis Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .269

Envoi d'un document Fireworks comme pièce jointe d'un courriel . . . . . . . . . . . . . . . . . . . . . . . .282

Utilisation du bouton Gestion de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .282

Chapitre 16 : Utilisation de Fireworks avec d'autres applications

Utilisation de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .284

Utilisation de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .296

Utilisation de FreeHand . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .303

Utilisation de Director . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .307

Utilisation de HomeSite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .310

Utilisation de Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .312

Travailler avec Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .316

Travailler avec GoLive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .317

Utilisation avec les éditeurs HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .317

Extension de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .317

Adobe XMP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .318

Adobe Bridge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .318

Intégration Flex pour les applications Internet riches (MXML export) . . . . . . . . . . . . . . . . . . . . . .319

Chapitre 17 : Automatisation des tâches répétitives

Recherche et remplacement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .320

Traitement par lots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .324

Extension de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .331

Animations Flash SWF utilisées comme panneaux Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .335

Chapitre 18 : Préférences et raccourcis clavier

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

Modification des jeux de raccourcis clavier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .339

Utilisation des fichiers de configuration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .340

Réinstallation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .341

Affichage du contenu du module (Macintosh uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .342

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .343

Chapitre 1 : Prise en main

Adobe® Fireworks® CS3, outil vectoriel et bitmap hybride unique en son genre, intègre l'environnement de conception le plus efficace permettant la mise au point rapide de prototypes de sites Web et d'interfaces utilisateur, ainsi que la création et l'optimisation d'images dédiées au Web. Fireworks CS3 permet de modifier des images vectorielles et bitmap en toute flexibilité, intègre une bibliothèque commune d'actifs préconstruits et vous fait gagner du temps lors de l'intégration aux logiciels Adobe Photoshop® CS3, Adobe Illustrator® CS3, Adobe Dreamweaver® CS3 et Adobe Flash® CS3 Professional. Mettez au point votre projet Web rapidement, puis exploitez votre travail directement dans Dreamweaver CS3.

Fireworks CS3 fait partie intégrante d'Adobe Creative Suite 3 Web Premium et de Web Standard, qui permettent aux professionnels et aux développeurs créatifs de tirer parti d'un flux d'énergie et d'idées ininterrompu, du concept initial à l'exécution finale bien ficelée grâce aux périphériques d'impression, vidéo, Web et mobiles. L'intégration de bout en bout caractérise sans aucun doute la puissance unique de Creative Suite : les professionnels et les développeurs créatifs peuvent ainsi rester concentrés sur leur vision et obtenir des résultats de qualité optimale beaucoup plus rapidement.

Ce chapitre couvre les rubriques suivantes :

• «Installation», page1

• « Aide Adobe », page 2

• «Ressources», page4

• « Nouveautés de Fireworks CS3 », page 8

Installation

Pour consulter les informations et les recommandations complètes sur la configuration système requise concernant votre logiciel Adobe, consultez le fichier LisezMoi.html de votre DVD d'installation.

Installer le logiciel

1 Fermez tous les autres programmes Adobe ouverts sur votre ordinateur.

2 Insérez le disque d'installation dans votre lecteur de DVD et suivez les instructions à l'écran.

Remarque : Pour plus d'informations, consultez le fichier LisezMoi.html du DVD d'installation.

Activer le logiciel

Si vous disposez d'une licence au détail mono-utilisateur pour votre logiciel Adobe, vous devrez activer votre logiciel ; il s'agit d'un processus simple et anonyme que vous devez effectuer dans les 30 jours qui suivent le démarrage du logiciel.

Pour plus d'informations sur l'activation du produit, consultez le fichier LisezMoi de votre DVD d'installation ou visitez le site Web de Adobe à l'adresse www.adobe.com/go/activation_fr.

1 Si la boîte de dialogue Activation n'est pas déjà ouverte, cliquez sur Aide > Activer.

2 Suivez les instructions à l'écran.

Remarque : Si vous souhaitez installer le logiciel sur un autre ordinateur, vous devez d'abord le désactiver sur votre ordinateur. Cliquez sur Aide > Désactiver.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Enregistrer

Enregistrez votre produit pour recevoir le support d'installation complémentaire, les notifications de mises à jour et d'autres services.

❖ Pour enregistrer votre produit, suivez les instructions à l'écran dans la boîte de dialogue Enregistrement qui apparaît une

fois le logiciel installé et activé.

Si vous reportez l'enregistrement, vous pouvez enregistrer votre produit à tout moment en cliquant sur Aide > Enregistrement en ligne.

LisezMoi

Le fichier LisezMoi.html de votre produit se trouve sur le DVD d'installation (il est également copié dans le dossier de l'application lors de l'installation du produit). Ce fichier contient des informations précieuses sur :

• La configuration requise

• L'installation et la désinstallation

• L'activation et l'enregistrement

• L'installation des polices

• Le dépannage

• Le service d'assistance

• Les notices légales

Affichage des fichiers installés avec Fireworks

A un certain stade de l'installation, il pourrait être souhaitable d'afficher ou d'accéder aux fichiers installés avec Fireworks. Pendant l'installation, Fireworks place des fichiers à différents emplacements de votre système. Il est important de comprendre pourquoi ces fichiers résident à un emplacement plutôt qu'un autre. Pour plus d'informations, voir « Utilisation des fichiers de configuration », page 340.

Les utilisateurs de Macintosh noteront le nouveau format utilisé par Fireworks pour enregistrer le programme et ses fichiers de configuration par défaut. Pour plus d'informations, voir « Affichage du contenu du module (Macintosh uniquement) », page 342.

Aide Adobe

Ressources d'aide Adobe

La documentation relative à votre logiciel Adobe existe dans divers formats.

Aide relative au produit et LiveDocs

L'aide relative au produit permet d'accéder à l'intégralité de la documentation et des instructions disponibles à la livraison du produit. Vous pouvez y accéder via le menu Aide de votre produit Adobe.

L'aide LiveDocs inclut tout le contenu de l'aide relative au produit, plus les mises à jour et les liens vers des instructions supplémentaires disponibles sur le Web. Pour certains produits, LiveDocs vous permet également d'ajouter des commentaires. Vous trouverez l'aide LiveDocs propre à votre produit dans le Centre de ressources d'aide Adobe à l'adresse

www.adobe.com/go/documentation_fr.

La plupart des versions de l'aide relative au produit et LiveDocs vous permettent d'effectuer des recherches dans l'aide de plusieurs produits. Les rubriques contiennent également des liens vers le contenu approprié sur le Web ou vers d'autres rubriques dans l'aide d'un autre produit.

Considérez l'aide du produit et disponible sur le Web comme une plate-forme d'accès à du contenu supplémentaire et aux communautés d'utilisateurs. La dernière version d'aide la plus détaillée se trouve toujours sur le Web.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Documentation PDF Adobe

L'aide relative au produit est également disponible sous forme de fichier au format PDF, optimisé en vue de l'impression. D'autres documents, tels que les livres blancs, sont également disponibles au format PDF.

Vous pouvez accéder à l'intégralité de la documentation au format PDF dans le Centre de ressources de l'aide Adobe à l'adresse www.adobe.com/go/documentation_fr. La documentation au format PDF incluse dans votre produit se trouve dans le dossier Documents du DVD d'installation ou de contenu.

Documentation imprimée

Vous pouvez acheter les éditions imprimées de l'aide complète relative au produit dans la boutique Adobe, à l'adresse

www.adobe.com/go/store_fr. Vous y trouverez également les ouvrages publiés par les partenaires de publication Adobe.

Un guide de processus imprimé est inclus à tous les produits Adobe Creative Suite 3 et certains produits Adobe peuvent inclure séparément un guide de démarrage imprimé.

Utilisation de l'aide dans le produit

L'aide relative au produit est disponible via le menu Aide. Après avoir lancé l'afficheur d'aide Adobe, cliquez sur Parcourir pour afficher l'aide sur les produits Adobe supplémentaires installés sur votre ordinateur.

Les fonctionnalités suivantes vous aident à en savoir plus sur plusieurs produits Adobe :

• Vous pouvez effectuer des recherches dans l'aide de plusieurs produits.

• Les rubriques peuvent contenir des liens vers d'autres rubriques dans l'aide des autres produits Adobe ou vers du contenu

supplémentaire sur le Web.

• Certaines rubriques sont partagées entre plusieurs produits. Si une rubrique d'aide s'affiche avec une icône Fireworks et

une icône Dreamweaver, cela signifie que la rubrique décrit des fonctionnalités similaires dans les deux produits ou des processus de documents exploitables par plusieurs produits.

Remarque : Si vous recherchez une phrase, par exemple « outil de forme », placez-la entre guillemets de manière à afficher uniquement les rubriques qui incluent tous les mots de la phrase.

Fonctionnalités d'accessibilité

Le contenu de l'aide Adobe est accessible aux personnes ayant une incapacité physique présentant notamment un handicap moteur, souffrant de cécité et dont l'acuité visuelle est réduite. L'aide relative au produit intègre des raccourcis clavier applicables aux commandes de la barre d'outils et à la navigation, et prend en charge les fonctionnalités d'accessibilité standard suivantes :

• La taille du texte peut être modifiée à l'aide des commandes du menu contextuel standard.

• Les liens sont soulignés afin de pouvoir les reconnaître aisément.

• Si le texte de lien ne correspond pas au titre de la destination, le titre est référencé dans l'attribut Titre de la balise

d'ancrage. Par exemple, les liens Précédent et Suivant incluent les titres des rubriques précédentes et suivantes.

• Le contenu prend en charge le mode de contraste élevé.

• Les graphiques sans légende incluent du texte secondaire.

• Un titre est associé à chaque image pour indiquer sa fonction.

• Les balises HTML standard définissent la structure du contenu pour les outils de lecture à l'écran ou de reconnaissance

vocale.

• Les feuilles de style contrôlent la mise en forme ; les polices intégrées sont donc inexistantes.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Raccourcis clavier Windows des commandes de la barre d'outils

Chaque commande de la barre d'outils de l'aide relative au produit dispose d'une touche de raccourci clavier :

Bouton Précédente. Alt+flèche gauche

Bouton Suivante. Alt+flèche droite

Imprimer Ctrl+P

Bouton A propos de Ctrl+I

Menu Parcourir Alt+flèche vers le bas ou Alt+flèche vers le haut pour afficher l'aide d'un autre programme

Zone Rechercher (Windows) Ctrl+S pour placer le curseur dans la zone Rechercher

Raccourcis clavier Windows pour la navigation

Pour naviguer dans l'afficheur d'aide Adobe et afficher les rubriques, utilisez les combinaisons de raccourcis clavier suivantes :

• Pour vous déplacer entre le volet de navigation et le volet de lecture, appuyez sur Ctrl+Tab et Maj+Ctrl+Tab.

• Pour vous déplacer dans les liens d'un volet, appuyez sur Tab ou Maj+Tab.

• Pour activer un lien sélectionné, appuyez sur Entrée.

• Pour agrandir le texte, appuyez sur Ctrl+égal à.

• Pour réduire le texte, appuyez sur Ctrl+trait d'union.

Choix des documents d'aide appropriés

Plusieurs ressources sont à votre disposition pour l’apprentissage de Fireworks : l'Aide de Fireworks, les versions PDF de la documentation de Fireworks et différentes sources d'informations Web.

• L'Aide de Fireworks (appelée Utilisation de Fireworks), destinée à tous les utilisateurs, fournit des informations complètes

sur toutes les fonctions de Fireworks. Vous pouvez y accéder à tout moment dans l'aide de Fireworks (Aide > Utilisation de Fireworks). Le manuel est également disponible au format PDF sur le site Web de Adobe à l'adresse

www.adobe.com/go/fireworks_documentation_fr.

Extending Fireworks, qui décrit la structure de Fireworks et l'interface de programmation d'application (API), est

•

estinée aux utilisateurs avancés qui souhaitent créer des extensions ou personnaliser l'interface Fireworks. Vous pouvez

d contrôler toutes les commandes et fonctions de Fireworks à l’aide de commandes JavaScript spéciales que Fireworks peut interpréter. Ce manuel est disponible dans l'aide et sur le site Web de Adobe au format PDF téléchargeable.

Ressources

Atelier vidéo Adobe

L'atelier vidéo Adobe Creative Suite 3 vous permet d'en savoir plus sur votre produit. Il existe plus de 200 vidéos de formation portant sur Adobe Creative Suite 3, traitant de nombreux sujets différents, destinées aux professionnels de l'impression, du Web et de la vidéo.

Vous pouvez utiliser l'atelier vidéo pour en savoir plus sur les produits Creative Suite 3 qui vous intéressent. De nombreuses vidéos vous montrent comment utiliser les produits simultanément.

Lorsque vous lancez l'atelier vidéo, vous sélectionnez précisément les produits et les rubriques que vous voulez étudier. Vous pouvez afficher les détails de chaque vidéo afin de déterminer votre chemin d'apprentissage.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Communauté de présentateurs

Dans cette version, nous avons invité la communauté Adobe à partager son expertise et ses points de vue. Adobe et Lynda.com présentent des didacticiels, des trucs et astuces de concepteurs et de développeurs éminents tels que Michael Ninness, Katrin Eismann et Chris Georgenes. Vous pouvez voir et écouter des experts Adobe tels que Lynn Grillo, Greg Rewis et Russell Brown. En tout, ce sont plus de 30 experts produit qui partagent leurs connaissances.

Didacticiels et fichiers source

L'atelier vidéo inclut une formation destinée aux utilisateurs novices et chevronnés. Vous y trouverez également des vidéos sur les nouvelles fonctionnalités et les principales techniques. Chaque vidéo traite d'un sujet unique et dure généralement entre 3 à 5 minutes. La plupart des vidéos sont accompagnées d'un didacticiel illustré et de fichiers source. Vous pouvez ainsi imprimer les étapes détaillées et essayer le didacticiel de votre côté.

Utilisation de l'atelier vidéo Adobe

Vous pouvez accéder à l'atelier vidéo Adobe par l'intermédiaire du DVD accompagnant votre produit Creative Suite 3. Il est également disponible en ligne à l'adresse www.adobe.com/go/learn_videotutorials_fr. Adobe ajoute régulièrement de nouvelles vidéos dans l'atelier vidéo en ligne. Veuillez donc vous connecter pour accéder aux nouveautés.

Vidéos Fireworks CS3

L'atelier vidéo Adobe couvre de nombreux sujets différents portant sur Adobe Fireworks CS3, notamment :

• L'utilisation du panneau Pages

• La mise au point rapide de prototypes avec des symboles enrichis

• La présentation des calques et de la disposition

• La génération de scripts de propriétés de symbole

Les vidéos vous montrent également comment utiliser Fireworks CS3 avec d'autres produits Adobe, et portent par exemple sur :

• L'importation de fichiers Photoshop

• La présentation du processus Fireworks et Flash

• La présentation du processus Photoshop, Illustrator et Fireworks

Suppléments

Vous avez accès à un large éventail de ressources vous permettant de tirer pleinement parti de votre logiciel Adobe. Certaines d'entre elles sont installées sur votre ordinateur au cours du processus d'installation ; d'autres échantillons et documents précieux se trouvent sur le DVD d'installation ou de contenu. Des suppléments uniques sont également proposés en ligne par la communauté Adobe Exchange, à l'adresse www.adobe.com/go/exchange_fr.

Ressources installées

Lors de l'installation du logiciel, un certain nombre de ressources sont placées dans le dossier de votre application. Pour visualiser ces fichiers, accédez au dossier de l'application spécifique sur votre ordinateur.

• Windows : [lecteur de démarrage]/Program files/Adobe/Adobe Fireworks CS3

• Mac OS : [lecteur de démarrage]/Applications/Adobe Fireworks CS3

Selon votre produit Adobe, le dossier de l'application peut contenir les éléments suivants :

Plug-ins Les modules de plug-in sont de petits programmes permettant d'étendre ou d'ajouter des fonctions à votre logiciel.

Un fois installés, les modules de plug-in apparaissent en tant qu’options dans le menu Importer ou Exporter, en tant que formats de fichier dans les boîtes de dialogue Ouvrir, Enregistrer sous et Exporter l'original, ou en tant que filtres dans les sous-menus Filtres.

Valeurs prédéfinies Les valeurs prédéfinies incluent un large éventail d'outils, de préférences, d'effets et d'images particu-

lièrement utiles. Les valeurs prédéfinies de produit incluent les pinceaux, les nuanciers, les groupes de couleurs, les symboles, les formes personnalisées, les styles de graphiques et de calques, les motifs, les textures, les actions, les espaces de

ADOBE FIREWORKS CS3

Guide de l'utilisateur

travail et bien plus encore. Le contenu prédéfini se trouve dans l'interface. Certaines valeurs prédéfinies deviennent uniquement disponibles lorsque vous sélectionnez l'outil correspondant. Si vous ne voulez pas créer d'effet ou d'image depuis le début, parcourez les bibliothèques prédéfinies afin de vous en inspirer.

Modèles Vous pouvez ouvrir et afficher les fichiers de modèle dans Adobe Bridge, les ouvrir dans l'écran d'accueil ou direc-

tement dans le menu Fichier. Selon le produit, les fichiers de modèle contiennent des en-têtes, des bulletins d'informations, des sites Web, des menus DVD ou encore des boutons vidéo. Chaque fichier de modèle est construit de manière professionnelle et représente un exemple extrêmement judicieux des fonctionnalités du produit. Les modèles peuvent constituer une ressource précieuse lorsque vous devez relancer un projet.

Echantillons Les fichiers d'exemple incluent des conceptions plus élaborées et constituent un excellent moyen de voir les

nouvelles fonctionnalités en pleine action. Ces fichiers démontrent l'étendue des possibilités de création offertes par votre programme.

Polices Plusieurs polices OpenType® et familles de polices sont incluses à votre produit Creative Suite. Les polices sont

copiées sur votre ordinateur lors de l'installation :

• Windows : [lecteur de démarrage]/Program Files/Common Files/Adobe/Fonts

• Mac OS X : [lecteur de démarrage]/Library/Application Support/Adobe/Fonts

Pour plus d'informations sur l'installation des polices, consultez le fichier LisezMoi.html du DVD d'installation.

Contenu du DVD

Le DVD d'installation ou de contenu qui accompagne votre produit contient des ressources supplémentaires pouvant être utilisées avec votre logiciel. Le dossier Goodies contient des fichiers spécifiques au produit tels que les modèles, les images, les valeurs prédéfinies, les actions, les plug-ins, les effets, ainsi que les sous-dossiers de polices et d'archives photographiques. Le dossier Documentation contient une version de l'Aide au format PDF, des informations techniques et d'autres documents tels que les feuilles de modèles, les guides de référence et les informations spécialisées concernant les fonctionnalités.

Adobe Exchange

Si vous voulez vous procurer davantage de contenu gratuit, connectez-vous au site www.adobe.com/go/exchange_fr. Il s'agit d'une communauté en ligne où les utilisateurs peuvent télécharger et partager des milliers d'actions, d'extensions, de plug-ins et autre contenu gratuits afin de les utiliser avec les produits Adobe.

Bridge Home

Bridge Home, nouvelle destination dans Adobe Bridge CS3, fournit les dernières informations sur l'ensemble de vos logiciels Adobe Creative Suite 3 dans un emplacement pratique. Démarrez Adobe Bridge, puis cliquez sur l'icône Bridge Home dans la partie supérieure du panneau des favoris pour accéder aux dernières astuces, informations et ressources concernant vos outils Creative Suite.

Remarque : Bridge Home n'est peut-être pas disponible dans toutes les langues.

Pôle de création Adobe

Le Pôle de création Adobe contient des articles, l'inspiration et des instructions des experts de l'industrie, des concepteurs éminents et des partenaires de publication Adobe. Le nouveau contenu est ajouté chaque mois.

Vous y trouverez des centaines de didacticiels dédiés à la conception de produits et apprendrez les astuces et techniques au moyen de vidéos, de didacticiels HTML et d'exemples de chapitres d'ouvrages.

De nouvelles idées au cœur de Think Tank, de Dialog box et de Gallery :

• Les articles Think Tank décrivent la façon dont les concepteurs s'engagent envers la technologie et en quoi leurs

expériences ont un impact sur la conception, les outils de conception et la société.

• Dans Dialog box, les experts partagent de nouvelles idées en matière de mouvements graphiques et de conception

numérique.

• Gallery illustre la façon dont les artistes communiquent la conception en mouvement.

Visitez le Pôle de création Adobe à l'adresse www.adobe.com/go/designcenter_fr.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Pôle de développement Adobe

Le Pôle de développement Adobe met des échantillons, des didacticiels, des articles et des ressources de la communauté à la disposition des développeurs qui créent des applications Internet enrichies, des sites Web, du contenu mobile et d'autres projets à l'aide des produits Adobe. Le Pôle de développement contient également des ressources dédiées aux développeurs qui développent des plug-ins pour les produits Adobe.

Outre les exemples de code et les didacticiels, vous y trouverez des flux RSS, des séminaires en ligne, des kits de développement, des guides de scripts et d'autres ressources techniques.

Visitez le Pôle de développement Adobe à l'adresse www.adobe.com/go/developer_fr.

Le service d'assistance

Visitez le site Web de l'assistance Adobe à l'adresse www.adobe.com/go/support_fr pour accéder aux informations de dépannage concernant votre produit et en savoir plus sur les options d'assistance techniques gratuites et payantes. Suivez le lien Formation pour accéder aux cahiers de référence Adobe, à diverses ressources de formation, aux programmes de certification logicielle Adobe, et bien plus encore.

Té lé c ha rg e me nt s

Visitez www.adobe.com/go/downloads_fr pour découvrir les mises à jour gratuites, les essais et d'autres logiciels utiles. En outre, la boutique Adobe (accessible à l'adresse www.adobe.com/go/store_fr) permet d'accéder à des milliers de plug-ins de développeurs tiers, vous aidant ainsi à automatiser les tâches, personnaliser les processus, créer des effets professionnels spécialisés, et bien plus encore.

Adobe Labs

Les Adobe Labs vous permettent d'expérimenter et d'évaluer des innovations nouvelles et émergentes, les technologies et les produits Adobe.

Les Adobe Labs vous permettent d'accéder aux ressources suivantes :

• Version préliminaire des logiciels et technologies

• Exemples de code et méthodes recommandées visant à accélérer votre courbe d'apprentissage

• Versions antérieures du produit et documentation technique

• Forums, contenu wiki et autres ressources de collaboration afin de vous aider à interagir avec des développeurs de même

sensibilité

Les Adobe Labs favorisent un processus de développement logiciel basé sur la collaboration. Cet environnement permet aux clients d'optimiser la productivité liée à l'utilisation de nouveaux produits et de nouvelles technologies, et aux équipes de développement Adobe de répondre et de réagir aux premiers commentaires afin de façonner le logiciel de manière à répondre aux besoins et attentes de la communauté.

Visitez les Adobe Labs à l'adresse www.adobe.com/go/labs_fr.

Communauté d'utilisateurs

Inclut des forums, blogs et autres avenues permettant aux utilisateurs de partager les technologies, les outils, les informations, de poser des questions et de découvrir comment tirer le meilleur parti de leurs logiciels. Les forums d'utilisateur à utilisateur sont accessibles en anglais, français, allemand et japonais ; les blogs sont publiés dans diverses langues.

Pour participer aux forums ou aux blogs, visitez www.adobe.com/go/communities_fr.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Nouveautés de Fireworks CS3

Création de symboles enrichis

Cette version de Fireworks intègre de nouvelles fonctions de symboles, ainsi que des fonctions améliorées. Créez des symboles graphiques que vous pouvez mettre à l'échelle de manière intelligente tout en leur affectant des attributs spécifiques à l'aide d'un fichier JavaScript (JSF). Créez rapidement une interface utilisateur en faisant glisser ces symboles sur le document et en modifiant les paramètres qui y sont associés via le nouveau panneau Propriétés du symbole.

Symbole s enrichis

Panneau Propriétés d u symbole Ce nouveau panneau est un emplacement central depuis lequel vous pouvez contrôler les propriétés

Symbole graphique amélioré L'amélioration du symbole graphique permet la création de propriétés de symboles personnalisa-

Bibliothèque de symboles Cette version du logiciel inclut désormais une bibliothèque de symboles graphiques prédéfinie ayant

Permuter les symboles Une nouvelle fonction « Permuter le symbole » vous permet de permuter aisément les symboles lors-

des symboles graphiques intelligents.

bles via JavaScript.

recours à la nouvelle fonctionnalité. Vous pouvez les perso nnaliser de manière à les intégrer à l'apparence d'un site Web ou d'une interface utilisateur quelconque.

que vous concevez votre document.

Pour plus d'informations, voir « Création et utilisation de symboles graphiques enrichis », page 183.

Mise à l'échelle intelligente des symboles

Généralement, lorsque vous appliquez des transformations de mise à l'échelle aux symboles, la totalité de l'objet est transformée en tant qu'unité simple. Avec certains types d'objets, notamment les formes géométriques aux angles stylés, le symbole obtenu est quelque peu déformé.

Fireworks CS3 intègre désormais une nouvelle fonction dynamique appelée mise à l’échelle à 9 découpes, vous permettant de mettre à l'échelle des symboles vectoriels ou bitmap de manière intelligente. En positionnant un jeu de repères sur votre graphique, vous pouvez définir précisément dans quelle mesure chaque partie d'un symbole est mise à l'échelle. Vous pouvez spécifier si chacune des neuf différentes zones doit être mise à l'échelle horizontalement uniquement, verticalement uniquement, horizontalement et verticalement ou ne doit pas être mise à l'échelle. Vous pouvez également définir cette fonction, qui est activée par défaut, de manière à effectuer une mise à l'échelle dans trois zones uniquement. Lorsqu'elle est combinée à la nouvelle bibliothèque Formes automatiques, la mise à l'échelle à 9 découpes vous permet de créer des prototypes de sites Web et d'applications en un minimum de temps comme jamais auparavant.

Mise à l'échelle sans distorsion

Nouvel outil de mise à l ’échelle à 9 découpes Activez la fonction de mise à l'échelle à 9 découpes pour agrandir ou réduire des symboles vectoriels

et bitm ap s ans défo rme r le ur gé omé tri e. Le sym bol e peu t êt re m is à l 'éc hel le d ans 3 ou 9 zon es, s elo n sa forme.

Pour plus d'informations, voir « Utilisation de la mise à l’échelle à 9 découpes », page 182.

Ajout de plusieurs pages à un document unique

Dans un effort perpétuel visant à améliorer les processus de conception Web, Fireworks CS3 facilite la création de prototypes Web multi-pages complexes à l'aide d'un fichier PNG unique. Chaque page contient ses propres paramètres de document, de taille, de couleur, de résolution de l'image et de repères. Vous pouvez définir ces paramètres sur chaque page séparément ou globalement sur toutes les pages du document.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

En faisant passer le concept multi-pages à l'étape supérieure, les calques Fireworks peuvent s'appliquer à une page unique ou être partagés entre plusieurs pages. Une fois partagés, les calques sont ombrés en jaune de manière à les différencier des calques non partagés. Si vous voulez mettre au point un prototype rapidement, vous pouvez créer des processus contenant des liens hypertextes et des comportements de références sur plusieurs pages. Vous pouvez également afficher l'aperçu de toutes vos pages dans un navigateur ou les exporter toutes simultanément en tant que pages HTML multiples.

Création d'un prototype sans complexité

Nouveau panneau Pages Le nouveau panneau Pages permet d'accéder facilement à toutes les pages de votre fichier PNG.

Appliquer des calques à plusieurs pages Les calques peuvent s'appliquer à une seule page ou peuvent être partagés entre plusieurs pages.

Une fois partagés, les calques s'affichent en jaune de manière à se différencier des calques non partagés.

Utiliser une page maîtresse pour les éléments communs

Vous pouvez utiliser une page maîtresse optionnelle qui contiendra les éléments communs à toutes les pages.

Pour plus d'informations, voir « Utilisation des pages », page 151.

Création de diaporamas de type Flash

Créez automatiquement un diaporama d'images. La commande Créer un diaporama permet de créer un diaporama Flash sans savoir comment utiliser Flash. Sélectionnez simplement un dossier contenant des images, ajoutez des options de diaporama (telles que les transitions de diapo), sélectionnez un lecteur Fireworks (un modèle Flash) pour la sortie finale et lancez le traitement par lots automatique de la vignette et des images de taille standard requises, optimisées pour le Web.

Création d'un diaporama Flash sans connaître Flash

Fonction Créer un diaporama Dans le menu Commandes, choississez Créer un diaporama pour lancer le nouvel outil.

Pour plus d'informations, voir « Création de diaporamas », page 243.

Calques hiérarchiques

Dans Fireworks CS3, tous les calques hiérarchiques sont préservés quelque soit la simplicité ou la complexité avec laquelle les calques sont utilisés dans un document. Lors de la création d'un nouveau fichier, tous les éléments sont organisés au même niveau, de manière non hiérarchique. Vous pouvez créer de nouveaux sous-calques si besoin et déplacer les éléments qui s'y trouvent, ou déplacer les éléments d'un calque vers un autre à tout moment. Vous pouvez également créer plusieurs sous-calques et les grouper.

Utilisation de calques en vue d'une flexibilité de conception optimisée

Calques hiérarchiques Utilisez le panneau Calques pour créer et organiser des calques à votre guise.

Pour plus d'informations, voir « Utilisation des calques », page 154.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Utilisation de fichiers Photoshop

Avec Fireworks CS3, vous pouvez importer directement des fichiers natifs à partir de Photoshop. En offrant un niveau de fonctionnalités entièrement nouveau, Adobe redéfinit le concept de ce que devrait être l'intégration. Vous pouvez désormais enregistrer les compositions et les images Fireworks en tant que fichiers Photoshop natifs et les ouvrir dans Photoshop ou Fireworks CS3 tout en préservant les informations sur les calques.

Compatibilité Photoshop améliorée

Effets de calques Photoshop Photoshop intègre divers effets tels que les ombres, néons, biseaux, recouvrements et traits qui per-

mettent à l'utilisateur de modifier l'aspect du contenu d'un calque. Fireworks CS3 conserve désormais ces effets de calques Photoshop modifiables lors de l'impo rtation ou de l'ouverture d'un fichier PSD. Vous pouvez désormais également appliquer des effets de calques Photoshop directement à un objet dans Fireworks en sélectionnant Effets en direct Photoshop dans l'outil Filtres en direct de l'Inspecteur des propriétés.

Modes de fondu Photoshop Fireworks CS3 inclut sept modes de fondu Photoshop couramment utilisés (dissoudre, brûlure

linéaire, révélateur linéaire, lumière vive, lumière linéaire, lumière de broche et mélange net).

Conservation des calques hiérarchiques à l'ouverture de fichiers PSD

Fireworks CS3 prend désormais en charge une structure hiérarchique de calques, ce qui vous permet de conserver les informations sur les calques et sous- calques lors de l'importation de fichiers à par tir de Photoshop.

Pour plus d'informations, voir « Utilisation de Photoshop », page 312.

Importation de fichiers Fireworks dans Adobe Flash

Vous pouvez désormais déplacer du contenu depuis Fireworks CS3 vers Flash CS3 Professional rapidement en effectuant un copier-coller ou en important directement un fichier PNG Fireworks. La structure importante est conservée, notamment les pages multiples, les calques partagés, les calques hiérarchiques, les images, les paramètres de mise à l’échelle à 9 découpes et de nombreux effets. Créer des prototypes dans Fireworks et développer dans Flash n'a jamais été aussi facile.

Pour plus d'informations, voir « Utilisation de Flash », page 296.

Intégration Flex pour la disposition des applications Internet enrichies

A l'heure où les concepteurs ne cessent de déployer l'enveloppe technologique, il n'a jamais été aussi important de disposer de meilleurs outils et d'une meilleure intégration. Fireworks CS3 peut contribuer au développement des applications Internet enrichies de nouvelle génération, appelées RIA (Rich Internet Applications), en permettant d'exporter les actifs de la bibliothèque commune en tant que composants connus en vue d'une utilisation dans Adobe Flex™ Builder.™ Les styles et le positionnement absolu sont également préservés.

Point positif : vous n'avez pas à intervenir. En effet, Fireworks exporte le code Flex nécessaire (MXML) pour vous. Vous pouvez désormais créer aisément la disposition d'une application Flex dans Fireworks, en mettant à niveau les actifs de la bibliothèque commune Flex avec le code MXML en vue du chargement dans Flex Builder.

Utilisation de fichiers Illustrator

Ouvrez des fichiers Illustrator dans Fireworks tout en préservant les calques hiérarchiques, les motifs, les images liées, les attributs de texte, la transparence, etc. Fireworks intègre également des options d'exportation en vue de l'exportation dans Adobe Illustrator 8.0.

Pour plus d'informations, voir « Travailler avec Illustrator », page 316.

Pour plus d'informations sur les nouvelles fonctions, voir la page Fireworks du site Web de Adobe à l'adresse

www.adobe.com/products/fireworks/.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Adobe Bridge

Simplifiez le traitement des fichiers dans Fireworks et dans Adobe Creative Suite grâce à Adobe Bridge, l'explorateur de fichiers de nouvelle génération. Parcourez, balisez, recherchez et traitez vos images en toute efficacité. L'utilisation conjointe de Bridge et de Fireworks signifie que vous pouvez tirez parti des métadonnées XMP dans vos fichiers. La technologie Adobe XMP (Extensible Metadata Platform) aide l'utilisateur à ajouter des informations de fichier aux fichiers enregistrés aux formats PNG, GIF, JPEG, Photoshop et TIFF, et facilite l'échange de métadonnées entre les logiciels Adobe et les autres systèmes qui prennent en charge la norme de métadonnées XMP.

Pour plus d'informations, voir « Adobe Bridge », page 318.

Chapitre 2 : Concepts de base de Fireworks

Fireworks CS3 est un programme logiciel permettant de concevoir des graphiques professionnels à l'écran. Ses solutions novatrices permettent de résoudre les principaux problèmes posés aux concepteurs et aux webmasters. Grâce à la large palette d’outils proposée par Fireworks, vous pouvez créer et éditer des graphiques vectoriels et bitmap dans un même fichier.

L'avènement de Fireworks a libéré les concepteurs de sites Web des tâches fastidieuses impliquant l’ouverture de douzaines d’applications spécifiques. L’application non destructive des filtres en direct évite de devoir recréer des graphiques Web après une modification simple. La génération de code JavaScript facilite considérablement la création de survols. Des fonctions d’optimisation efficaces réduisent la taille de fichiers graphiques Web sans sacrifier la qualité.

Si vous débutez avec Fireworks, il vous serait utile de comprendre les concepts généraux de Fireworks, tels que l'ouverture, l'importation et l'enregistrement de fichiers, et de vous familiariser à l'environnement de Fireworks et de travailler dans un fichier. Une fois que vous avez créé un nouveau fichier ou que vous avez ouvert un fichier existant, l'environnement de travail Fireworks est accessible.

Ce chapitre couvre les rubriques suivantes :

• « Travailler avec Fireworks », page 12

• « Graphiques vectoriels et bitmap », page 14

• « Création d’un nouveau document », page 15

• « Ouverture et importation de fichiers », page 16

• « Enregistrement de fichiers Fireworks », page 22

• « Environnement de travail de Fireworks », page 24

Travailler avec Fireworks

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. Une fois le document terminé, vous pouvez l'exporter ou l'enregistrer au format JPEG, GIF ou autre, accompagné des fichiers HTML contenant des tables HTML et du code JavaScript, afin de l'utiliser sur le Web. Vous pouvez également exporter ou enregistrer un type de fichier spécifique vers un autre programme, tel qu'Adobe Photoshop ou Macromedia Flash, si vous voulez continuer à travailler dans ces programmes.

Objets vectoriels et bitmap

Dans le panneau Outils de Fireworks, vous trouverez des sections distinctes contenant des outils de création et de modification de vecteurs et de bitmaps. Pour plus d'informations sur ces deux formats de base, voir « Graphiques vectoriels et bitmap », page 14.

Dans Fireworks, l'outil que vous sélectionnez détermine si l'objet que vous créez est un objet vectoriel ou bitmap. Par exemple, après avoir sélectionné l'outil Plume dans la section Vecteur du panneau Outils, vous pouvez commencer à tracer des trajets vectoriels en plaçant des points. Après avoir sélectionné l'outil Pinceau, vous pouvez faire glisser le pointeur afin de dessiner un objet bitmap. Après avoir sélectionné l'outil Texte, vous pouvez démarrer votre saisie.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Après avoir dessiné des objets vectoriels, des objets bitmap ou du texte, vous pouvez utiliser toute une panoplie d'outils, d'effets, de commandes et de techniques pour mettre en valeur et achever vos graphiques. Vous pouvez utiliser les outils de Fireworks situés dans l'Editeur de boutons pour créer des boutons de navigation interactifs.

Vous pouvez également utiliser les outils de Fireworks pour modifier des graphiques importés. Vous pouvez importer et modifier les fichiers aux formats JPEG, GIF, PNG, PSD et bien d'autres encore. Une fois que vous avez importé une image graphique, vous pouvez ajuster sa couleur et sa teinte, et vous pouvez également la recadrer, la retoucher et la masquer.

Graphiques interactifs

Les découpes et les références sont des objets Web qui spécifient des zones interactives dans un graphique Web. Les découpes permettent de sélectionner des portions d’image et d'appliquer des comportements de survol, des animations et des liens URL (Uniform Ressource Locator). En outre, vous pouvez exporter les sections avec des paramètres différents. Sur une page Web, chaque découpe s'affiche dans une cellule de tableau. Les références vous permettent d'affecter des liens URL et des comportements à l’ensemble ou à une partie du graphique. Pour plus d'informations, voir « Découpes, survols et références », page 193.

Les découpes et les références possèdent des poignées de survol glisser-déposer vous permettant d'assigner rapidement aux graphiques des comportements de permutation d'image et de survol directement depuis l'espace de travail. L'Editeur de boutons et l'Editeur de menus contextuels sont des fonctions pratiques de Fireworks qui vous aident à créer des graphiques interactifs spéciaux pour naviguer sur les sites Web.

Optimisation et exportation de graphiques

Lorsque vous vous apprêtez à exporter des graphiques, Fireworks possède des fonctions d'optimisation puissantes qui vous aident à trouver l'équilibre entre la taille des fichiers et une qualité visuelle acceptable. Optimisez les graphiques Web avec Fireworks pour réduire la taille des fichiers et ainsi accélérer leur chargement dans les sites Web. Comparez la qualité des graphiques dans les vues Aperçu, 2 en 1 ou 4 en 1 de l'espace de travail.

Vous pouvez découper une image en plusieurs unités, puis optimiser ces unités pour obtenir un format qui correspond mieux au contenu. Pour ajouter de la souplesse à l'optimisation, vous pouvez utiliser une compression JPEG sélective afin de centraliser la partie la plus importante d'un JPEG tandis que la qualité de l'arrière-plan est réduite.

Après avoir optimisé vos graphiques, l'étape suivante consiste à les exporter afin de les utiliser sur le Web. A partir de votre document PNG source de Fireworks, vous pouvez exporter un certain nombre de types de fichiers, dont JPEG, GIF, GIF animé et des tables HTML contenant des images découpées, vers différents types de fichiers. Pour plus d'informations, voir « Optimisation et exportation », page 250.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Graphiques vectoriels et bitmap

Les ordinateurs affichent des 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.

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écrite par une série de points qui représentent le contour de la feuille. La couleur de la feuille est déterminée par la couleur de son contour (le trait) et la couleur de la zone délimitée par ce contour (la trame).

Lorsque vous modifiez un graphique vectoriel, vous modifiez les propriétés des lignes et des courbes qui en décrivent la forme. Les graphiques vectoriels ne dépendent pas de la résolution, ce qui signifie que vous pouvez déplacer, redimensionner, reformer ou changer la couleur d’un graphique vectoriel et l'afficher sur des écrans de diverses résolutions, sans affecter la qualité de son aspect.

Graphiques bitmap

Les graphiques bitmap sont composés de points, appelés pixels, organisés dans 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 de couleur 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 forment une image comparable à 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 et produit souvent une image aux bords dentelés. L’affichage d’un graphique bitmap sur un écran dont la résolution est inférieure à celle de l’image risque également d'en altérer la qualité.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Création d’un nouveau document

Lorsque vous cliquez sur Fichier > Nouveau pour créer un nouveau document dans Fireworks, un fichier de type PNG (Portable Network Graphic) est créé. PNG est le format de fichier natif de Fireworks. Lorsque vous créez des graphiques dans Fireworks, vous pouvez les exporter ou les enregistrer sous d’autres formats de graphiques Web courants, tels que JPEG, GIF et GIF animé. Vous pouvez également exporter ou enregistrer des graphiques vers de nombreux formats populaires utilisés en dehors du Web, tels que TIFF, PSD et BMP. Quels que soient les paramètres d'optimisation et d’exportation sélectionnés, le fichier PNG Fireworks d’origine est conservé afin de permettre une modification ultérieure aisée.

Avant de créer un graphique Web dans Fireworks, vous devez créer un nouveau document ou ouvrir un document existant. Vous pourrez par la suite ajuster les options de configuration dans l'Inspecteur des propriétés.

Pour créer un nouveau document :

1 Cliquez sur Fichier > Nouveau

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

2 Entrez la largeur et la hauteur du document en pixels, pouces ou centimètres.

3 Entrez une résolution en pixels par pouce ou pixels par centimètre.

4 Choisissez une couleur de fond blanche, transparente ou personnalisée.

Remarque : Utilisez la fenêtre contextuelle du sélecteur de couleurs Personnalisé pour sélectionner une couleur de fond personnalisée.

5 Cliquez sur OK pour créer le nouveau document.

Pour créer un nouveau 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 ;

• l'une des applications répertoriées dans « Collage dans Fireworks », page 19.

2 Cliquez sur Fichier > Nouveau.

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

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

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

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Ouverture et importation de fichiers

Dans Fireworks, vous pouvez facilement ouvrir, importer et modifier des images vectorielles et bitmap créées dans d'autres programmes graphiques. En outre, vous pouvez importer des images en provenance d’un appareil photo numérique ou d’un scanner.

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

Pour ouvrir un document Fireworks :

1 Cliquez sur Fichier > Ouvrir.

La boîte de dialogue Ouvrir s'affiche.

2 Sélectionnez le fichier, puis cliquez sur Ouvrir.

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.

Cette section couvre les rubriques suivantes :

• « Ouverture des derniers documents fermés », page 16

• « Ouverture de graphiques créés dans d'autres applications », page 16

• « Création de fichiers PNG dans Fireworks à partir de fichiers HTML », page 17

• « Insertion d’objets dans un document Fireworks », page 18

Ouverture des derniers documents fermés

Le menu Fichier répertorie les 10 derniers documents fermés dans le sous-menu Ouvrir les fichiers récents. La page de démarrage répertorie également les documents récemment fermés.

Pour ouvrir un fichier récemment fermé :

1 Cliquez sur Fichier > Ouvrir les fichiers récents.

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

Pour ouvrir 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

Fireworks permet d'ouvrir des fichiers créés dans d'autres applications ou dans des formats différents, y compris les fichiers Photoshop, Adobe FreeHand, Adobe Illustrator, CorelDRAW non compressés, WBMP, EPS, JPEG, GIF et GIF animés.

Lorsque vous ouvrez un format de fichier autre que PNG en cliquant sur 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 dès lors cliquer sur Enregistrer sous pour enregistrer votre travail comme nouveau fichier PNG Fireworks ou dans un autre format ; avec certains types d'images, vous pouvez également cliquer sur Enregistrer pour enregistrer le document dans son format d'origine. Si vous sélectionnez cette deuxième option, l'image est fusionnée en un seul calque et vous ne pouvez plus modifier les fonctions spécifiques à Fireworks que vous aviez ajoutées à l'image.

Fireworks vous permet d'enregistrer les formats de fichier suivants directement : Fireworks PNG, 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.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

GIF animés

Vous pouvez ouvrir les fichiers GIF animés dans Fireworks de deux façons :

• Importez un GIF animé en tant que symbole d’animation. Vous pouvez modifier et déplacer tous les éléments de

l'animation en tant qu'unité simple et utiliser le panneau Bibliothèque pour créer de nouvelles occurrences du symbole.

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

• Ouvrez un GIF animé en tant que fichier GIF ordinaire. Les éléments du fichier GIF sont placés en tant qu’image

distincte dans une image de Fireworks. Dans Fireworks, vous pouvez convertir le graphique en un symbole d’animation.

Fichiers EPS

Fireworks ouvre la plupart des fichiers EPS, tels que les fichiers Photoshop EPS, en tant qu'images bitmap fusionnées, dans lesquelles tous les objets sont rassemblés dans un calque unique. Toutefois, certains fichiers EPS exportés à partir d'Illustrator conservent leurs informations vectorielles.

Pour la plupart des fichiers EPS que vous ouvrez ou que vous importez, la boîte de dialogue Options de fichier EPS s'affiche.

Taille de l'image détermine les dimensions et les unités de rendu de l'image. Vous pouvez sélectionner pixels, pourcentage,

pouces ou centimètres.

Résolution indique les pixels par unité pour la résolution.

Contraindre les proportions ouvre le fichier en respectant les proportions du fichier d'origine.

Anticrénelé lisse les bords irréguliers du fichier EPS ouvert.

Si vous ouvrez ou importez des fichiers EPS Illustrator qui contiennent des informations vectorielles, la boîte de dialogue Options de fichier vectoriel s'affiche. Il s'agit de la même boîte de dialogue qui s'affiche lorsque vous ouvrez ou importez des fichiers FreeHand.

Fichiers PSD

Fireworks CS3 peut ouvrir des fichiers PSD créés dans Photoshop tout en conservant les fonctions PSD dans leur intégralité ou partiellement, notamment les calques hiérarchiques, les effets de calques et les modes de fondu 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). Vous pouvez ouvrir un fichier WBMP directement en utilisant Fichier > Ouvrir ou importer un fichier WBMP en utilisant Fichier > Importer.

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

Fireworks peut ouvrir et importer des contenus HTML créés dans d'autres applications. Lorsque vous ouvrez ou importez un fichier HTML, Fireworks reconstruit la mise en page et les comportements définis par le code HTML, vous permettant de recréer des pages Web contenant des graphiques découpés, des boutons JavaScript ainsi que d'autres types d'interactivité. Cela vous permet de récupérer des sites Web dont vous avez hérité, même si vous ne possédez pas les fichiers PNG source. Grâce à cette fonction, vous pouvez ouvrir ou importer rapidement une page Web afin de mettre à jour des graphiques, changer la mise en page du document ou modifier des liens de navigation, des boutons et d'autres éléments interactifs, le tout sans avoir à reconstruire la page depuis le début ou à modifier les scripts.

Etant donné que Fireworks exporte les contenus HTML sous la forme d'une table HTML, cela détermine également la mise en page du document pour des HTML importés se basant sur des tables HTML. Le fichier HTML doit contenir au moins une table pour que vous puissiez le reconstruire dans Fireworks. Pour plus d'informations sur le HTML, voir « Exportation du fichier HTML », page 273.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Vous avez plusieurs façons d'intégrer des contenus HTML dans Fireworks :

• Vous pouvez ouvrir toutes les tables HTML dans un fichier HTML.

• Vous pouvez ouvrir la première table HTML rencontrée par Fireworks dans un fichier HTML.

• Vous pouvez importer la première table HTML rencontrée par Fireworks dans un document Fireworks existant.

Remarque : Fireworks peut également impor ter des documents qui utilisent un codage UTF-8 ainsi que ceux écrits en XHTML. Pour plus d'informations sur ces types de fichiers, voir « Exportation de fichiers avec et sans codage UTF-8 », page 279 et « Exportation d'un fichier XHTML », page 278.

Pour ouvrir toutes les tables d'un fichier HTML :

1 Cliquez sur Fichier > Reconstituer la table.

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

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

Pour ouvrir uniquement la première table d'un fichier HTML :

1 Cliquez sur Fichier > Ouvrir.

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

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

Pour importer la première table d'un fichier HTML vers un document Fireworks ouvert :

1 Cliquez sur 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 s'affiche la table importée.

Insertion d’objets dans un document Fireworks

Vous pouvez importer, glisser-déposer ou copier-coller des objets vectoriels, des images bitmap ou du texte créés dans d'autres applications dans un document Fireworks. Vous pouvez également importer des images en provenance d’un appareil photo numérique ou d’un scanner.

Glisser-déposer d'images dans Fireworks

Utilisez la méthode glisser-déposer pour importer des objets vectoriels, des images bitmap ou du texte dans Fireworks à partir d'applications prenant en charge ce type de méthode : Ces applications sont les suivantes :

• FreeHand 7 ou supérieure ;

• Flash 3 ou supérieure ;

• Photoshop 4 ou supérieure ;

• Illustrator 7 ou supérieure ;

• Microsoft Office 97 ou supérieure ;

• Microsoft Internet Explorer 3 ou supérieure ;

• Netscape Navigator 3 ou supérieure ;

• CorelDRAW 7 ou supérieure.

Pour glisser une image ou du texte dans Fireworks :

❖

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

ADOBE FIREWORKS CS3

Guide de l'utilisateur

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 copier et coller un objet ou du texte dans n'importe lesquels des formats ci-après depuis le Pressepapiers :

• FreeHand 7 ou supérieure ;

• Illustrator ;

• PNG ;

• PICT (Macintosh) ;

• DIB (Windows) ;

• BMP (Windows) ;

• Texte ASCII ;

• EPS ;

• WBMP

• TXT;

• RTF.

Pour coller dans Fireworks :

1 Depuis l'autre application, copiez l'objet ou le texte que vous souhaitez coller.

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

Localisation des objets collés

Lorsque vous collez un objet dans Fireworks, son placement dépend de ce qui est sélectionné :

• Si au moins un objet d'un calque simple est sélectionné, l'objet collé est placé devant — ou empilé directement au-dessus

de — l'objet sélectionné dans ce même calque.

• Si le calque lui-même est sélectionné ainsi que, soit aucun, soit tous les objets, l'objet collé est placé devant — ou empilé

directement au-dessus de — l'objet placé tout en haut de ce même calque.

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

dessus de — l'objet placé tout en haut du calque le plus haut.

• Si le calque Web ou un objet du calque Web est sélectionné, l'objet collé est placé devant — ou empilé au-dessus de —

tous les autres objets du calque le plus bas.

Remarque : Le calque Web est un calque spécial qui contient tous les objets Web. Il est toujours placé en haut du panneau Calques. Pour plus d'informations sur les calques, voir « Pages, calques, masques et fondus », page 151.

Rééchantillonnage des objets collés

Lorsque vous collez un bitmap avec une résolution différente de celle du document Fireworks de destination, Fireworks vous demande si vous souhaitez rééchantillonner le bitmap.

Le rééchantillonnage ajoute ou supprime des pixels dans un bitmap redimensionné afin de correspondre le plus possible à l'aspect du bitmap d'origine. Le rééchantillonnage d'un bitmap dans une résolution supérieure provoque généralement une légère perte de qualité. Toutefois, le rééchantillonnage dans une résolution inférieure cause toujours une perte de données et généralement une baisse de qualité.

Pour rééchantillonner un objet bitmap en le collant :

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

2 Cliquez sur Edition > Coller dans Fireworks.

Si l'image bitmap du Presse-papiers possède une résolution différente de celle du document actif, une boîte de dialogue s'affiche, vous demandant si vous voulez ou non effectuer un rééchantillonnage.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

3 Sélectionnez l'une des options suivantes :

Rééchantillonner •conserve la largeur et la hauteur originales du bitmap collé, ajoutant ou supprimant des pixels si néces-

saire.

Ne pas rééchantillonner •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 de fichiers PNG

Vous pouvez importer des fichiers PNG de Fireworks dans le calque courant du document Fireworks actif. Tout objet référence et découpe est placé sur le calque Web du document. Pour plus d'informations sur les découpes et les objets Web, voir « Affichage des découpes et des repères de découpe », page 196. Pour plus d'informations sur les calques, voir « Utilisation des calques », page 154.

Pour importer un fichier PNG dans le calque d'un document Fireworks :

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

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

3 Recherchez le fichier à importer, puis cliquez sur Ouvrir.

4 Sur le document, positionnez le pointeur d'importation à l'endroit où vous voulez placer le coin supérieur gauche

de l'image.

5 Importez le fichier :

• Cliquez pour importer l'image.

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

Fireworks conserve les proportions de l'image.

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é Capture d'image intégrée d'OS X (Macintosh). Ces images sont ouvertes en tant que nouveaux documents.

Remarque : Fireworks ne peut pas importer d'images issues d'un scanner ou d'un appareil photo numérique, à moins que les pilotes, modules et plug-ins appropriés du logiciel soient installés. Pour obtenir des instructions spécifiques sur l'installation, les paramètres et les options, voir la section de la documentation de votre scanner ou appareil photo numérique relative au module TWAIN ou au plug-in Photoshop Acquire.

Sur Macintosh, Fireworks recherche automatiquement les plug-ins Photoshop Acquire dans le dossier Plug-ins du dossier de l'application Fireworks. Si vous ne souhaitez pas placer les plug-ins à cet endroit, vous devez indiquer un autre emplacement à Fireworks.

Remarque : L'emplacement exact du dossier Plug-ins varie en fonction du système d'exploitation. Pour plus d'informations, voir « Utilisation des fichiers de configuration », page 340.

Pour diriger Fireworks vers les plug-ins Photoshop Acquire :

1 Dans Fireworks, cliquez sur Edition > Préférences.

Remarque : Sur Mac OS X, cliquez sur Fireworks > Préférences.

2 Cliquez sur l'onglet Dossiers.

3 Sélectionnez Plug-ins Photoshop.

4 Cliquez sur Parcourir si la boîte de dialogue Sélectionner le dossier contenant les plug-ins de Photoshop (Windows) ou

Choisissez un dossier (Macintosh) ne s'ouvre pas automatiquement.

5 Recherchez le dossier comportant les plug-ins Photoshop.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Pour importer une image à partir d'un appareil photo numérique (Windows) :

1 Connectez l’appareil photo à votre ordinateur.

2 Installez le logiciel qui accompagne l'appareil photo, si cela n'a pas déjà été fait.

3 Dans Fireworks, cliquez sur Fichier > Numériser, puis sélectionnez Acquisition Twain ou Source Twain.

4 Dans la boîte de dialogue Sélectionner la source, sélectionnez une source, puis cliquez sur OK.

5 Dans la boîte de dialogue Sélectionner les images, sélectionnez les images que vous souhaitez importer, puis cliquez sur OK.

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

6 Suivez les instructions pour appliquer les paramètres souhaités.

L’image importée s'affiche dans un nouveau document Fireworks.

Pour importer une image à partir d'un appareil photo numérique (Macintosh) :

1 Connectez l’appareil photo à votre ordinateur.

2 Installez le logiciel qui accompagne l'appareil photo, si cela n'a pas déjà été fait.

3 Dans Fireworks, cliquez sur Fichier > Acquisition, puis sélectionnez Acquisition appareil photo ou Source appareil

photo.

4 Dans la boîte de dialogue Sélectionner l'appareil photo, choisissez un appareil photo, puis cliquez sur OK.

5 Dans la boîte de dialogue Sélectionner les images, sélectionnez les images que vous souhaitez importer, puis cliquez sur

OK.

Remarque : La boîte de dialogue Sélectionner les images n'affiche que les fichiers de types pris en charge par Fireworks.

6 Suivez les instructions pour appliquer les paramètres souhaités.

L’image importée s'affiche dans un nouveau document Fireworks.

Pour importer une image à partir d'un scanner (Windows) :

1 Connectez le scanner à votre ordinateur.

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

3 Dans Fireworks, cliquez sur Fichier > Numériser, puis sélectionnez Acquisition Twain ou Source Twain.

Remarque : Pour la plupart des modules TWAIN ou des plug-ins Photoshop Acquire, des boîtes de dialogue supplémentaires vous invitent à spécifier d’autres options.

4 Suivez les instructions pour appliquer les paramètres souhaités.

L’image importée s'affiche dans un nouveau document Fireworks.

Pour importer une image à partir d'un scanner (Macintosh) :

1 Connectez le scanner à votre ordinateur.

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

3 Dans Fireworks, cliquez sur Fichier > Acquisition, puis sélectionnez Acquisition Twain ou Source Twain.

Remarque : Pour la plupart des modules T WAIN ou des plug-ins Photoshop Acquire, des boîtes de dialogue supplémentaires vous invitent à spécifier d’autres options.

4 Suivez les instructions pour appliquer les paramètres souhaités.

L’image importée s'affiche dans un nouveau document Fireworks.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Enregistrement de fichiers Fireworks

Lorsque vous créez un document ou ouvrez un fichier PNG Fireworks existant, le nom de fichier du document possède l'extension .png. Les fichiers d'autres types, tels que PSD et HTML, s'ouvrent également au format PNG, ce qui vous permet d'utiliser le document PNG Fireworks comme fichier source ou de travail.

Cependant, de nombreux fichiers conser vent leurs extension et paramètres d'optimisation d'origine lorsque vous les ouvrez dans Fireworks. Pour plus d'informations, voir « Enregistrement de documents dans d'autres formats », page 23.

L'emplacement par défaut dans lequel Fireworks enregistre un document est déterminé par les éléments suivants, selon cet ordre :

• l'emplacement actuel du fichier ;

• l'emplacement actuel d'exportation/d'enregistrement, défini à chaque fois que vous modifiez l'emplacement par défaut

dans la boîte de dialogue Enregistrer, Enregistrer sous, Enregistrer une copie ou Exporter ;

• l'emplacement d'enregistrement par défaut des nouveaux documents ou des nouvelles images sur le système d'exploi-

tation.

Enregistrement de fichiers PNG Fireworks

Lorsque vous créez un nouveau document ou ouvrez un fichier PNG Fireworks existant, le nom de fichier du document possède l'extension .png. Le fichier affiché dans la fenêtre de document Fireworks est votre fichier source ou fichier de travail.

L'utilisation d'un fichier PNG de Fireworks comme fichier source présente 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 des graphiques complexes en plusieurs parties dans le fichier PNG et les exporter sous différents

formats et paramètres d'optimisation.

Pour enregistrer un nouveau document Fireworks :

1 Cliquez sur Fichier > Enregistrer sous.

La boîte de dialogue Enregistrer sous s'affiche.

2 Recherchez l'emplacement souhaité et entrez le nom du fichier.

Vous pouvez ne pas indiquer d'extension pour le nom de fichier ; Fireworks la fournit automatiquement.

3 Cliquez sur Enregistrer.

Pour enregistrer un document existant :

❖

Cliquez sur Fichier > Enregistrer.

Pour enregistrer un fichier PNG Fireworks CS3 afin de l'utiliser dans une version précédente de Fireworks :

1 Cliquez sur Fichier > Exporter.

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

3 Si le fichier Fireworks CS3 contient plusieurs pages, sélectionnez Pages vers Fichiers dans la liste déroulante Exporter.

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

chaque page sera enregistrée au format de fichier par défaut. Vous pouvez définir ce format de fichier via le panneau Optimiser.

Tous les objets des calques de niveau supérieur seront enregistrés lors de l'exportation ; en revanche, les éléments des souscalques ne seront pas exportés.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Enregistrement de documents dans d'autres formats

Lorsque vous ouvrez un fichier d'un format autre que PNG en cliquant sur Fichier > Ouvrir, vous pouvez utiliser toutes les fonctions de Fireworks pour modifier l'image. Vous pouvez alors cliquer sur Enregistrer sous pour enregistrer votre travail en tant que nouveau fichier PNG Fireworks ou sélectionner un autre format d'enregistrement. Pour la plupart des types de fichiers, vous pouvez cliquer sur Enregistrer pour enregistrer le document dans son format d'origine.

Remarque : Si vous enregistrez un fichier PNG dans un 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 (voir « Graphiques vectoriels et bitmap », page 14). Si vous devez retoucher l'image, éditez le fichier PNG source, puis exportez-le de nouveau.

Vous pouvez enregistrer sous les formats de fichier suivants directement : Fireworks PNG, GIF, GIF animé, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD et PICT (Macintosh uniquement). Fireworks enregistre les images TIFF 16 bits à une profondeur de couleur de 24 bits.

Les fichiers d'autres types, comme PSD et HTML, s'ouvrent au format PNG, ce qui vous permet d'utiliser le document PNG Fireworks comme fichier source. Toute modification que vous apportez est appliquée au fichier PNG et non à l'original.

Pour enregistrer un fichier GIF, JPEG, TIFF, BMP ou un autre format de fichier répertorié ci-avant :

1 Cliquez sur Fichier > Enregistrer.

2 Si les modifications apportées au document ne peuvent pas être modifiées dans le format d'origine du fichier, une notifi-

cation s'affiche dans la boîte de dialogue Enregistrer. Ces modifications non modifiables peuvent être l'ajout de nouveaux objets, de masques et de filtres en direct, ou le réglage de l'opacité, l'application de modes de fondu et l'enregistrement de sélections de pixels.

Remarque : Si vous ne sélectionnez pas l'option Enregistrer comme copie, le format de fichier du document sur lequel vous travaillez est converti dans le format sous lequel vous l'enregistrez.

Pour exporter un document dans un autre format :

1 Sélectionnez un format de fichier dans le panneau Optimiser.

2 Cliquez sur Fichier > Exporter pour exporter le document.

Pour plus d'informations sur l'exportation de fichiers, voir « Optimisation et exportation », page 250.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Environnement de travail de Fireworks

Lorsque vous ouvrez pour la première fois un document dans Fireworks, Fireworks active l'environnement de travail, y compris le panneau Outils, l'Inspecteur des propriétés, les menus et d'autres panneaux. Le panneau Outils, à gauche de l'écran, contient des catégories étiquetées, incluant 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 s'affiche au centre du programme.

Utilisation de la 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. La page de démarrage s'utilise comme une page Web. Il vous suffit de cliquer sur une fonction à l'écran pour l'utiliser.

Pour désactiver la page de démarrage :

1 Lancez Fireworks sans ouvrir de document.

La page de démarrage s'affiche.

2 Cliquez sur Ne plus afficher.

Utilisation du panneau Outils

Le panneau Outils se divise en six catégories : Sélection, Bitmap, Vecteur, Web, Couleurs et Affichage.

ADOBE FIREWORKS CS3

Guide de l'utilisateur

Modification des options des outils

Lorsque vous sélectionnez un outil, l'Inspecteur des propriétés affiche les options de l'outil. Certaines options d'outils restent affichées lorsque vous travaillez avec l'outil. Pour d'autres outils, tels que les outils des formes de base, la Plume et la Ligne, l'Inspecteur des propriétés affiche les propriétés des objets sélectionnés. Pour plus d'informations sur l'Inspecteur des propriétés, voir « Utilisation de l'Inspecteur des propriétés », page 26.

Pour que s'affichent dans l'Inspecteur des propriétés les options d'un outil que vous êtes en train d' utiliser :

❖

Cliquez sur Sélection > Désélectionner pour désélectionner tous les objets.

Pour plus d'informations sur des options d'outils spécifiques, voir les sections qui présentent les différents outils dans le manuel Utilisation de Fireworks ou l'Aide de Fireworks.

+ 329 hidden pages