Documente Academic
Documente Profesional
Documente Cultură
Informations juridiques
Informations juridiques
Vous trouverez des informations juridiques l'adresse http://help.adobe.com/fr_FR/legalnotices/index.html.
iii
Sommaire
Chapitre 1 : Nouveauts Meilleures performances et stabilit accrue Prcision des pixels Intgration d'Adobe Device Central Amlioration des extensions ............................................................................ 1 .................................................................................................... 1 .................................................................................... 1 ........................................................ 1
Flux de travail pris en charge avec Flash Catalyst et Flash Builder Partage du nuancier entre toutes les applications de la suite
........................................................................................... 1 ............................................................ 2
Chapitre 2 : Principes de base de Fireworks A propos de lutilisation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 Graphiques vectoriels et bitmap Cration dun document Fireworks Modles Ouverture et importation de fichiers ....................................................................................... 4 ..................................................................................... 5 ................................................................................... 6 ............................................................ 8 ........................................................................ 8
.............................................................................................................. 6
Cration de fichiers PNG Fireworks partir de fichiers HTML Insertion dobjets dans un document Fireworks Enregistrement de fichiers Fireworks Chapitre 3 : Espace de travail Principes de base de lespace de travail Modification dune zone de travail Aperu dans navigateur
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
Chapitre 4 : Slection et transformation dobjets Slection des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 Modification dune slection Slection de pixels Edition dobjets slectionns Mise lchelle en 9 tranches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Chapitre 5 : Utilisation dimages bitmap Cration dimages bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 Modification dobjets bitmap Retouche des images bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Ajustement des couleurs et des tons dune image bitmap Attnuation et accentuation des images bitmap Ajout de bruit une image
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
UTILISATION DE FIREWORKS
Sommaire
iv
Formes libres
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
Formes composes
Chapitre 7 : Utilisation du texte Entre de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97 Slection de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99 Mise en forme et dition de texte
Chapitre 8 : Application de couleurs, de contours et de fonds Application de couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111 Enregistrement de nuanciers Panneau Kuler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118
Chapitre 9 : Utilisation des filtres dynamiques Application de filtres dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129 Modification et personnalisation des filtres dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Chapitre 10 : Calques, masques et fondus Calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135 Masquage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152 Fusion et transparence
Chapitre 11 : Styles, symboles et adresses URL Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157 Symboles URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170
Chapitre 12 : Tranches, survols et zones sensibles Cration et modification de tranches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173 Tranches interactives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188 Prparation des tranches pour lexportation Zones sensibles et cartes-images
Chapitre 13 : Cration de boutons et de menus contextuels Principes de base de la navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193 Cration de symboles de bouton Menus contextuels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197 Modification de symboles de bouton
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199
Chapitre 14 : Prototypage de sites Web et dinterfaces dapplications Flux de production de prototypage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205 Utilisation de pages Fireworks Cration de dispositions CSS Prototypage dapplications Flex . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
UTILISATION DE FIREWORKS
Sommaire
Chapitre 15 : Cration danimations Notions de base sur les animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218 Cration de symboles danimation Etats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220 Modification de symboles danimation Utilisation des tats Interpolation
A propos des pelures doignon Prvisualisation dune animation Optimisation dune animation
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
Cration danimations Torsion et Nuance Chapitre 16 : Cration de diaporamas Cration et organisation dun diaporama Personnalisation dun diaporama
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232
Chapitre 17 : Optimisation et exportation Utilisation de lassistant Exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237 Utilisation de laperu de limage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Optimisation dans lespace de travail Optimisation des fichiers JPEG
Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT Exportation depuis lespace de travail
Envoi dun document Fireworks comme pice jointe dun message lectronique
Chapitre 18 : Utilisation de Fireworks avec dautres applications Utilisation de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266 Utilisation de HomeSite, GoLive et dautres diteurs HTML Utilisation de Flash Utilisation dIllustrator Utilisation de Photoshop Utilisation de Director . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295
Chapitre 19 : Automatisation des tches Recherche et remplacement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297 Slection de la source de recherche Recherche et remplacement de texte Recherche et remplacement de polices Recherche et remplacement des couleurs Recherche et remplacement dURL Traitement par lots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300 Dfinition des options de recherche/remplacement dans plusieurs fichiers
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299
Recherche et remplacement de couleurs non scurises pour le Web Utilisation de commandes pour le traitement par lots
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304
UTILISATION DE FIREWORKS
Sommaire
vi
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307
Chapitre 20 : Prfrences et raccourcis clavier Dfinition des prfrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311 Slection et personnalisation des raccourcis clavier Utilisation des fichiers de configuration A propos de la rinstallation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317
Chapitre 1 : Nouveauts
Meilleures performances et stabilit accrue
Nombreuses amliorations apportes aux outils les plus utiliss dans Fireworks pour vous aider renforcer votre
efficacit
Meilleures performances globales Meilleur contrle du placement des pixels des lments de conception Outil de trac transparent mis jour
UTILISATION DE FIREWORKS
Nouveauts
UTILISATION DE FIREWORKS
Principes de base de Fireworks
Les graphiques vectoriels ne dpendent pas de la rsolution. Cela signifie que la qualit de laspect dun graphique vectoriel est conserve lorsque vous modifiez sa couleur, sa taille, sa forme ou sa position, ou que la rsolution du priphrique de sortie change.
Lorsque vous modifiez un graphique bitmap, vous modifiez des pixels et non des lignes et des courbes. Ces graphiques bitmap dpendent de la rsolution, ce qui signifie que les donnes dcrivant limage sont conditionnes par une grille de taille spcifique. Lagrandissement dun graphique bitmap modifie la distribution des pixels dans la grille, ce qui peut rendre les bords de limage lgrement dentels. Laffichage dun graphique bitmap sur un priphrique de sortie dont la rsolution est infrieure celle de limage risque galement den altrer la qualit.
UTILISATION DE FIREWORKS
Principes de base de Fireworks
Remarque : utilisez la fentre contextuelle de la case de couleur Personnalise pour slectionner une couleur de zone de travail personnalise.
Les dimensions du document enregistr prcdemment s'affichent dans la bote de dialogue Nouveau document.
UTILISATION DE FIREWORKS
Principes de base de Fireworks
Pour Mac OS, Fireworks conserve la dimension de l'objet copi prcdemment lors de la cration d'un document. Ceci est d au fat que le contenu du Presse-Papiers est conserv jusqu' ce que vous coupiez ou copiez d'autres lments, tels que du texte. Si vous copiez des lments sans rapport avec les dimensions, puis slectionnez Nouveau , la taille enregistre auparavant s'affiche par dfaut.
application adquate.
2 Choisissez Fichier > Nouveau.
La bote de dialogue Nouveau document saffiche, prsentant la hauteur et la largeur de lobjet dans le Pressepapiers.
3 Slectionnez une rsolution et une couleur de zone de travail, puis cliquez sur OK. 4 Choisissez Edition > Coller pour coller dans le nouveau document lobjet en provenance du Presse-papiers.
Modles
Enregistrez un fichier Fireworks en tant que modle et crez des fichiers partir de ce modle. Le modle est enregistr au format PNG Fireworks. Fireworks propose une liste de modles personnaliss prdfinis pour les priphriques mobiles, prototypes, sites Web et cadres Web que vous personnalisez.
Fireworks.
Remarque : Le modle contient des donnes propres Fireworks, telles que des pages, calques et informations vectorielles.
UTILISATION DE FIREWORKS
Principes de base de Fireworks
Pour ouvrir un fichier sans craser la version prcdente, cliquez sur Ouvrir en tant que Sans titre, puis enregistrez le fichier en utilisant un autre nom.
Ouverture dun fichier rcemment ferm lorsque aucun fichier nest ouvert
Cliquez sur le nom du fichier dans la page de dmarrage.
GIF anim
Importez un fichier GIF anim en tant que symbole danimation, puis modifiez et dplacez tous les lments de
lanimation en tant quune seule unit. Pour crer de nouvelles instances du symbole, servez-vous du panneau Bibliothque de documents. Remarque : lorsque vous importez un GIF anim, la cadence des tats est de 0,07 seconde par dfaut. Si ncessaire, utilisez le panneau Etats pour rtablir la cadence dorigine.
Ouvrez un fichier GIF anim de la mme manire quun fichier GIF ordinaire. Les lments du fichier GIF sont
placs en tant quimage distincte dans un tat de Fireworks. Dans Fireworks, vous pouvez convertir le graphique en un symbole danimation.
Fichiers EPS
Fireworks ouvre la plupart des fichiers EPS en tant quimages bitmap aplaties, dont tous les objets sont rassembls sur un seul et mme calque. Certains fichiers EPS exports partir dAdobe Illustrator conservent leurs informations vectorielles.
Fichiers PSD
Fireworks peut ouvrir des fichiers PSD crs dans Photoshop tout en conservant la plupart des fonctions PSD, notamment les calques hirarchiques, les effets de calques et les modes de fusion couramment utiliss. Pour personnaliser limportation PSD, faites appel aux diffrentes options du panneau Importation/Ouverture PS de la bote de dialogue Prfrences.
UTILISATION DE FIREWORKS
Principes de base de Fireworks
Fichiers WBMP
Fireworks peut ouvrir des fichiers WBMP. Il sagit de fichiers 1 bit (monochromes) qui ont t optimiss pour les priphriques dinformatique mobile. Ce format est conu pour les pages WAP (Wireless Application Protocol). Lextension Import Multiple Files permet dimporter plusieurs fichiers slectionns dans de nouvelles pages dun fichier PNG Fireworks. Cet utilitaire permet de regrouper les fichiers de projet crs dans des versions antrieures de Fireworks. Vous pouvez galement importer des fichiers PNG aplatis, PSD, AI, BMP, Freehand, GIF, GIF anims, JPEG, PICT et TIFF. Vous pouvez tlcharger cette extension sur la page http://www.adobe.com/go/learn_fw_multiplepages_fr.
La premire table du fichier HTML saffiche dans une nouvelle fentre de document.
Importation de la premire table dun fichier HTML vers un document Fireworks ouvert
1 Choisissez Fichier > Importer. 2 Slectionnez le fichier HTML partir duquel vous voulez effectuer limportation, puis cliquez sur Ouvrir. 3 Cliquez pour placer le point dinsertion lendroit o vous souhaitez que la table importe apparaisse.
Remarque : Fireworks peut importer des documents qui utilisent un codage UTF-8 ainsi que ceux crits en XHTML.
UTILISATION DE FIREWORKS
Principes de base de Fireworks
Adobe Illustrator PNG PICT (Mac OS) DIB (Windows) BMP (Windows) Texte ASCII EPS WBMP TXT RTF
1 Dans lautre application, copiez lobjet ou le texte coller. 2 Dans Fireworks, collez lobjet ou le texte dans votre document.
Si au moins un objet dun seul calque est slectionn, lobjet coll est plac devant (empil directement au-dessus
de) lobjet slectionn sur ce mme calque.
Si le calque lui-mme est slectionn, ainsi que tous ses objets ou aucun dentre eux, lobjet coll est plac devant
(empil directement au-dessus de) lobjet suprieur (plac sur le dessus) de ce mme calque.
Si au moins deux objets de plusieurs calques sont slectionns, lobjet coll est plac devant (empil directement audessus de) lobjet suprieur (plac sur le dessus) du calque suprieur (du dessus).
Si le calque Web ou un objet du calque Web est slectionn, lobjet coll est plac devant (empil au-dessus de) tous
les autres objets du calque infrieur (du dessous). Remarque : le calque Web est un calque spcial qui contient tous les objets Web. Il est toujours plac en haut du panneau Calques.
UTILISATION DE FIREWORKS
Principes de base de Fireworks
10
Non Conserve tous les pixels dorigine, ce qui peut rendre la taille relative de limage colle plus grande ou plus petite que prvu.
gauche de limage.
5 Procdez de lune des manires suivantes :
Cliquez pour importer limage en taille relle. Faites glisser le pointeur dimportation pour redimensionner limage importe.
Si la bote de dialogue de slection du dossier de modules externes Photoshop (Windows) ou Choisissez un dossier (Mac OS) ne souvre pas automatiquement, naviguez jusquau dossier.
UTILISATION DE FIREWORKS
Principes de base de Fireworks
11
Importation dune image partir dun appareil photo numrique (Mac OS)
1 Connectez lappareil photo votre ordinateur. 2 Dans Fireworks, choisissez Fichier > Acquisition, puis slectionnez Acquisition appareil photo ou Source appareil
photo.
3 Slectionnez lappareil photo et les images importer. 4 Suivez les instructions pour appliquer les paramtres.
(Windows) Dans Fireworks, choisissez Fichier > Scanner, puis slectionnez Acquisition Twain ou
Source Twain.
(Mac OS) Dans Fireworks, choisissez Fichier > Acquisition, puis slectionnez Acquisition Twain ou
Source Twain. Remarque : pour la plupart des modules TWAIN ou des modules externes Photoshop Acquire, vous pouvez spcifier des options complmentaires dans dautres botes de dialogue.
4 Suivez les instructions pour appliquer les paramtres.
Le fichier PNG source est toujours modifiable. Vous pouvez faire marche arrire et effectuer des modifications
supplmentaires, mme aprs lexportation du fichier dans le but de lutiliser sur le Web.
Vous pouvez dcouper en plusieurs tranches des graphiques complexes dans le fichier PNG et les exporter dans
diffrents formats et avec divers paramtres doptimisation. Si Fireworks met du temps enregistrer un document complexe, vous pouvez modifier dautres documents ouverts en attendant que lopration de sauvegarde se termine.
Enregistrement dun fichier Fireworks au format PNG pour lutiliser dans une version antrieure
1 Choisissez Fichier > Exporter. 2 Recherchez lemplacement o vous voulez enregistrer le fichier. 3 Si le fichier Fireworks contient plusieurs pages, slectionnez la commande Pages vers Fichiers dans le menu
contextuel Exporter.
4 Slectionnez Images ou PNG Fireworks dans la liste droulante Exporter en tant que. Si vous slectionnez Images,
chaque page est enregistre au format de fichier par dfaut. Vous pouvez dfinir ce format de fichier via le panneau Optimisation. Pour plus de dtails, reportez-vous la section Optimisation et exportation la page 237.
UTILISATION DE FIREWORKS
Principes de base de Fireworks
12
Tous les objets des calques suprieurs sont enregistrs lors de lexportation. Les lments des calques infrieurs ne sont pas exports.
Remarque : Lutilitaire Auto Backup de Fireworks permet de sauvegarder automatiquement tous les documents Fireworks ouverts. Pour le tlcharger partir dAdobe AIR Marketplace, accdez http://www.adobe.com/go/learn_fw_autobackuputility_fr.
13
Page de dmarrage
Lorsque vous lancez Fireworks sans ouvrir de document, la page de dmarrage de Fireworks saffiche dans lenvironnement de travail. Cette page vous permet daccder rapidement aux didacticiels Fireworks, aux fichiers rcents et Fireworks Exchange, do vous pouvez amliorer les fonctions de Fireworks. Pour dsactiver la page de dmarrage, cliquez sur Ne plus afficher cette fentre lorsque la page de dmarrage souvre.
UTILISATION DE FIREWORKS
Espace de travail
14
calques.
Panneau Bibliothque commune Il affiche le contenu du dossier Common Library contenant des symboles. Vous
pouvez facilement faire glisser des occurrences de ces symboles du panneau Bibliothque de documents vers votre document.
Panneau Pages Il vous permet dafficher les pages du fichier actif et comporte des options de manipulation des pages. Etats, panneau Il affiche les tats du fichier actif et comporte des options de cration danimations. Historique, panneau Il rpertorie les commandes que vous avez utilises rcemment de faon vous permettre de les annuler et de les rtablir rapidement. En outre, vous pouvez slectionner plusieurs actions puis les enregistrer et les rutiliser comme des commandes. Panneau Formes automatiques Il contient les formes automatiques qui ne sont pas affiches dans le panneau Outils. Panneau Styles Il vous permet de stocker et de rutiliser des combinaisons de caractristiques dobjets ou de slectionner un style stock. Panneau Bibliothque de documents Il contient des symboles graphiques, de bouton et danimation qui figurent dj
dans le document Fireworks actif. Vous pouvez facilement faire glisser les occurrences de ces symboles du panneau Bibliothque de documents vers votre document. Vous pouvez modifier lensemble des occurrences en modifiant uniquement le symbole.
URL, panneau Il vous permet de crer des bibliothques contenant des URL frquemment utilises. Panneau Mlangeur Il permet de crer de nouvelles couleurs et de les ajouter la palette de couleurs du document actif, ou de les appliquer aux objets slectionns. Panneau Nuancier Il gre la palette de couleurs du document actif. Panneau Info Il fournit des informations sur les dimensions des objets slectionns et les coordonnes exactes du pointeur au cours de son dplacement dans la zone de travail. Panneau Comportements Il permet de grer les comportements qui dterminent ce qui se produit lorsque des zones
UTILISATION DE FIREWORKS
Espace de travail
15
Panneau Trac (Fentre > Autres) Il vous permet daccder rapidement de nombreuses commandes associes aux
tracs.
Panneau Caractres spciaux (Fentre > Autres) Il vous permet dafficher les caractres spciaux utilisables dans les
blocs de texte.
Panneau Proprits du symbole Il gre les proprits personnalisables des symboles graphiques.
E G
F H
Espace de travail Illustrator par dfaut A. Documents sous forme donglets B. Barre dapplication C. Slecteur d'espace de travail D. Barre de titre de panneau E. Panneau Contrle F. Panneau Outils G. Bouton de rduction la taille dune icne H. Quatre groupes de panneaux en ancrage vertical
La barre dapplication occupe la partie suprieure et contient un slecteur permettant de basculer vers un autre
espace de travail, des menus (sous Windows uniquement), ainsi que dautres commandes dapplication. Sous Mac et pour certains produits, vous pouvez lafficher ou la masquer laide du menu Fentre.
UTILISATION DE FIREWORKS
Espace de travail
16
Le panneau Outils contient des outils permettant de crer et de modifier des images, des illustrations, des lments
de page, etc. Les outils connexes sont regroups.
Le panneau Contrle affiche des options relatives loutil slectionn. Dans Illustrator, le panneau Contrle affiche
des options relatives lobjet slectionn. (Il est appel Barre doptions dans Adobe Photoshop. Dans Adobe Flash, Adobe Dreamweaver et Adobe Fireworks, il est appel Inspecteur de proprits et inclut les proprits relatives llment actuellement slectionn.)
La fentre de document affiche le fichier sur lequel vous travaillez. Les fentres de document peuvent prsenter un
onglet et, dans certains cas, tre regroupes et ancres.
Les panneaux vous permettent de contrler et de modifier votre travail. Citons notamment le panneau Montage
dans Adobe Flash, le panneau Pinceau dans Adobe Illustrator, le panneau Calques dans Adobe Photoshop et le panneau Styles CSS dans Adobe Dreamweaver. Ils peuvent tre regroups, empils ou ancrs.
Le Cadre de lapplication regroupe tous les lments des espaces de travail dans une seule et mme fentre uniforme,
ce qui permet de manipuler toutes les applications comme sil sagissait dune seule entit. Lorsque vous dplacez ou que vous redimensionnez le Cadre de lapplication ou lun de ses lments, tous les lments quil contient sont ragencs pour viter tout chevauchement. Les panneaux ne disparaissent pas lorsque vous changez dapplication ou lorsque vous cliquez par erreur ct de lapplication. Si vous utilisez plusieurs applications, vous pouvez les placer cte cte lcran ou sur plusieurs moniteurs. Si vous prfrez linterface utilisateur Mac classique que vous pouvez personnaliser votre convenance, il vous suffit de dsactiver le Cadre de lapplication. Dans Adobe Illustrator par exemple, slectionnez la commande Fentre > Cadre de lapplication pour lactiver ou le dsactiver. (Dans Flash, le Cadre de l'application est activ en permanence pour Mac et Dreamweaver pour Mac n'en utilise pas.)
(Illustrator, InCopy, InDesign, Photoshop) Pour afficher ou masquer tous les panneaux, lexception des panneaux
Outils et Contrle, appuyez sur les touches Maj+tabulation. Vous pouvez afficher temporairement les panneaux masqus si loption Afficher automatiquement les panneaux masqus est slectionne dans les prfrences Interface. Cette option est toujours active dans Illustrator. Dplacez le pointeur vers le bord de la fentre de lapplication (Windows) ou vers le bord de lcran (Mac OS) et laissez le pointeur au-dessus de la bande qui saffiche.
(Flash, Dreamweaver, Fireworks) Pour afficher ou masquer tous les panneaux, appuyez sur la touche F4.
Louverture dun menu est possible mme lorsque le panneau est rduit. Dans Photoshop, vous pouvez modifier le corps de la police du texte des panneaux et des info-bulles. Dans les prfrences dinterface, choisissez une option dans le menu Corps de la police de linterface utilisateur.
UTILISATION DE FIREWORKS
Espace de travail
17
Pour modifier lordre des onglets de la fentre de document, faites glisser un onglet de la fentre lemplacement
voulu dans le groupe.
Pour annuler lancrage dune fentre de document un groupe de fentres, faites glisser longlet de cette fentre
hors du groupe. Remarque : dans Photoshop, vous pouvez galement slectionner Fentre > Rorganiser > Afficher dans une fentre flottante pour afficher une seule fentre flottante de document ou Fentre > Rorganiser > Tout afficher dans des fentres flottantes pour afficher simultanment toutes les fentres flottantes de document. Pour plus dinformations, voir la note technique kb405298. Remarque : Dreamweaver ne prend pas en charge lancrage des fentres de document ni son annulation. Utilisez le bouton Rduire de la fentre de document pour crer des fentres flottantes (sous Windows), ou Fentre > Mosaque verticale pour crer des fentres de document cte cte. Pour plus dinformations sur cette rubrique, recherchez Mosaque verticale dans laide de Dreamweaver. Le flux de travaux diffre lgrement pour les utilisateurs Macintosh.
Pour ancrer une fentre de document un groupe de fentres de document distinct, faites glisser cette fentre dans
le groupe.
Pour crer des groupes de documents empils ou juxtaposs, faites glisser la fentre vers lune des zones de largage
situes en haut, en bas ou sur les cts dune autre fentre. Vous pouvez galement slectionner une disposition pour le groupe en utilisant le bouton Disposition de la barre dapplication. Remarque : certains produits ne prennent pas en charge cette fonctionnalit. Cependant, votre produit peut prsenter des commandes Cascade et Mosaque (ou Juxtaposer), sous le menu Fentre, pour vous permettre dorganiser vos documents.
Dans un groupe onglets, pour passer un autre document lors du glissement dune slection, faites glisser cette
slection sur longlet du document souhait pendant un moment. Remarque : certains produits ne prennent pas en charge cette fonctionnalit.
UTILISATION DE FIREWORKS
Espace de travail
18
Pour ancrer un panneau, cliquez sur longlet correspondant et faites-le glisser dans le dock, au-dessus, sous ou entre
dautres panneaux.
Pour ancrer un groupe de panneaux, cliquez sur sa barre de titre (barre vide de couleur unie situe 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 longlet
ou la barre de titre. Vous pouvez faire glisser llment vers un autre dock ou le rendre flottant.
Dplacement du panneau Navigation vers un nouveau dock ; cette opration est indique par une surbrillance verticale bleue.
Vous pouvez faire en sorte que les panneaux noccupent pas la totalit de lespace disponible dans un dock. Faites glisser le bord infrieur du dock vers le haut de sorte quil ne concide plus avec le bord de lespace de travail.
Dplacement de panneaux
Lorsque vous dplacez des panneaux, des zones de largage en surbrillance bleue apparaissent : il sagit des zones dans lesquelles vous pouvez dplacer le panneau. Vous pouvez, par exemple, dplacer un panneau vers le haut ou vers le bas en le faisant glisser sur la fine zone de largage bleue situe au-dessus ou sous un autre panneau. Si vous faites glisser le panneau vers un emplacement autre quune zone de largage, ce dernier flotte dans lespace de travail. Remarque : la position de la souris active la zone de largage (au lieu de la position du panneau). Si la zone de largage ne s'affiche pas, faites glisser la souris l'emplacement o devrait se situer la zone de largage.
Pour dplacer un panneau, faites-le glisser en cliquant sur son onglet. Dernire mise jour le 12/5/2011
UTILISATION DE FIREWORKS
Espace de travail
19
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
Pour empcher lancrage dun panneau, appuyez sur la touche Ctrl (Windows) ou Commande (Mac OS) lors de son dplacement. Pour annuler lopration, appuyez sur la touche Echap lors du dplacement du panneau.
Pour supprimer un panneau, cliquez sur son onglet avec le bouton droit de la souris (Windows) ou en appuyant
sur la touche Contrle (Mac), puis slectionnez loption Fermer ; vous pouvez galement le dslectionner dans le menu Fentre.
Pour ajouter un panneau, slectionnez-le dans le menu Fentre et ancrez-le lemplacement de votre choix.
Pour rorganiser les panneaux dun groupe, faites glisser longlet 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 dplacer un groupe, faites glisser la barre de titre (zone situe au-dessus des onglets).
UTILISATION DE FIREWORKS
Espace de travail
20
Pour empiler des panneaux flottants, cliquez sur un onglet pour faire glisser le panneau correspondant vers la zone
de largage situe au bas dun autre panneau.
Pour modifier lordre dempilage, cliquez sur un onglet afin de faire glisser le panneau correspondant vers le haut
ou vers le bas. Remarque : prenez soin de dposer longlet sur ltroite zone de largage situe entre les panneaux, plutt que sur la large zone de largage situe dans une barre de titre.
Pour rendre un panneau ou groupe de panneaux de la pile flottant, dplacez-le hors de la pile au moyen de son
onglet ou de sa barre de titre.
Pour redimensionner un panneau, faites glisser lun de ses cts. Cette mthode de redimensionnement ne
fonctionne pas toujours, notamment avec le panneau Couleur de Photoshop.
UTILISATION DE FIREWORKS
Espace de travail
21
Panneaux agrandis
Pour rduire ou dvelopper toutes les icnes de panneau dune colonne, cliquez sur la double flche situe dans la
partie suprieure du dock.
Pour dvelopper une seule icne de panneau, cliquez sur cette dernire. Pour redimensionner les icnes de panneau afin de voir les icnes uniquement (et non les libells), rglez la largeur
du dock jusqu ce que le texte ne soit plus visible. Pour afficher nouveau le texte, augmentez la largeur du dock.
Pour rduire la taille dune icne un panneau qui a t dvelopp, cliquez sur son onglet, sur son icne ou sur la
double flche affiche dans sa barre de titre. Dans certaines applications, si vous slectionnez loption Rduction automatique des panneaux dicnes dans les prfrences dinterface ou les options dinterface utilisateur, une icne de panneau dveloppe est rduite automatiquement lorsque vous cliquez en dehors de cette dernire.
Pour ajouter un panneau flottant ou un groupe de panneaux un dock dicnes, faites-le glisser au moyen de son
onglet ou de sa barre de titre (les panneaux sont rduits automatiquement la taille dicnes lorsque vous les ajoutez un dock dicnes).
Pour dplacer une icne de panneau (ou un groupe dicnes de panneau), faites-la glisser. Vous pouvez dplacer
des icnes de panneau vers le haut et vers le bas dans le dock, dans dautres docks (elles apparaissent dans le style du panneau de ce dock) ou en dehors du dock (elles apparaissent sous la forme d'icnes flottantes).
Utilisation de ConnectNow
Adobe ConnectNow met votre disposition une salle de runion en ligne scurise et personnelle, o vous pouvez rencontrer dautres personnes et collaborer avec elles sur le Web en temps rel. Grce ConnectNow, vous pouvez partager et annoter votre cran dordinateur, envoyer des messages instantans et communiquer laide de la fonction audio intgre. Vous pouvez galement diffuser des vidos en temps rel, partager des fichiers, capturer des comptes rendus et contrler lordinateur dun participant. Vous pouvez accder ConnectNow directement partir de linterface de lapplication.
1 Choisissez la commande Fichier > Partager mon cran. 2 Dans la bote de dialogue Se connecter Adobe CS Live, entrez votre adresse de messagerie lectronique et votre
mot de passe, puis cliquez sur le bouton Se connecter. Si vous ne disposez pas dID Adobe, cliquez sur le bouton Crer un ID Adobe.
3 Pour partager votre cran, cliquez sur le bouton Partager lcran de mon ordinateur, au centre de la fentre de
lapplication ConnectNow. Pour obtenir des instructions compltes sur lutilisation de ConnectNow, rendez-vous sur http://help.adobe.com/fr_FR/Acrobat.com/ConnectNow/index.html. Pour accder au didacticiel vido sur l'utilisation de ConnectNow, consultez la page Web Using ConnectNow to share your screen (7:12) (cette prsentation est effectue dans Dreamweaver).
UTILISATION DE FIREWORKS
Espace de travail
22
mthodes suivantes :
(Illustrator) Choisissez la commande Fentre > Espace de travail > Enregistrer lespace de travail. (Photoshop, Illustrator, InCopy) Choisissez la commande Fentre > Espace de travail > Nouvel espace de
travail.
(Dreamweaver) Choisissez la commande Fentre > Prsentation de lespace de travail > Nouvel espace de
travail.
(Flash) Choisissez la commande Nouvel espace de travail dans le slecteur despace de travail de la barre
dapplication.
(Fireworks) Choisissez la commande Enregistrer la prsentation active dans le slecteur despace de travail de la
barre dapplication.
2 Attribuez un nom lespace de travail. 3 (Photoshop, InDesign) Slectionnez ensuite une ou plusieurs options dans la section Capture :
Position des panneaux Enregistre la position actuelle des panneaux (InDesign uniquement). Raccourcis clavier Enregistre lensemble de raccourcis clavier actuel (Photoshop seulement). Menus ou Personnalisation des menus Enregistre lensemble de menus actuels.
Dans Photoshop, vous pouvez attribuer un raccourci clavier chacun des espaces de travail pour pouvoir passer de lun lautre plus rapidement.
(Photoshop, InDesign, InCopy) Slectionnez la commande Supprimer lespace de travail dans le slecteur despace
de travail.
(Illustrator) Choisissez la commande Fentre > Espace de travail > Grer les espaces de travail, slectionnez lespace
de travail, puis cliquez sur licne Supprimer.
(Photoshop, InDesign) Choisissez la commande Fentre > Espace de travail > Supprimer lespace de travail,
slectionnez lespace de travail, puis cliquez sur le bouton Supprimer.
UTILISATION DE FIREWORKS
Espace de travail
23
3 (PhotoShop, InDesign, InCopy) Choisissez la commande Fentre > Espace de travail > Rinitialiser [Nom de
lespace de travail].
Pour restaurer un espace de travail individuel, slectionnez Fentre > Espace de travail > Rinitialiser Nom de
lespace de travail.
Pour restaurer tous les espaces de travail installs avec Photoshop, cliquez sur Restaurer les espaces de travail par
dfaut dans les prfrences dinterface. Pour rorganiser l'ordre des espaces de travail de la barre dapplication, faites-les glisser.
Panneau Outils
Le panneau Outils est organis en six catgories : Slection, Bitmap, Vecteur, Web, Couleurs et Affichage. Lorsque vous slectionnez un outil, linspecteur des proprits affiche les options de loutil.
UTILISATION DE FIREWORKS
Espace de travail
24
1 Cliquez sur licne de loutil, puis maintenez enfonc le bouton de la souris. 2 Faites glisser le pointeur afin de slectionner loutil souhait, puis relchez le bouton de la souris.
Pour slectionner rapidement un outil masqu, appuyez plusieurs fois sur le raccourci clavier du groupe, jusqu ce que loutil recherch apparaisse. (Les raccourcis figurent entre parenthses en regard des noms doutils.)
UTILISATION DE FIREWORKS
Espace de travail
25
Verrouillage dun fichier pour empcher toute modification lors de son enregistrement
Si vous tentez de modifier un document lors de son enregistrement, il se peut que Fireworks ne rponde plus. Lorsque vous rglez AsynchronousSave sur true dans le fichier preferences.txt, Fireworks verrouille le fichier pour empcher sa modification jusqu ce que lenregistrement soit termin. Libre vous cependant dintervenir sur dautres documents Fireworks ouverts. Les objets mis jour pendant l'opration d'enregistrement ne sont pas mis jour en mode AsynchronousSave. Dfinissez AsynchronousSave=false dans le fichier preferences.txt lorsque vous manipulez ce type d'objets. Par exemple, la fonction d'horodatage de l'enregistrement des formes automatiques n'est pas mise jour lorsque AsynchronousSave=True. Par dfaut, loption denregistrement asynchrone est rgle sur true sous Windows et sur false sous MacOS.
1 Recherchez le fichier preferences.txt. Sous Windows, ce fichier est dans \\<nom utilisateur>\Application
Data\Adobe\Fireworks CS5\French\Fireworks CS5 Preferences. Sous Mac OS, le fichier figure dans /<nom utilisateur>/Library/Preferences/Adobe Fireworks CS5/fr/Fireworks CS5 Preferences.
UTILISATION DE FIREWORKS
Espace de travail
26
3 Enregistrez le fichier.
Slectionnez loutil Zoom, puis cliquez pour spcifier le nouveau point central lintrieur de la fentre du
document. A chaque clic, limage sagrandit, passant ainsi au prochain facteur de zoom prdfini.
UTILISATION DE FIREWORKS
Espace de travail
27
Slectionnez un paramtre de zoom dans le menu contextuel Dfinir le zoom, situ en bas de la fentre du
document.
Dans le menu Affichage, slectionnez Zoom avant ou choisissez un facteur de zoom prdfini.
Slectionnez loutil Zoom, maintenez la touche Alt (Windows) ou Option (Mac OS) enfonce, puis cliquez
lintrieur de la fentre du document. Chaque clic rduit laffichage au prochain pourcentage prdfini.
Slectionnez un paramtre de zoom dans le menu contextuel Dfinir le zoom, situ en bas de la fentre du
document.
Dans le menu Affichage, slectionnez Zoom arrire ou choisissez un facteur de zoom prdfini.
La taille du cadre de slection du zoom dtermine le pourcentage exact de zoom, qui est visible dans la zone Dfinir le zoom. Remarque : vous ne pouvez pas entrer de pourcentage de zoom dans la zone Dfinir le zoom.
Si votre translation stend au-del des bords de la zone de travail, laffichage continue de glisser de sorte que vous pouvez travailler avec des pixels le long du bord de la zone de travail.
UTILISATION DE FIREWORKS
Espace de travail
28
Mode Plein cran Affichage agrandi de la fentre de document sur un arrire-plan noir. Aucun menu, aucune barre doutils ou barre de titre nest visible.
Sous Windows, slectionnez Affichage > Gamma 1,8 pour obtenir un aperu du document tel qu'il sera affich
sur le Macintosh (version prcdant Snow Leopard).
Sur le Macintosh, slectionnez Affichage > Gamma 1,8 pour obtenir un aperu du document tel qu'il sera
affich sur un Mac dont la version est antrieure Snow Leopard.
Choisissez Modification > Zone de travail > Taille de la zone de travail. Choisissez Slection > Dslectionner, cliquez sur loutil Pointeur pour afficher les proprits du document dans
linspecteur des proprits, puis cliquez sur le bouton Taille de la zone de travail.
2 Entrez les nouvelles dimensions dans les zones de texte Largeur et Hauteur. 3 Cliquez sur un des boutons Ancre pour spcifier les cts du document o Fireworks pourra ajouter ou supprimer
de lespace, puis cliquez sur OK. Remarque : lancre centrale est slectionne par dfaut, ce qui indique que les variations de taille de la zone de travail se rpartissent sur tous les cts.
Choisissez la commande Modification > Zone de travail > Couleur de la zone de travail, puis slectionnez une
option de couleur. Pour utiliser une couleur personnalise, cliquez sur une couleur dans la fentre contextuelle Nuancier.
UTILISATION DE FIREWORKS
Espace de travail
29
Dans linspecteur des proprits, choisissez Slection > Dslectionner, cliquez sur loutil Pointeur pour afficher
les proprits du document, puis activez la case Couleur de la zone de travail. Dans la fentre contextuelle Nuancier, slectionnez une couleur ou cliquez sur une couleur quelconque avec la pipette. Pour slectionner une zone de travail transparente, cliquez sur le bouton Transparente dans la fentre contextuelle Nuancier. Pour modifier la couleur de la zone de travail par dfaut, cliquez sur le nuancier personnalis dans la bote de dialogue Nouveau document (voir la section Cration dun document Fireworks la page 5).
Choisissez Slection > Dslectionner, cliquez sur loutil Pointeur pour afficher les proprits du document dans
linspecteur des proprits, puis cliquez sur le bouton Taille de limage dans linspecteur des proprits.
(Facultatif) Modifiez les units de mesure. Si loption Rchantillonner limage est dslectionne, vous pouvez changer la rsolution ou la taille, mais pas les dimensions en pixels.
3 Dans les zones de texte Taille, entrez les dimensions horizontales et verticales pour limage imprime. 4 Dans la zone Rsolution, entrez une nouvelle rsolution de limage.
Lorsque vous changez la valeur de la rsolution, vous changez galement la dimension en pixels.
5 Procdez de lune des manires suivantes :
Pour conserver les proportions (rapport entre les dimensions horizontale et verticale) du document,
slectionnez Conserver les proportions.
actuellement affiche.
A propos du rchantillonnage
Fireworks rchantillonne (redimensionne) les images selon une mthode qui diffre de celle de la plupart des applications de retouche dimages.
Lorsquun objet bitmap est rchantillonn, des pixels sont ajouts ou supprims dans limage pour lagrandir ou
la rduire.
Lorsquun objet vectoriel est rchantillonn, la perte de qualit est faible dans la mesure o le trac est redessin
mathmatiquement pour obtenir la taille voulue. Dans Fireworks, les attributs des objets vectoriels sont visibles sous forme de pixels ; par consquent, certains contours ou certains fonds peuvent tre lgrement diffrents une fois le rchantillonnage effectu. Cela est d au fait que les pixels qui composent ces contours ou fonds doivent tre redessins. Remarque : les repres, les objets zones sensibles et les objets tranches sont redimensionns lorsque la taille de limage du document est modifie.
UTILISATION DE FIREWORKS
Espace de travail
30
Vous pouvez modifier la taille dune image bitmap en rglant sa rsolution ou en rchantillonnant limage.
Lorsque vous rglez la rsolution, vous changez la taille des pixels de limage de manire faire tenir plus ou moins
de pixels dans un espace donn. Le rglage de la rsolution sans rchantillonnage ne provoque pas de perte de donnes.
qualit, car les pixels ajouts ne correspondent pas toujours limage dorigine.
Rchantillonnage ngatif Supprime des pixels pour rduire la taille de limage mais entrane une perte de donnes dans limage. Cette mthode entrane toujours une baisse de qualit suite la suppression de pixels pour redimensionner limage.
1 Choisissez Slection > Dslectionner pour afficher les proprits du document dans linspecteur des proprits. 2 Cliquez sur Ajuster la zone de travail dans linspecteur des proprits.
document.
UTILISATION DE FIREWORKS
Espace de travail
31
2 Faites glisser un cadre de slection sur la zone de travail. Ajustez les poignes de recadrage jusqu ce que le cadre
Fireworks redimensionne la zone de travail la taille de la zone que vous avez dfinie et supprime les objets situs lextrieur de la zone de travail. Pour conserver ces objets, avant de recadrer, dslectionnez Supprimer les objets pendant le recadrage dans longlet Edition de la bote de dialogue Prfrences.
appliquer toutes les pages du document. Cette extension est disponible sur http://www.adobe.com/go/learn_fw_inheritguides_fr.
UTILISATION DE FIREWORKS
Espace de travail
32
Pour modifier la taille de la grille ou la couleur de la grille et des repres, reportez-vous la section Prfrences de repres et de grilles la page 312.
Les rgles horizontale et verticale saffichent le long des marges de la fentre de document. Les rgles utilisent lunit de mesure pixel.
UTILISATION DE FIREWORKS
Espace de travail
33
Pour afficher la distance entre les repres, appuyez sur la touche Maj tout en faisant glisser les repres dans la zone de travail.
Repres comments
Les repres comments sont temporairement accrochs aux repres pour vous aider crer, aligner, modifier et transformer des objets par rapport dautres objets. Pour activer des repres comments et les accrocher, choisissez Affichage > Repres comments, puis slectionnez Afficher les repres comments et Accrocher aux repres comments. Vous pouvez utiliser les repres comments comme suit :
Lorsque vous crez un objet, utilisez les repres comments pour le positionner par rapport aux objets existants.
Les outils Ligne, Rectangle, Ellipse, Polygone et Formes automatiques affichent des repres comments, ainsi que les outils de tranche rectangulaire et circulaire.
Lorsque vous dplacez un objet, utilisez des repres comments pour laligner par rapport aux autres objets. Lorsque vous transformez un objet, des repres comments apparaissent automatiquement pour faciliter la
transformation. Pour modifier laffichage des repres comments, dfinissez leurs prfrences (voir Prfrences de repres et de grilles la page 312).
l'interaction entre les pages si ces dernires sont lies entre elles.
Aperu dans <navigateur principal> F12 Offre un aperu du document Fireworks dans votre navigateur principal. Si
un seul navigateur est install sur votre ordinateur, Fireworks l'utilise en tant que navigateur principal. Par contre, lorsque plusieurs navigateurs sont disponibles, vous pouvez slectionner un navigateur principal pour afficher les documents Fireworks en cliquant sur Fichier > Aperu dans le navigateur > Slectionner le navigateur principal.
UTILISATION DE FIREWORKS
Espace de travail
34
Aperu dans Maj/Cmd+F12 Offre un aperu du document Fireworks dans votre navigateur secondaire. Avant d'utiliser cette option, dfinissez votre navigateur secondaire en cliquant sur Fichier > Aperu dans le navigateur > Slectionner le navigateur secondaire. Recherchez et slectionnez le fichier EXE de votre navigateur secondaire.
Rptition dactions
1 Effectuez les actions. 2 Pour slectionner les actions rpter dans le panneau Historique, utilisez lune des mthodes suivantes :
Cliquez sur une action pour la slectionner (mettre en surbrillance). Tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfonce, cliquez pour slectionner des
actions individuelles.
Tout en maintenant la touche Maj enfonce, cliquez sur des actions pour slectionner une srie continue
dactions.
3 Cliquez sur le bouton Rexcuter, en bas du panneau Historique.
UTILISATION DE FIREWORKS
Espace de travail
35
Lopration denregistrement est lorigine du problme. La mmoire disponible est insuffisante pour restaurer les fichiers non enregistrs.
DisableSaveOnCrash dans le fichier Preferences d'Adobe Fireworks CS5 est dfini sur True.
Le fichier ouvert ntait pas en cours de modification lorsque le problme sest produit.
36
Dplacez loutil Pointeur sur le trac ou le cadre de slection de lobjet, puis cliquez. Cliquez sur le contour ou le fond de lobjet. Slectionnez lobjet dans le panneau Calques.
Pour prvisualiser ce que vous slectionnez lorsque vous cliquez sur un objet au-dessous du pointeur sur la zone de travail, slectionnez loption Surbrillance souris dans la catgorie Edition de la bote de dialogue Prfrences.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
37
Pour modifier un objet, faites glisser un de ses points ou lune de ses poignes de slection. Pour dplacer lintgralit dun objet, faites glisser le pointeur nimporte o dans lobjet, except sur un point ou
une poigne de slection.
jusqu ce que vous slectionniez lobjet souhait. Remarque : vous pouvez galement slectionner un objet difficile atteindre en cliquant dessus dans le panneau Calques lorsque les calques sont dvelopps.
Ajout la slection
Tout en maintenant la touche Maj enfonce, cliquez sur des objets supplmentaires avec loutil Pointeur, Sous-
UTILISATION DE FIREWORKS
Slection et transformation dobjets
38
Remarque : dslectionnez la prfrence Modification par calque pour slectionner tous les objets visibles sur tous les calques dun document. En effet, lorsque vous slectionnez la prfrence Modification par calque, seuls les objets du calque actif sont slectionns. Pour plus de dtails, reportez-vous la section Organisation des calques la page 137.
Remarque : vous pouvez utiliser le panneau Calques ou linspecteur des proprits pour identifier lobjet slectionn lorsque son contour et ses points sont masqus.
Remarque : les objets masqus ne sont pas exports. (Cela ne sapplique pas aux objets Web tranches et zones sensibles du calque Web.)
Remarque : pour masquer des objets, que ceux-ci soient slectionns ou non, cliquez dans la colonne il du panneau Calques (ou faites glisser le pointeur dessus).
Slection de pixels
Vous pouvez modifier les pixels de toute la zone de travail ou slectionner lun des outils de slection pour imposer votre modification une zone particulire dune image :
Loutil Cadre de slection slectionne une zone de pixels rectangulaire dans une image. Pour plus d'informations, voir l'article de Thierry Lorey. Loutil Cadre de slection ovale slectionne une zone de pixels elliptique dans une image.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
39
Loutil Lasso slectionne une zone de pixels de forme libre dans une image. Loutil Lasso polygonal slectionne une zone de pixels de forme libre mais aux bords droits dans une image. Loutil Baguette magique slectionne une zone de pixels de couleur similaire dans une image.
Les outils de slection de pixels tracent des cadres de slection qui dfinissent la zone de pixels slectionns. Aprs avoir trac le cadre de slection, vous pouvez le manipuler en le dplaant, en lui ajoutant des lments ou en lutilisant pour effectuer une autre slection. Vous pouvez modifier les pixels lintrieur de la slection, appliquer des filtres aux pixels ou effacer des pixels sans affecter les pixels se trouvant au-del de la slection. Vous pouvez galement crer une slection flottante de pixels que vous pouvez modifier, dplacer, couper ou copier.
Options de bord
Net Cre un cadre de slection avec un bord clairement dlimit. Lissage Permet dviter lapparition de bords dentels sur cadre de slection. Contour progressif Permet dadoucir les bords des pixels slectionns.
Remarque : loutil Baguette magique possde galement un paramtre Tolrance. Pour plus dinformations, reportezvous la section Slection des zones de pixels de couleur similaire la page 40.
Maintenez la touche Maj enfonce tout en faisant glisser le pointeur de loutil Cadre de slection ou Cadre de
slection ovale afin de tracer des cadres de slection de forme carre ou circulaire. Si la case cocher Slection interactive est active lorsque vous faites une srie de slections, la fonction correspondante nagit que sur la dernire slection de la srie.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
40
Pour tracer un cadre de slection partir dun point central, dslectionnez tous les autres cadres de slection
actifs, puis dessinez votre trac tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfonce.
Maintenez la touche Maj enfonce pour imposer des incrments de 45 degrs aux segments du cadre de slection trac avec loutil Lasso polygonal.
4 Pour fermer le polygone, procdez de lune des manires suivantes :
Cliquez sur le point dorigine. Cliquez deux fois dans lespace de travail.
proprits. La tolrance reprsente la plage tonale slectionne lorsque vous cliquez sur un pixel avec loutil Baguette magique. Si vous entrez la valeur 0 et que vous cliquez sur un pixel, seuls les pixels adjacents du mme ton sont slectionns. Si vous entrez la valeur 65, une gamme de tons plus tendue est slectionne.
4 Cliquez sur la zone de couleur slectionner.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
41
Pixels slectionns avec une tolrance basse (en haut), puis avec une tolrance haute (en bas)
Un ou plusieurs cadres de slection affichent toutes les zones contenant la plage de pixels slectionne. Cela dpend du paramtre Tolrance actif de linspecteur des proprits de loutil Baguette magique. Remarque : pour ajuster la tolrance pour la commande Slectionner les couleurs similaires, slectionnez loutil Baguette magique, puis changez le paramtre Tolrance dans linspecteur des proprits avant dutiliser la commande. Vous pouvez galement cocher la case Slection interactive pour modifier le paramtre de tolrance lorsque vous utilisez loutil Baguette magique.
Le pointeur change afin de vous indiquer que vous tes sur le point de slectionner la couche alpha, ou zone opaque, de lobjet.
4 Cliquez sur la vignette.
Une nouvelle slection de pixels est cre sur lobjet bitmap slectionn.
5 (Facultatif) Pour tendre la slection, cliquez sur un autre objet du panneau Calques tout en maintenant les touches
UTILISATION DE FIREWORKS
Slection et transformation dobjets
42
Pour rduire la slection, cliquez sur des objets tout en maintenant les touches Ctrl+Maj enfonces.
Tracez un autre cadre de slection. Cliquez en dehors de la slection active avec un outil de cadre de slection ou de lasso. Appuyez sur la touche Echap.
Faites glisser le cadre de slection laide de loutil Cadre de slection, Lasso ou Baguette magique. Dplacez le cadre de slection par incrments dun pixel avec les touches flches. Appuyez sur la touche Maj, et dplacez le cadre de slection par incrments de 10 pixels avec les touches flches.
Les cadres de slection superposs sunissent pour former un cadre de slection contigu.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
43
Seuls les pixels situs lintersection des deux cadres de slection sont slectionns.
Pour afficher laspect de la slection au contour progressif sans les pixels placs autour, choisissez Slection > Inverser la slection, et appuyez sur la touche Suppr.
sur OK.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
44
modifier.
4 Si vous slectionnez Nouveau, entrez le nom de votre nouvelle slection. 5 (Pour la restauration uniquement) Pour inverser la slection restaure, cochez la case Inverser. 6 Slectionnez lune des options de la section Opration :
Remarque : si vous enregistrez une nouvelle slection, toutes les options de modification ci-dessous sont dsactives.
Nouvelle slection Permet de remplacer la slection active dans le document actif par celle spcifie dans la
zone Slection.
Ajouter la slection Permet dajouter la slection active celle spcifie dans les zones Document et Slection. Soustraire de la slection Permet de soustraire la slection active de celle spcifie dans les zones Document
et Slection.
Intersection avec la slection Permet de combiner la slection active avec celle spcifie dans les zones Document
et Slection.
7 Cliquez sur OK, puis rptez ce processus pour chaque cadre de slection enregistrer ou restaurer.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
45
Slectionnez lun des outils de la section Bitmap du panneau Outils, puis faites glisser la slection tout en
maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfonce.
Faites glisser la slection laide de loutil Pointeur tout en maintenant la touche Alt (Windows) ou Option Faites glisser la slection laide de lun des outils bitmap tout en maintenant les touches Ctrl+Alt (Windows)
ou Cmde+Option (Mac OS) enfonces. Remarque : lorsque vous utilisez lune des procdures ci-dessus, la slection dplace ou copie fait toujours partie de lobjet bitmap actif. Pour crer un objet bitmap partir dune slection de pixels, suivez la procdure ci-dessous.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
46
Faites-la glisser avec loutil Pointeur, Sous-slection ou Slectionner derrire. Appuyez sur lune des touches flches pour dplacer la slection par incrments dun pixel. Tout en maintenant la touche Maj enfonce, appuyez sur une touche flche pour dplacer la slection par
incrments de 10 pixels.
Dans linspecteur des proprits, entrez les coordonnes x et y de lemplacement du coin suprieur gauche de la
slection.
Entrez les coordonnes x et y de lobjet dans le panneau Info. Si les cases X et Y ne sont pas visibles, faites glisser
le bord infrieur du panneau.
En rptant la commande, les doublons de lobjet slectionn saffichent dans une disposition en cascade par rapport loriginal. Les doublons saffichent 10 pixels plus bas et 10 pixels droite du doublon prcdent. Lobjet dupliqu le plus rcent devient lobjet slectionn.
Le clone de la slection est plac juste devant loriginal et devient lobjet slectionn. Remarque : pour loigner, pixel par pixel, un clone slectionn de loriginal, utilisez les touches flches en maintenant ou non la touche Maj enfonce. Ce procd est pratique pour conserver une certaine distance entre des clones ou lalignement vertical ou horizontal des clones.
Appuyez sur la touche Suppr ou Retour arrire. Choisissez Edition > Effacer ou Edition > Couper. Cliquez sur lobjet avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfonce
(Mac OS), puis choisissez Edition > Couper dans le menu contextuel.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
47
Choisissez Slection > Dslectionner. Si vous utilisez loutil Cadre de slection, Cadre de slection ovale ou Lasso, cliquez sur limage, mais hors de la
zone slectionne.
Lorsque vous slectionnez un outil de transformation quelconque ou la commande de menu Transformer, Adobe Fireworks affiche des poignes de transformation autour des objets slectionns.
Lorsque vous dplacez le pointeur sur les poignes de slection ou proximit de ces poignes, il change pour reflter la transformation actuelle.
2 Procdez de lune des manires suivantes :
Placez le pointeur proximit dun coin, puis faites-le glisser en cliquant dessus pour effectuer une rotation. Faites glisser une poigne de transformation pour effectuer une transformation conformment loutil de
transformation actif.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
48
3 Cliquez deux fois lintrieur de la fentre ou appuyez sur la touche Entre pour appliquer vos changements.
Pour mettre lobjet lchelle horizontalement et verticalement, faites glisser une poigne dangle. Si vous
appuyez sur la touche Maj, les proportions sont respectes lors de la mise lchelle.
Pour mettre lobjet lchelle horizontalement ou verticalement, faites glisser une poigne latrale. Pour mettre lobjet lchelle partir du centre, appuyez sur la touche Alt (Windows) ou Option (Mac) tout en
faisant glisser lune des poignes.
Redimensionnement/mise l'chelle contours et des effets lorsque l'objet associ est redimensionn
Vous pouvez choisir les effets de mise l'chelle et les contours appliquer aux objets de faon proportionnelle lors de leur redimensionnement. Remarque : Pour la mise l'chelle normale et la mise lchelle en 9 tranches, les contours sont mis l'chelle en appliquant les paramtres de la bote de dialogue Prfrences ou du panneau Info.
Procdez de lune des manires suivantes :
Cliquez sur Edition > Prfrences (Windows) ou Fireworks > Prfrences (Mac OS). Dans la catgorie Gnral,
slectionnez Mise l'chelle des contours et des effets.
Slectionnez Fentre > Info. Dans le menu Options du panneau Info, slectionnez Attributs d'chelle.
de dialogue, puis cliquez sur le bouton Appliquer. Remarque : slectionnez les contrles dagrandissement ou de rduction pour ajuster les incrments de redimensionnement.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
49
Pour imposer la rotation des incrments de 15 degrs par rapport lhorizon, faites glisser le pointeur tout en maintenant la touche Maj enfonce.
4 Cliquez deux fois lintrieur de la fentre ou appuyez sur la touche Entre pour appliquer vos changements.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
50
Cliquez deux fois sur le point central. Appuyez sur la touche Echap pour dslectionner lobjet, puis reslectionnez-le.
hauteur (H). Remarque : si les cases L et H ne sont pas visibles dans linspecteur des proprits, cliquez sur la flche dextension pour afficher toutes les proprits.
Mise lchelle ou rotation des objets slectionns laide de la commande Transformation numrique
1 Choisissez Modification > Transformation > Transformation numrique. 2 Slectionnez le type de transformation effectuer dans le menu contextuel. 3 Slectionnez Conserver les proportions pour prserver les proportions horizontales et verticales pendant la mise
mme.
5 Dslectionnez Attributs dchelle pour transformer uniquement le trac. 6 Saisissez des valeurs numriques pour transformer la slection, puis cliquez sur OK.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
51
Voir aussi
Symboles la page 161 Ouverture de graphiques crs dans dautres applications la page 7 Prfrences de repres et de grilles la page 312
du symbole que vous ne souhaitez pas dformer lors de la mise lchelle (les angles, par exemple) se trouvent en dehors des repres.
Les repres de mise lchelle en 9 tranches sont positionns de manire viter toute dformation des angles pendant le redimensionnement du bouton.
4 (Facultatif) Verrouillez les repres : dans le panneau Proprits, slectionnez Verrouiller les repres de mise
lchelle en 9 tranches.
5 Pour revenir la page contenant les repres, cliquez sur licne de page situe en haut du document 6 Si ncessaire, redimensionnez le symbole laide de loutil Mise lchelle
UTILISATION DE FIREWORKS
Slection et transformation dobjets
52
Aprs lapplication de repres 9 tranches un symbole, vous pouvez imbriquer ce dernier dans les zones protges dautres symboles de mise lchelle en 9 tranches, en crant des objets complexes mis la bonne chelle.
Voir aussi
Symboles la page 161
suivantes :
Pour une mise lchelle verticale, faites glisser les repres de dcoupe horizontaux vers le bord de lobjet. Pour une mise lchelle horizontale, faites glisser les repres verticaux vers le bord.
Voir aussi
Passage du mode ddition de symboles au mode ddition de pages la page 162
Remarque : si vous avez slectionn une forme automatique ltape 1, Fireworks vous demande de la dissocier. Vous ne pouvez le faire quune fois que vous avez termin de rgler les points de contrle de la forme automatique.
3 Dans le document, disposez les repres de dcoupe de faon conserver autant que possible la gomtrie de lobjet.
(Pour plus de dtails, reportez-vous la section Mise lchelle en 9 tranches la page 50.)
4 Transformez lobjet en faisant glisser un angle ou une poigne latrale.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
53
Voir aussi
Formes simples la page 74 formes automatiques la page 78 Prfrences de modification la page 312
vertical ou horizontal.
Pour ajouter des objets la slection ou pour en supprimer, maintenez enfonce la touche Maj lorsque vous cliquez dessus ou faites glisser le pointeur.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
54
Cliquez nimporte o dans le groupe avec le bouton droit de la souris (Windows) ou tout en maintenant la
touche Ctrl enfonce (Mac OS), puis choisissez Slection > Superslection dans le menu contextuel.
Cliquez nimporte o dans le groupe avec le bouton droit de la souris (Windows) ou tout en maintenant la
touche Ctrl enfonce (Mac OS), puis choisissez Slection > Sous-slection dans le menu contextuel.
Modification de lordre dempilage dun objet slectionn ou dun groupe dans un calque
Pour dplacer lobjet ou le groupe tout en haut ou tout en bas de la pile, slectionnez Modification > Disposition >
Premier plan ou Arrire-plan.
Pour dplacer lobjet ou le groupe dune place vers le haut ou vers le bas de la pile, slectionnez Modification >
Disposition > Vers lavant ou Vers larrire. Lorsque plusieurs objets ou groupes sont slectionns, les objets sont placs devant ou derrire les objets non slectionns, tout en prservant leur ordre les uns par rapport aux autres.
UTILISATION DE FIREWORKS
Slection et transformation dobjets
55
Pour plus d'informations sur l'alignement des objets, voir le didacticiel sur l'alignement et la rpartition des objets .
Les paramtres spcifis sutilisent pour la forme automatique correspondante uniquement. Les contours et tracs dessins aprs lapplication de ces paramtres une forme automatique sont utiliss pour les formes automatiques futures, mais pas pour les objets.
Rpartition gale des largeurs et des hauteurs de trois objets slectionns ou plus
Choisissez Modification > Alignement > Rpartir en largeur ou Modification > Alignement > Rpartir en hauteur.
56
Voir aussi
A propos des graphiques bitmap la page 4
Un nouvel objet bitmap est ajout au calque actif dans le panneau Calques. Pour plus dinformations sur lutilisation des outils Crayon ou Pinceau, reportez-vous la section Modification dobjets bitmap la page 57.
du panneau Calques.
Choisissez Edition > Insertion > Image bitmap vide. Dessinez un cadre de slection, en partant dune zone vierge de la zone de travail, puis remplissez-le. Pour plus
de dtails, reportez-vous la section Cration de cadres de slection de pixels la page 39. Une image bitmap vide est ajoute au calque actuel dans le panneau Calques.
La slection apparat dans le panneau Calques comme un objet sur le calque actif.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
57
Remarque : vous pouvez galement cliquer avec le bouton droit de la souris (Windows) ou maintenir la touche Ctrl enfonce et cliquer (Macintosh) sur un cadre de slection de pixels pour slectionner une option de coupage ou de copie.
Choisissez Modification > Aplatir la slection. Cliquez sur Aplatir la slection dans le menu Options du panneau Calques.
Crayon.
Conserver la transparence Limite laction de loutil Crayon aux pixels existants. Aucun trait napparat dans les zones transparentes du graphique.
3 Faites glisser le pointeur pour dessiner. Tout en maintenant la touche Maj enfonce, faites glisser le pointeur afin
2 Dfinissez les attributs du contour dans linspecteur des proprits. 3 Faites glisser le pointeur pour dessiner.
2 Slectionnez une couleur dans la case Couleur de fond. 3 Dfinissez la valeur de la tolrance dans linspecteur des proprits.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
58
Remarque : la tolrance dtermine le degr de similarit de la couleur des pixels qui seront remplis. Une valeur de tolrance faible remplit les pixels dont les valeurs chromatiques sont similaires celles du pixel sur lequel vous cliquez. Une valeur de tolrance leve remplit les pixels dont la plage des valeurs chromatiques est plus large.
4 Cliquez sur limage.
dans le menu
contextuel.
3 Dfinissez les attributs de fond dans linspecteur des proprits. 4 Cliquez sur la slection de pixels pour appliquer le fond.
1 Si le bon attribut nest pas encore activ, procdez de lune des manires suivantes :
Cliquez sur licne de contour en regard de la case Couleur de contour du panneau Outils pour en faire lattribut
actif.
Cliquez sur licne de fond en regard de la case Couleur de fond du panneau Outils pour en faire lattribut actif.
Remarque : ne cliquez pas sur la case de couleur. Si vous cliquez dessus, le pointeur de pipette saffiche la place de loutil Pipette.
2 Ouvrez un document Fireworks ou nimporte quel document que Fireworks peut ouvrir. 3 Dans la section Couleurs du panneau Outils, slectionnez loutil Pipette. Dfinissez ensuite le paramtre
La couleur chantillonne est disponible dans toutes les cases Couleur de contour et Couleur de fond de Fireworks.
2 Dans linspecteur des proprits, slectionnez une forme de gomme ronde ou carre. 3 Faites glisser les curseurs pour ajuster les niveaux Bord, Taille et Opacit.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
59
Remarque : pour annuler une slection de recadrage, appuyez sur la touche Echap.
Cadre de slection
4 Cliquez deux fois lintrieur du cadre de slection ou appuyez sur la touche Entre pour recadrer la slection.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
60
Clonage de pixels
Le clonage de pixels est utile lorsque vous voulez rparer une photographie endommage ou liminer la poussire dune image. Vous pouvez copier une zone de pixels dune photo et remplacer la partie endommage ou poussireuse par la zone clone.
1 Slectionnez loutil Tampon encreur. 2 Cliquez sur une zone afin de la dsigner comme tant la source (la zone cloner).
Le pointeur dchantillonnage se transforme en un pointeur en forme de croix. Remarque : pour dsigner une autre zone de pixels cloner, cliquez sur cette zone tout en maintenant la touche Alt (Windows) ou Option (Macintosh) enfonce.
3 Dplacez-vous sur une autre partie de limage, puis faites glisser le pointeur.
Le premier, de la forme dune croix, reprsente la source. Selon les prfrences de pinceau que vous avez slectionnes, le deuxime pointeur est un tampon encreur, une
croix ou un cercle bleu. Lorsque vous faites glisser le deuxime pointeur, les pixels situs sous le premier pointeur sont copis et appliqus la zone situe sous le second pointeur.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
61
Options de maculage
Pression Dfinit lintensit du trait. Couleur de la tache Permet de choisir la couleur utiliser au dbut de chaque trait pour ltaler. Si cette option est dslectionne, loutil utilise la couleur situe sous le pointeur de loutil. Utiliser lensemble du document Etale la couleur en utilisant les donnes chromatiques de tous les objets sur tous les calques. Si cette option est dslectionne, loutil Doigt utilise les couleurs provenant uniquement de lobjet actif.
Maintenez la touche Alt (Windows) ou Option (Mac OS) enfonce pour passer dun outil un autre.
Lexposition est comprise entre 0 et 100 %. Des valeurs leves accentuent les effets.
3 Dfinissez la gamme dans linspecteur des proprits :
Tons foncs Change principalement les parties sombres de limage. Tons clairs Change principalement les parties claires de limage. Tons moyens Change principalement la plage des tons moyens par couche de limage.
Remarque : pour basculer temporairement entre loutil Densit - et loutil Densit +, maintenez la touche Alt (Windows) enfonce.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
62
1 Dans la section Bitmap du panneau Outils, cliquez sur loutil Suppression de lil rouge 2 Dans linspecteur des proprits, dfinissez les options suivantes :
. (Si loutil est masqu, maintenez le curseur enfonc sur loutil Tampon encreur jusqu lapparition dun menu contextuel.)
Tolrance Dtermine la plage des teintes remplacer (0 remplace uniquement le rouge ; 100 remplace toutes les
3 Faites glisser le pointeur en forme de croix sur les pupilles rouges des sujets de la photographie.
Si les yeux rouges persistent, choisissez Edition > Annuler, puis rptez les tapes 2 et 3 avec dautres valeurs de tolrance et dintensit.
. (Si loutil est masqu, maintenez le curseur enfonc sur loutil Tampon encreur jusqu lapparition dun menu contextuel.)
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
63
Remplacement dune couleur par une couleur slectionne dans une image
1 Dans la section Bitmap du panneau Outils, slectionnez loutil Remplacer la couleur 2 Dans la zone De dans linspecteur des proprits, cliquez sur Image. 3 Cliquez sur la case de couleur A dans linspecteur des proprits pour slectionner la pipette, puis slectionnez une
. (Si loutil est masqu, maintenez le curseur enfonc sur loutil Tampon encreur jusqu lapparition dun menu contextuel.)
1 Importez limage laquelle vous souhaitez appliquer un contour progressif sur la zone de travail laide de Fichier >
Importer.
2 Slectionnez la partie concerne de limage laide de lun des outils de slection. 3 Slectionnez Slection > Inverser la slection. 4 Slectionnez Slection > Contour progressif. Vous pouvez galement slectionner cette option dans le menu Bord
du panneau Proprits.
5 Dans la bote de dialogue Appliquer un contour progressif la slection, entrez le rayon du contour progressif. La
valeur par dfaut, 10, convient dans la plupart des cas. Vous pouvez aussi slectionner le rayon souhait dans le menu Bord.
6 Appuyez sur Supprimer.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
64
Les filtres dynamiques vous permettent dappliquer des filtres que vous pouvez supprimer ou modifier sans altrer
dfinitivement les pixels. Il est recommand dutiliser les filtres dynamiques dans la mesure du possible. Remarque : Les filtres dynamiques soient plus souples manipuler, cependant leur utilisation en grand nombre dans un document peut ralentir Fireworks.
Pour appliquer des filtres de manire irrversible et dfinitive, slectionnez-les partir du menu Filtres. Vous ne pouvez pas appliquer de filtres dynamiques aux slections de pixels depuis le menu Filtres. Vous pouvez
dfinir une zone dune image bitmap et lutiliser pour crer une image bitmap distincte puis lui appliquer un filtre dynamique.
Si vous appliquez un filtre un objet vectoriel slectionn en utilisant le menu Filtres, Fireworks convertit la
slection en un objet bitmap.
Application dun filtre dynamique une zone dlimite par un cadre de slection bitmap
1 Slectionnez un outil de slection bitmap, puis tracez un cadre de slection. 2 Choisissez Edition > Couper. 3 Choisissez Edition > Coller.
Fireworks colle la slection lemplacement exact o taient localiss les pixels dorigine, mais la slection est maintenant un objet bitmap distinct.
4 Cliquez sur la vignette du nouvel objet bitmap dans le panneau Calques afin de slectionner lobjet bitmap. 5 Appliquez un filtre dynamique partir de linspecteur des proprits.
Fireworks applique le filtre dynamique uniquement au nouvel objet bitmap, simulant lapplication dun filtre une slection de pixels.
La fonction Niveaux dfinit les pixels les plus sombres sur le noir et les plus clairs sur le blanc, puis redistribue les tons moyens proportionnellement. Cette opration permet dobtenir une image dont les pixels sont aussi nets que possible.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
65
Original avec des pixels concentrs dans les tons clairs et aprs excution de la fonction Niveaux
Lhistogramme de la bote de dialogue Niveaux permet dafficher la rpartition des pixels dun bitmap. Lhistogramme est une illustration graphique de la rpartition des pixels dans les tons clairs, les tons moyens et les tons foncs. Lhistogramme vous aide dterminer la meilleure mthode de correction de la plage tonale dune image. Une forte concentration de pixels dans les tons foncs et les tons clairs indique que limage peut tre amliore avec la fonction Niveaux ou Courbes. Laxe horizontal reprsente les valeurs chromatiques des plus fonces (0) aux plus claires (255). Laxe horizontal se lit de gauche droite : les pixels les plus sombres se situent gauche, les pixels moyens au centre et les pixels les plus clairs droite. Laxe vertical reprsente le nombre de pixels en fonction du niveau de luminosit. En gnral, vous rglez les tons clairs et les tons foncs en premier. Le rglage des tons moyens en second permet damliorer leur valeur de luminosit sans affecter les tons clairs et les tons foncs.
Rglage des tons clairs, des tons moyens et des tons foncs laide de la fonction Niveaux
1 Slectionnez limage bitmap. 2 Procdez de lune des manires suivantes :
Dans linspecteur des proprits, cliquez sur licne plus (+) en regard de ltiquette Filtres, puis choisissez
Rgler la couleur > Niveaux dans le menu contextuel Filtres.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
66
Pour afficher vos modifications dans lespace de travail, cliquez sur Aperu dans la bote de dialogue. Limage est actualise mesure que vous apportez des modifications.
3 Dans le menu contextuel Couche, choisissez dappliquer ces modifications des couches de couleur spcifiques
Le curseur de droite permet de rgler les tons clairs avec des valeurs comprises entre 255 et 0. Le curseur du centre permet de rgler les tons moyens avec des valeurs comprises entre 10 et 0. Le curseur de gauche permet de rgler les tons foncs avec des valeurs comprises entre 0 et 255.
Remarque : la valeur des tons foncs ne peut pas tre suprieure la valeur des tons clairs, la valeur des tons clairs ne peut pas tre infrieure la valeur des tons foncs, et les tons moyens doivent se situer entre les paramtres des tons foncs et des tons clairs.
5 Faites glisser les curseurs Niveaux de sortie pour rgler le contraste.
Le curseur de droite permet de rgler les tons clairs avec des valeurs comprises entre 255 et 0. Le curseur de gauche permet de rgler les tons foncs avec des valeurs comprises entre 0 et 255.
Rglage automatique des tons clairs, des tons moyens et des tons foncs
1 Slectionnez limage. 2 Procdez de lune des manires suivantes :
Dans linspecteur des proprits, cliquez sur licne plus (+) en regard de ltiquette Filtres, puis choisissez
Rgler la couleur > Niveaux automatiques dans le menu contextuel Filtres.
Ajustement dune couleur spcifique dans la plage tonale laide de la fonction Courbes
La fonction Courbes permet un contrle de la plage tonale plus prcis quavec la fonction Niveaux. Grce la fonction Courbes, vous pouvez ajuster nimporte quelle couleur dans la plage tonale, sans toucher aux autres couleurs.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
67
Lorsque vous ouvrez la bote de dialogue Courbes pour la premire fois, la diagonale indique quaucune modification na t apporte et que, par consquent, les valeurs dentre et de sortie sont identiques pour tous les pixels.
1 Slectionnez limage. 2 Pour ouvrir la bote de dialogue Courbes, procdez de lune des manires suivantes :
Dans linspecteur des proprits, cliquez sur le bouton Plus (+) en regard de ltiquette Filtres, puis choisissez
Rgler la couleur > Courbes dans le menu contextuel Filtres. Remarque : si linspecteur des proprits est partiellement rduit, cliquez sur le bouton Ajouter des filtres la place du bouton Plus.
3 Dans le menu contextuel Couche, choisissez si vous voulez appliquer les modifications des couches de couleur
Tous les points de la courbe disposent de leurs propres valeurs Entre et Sortie. Lorsque vous faites glisser un
point, les valeurs Entre et Sortie sont actualises en consquence.
La courbe affiche des valeurs de luminosit comprises entre 0 et 255, 0 reprsentant les tons foncs.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
68
Pour ajuster automatiquement les tons clairs, les tons moyens et les tons foncs, cliquez sur le bouton Auto dans la bote de dialogue Courbes.
Remarque : vous ne pouvez pas supprimer les points des extrmits de la courbe.
contextuel Couche.
2 Slectionnez la pipette approprie pour rtablir les valeurs tonales de limage :
, cliquez sur le pixel le plus clair de limage afin de redfinir la valeur des tons
A laide de la pipette des tons moyens, cliquez sur un pixel de couleur neutre dans limage afin de redfinir la valeur des tons moyens. A laide de la pipette des tons foncs, cliquez sur le pixel le plus sombre de limage pour redfinir la valeur des tons foncs.
Dans linspecteur des proprits, cliquez sur licne plus (+) en regard de ltiquette Filtres, puis choisissez
Rgler la couleur > Luminosit/Contraste dans le menu contextuel Filtres.
et 100.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
69
Dans linspecteur des proprits, cliquez sur licne plus (+) en regard de ltiquette Filtres, puis choisissez
Rgler la couleur > Teinte/Saturation dans le menu contextuel Filtres.
La valeur de teinte peut tre comprise entre -180 et 180. Les valeurs de saturation et de luminosit peuvent tre comprises entre 100 et 100.
Modification dune image RVB en une image deux tons ou colorisation dune image en niveaux de gris
Dans la bote de dialogue Teinte/Saturation, slectionnez Coloriser.
Remarque : si vous slectionnez Coloriser, la plage de valeurs des curseurs Teinte et Saturation change. Les valeurs de teinte sont comprises entre 0 et 360, et les valeurs de saturation entre 0 et 100.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
70
Dans linspecteur des proprits, cliquez sur licne plus (+) en regard de ltiquette Filtres, puis choisissez
Rgler la couleur > Inverser dans le menu contextuel Filtres.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
71
Les valeurs de rayon de flou peuvent tre comprises entre 0,1 et 250. Plus le rayon est grand, plus leffet de flou est marqu.
Flou directionnel Donne limpression que limage est en mouvement. Les valeurs de distance peuvent tre comprises
entre 1 et 100. Plus la distance est grande, plus leffet de flou est marqu.
Flou radial Confre un effet de rotation limage. Les valeurs de qualit peuvent tre comprises entre 1 et 100. Une
qualit leve se traduit par moins de rptitions de limage originale dans leffet de flou.
Flou de zoom Donne limpression que le sujet de limage sapproche ou sloigne de la personne qui regarde la photo. Les valeurs Intensit et Qualit sont requises. Une qualit leve se traduit par moins de rptitions de limage originale dans leffet de flou. Plus lintensit est leve, plus leffet de flou est marqu.
Dans linspecteur des proprits, cliquez sur licne plus (+) en regard de ltiquette Filtres, puis choisissez, puis
choisissez une option dattnuation dans le menu contextuel Filtres.
Dans linspecteur des proprits, cliquez sur licne plus (+) en regard de ltiquette Filtres, puis choisissez Autre >
Trac des contours dans le menu contextuel Filtres.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
72
Dans linspecteur des proprits, cliquez sur licne plus (+) en regard de ltiquette Filtres, puis choisissez Autre >
Convertir en Alpha dans le menu contextuel Filtres.
Dans linspecteur des proprits, cliquez sur licne plus (+) en regard de ltiquette Filtres, slectionnez
Renforcement, puis slectionnez une option daccentuation dans le menu contextuel Filtres.
Plus le rayon est lev, plus la zone fort contraste entourant les pixels est tendue.
5 Rglez le curseur Seuil pour slectionner une valeur comprise entre 0 et 255.
Les valeurs comprises entre 2 et 25 sont les plus communes. Lorsque vous augmentez ce seuil, vous naccentuez que les pixels dont le contraste est lev. Par contre, lorsque vous le diminuez, vous incluez les pixels de plus faible contraste. Un seuil de 0 accentue lensemble des pixels de limage.
UTILISATION DE FIREWORKS
Utilisation dimages bitmap
73
Ajout de bruit
1 Slectionnez limage. 2 Pour ouvrir la bote de dialogue Ajout de bruit, procdez de lune des manires suivantes :
Dans linspecteur des proprits, cliquez sur licne plus (+) en regard de ltiquette Filtres, puis choisissez
Bruit > Ajout de bruit dans le menu contextuel Filtres.
Les valeurs vont de 1 400. Plus la quantit est leve, plus le positionnement des pixels est alatoire dans limage.
4 Slectionnez loption Couleur afin dappliquer le bruit color. Dsactivez-la pour appliquer uniquement un bruit
monochrome.
5 Cliquez sur OK.
74
Formes simples
Les lignes, les rectangles, les ellipses, les rectangles arrondis, les polygones et les toiles sont des formes simples. Remarque : Pour viter les pixels parasites et amliorer la nettet des objets vectoriels, cliquez sur Commandes > Slection > Utiliser le rendu vectoriel existant.
Maintenez la touche Maj enfonce lorsque vous faites glisser le pointeur de loutil Ligne pour tracer des lignes
par incrments de 45 degrs.
Maintenez la touche Maj enfonce lorsque vous faites glisser le pointeur de loutil Rectangle ou Ellipse pour
tracer des carrs ou des cercles.
(Mac OS) enfonce, faites glisser loutil de dessin. Pour conserver les proportions, maintenez galement la touche Maj enfonce.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
75
2 Choisissez la commande Commandes > Cration > Ajouter indicateur sous-menu. 3 Dfinissez les lments suivants :
Slectionnez Ajouter au dbut ou Ajouter la fin si ncessaire, puis dfinissez le style de la pointe de flche. Slectionnez Appliquer un contour et Fond uni, si ncessaire.
glisser lobjet vers un autre emplacement de lespace de travail. Relchez la barre despace pour continuer dessiner lobjet.
Redimensionnement dune ligne, dun rectangle ou dune ellipse aprs leur slection
La mise lchelle dun objet vectoriel ne change pas lpaisseur du trait. Le redimensionnement des objets respecte leurs proportions.
Procdez de lune des manires suivantes :
Entrez les nouvelles valeurs de largeur (L) ou de hauteur (H) dans linspecteur des proprits ou le panneau Info. Dans la section Slection du panneau Outils, slectionnez loutil Mise lchelle, puis faites glisser une poigne
de transformation dangle.
Choisissez Modification > Transformer > Mise lchelle et faites glisser une poigne de transformation dangle,
ou choisissez Modification > Transformer > Transformation numrique et entrez les nouvelles dimensions.
Slectionnez lobjet, cliquez dessus avec le bouton droit de la souris et choisissez Accrocher au pixel.* Slectionnez lobjet, cliquez dessus avec le bouton droit de la souris et choisissez Accrocher au pixel.*
Un trac vectoriel droit est cr laide de Le trac est flou. loutil Plume.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
76
*La fonctionnalit Accrocher au pixel est galement disponible dans le menu Modifier ou au moyen des touches de raccourci Ctrl+K (Windows) ou Cmd+K (Mac OS). Remarque : Il est impossible dannuler la commande Accrocher au pixel.
Scnario 1
Scnario 2
Scnario 3
JSAPI : fw.getDocumentDOM().snapToPixel() : la fonction Accrocher au pixel est applique lobjet slectionn sur la zone de travail.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
77
case Arrondi. A laide du curseur, dfinissez un pourcentage, ou entrez une valeur comprise entre 0 et 100 dans la zone. Si vous avez choisi pixels, vous pouvez saisir jusqu la moiti de la longueur du ct le plus court du rectangle. Appuyez sur les touches flches Haut et Droite tout en faisant glisser les angles du rectangle pour les arrondir. Utilisez les touches flches Bas et Gauche pour rduire larrondi des angles.
Faites glisser les points de contrle jaunes pour obtenir le nombre de cts voulus. Dans la bote de dialogue Proprits de forme automatique, spcifiez les points et les cts requis.
Slectionnez Fentre > Proprits de forme automatique. Personnalisez l'toile au moyen des diffrentes options
de la bote de dialogue Proprits de forme automatique.
Faites glisser les points jaunes de l'toile. Dplacez la souris sur le point jaune. Une info-bulle dcrit la fonction.
Pour contraindre lorientation dune toile par incrments de 45 degrs, maintenez la touche Maj enfonce pendant que vous faites glisser le pointeur.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
78
formes automatiques
Les formes automatiques, contrairement aux autres groupes dobjets, comportent des points de contrle en forme de losange en plus des poignes de groupes dobjets. Lorsque vous faites glisser un point de contrle, vous modifiez uniquement la proprit visuelle associe. Les points de contrle saccompagnent, pour la plupart, dinfo-bulles qui dcrivent leur impact sur la forme automatique.
Les outils Formes automatiques crent des formes avec des orientations prdfinies. Par exemple, loutil Flche dessine des flches horizontales. De mme, avec la forme automatique Etoile, cliquez sur le point de contrle gauche et faitesle glisser vers le haut ou le bas pour modifier le nombre de points. Les autres points de contrle permettent de modifier la nettet et la profondeur des rayons. Pour plus de dtails sur la modification de lorientation, reportez-vous la section Transformation et dformation des objets et des slections la page 47.
en pouces.
Graphique secteurs Diagrammes circulaires. Rectangle arrondi Rectangles aux angles arrondis. Polygone intelligent Polygones quilatraux comportant de 3 25 cts. Spirale Spirales ouvertes.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
79
Faites glisser le pointeur sur la zone de travail pour dessiner la forme. Cliquez sur la zone de travail pour y placer la forme sa taille par dfaut.
Faites glisser le point de contrle directionnel de faon effectuer un mouvement correspondant un angle de
45 degrs.
Cliquez sur le point de contrle directionnel pour redfinir lombre (sa taille est identique la forme dorigine). Tout en maintenant les touches Ctrl + Cmde enfonces, cliquez sur le point de contrle directionnel pour
redfinir uniquement laxe des x.
Cliquez deux fois sur le point de contrle de perspective pour redfinir uniquement la largeur de lombre.
Vous pouvez verrouiller les angles des formes rectangulaires de faon ce que les modifications apportes un angle se rpercutent sur les quatre. Vous pouvez galement modifier les proprits pour chaque angle individuellement.
4 Pour appliquer les changements, appuyez sur la touche de tabulation ou Entre.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
80
Pour effectuer dautres rglages de formes automatiques dans la zone de travail, utilisez les points de contrle. Les valeurs correspondantes sont mises jour de faon dynamique dans le panneau Proprits de forme automatique.
Pour rgler la largeur, la hauteur, lpaisseur et larrondi de la queue de la flche, faites glisser le point de contrle
portant le nom correspondant. Pour crer une flche incurve, faites glisser le point de contrle de largeur ou de hauteur vers la droite ou vers la gauche.
Rglage des formes automatiques reprsentant des rectangles biseauts, chanfreins et arrondis
Pour rgler simultanment tous les angles dun rectangle, faites glisser un point de contrle dangle. Pour rgler un seul angle du rectangle, glisser un point de contrle dangle tout en maintenant la touche Alt
(Windows) ou Option (Mac OS) enfonce.
Pour redimensionner un rectangle en conservant les angles intacts, faites glisser le point de contrle de glissementredimensionnement.
Pour convertir tous les angles dun rectangle dans un type diffrent, cliquez sur un point de contrle dangle. Pour convertir un seul angle de rectangle dans un autre type, cliquez sur un point de contrle dangle tout en
maintenant la touche Alt (Windows) ou Option (Mac OS) enfonce.
Pour repositionner la barre transversale, faites glisser le point de contrle de position horizontale. Pour rgler tous les angles, faites glisser un point de contrle dangle. Pour rgler un seul angle, faites glisser un point de contrle dangle tout en maintenant la touche Alt (Windows)
ou Option (Mac OS) enfonce.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
81
Pour ajouter une section, faites glisser un point de contrle dajout/de division de secteur sur le primtre extrieur
de la forme tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfonce.
Pour supprimer une section, faites glisser le point de contrle dajout/division de secteur sur le primtre extrieur
de la forme pour dfinir la portion de la forme qui doit rester dans la zone de travail.
Pour redimensionner le rayon intrieur, faites glisser son point de contrle. Pour affecter la valeur zro au rayon intrieur, cliquez sur son point de contrle de rinitialisation.
Pour modifier les units et passer des pixels aux pouces, maintenez la touche Ctrl (Windows) ou Cmde (Mac OS)
enfonce tout en faisant glisser un point de contrle lune des extrmits.
Pour allonger ou raccourcir les lignes de dlimitation de la section mesure, faites glisser un point de contrle sur
lun des cts de la valeur mesure. Loutil Mesure est utile lorsque vous dfinissez des spcifications dinterface. Pour masquer les mesures, cliquez sur licne reprsentant un il situe dans le panneau Calques.
Pour ajouter un secteur, faites glisser un point de contrle de glissement vers un segment sur le primtre extrieur
de la forme tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfonce.
Pour redimensionner une tranche (secteur) de graphique secteurs, faites glisser un point de contrle de glissement
vers un segment sur le primtre extrieur de la forme.
Pour rinitialiser un graphique secteurs une tranche, cliquez sur son point de contrle de rinitialisation.
Pour ajouter ou supprimer des sections, faites glisser le point de contrle de sections. Pour modifier le nombre de cts, faites glisser le point de contrle de cts. Pour segmenter le polygone, faites glisser le point de contrle des cts tout en maintenant la touche Alt (Windows)
ou Option (Mac OS).
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
82
Pour rinitialiser un polygone intrieur, faites glisser son point de contrle de rinitialisation.
Formes libres
Vous pouvez dessiner et retoucher des tracs vectoriels pour crer pratiquement toutes les formes dobjets vectoriels souhaites.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
83
Mme si les contours ressemblent de la peinture ou de lencre, ils sont constitus de points et de tracs comme tous les objets vectoriels. Par consquent, vous pouvez changer la forme des contours selon diffrentes techniques de retouche vectorielle. Lorsque vous remodelez un trac, le contour est redessin. Vous pouvez galement modifier les traits de pinceau existants et appliquer des fonds aux objets slectionns qui ont t dessins avec loutil Trac vectoriel. Voir Application de couleurs, de contours et de fonds la page 111.
1 Dans le menu contextuel de loutil Plume, slectionnez loutil Trac vectoriel
2 (Facultatif) Slectionnez les attributs de contour et les options de loutil Trac vectoriel dans linspecteur des
proprits. (Facultatif) Pour obtenir un lissage plus prcis du trac, slectionnez un nombre dans le menu contextuel Prcision de linspecteur des proprits, que vous appliquerez loutil Trac vectoriel. Plus le nombre slectionn est lev, plus le nombre de points visibles sur le trac que vous dessinez est lev.
3 Faites glisser le pointeur pour dessiner. Pour contraindre le trac une ligne horizontale ou verticale, faites glisser
Dessin de tracs de forme libre au moyen de points placs avec loutil Plume
Le traage de points est une technique semblable celle utilise pour dessiner une image de points relis. Lorsque vous cliquez sur chaque point avec loutil Plume, Fireworks dessine automatiquement le trac de lobjet vectoriel partir du dernier point sur lequel vous avez cliqu. Loutil Plume permet non seulement de relier des points par des segments de droite, mais galement de dessiner des segments incurvs lisses drivs dune fonction mathmatique appels des courbes de Bzier. Le type de point, point dangle ou point de courbe, dtermine si la forme adjacente est une droite ou une courbe.
Vous pouvez modifier les segments droits et incurvs en faisant glisser leurs points. Vous pouvez les retoucher davantage en faisant glisser leurs poignes de point. Vous pouvez galement convertir un segment droit en segment incurv, et inversement, en convertissant ses points.
slectionnez lune des options dans longlet Edition, puis cliquez sur le bouton OK :
Afficher laperu de loutil Plume Permet dobtenir un aperu du segment de droite tel quil doit apparatre lors du
clic suivant.
Points pleins Permet dafficher des points unis mesure que vous dessinez.
3 Cliquez sur la zone de travail pour placer le premier point dangle. 4 Dplacez le pointeur et cliquez pour placer le point suivant. 5 Continuez tracer des points. Les segments de droite relient les points.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
84
Cliquez deux fois sur le dernier point pour terminer le trac dans le cas dun trac ouvert. Slectionnez un autre outil pour laisser ce trac ouvert.
Remarque : si vous slectionnez un outil diffrent (autre que loutil Texte) puis revenez loutil Plume, Fireworks reprend le dessin de lobjet votre prochain clic.
Pour fermer le trac, cliquez sur le premier point que vous avez trac. Les points de dpart et de fin dun trac
ferm sont les mmes. Remarque : les boucles formes par un trac qui se chevauche ne constituent pas des tracs ferms. Seuls les tracs qui commencent et se terminent par le mme point sont des tracs ferms.
courbe. Lorsque vous faites glisser le pointeur, Fireworks tend le segment de droite jusquau nouveau point.
4 Continuez tracer des points. Lorsque vous faites glisser un nouveau point, vous crez un point de courbe. Si vous
cliquez simplement, vous crez un point dangle. Vous pouvez utiliser temporairement loutil Sous-slection pour changer lemplacement des points et la forme des courbes que vous tracez. Faites glisser un point ou une poigne de point avec loutil Plume tout en maintenant la touche Ctrl (Windows) ou Commande (Mac OS) enfonce.
5 Procdez de lune des manires suivantes :
Pour terminer le trac en tant que trac ouvert, cliquez deux fois sur le dernier point ou slectionnez un autre
outil. Si vous slectionnez certains outils puis revenez loutil Plume, Fireworks reprend le dessin de lobjet votre prochain clic.
Pour fermer le trac, cliquez sur le premier point que vous avez trac. Les points de dpart et de fin dun trac
ferm sont les mmes.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
85
Vous pouvez convertir un segment droits en segment incurv, et inversement, en convertissant ses points.
Remarque : pour modifier les poignes du point, choisissez loutil Sous-slection ou appuyez sur la touche Ctrl (Windows) ou Cmde (Mac OS) lorsque loutil Plume est actif.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
86
Retouche de tracs de forme libre laide des points et des poignes de points
Loutil Sous-slection du panneau Outils permet de slectionner plusieurs points. Avant de slectionner un point avec loutil Sous-slection, slectionnez le trac en utilisant loutil Pointeur ou Sous-slection, ou bien en cliquant sur sa vignette dans le panneau Calques.
Cliquez sur un point ou cliquez successivement sur plusieurs points tout en maintenant la touche Maj enfonce.
Cliquez avec le pointeur de loutil Plume sur lun des points dangle dun objet slectionn. Cliquez deux fois avec le pointeur de loutil Plume sur lun des points de courbe dun objet slectionn. Slectionnez un point avec loutil Sous-slection, et appuyez sur la touche Suppr ou Retour arrire.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
87
Les points de courbe slectionns prennent la forme de carrs pleins bleus. Les poignes du point stendent depuis le point.
3 Faites glisser les poignes vers un nouvel emplacement. Maintenez la touche Maj enfonce pendant que vous faites
glisser une poigne pour imposer son dplacement un angle de 45 degrs. Laperu du trac en bleu indique lemplacement du nouveau trac si vous relchez le bouton de la souris.
A B C
Par exemple, si vous faites glisser la poigne de point gauche vers le bas, la poigne de point droite monte. Tout en maintenant la touche Alt enfonce, faites glisser la poigne pour la dplacer sparment.
Pour modifier un segment de trac adjacent, faites glisser la poigne dun point dangle laide de loutil Sous-slection.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
88
Formes composes
Cration de formes composes
Crez une forme compose laide de tracs vectoriels simples, tels que des rectangles, ellipses ou autres. Loutil Sousslection permet de dplacer et de modifier les objets individuels dune forme compose, mme aprs quils ont t associs. Avec le mode Forme compose, tous les nouveaux objets de vecteur sont ajouts au mme objet dans le panneau des calques. Pour ajouter des objets un autre objet, quittez ce mode au moyen du bouton Normal. Pour crer des formes composes, procdez de lune des manires suivantes :
Crez un vecteur, slectionnez lopration de forme compose requise (Ajouter ou Soustraire, par exemple) et
dessinez dautres vecteurs.
automatiquement ferms.
2 Slectionnez un outil Vecteur (rectangle, ellipse, plume ou trac vectoriel) dans la palette doutils. 3 Slectionnez lune des options suivantes dans linspecteur des proprits.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
89
Segment de trac tir avec loutil Forme libre (A mesurant la longueur spcifie)
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
90
Lorsque vous dplacez le pointeur sur un trac slectionn, il se transforme en pointeur de pousse ou de traction, en fonction de sa position par rapport au trac slectionn. Vous pouvez galement changer la taille du pointeur de pousse ou de traction.
Pointeur Signification Loutil Forme libre est en cours dutilisation. Loutil Forme libre est en cours dutilisation, et le pointeur de traction est en position pour tirer sur le trac slectionn. Loutil Forme libre est en cours dutilisation, et le pointeur de traction tire sur le trac slectionn. Loutil Forme libre est en cours dutilisation, et le pointeur de pousse est actif. Loutil Reformer la zone est en cours dutilisation, et le pointeur correspondant est actif. La zone comprise entre le cercle intrieur et le cercle extrieur reforme le trac selon une intensit infrieure lintensit maximale.
Remarque : loutil Forme libre reporte galement la pression exerce sur une tablette Wacom ou compatible. Tirage dun trac slectionn Lorsque le pointeur se trouve juste au-dessus du trac, vous pouvez tirer sur celui-ci.
1 Dans le panneau Outils, cliquez sur loutil Forme libre 3 Dessinez le trac.
Pousse dun trac slectionn Lorsque le pointeur ne se trouve pas juste au-dessus du trac, vous pouvez pousser celui-ci.
1 Dans le panneau Outils, slectionnez loutil Forme libre. 2 Positionnez le pointeur lgrement lcart du trac. 3 Faites glisser le pointeur vers le trac pour exercer une pousse. Dplacez lgrement le trac slectionn pour lui
donner une nouvelle forme. Modification de la taille du pointeur de pousse Procdez de lune des manires suivantes :
Tout en maintenant le bouton de la souris enfonc, appuyez sur la touche flche Droite ou sur la touche
numrique 2 pour largir le pointeur.
Tout en maintenant le bouton de la souris enfonc, appuyez sur la touche flche Gauche ou sur la touche
numrique 1 pour rendre le pointeur plus troit.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
91
Pour dfinir la taille du pointeur (en pixels) et la longueur du segment de trac affect par ce dernier,
dslectionnez tous les objets du document, puis entrez une valeur comprise entre 1 et 500 dans la zone de texte Taille de linspecteur des proprits.
Le cercle intrieur du pointeur correspond la dlimitation de loutil lorsque lintensit est maximale. La zone comprise entre les cercles intrieur et extrieur reforme le trac selon une intensit infrieure lintensit maximale. Le cercle extrieur du pointeur dtermine la force dattraction. Vous pouvez dfinir son intensit. Remarque : loutil Reformer la zone reporte galement la pression exerce sur une tablette Wacom ou compatible.
1 Dans le menu contextuel de loutil Forme libre, slectionnez loutil Reformer la zone. 2 Faites glisser le pointeur sur les tracs pour les redessiner.
Modification de la taille du pointeur Reformer la zone Procdez de lune des manires suivantes :
Tout en maintenant le bouton de la souris enfonc, appuyez sur la touche flche Droite ou sur la touche
numrique 2 pour largir le pointeur.
Tout en maintenant le bouton de la souris enfonc, appuyez sur la touche flche Gauche ou sur la touche
numrique 1 pour rendre le pointeur plus troit.
Pour dfinir la taille du pointeur (en pixels) et la longueur du segment de trac affect par ce dernier,
dslectionnez tous les objets du document, puis entrez une valeur comprise entre 1 et 500 dans la zone de texte Taille de linspecteur des proprits. Dfinition de lintensit du cercle intrieur du pointeur Reformer la zone Dans la zone Intensit de linspecteur des proprits, entrez une valeur comprise entre 1 et 100 pour spcifier le pourcentage dintensit potentielle du pointeur. Lintensit est directement proportionnelle au pourcentage exprim.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
92
Nouveau dessin ou extension dun segment de trac slectionn laide de loutil Redessiner le trac
Lorsque vous utilisez loutil Redessiner le trac, les attributs de contour, de fond et deffet sont conservs.
1 Dans le menu contextuel de loutil Plume, slectionnez loutil Redessiner le trac
2 (Facultatif) Modifiez le niveau de prcision de loutil Redessiner le trac en slectionnant un nombre dans le menu
contextuel de la zone Prcision, dans linspecteur des proprits. Plus le nombre slectionn est lev, plus le nombre de points affichs sur le trac est lev.
3 Positionnez le pointeur directement sur le trac. 4 Faites glisser le pointeur pour redessiner ou tendre le segment de trac. 5 Relchez le bouton de la souris.
Modification de laspect dun trac par variation de la pression et de la vitesse laide des outils Modulateur de trac
En utilisant une pression ou une vitesse diffrente, vous pouvez modifier les proprits de contour dun trac. Pour dfinir les proprits affectes par les outils Modulateur de trac, utilisez longlet Sensibilit de la bote de dialogue Modifier le contour. Vous pouvez galement spcifier dans quelle mesure la pression et la vitesse sappliquent ces proprits. Pour plus de dtails sur la dfinition des options de la bote de dialogue Modifier le contour, reportez-vous la section Application et modification de contours la page 120.
Remarque : lutilisation de la gomme sur des stylets Wacom slectionne automatiquement loutil Cutter.
2 Procdez de lune des manires suivantes :
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
93
Combinaison de tracs ferms slectionns en un trac englobant toute la zone occupe par les tracs dorigine
Slectionnez la commande Modification > Combiner les tracs > Union. Le trac qui en rsulte a les attributs de
cadre de slection.
4 Si vous avez slectionn Contour progressif comme bord, spcifiez la valeur de diffusion utiliser. 5 Cliquez sur OK.
Remarque : la conversion dun trac en cadre de slection supprime le trac slectionn. Pour modifier cette valeur par dfaut, choisissez la commande Edition > Prfrences > Edition, puis dslectionnez loption Supprimer les tracs lors de la conversion en slection.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
94
1 Slectionnez lobjet trac qui dfinit la zone supprimer. 2 Choisissez la commande Modification > Disposer > Premier plan. 3 Tout en maintenant la touche Maj enfonce, ajoutez la slection lobjet trac dont les portions doivent
tre supprimes.
4 Choisissez Modification > Combiner les tracs > Poinon.
1 Slectionnez lobjet trac qui dfinit la zone recadrer. 2 Choisissez la commande Modification > Disposer > Premier plan. 3 Tout en maintenant la touche Maj enfonce, ajoutez la slection lobjet trac recadrer. 4 Choisissez Modification > Combiner les tracs > Recadrage.
Lobjet trac qui en rsulte adopte les attributs de contour et de fond de lobjet trac situ compltement larrire-plan.
La simplification dun trac augmente la possibilit pour Fireworks de modifier le trac afin de rduire le nombre de points sur ce trac.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
95
Remarque : lextension du contour dun trac qui sentrecoupe peut produire des rsultats intressants. Si le trac dorigine contient un fond, les portions du trac qui sentrecoupent ne contiennent pas de fond une fois le contour tendu.
1 Choisissez Modification > Modifier le trac > Etendre le contour. 2 Dfinissez la largeur du trac ferm obtenu. 3 Slectionnez un type dangle. 4 Si vous avez slectionn la forme en pointe, dfinissez la pointe (le point auquel un angle en pointe devient
automatiquement biseaut). La limite est le rapport de la longueur du coin sur la largeur du trait.
5 Slectionnez une option dextrmit, puis cliquez sur OK.
3 Dfinissez la largeur sparant le trac dorigine du trac contract ou dilat. 4 Slectionnez un type dangle. 5 Si vous avez slectionn la forme en pointe, dfinissez la pointe correspondante. 6 Cliquez sur OK.
UTILISATION DE FIREWORKS
Utilisation des objets vectoriels
96
97
Entre de texte
Utilisez loutil Texte vos graphiques. et les options de linspecteur des proprits pour saisir, mettre en forme et diter du texte dans Remarque : Si l'inspecteur des proprits est rduit, double-cliquez sur sa barre pour consulter toutes les proprits de texte. Les objets texte sont automatiquement enregistrs sous un nom correspondant au texte que vous avez saisi. Vous pouvez modifier ce nom dans la zone Texte de linspecteur des proprits ou dans la vignette de panneau dobjet affiche dans le panneau Calques. Dans le panneau Calques, les objets texte peuvent tre identifis par licne T.
Voir aussi
Prfrences de texte la page 312
Un bloc de texte redimensionnement automatique stend horizontalement mesure que vous saisissez le texte
et se rduit lorsque vous supprimez du texte. Des blocs de texte redimensionnement automatique sont crs par dfaut lorsque vous cliquez sur la zone de travail avec loutil Texte et commencez la saisie.
Les blocs de texte de largeur fixe vous permettent de contrler la largeur des lignes de texte. Ces blocs sont crs par
dfaut lorsque vous tracez un bloc de texte laide de loutil Texte.
Lorsque le pointeur de texte est actif dans un bloc de texte, un cercle ou un carr vid saffiche dans le coin
suprieur droit du bloc de texte. Le cercle indique quil sagit dun bloc de texte redimensionnement automatique, tandis que le carr identifie un bloc de texte de largeur fixe. Cliquez deux fois sur langle pour basculer dun bloc de texte lautre.
1 Slectionnez loutil Texte. 2 Slectionnez les caractristiques du texte. 3 Crez un bloc de texte :
Pour crer un bloc de texte redimensionnement automatique, cliquez dans votre document lendroit o
commencer le bloc.
UTILISATION DE FIREWORKS
Utilisation du texte
98
Pour crer un bloc de texte largeur fixe, dessinez un bloc en faisant glisser le pointeur de loutil. Pour dplacer le
bloc de texte mesure que vous le crez en faisant glisser le pointeur de loutil, tout en maintenant enfoncs le bouton de la souris et la barre despace, faites glisser le bloc de texte vers lemplacement souhait.
1 Saisissez le texte. 2 (Facultatif) Mettez en surbrillance le texte contenu dans le bloc de texte, puis mettez-le en forme. 3 (Facultatif) Pour dplacer le bloc de texte, faites-le glisser vers un nouvel emplacement. 4 Procdez de lune des manires suivantes :
Cliquez hors du bloc de texte. Dans le panneau Outils, slectionnez un autre outil. Appuyez sur la touche Echap.
Bloc de texte de largeur fixe et bloc de texte redimensionnement automatique A. Indicateur de largeur fixe B. Indicateur de redimensionnement automatique
Pour changer un bloc de texte en bloc de largeur fixe ou redimensionnement automatique, cliquez deux fois
lintrieur du bloc de texte, puis cliquez deux fois sur le cercle ou le carr figurant dans langle suprieur droit du bloc de texte.
Pour changer un bloc de texte slectionn en bloc de largeur fixe par redimensionnement, faites glisser une poigne
de redimensionnement.
Pour affecter une largeur fixe plusieurs blocs de texte, slectionnez ces blocs, puis choisissez Commandes >
Texte > Dfinir la largeur.
Pour dfinir des blocs de texte largeur fixe en tant que blocs redimensionnement automatique, slectionnez ces
blocs, puis choisissez Commandes > Texte > Basculer largeur fixe.
Slection de texte
Slection dun mot ou dun paragraphe Cliquez deux fois dans un mot pour le slectionner et trois fois pour slectionner le paragraphe entier.
UTILISATION DE FIREWORKS
Utilisation du texte
99
Slection de morceaux de texte dans un paragraphe Pour slectionner des morceaux de texte dans un paragraphe, appuyez sur Maj et slectionnez tous les morceaux souhaits. Slection de texte dot dattributs similaires Pour slectionner du texte dot dattributs similaires, appuyez sur Alt (Windows)/Option (Mac) et cliquez deux fois sur un mot comportant les attributs spcifis. Tous les mots dots des attributs correspondants sont automatiquement slectionns dans le bloc de texte. Pour slectionner tous les mots en gras, par exemple, appuyez sur Alt (Windows)Options (Mac) et cliquez deux fois sur un mot en gras. Tous les mots en gras du bloc de texte sont automatiquement slectionns. Ajout de texte dot dattributs diffrents la slection prcdente Vous pouvez ajouter au texte slectionn prcdemment du texte dot dun autre ensemble dattributs. Aprs avoir slectionn du texte en gras, appuyez sur Alt+Maj (Windows)/Option+Maj (Mac) et cliquez deux fois sur un mot en italique, par exemple. Les mots en gras et en italique sont alors slectionns. Ajout de texte une slection existante Pour ajouter des mots un par un une slection existante, appuyez sur Alt+Maj (Windows)/Option+Maj (Mac) et cliquez sur chaque mot. Dslection de texte au sein dune slection Pour dslectionner un morceau de texte lorsque plusieurs morceaux sont slectionns, appuyez sur Alt (Windows)/Option (Mac) et cliquez sur le morceau concern.
Cliquez sur le bloc de texte avec loutil Pointeur ou Sous-slection pour le slectionner en totalit. Pour
slectionner plusieurs blocs de texte simultanment, slectionnez-les un par un tout en maintenant la touche Maj enfonce.
Cliquez deux fois sur un bloc de texte avec loutil Pointeur ou Sous-slection, puis slectionnez une zone
de texte.
Cliquez dans un bloc de texte avec loutil Texte, puis slectionnez du texte.
2 Modifiez le texte ou la police. Les polices se mesurent en points. 3 Procdez de lune des manires suivantes :
UTILISATION DE FIREWORKS
Utilisation du texte
100
Dans le panneau Outils, slectionnez un autre outil. Appuyez sur la touche Echap.
Si vous installez une police Type 1, TrueType, OpenType ou CID dans le dossier Fonts local, cette police apparat uniquement dans les applications Adobe.
Dfinissez loption Corps de police dans le panneau Caractre ou dans la barre de commandes. Choisissez un corps dans le menu Texte > Corps. Lorsque vous choisissez Autre, vous pouvez entrer un nouveau
corps dans le panneau Caractre. Vous pouvez modifier lunit de mesure des caractres dans la bote de dialogue Prfrences. Cette option nest pas disponible dans Fireworks.
Installez les polices manquantes sur votre systme. Activez les polices manquantes laide dune application de gestion des polices.
UTILISATION DE FIREWORKS
Utilisation du texte
101
Placez les polices manquantes dans le dossier Polices, situ dans le dossier dapplication. Les polices de ce dossier
sont uniquement disponibles dans lapplication. Sous Mac OS, les polices peuvent tre installes dans le dossier Macintosh HD > Bibliothque > Application Support > Adobe > Fonts. Les polices installes cet emplacement ne peuvent tre utilises que dans les produits Adobe. Si vous navez pas accs aux polices manquantes, recherchez-les et remplacez-les.
Voir aussi
Prfrences de texte la page 312
Slection dune famille et dun style de caractres dans linspecteur des proprits
1 Slectionnez une famille de caractres dans le menu Police. Si plusieurs versions dune police sont installes sur
votre ordinateur, le nom de la police est suivi dune abrviation : (T1) pour les polices PostScript, (TT) pour les polices TrueType ou (OT) pour les polices OpenType. Sous Windows, pour slectionner une famille et un style de police, vous pouvez saisir le nom correspondant dans la zone. Au fur et mesure de la saisie, le nom de la premire police ou du premier style commenant par cette lettre apparat. Poursuivez la saisie jusqu ce que le nom de la police ou du style recherch(e) apparaisse.
2 Pour slectionner un style de caractres, procdez de lune des manires suivantes :
Slectionnez un style install dans le menu Style de linspecteur des proprits. Si la famille de caractres ne comprend pas de styles, cliquez sur le bouton Faux gras, Faux italique ou Soulign
pour appliquer une simulation de style.
de styles, slectionnez Standard, Faux gras, Faux italique ou Soulign dans le menu Texte > Style. (Windows) : pour rechercher une police, tapez son nom dans le menu.
UTILISATION DE FIREWORKS
Utilisation du texte
102
Remarque : Vous pouvez galement faire appel au gnrateur de texte alatoire LoremIpsum, qui permet dinsrer rapidement un bloc de texte despace rserv aux maquettes. Cette extension est disponible sur http://www.adobe.com/go/learn_fw_randomtextgenerator_fr.
Loutil Texte conserve la couleur de texte actuelle dun bloc de texte lautre. Les caractristiques de contour et les filtres dynamiques appliqus un bloc de texte sont actualiss au fur et
mesure des modifications apportes au bloc de texte ; toutefois, ces mises jour ne sappliquent pas aux nouveaux blocs de texte.
Loutil Texte conserve la couleur de texte actuelle indpendamment de la couleur de remplissage des autres outils.
De mme, lorsque vous rutilisez loutil Texte aprs avoir appliqu une couleur de fond, le paramtre de couleur le plus rcent de loutil Texte lui est restitu, et le contour est rinitialis sur Aucun. Voir la section Enregistrement des attributs de texte de contour, de fond et de filtre sous forme de style la page 106.
Cliquez sur la case Couleur de fond dans linspecteur des proprits, puis slectionnez une couleur dans le menu
contextuel. Dans une fentre contextuelle de couleurs, vous pouvez galement utiliser le pointeur de pipette pour chantillonner une couleur un emplacement quelconque de lcran.
UTILISATION DE FIREWORKS
Utilisation du texte
103
Dans le panneau Outils, cliquez sur licne situe en regard de la case Couleur de fond, puis slectionnez une
couleur dans la fentre contextuelle de couleurs. Dans la fentre contextuelle de la case Couleur de fond, vous pouvez galement utiliser la pipette pour chantillonner une couleur un emplacement quelconque de lcran. Remarque : lorsque vous appliquez un contour au texte en surbrillance lintrieur dun bloc de texte, tout le bloc de texte est slectionn automatiquement.
Voir aussi
Prfrences de texte la page 312
A laide de loutil Texte, cliquez entre deux caractres ou mettez en surbrillance les caractres modifier. Utilisez loutil Pointeur pour slectionner un bloc de texte entier. Cliquez sur plusieurs blocs de texte tout en
maintenant la touche Maj enfonce pour les slectionner.
UTILISATION DE FIREWORKS
Utilisation du texte
104
2 Slectionnez les caractres dont vous souhaitez dfinir lespacement et procdez de lune des manires suivantes :
Dans linspecteur des proprits, faites glisser le curseur contextuel Approche ou entrez un pourcentage dans la
zone correspondante. Une valeur nulle correspond une approche normale. Les valeurs positives cartent les lettres, et les valeurs ngatives les rapprochent.
Tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfonce, appuyez sur la touche flche
Gauche ou la touche flche Droite du clavier. La touche flche Gauche permet de rapprocher les lettres de 1 %, et la touche flche Droite de les loigner de 1 %. Tout en maintenant les touches Maj et Ctrl (Windows) ou Maj et Cmde (Mac OS) enfonces, appuyez sur la touche flche Gauche ou la touche flche Droite pour rgler lapproche par incrments de 10 %.
Dans linspecteur des proprits, faites glisser le curseur contextuel Interlignage ou entrez une valeur dans la
zone correspondante. La valeur par dfaut est 100 %.
A laide du clavier, tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfonce, appuyez sur la
touche flche Haut (pour augmenter lespacement) ou la touche flche Bas (pour diminuer lespacement). Tout en maintenant les touches Maj et Ctrl (Windows) ou Maj et Cmde (Mac OS) enfonces, appuyez sur la touche flche Haut ou la touche flche Bas pour rgler linterligne par incrments de 10.
2 Pour changer le type dunit dinterlignage, slectionnez % ou px (pixels) dans le menu contextuel Units
dinterlignage.
spares par des retours la ligne saffichent sous forme de colonnes qui senchanent de la droite vers la gauche. Pour donner au texte un effet spcial en linversant, utilisez loutil Distorsion et faites glisser une poigne latrale.
UTILISATION DE FIREWORKS
Utilisation du texte
105
Pour dfinir lespacement respecter avant et aprs les paragraphes dans linspecteur des proprits, faites glisser
le curseur contextuel Espace avant le paragraphe ou Espace aprs le paragraphe ou entrez une valeur dans la zone de texte.
Dans linspecteur des proprits, slectionnez lune des options du menu contextuel Lissage : Sans lissage Dsactive le lissage du texte. Lissage net Cre une transition nette entre les bords du texte et larrire-plan. Lissage fort Cre une transition trs abrupte entre les bords du texte et larrire-plan, prservant la forme des
UTILISATION DE FIREWORKS
Utilisation du texte
106
Lissage lger Cre une transition lgre entre les bords du texte et larrire-plan. Lissage personnalis Fournit les commandes de lissage avances suivantes :
Surchantillonnage Dtermine la quantit de dtails utilise pour crer la transition entre les bords du texte et
larrire-plan.
Nettet Dtermine le lissage de la transition entre les bords du texte et larrire-plan. Intensit Dtermine le degr de mlange entre les bords du texte et larrire-plan.
Remarque : Le texte figurant dans un fichier vectoriel est anticrnel louverture du fichier dans Fireworks.
la zone de texte. Pour augmenter la largeur ou la hauteur des caractres, faites glisser le curseur au-del de 100 % ; pour les rduire, faites glisser le curseur en de de 100 %. 100 % est la valeur par dfaut.
Dans linspecteur des proprits, faites glisser le curseur contextuel Dcalage vertical, ou entrez une valeur dans la
zone de texte correspondante, pour dfinir la position du texte en indice ou en exposant. Entrez des valeurs positives pour mettre des caractres en exposant, et des valeurs ngatives pour les mettre en indice.
Enregistrement des attributs de texte de contour, de fond et de filtre sous forme de style
Vous pouvez ajouter des contours, des fonds et des filtres au texte dun bloc de texte slectionn, puis enregistrer ces attributs de texte sous forme de style. Une fois le texte cr, vous pouvez le modifier dans Fireworks. Les contours, les fonds, les filtres et les styles sont automatiquement mis jour en cours ddition.
1 Crez un objet texte, puis appliquez-lui les attributs appropris. Appliquez lun des styles du panneau Styles, mme
UTILISATION DE FIREWORKS
Utilisation du texte
107
3 Dans le menu Options du panneau Styles, slectionnez Nouveau style. 4 Slectionnez les proprits du style, puis nommez-le.
Voir aussi
Prfrences de texte la page 312
Pour placer un bloc de texte lintrieur dun trac, slectionnez un objet de texte et un trac en maintenant la
touche Maj enfonce, puis choisissez la commande Texte > Attacher dans le trac.
Pour dtacher un texte dun trac slectionn, choisissez Texte > Dtacher du trac. Pour modifier un texte attach un trac, cliquez deux fois sur lobjet de texte curviligne laide de loutil Pointeur
ou Sous-slection ; dfaut, cliquez dessus pour slectionner le texte modifier laide de loutil Texte.
Pour modifier la forme du trac, utilisez loutil Sous-slection pour slectionner lobjet de texte curviligne, puis
faites glisser les points sous-slectionns pour remodeler le trac. Remarque : vous pouvez galement utiliser loutil Plume (courbe de Bzier) pour diter le trac. Le texte suit automatiquement le trac mesure que vous modifiez des points.
UTILISATION DE FIREWORKS
Utilisation du texte
108
Pour inverser le sens du texte sur un trac slectionn, choisissez Texte > Inverser la direction. Pour dplacer le point dorigine du texte attach un trac, slectionnez lobjet de texte curviligne, puis, dans
linspecteur des proprits, entrez une valeur dans la zone de texte Dcalage du texte.
Pour convertir du texte, choisissez Texte > Convertir en tracs. Pour modifier individuellement des tracs de texte converti, slectionnez le texte converti laide de loutil Sousslection (ou slectionnez-le, puis choisissez Modification > Dissocier).
Pour crer un trac composite partir dun groupe de tracs rsultant de la conversion de texte en tracs,
slectionnez le groupe de tracs, choisissez ensuite Modification > Dissocier, puis choisissez Modification > Combiner les tracs > Joindre.
UTILISATION DE FIREWORKS
Utilisation du texte
109
Voir aussi
Prfrences de texte la page 312
Pour solidifier le texte, slectionnez Commandes > Texte > Solidifier. Pour segmenter le trac combin en caractres modifiables indpendamment, utilisez loutil de sous-slection ou
choisissez Modifier > Combiner les tracs > Sparer.
Importation de texte
Fireworks prend uniquement en charge le texte ASCII et le texte s'affiche sous forme de caractres parasites lorsque le fichier texte Unicode est ouvert ou import dans Fireworks. Convertissez le texte Unicode au format ASCII avant de l'importer dans Fireworks. Sinon, copiez le texte ASCII et collez-le dans Fireworks.
Pour importer du texte depuis Adobe Photoshop ou Adobe Illustrator, importez un fichier Photoshop ou
Illustrator, ou copiez le texte dans Fireworks. Vous pouvez copier jusqu 8 000 caractres partir de Fireworks ou dune autre application. Par dfaut, le texte import depuis Photoshop ou Illustrator conserve tous ses attributs dans Fireworks. Cependant, vous pouvez galement importer du texte Photoshop sous forme dimages bitmap (Voir Prfrences dimportation et douverture de fichiers Photoshop la page 313.)
Pour importer du texte aux formats RTF (format de texte enrichi) et ASCII (texte seul), copiez-le dans Fireworks.
Vous pouvez aussi slectionner Fichier > Ouvrir ou Fichier > Importer pour atteindre un fichier. (Le texte ASCII import apparat avec la couleur de fond active, la police par dfaut et une hauteur de 12 pixels.)
Vous pouvez toujours modifier le texte, mais, le cas chant, Fireworks remplace limage bitmap par une police installe sur votre systme. La modification risque daltrer laspect du texte.
Remplacer les polices Permet de remplacer les polices dans le document. Vous pouvez modifier et enregistrer le texte.
Lorsque le fichier est rouvert sur un ordinateur disposant des polices dorigine, Fireworks utilise ces polices.
Voir aussi
Prfrences de texte la page 312
UTILISATION DE FIREWORKS
Utilisation du texte
110
Dans la liste A, slectionnez une police de remplacement. Cliquez sur Aucun changement si vous souhaitez conserver la police manquante telle quelle.
Ainsi, lorsque vous ouvrez un document comportant la mme police manquante, la bote de dialogue Polices manquantes affiche la police que vous avez slectionne.
de lensemble du document.
2 Choisissez Texte > Orthographe.
dialogue Orthographe.
2 Dans la bote de dialogue Installation du correcteur orthographique, slectionnez les options ncessaires :
Choisissez les dictionnaires de langue. Slectionnez un dictionnaire personnalis en cliquant sur licne de dossier situe ct de la zone de texte
Chemin daccs du dictionnaire personnel.
Modifiez le dictionnaire personnalis en cliquant sur le bouton Modifier le dictionnaire personnel puis en
ajoutant, supprimant ou modifiant des mots dans la liste.
111
Application de couleurs
Activation, suppression ou permutation du contour et du fond
Pour dterminer lattribut affect par vos rglages chromatiques, activez la couleur de contour ou la couleur de fond. Pour appliquer les valeurs par dfaut spcifies dans la bote de dialogue Prfrences, rinitialisez les couleurs de contour et de fond.
Couleur de fond. Remarque : loutil Pot de peinture remplit les slections de pixels et les objets vectoriels avec la couleur affiche dans la case Couleur de fond.
Cases de couleurs de contour et de fond dans le panneau Outils et fentre contextuelle pour la slection des couleurs
caractristique inactive sur Aucune, cliquez de nouveau sur le bouton Aucun contour ou fond. Remarque : vous pouvez galement supprimer la couleur de contour ou de fond en cliquant sur le bouton Transparent dans la fentre contextuelle Couleur de fond ou Couleur de contour, ou en slectionnant Aucune dans le menu contextuel Options de fond ou Options de contour de linspecteur des proprits.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
112
Pour slectionner un groupe de nuances personnalis, slectionnez Remplacer le nuancier dans le menu Options
du panneau Nuancier, accdez ensuite au dossier, puis slectionnez le fichier.
Pour ajouter un nuancier partir dune palette de couleurs externe, choisissez Ajouter des chantillons dans le
menu Options du panneau Nuancier, accdez ensuite au dossier, puis slectionnez un fichier de palette de couleurs au format ACT ou GIF.
Pour ajouter une couleur, placez le bout du pointeur de la pipette dans lespace libre aprs le dernier chantillon
dans le panneau Nuancier.
Pour remplacer une nuance (couleur de nuancier), placez le pointeur dessus dans le panneau Nuancier tout en
maintenant la touche Maj enfonce.
4 Cliquez pour ajouter ou remplacer la nuance.
Lorsque vous slectionnez Accrocher la couleur scurise pour le Web dans le menu Options de la fentre contextuelle pour la slection des couleurs, toutes les couleurs non scurises pour le Web prleves avec le pointeur de la pipette prennent la valeur de la couleur scurise pour le Web la plus proche.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
113
Pour trier le nuancier par valeur colorimtrique, slectionnez loption Trier par couleur dans le menu Options du
panneau Nuancier.
Hexadcimal
TSL
CMJ
Niveaux de gris
Dans le menu Options du Mlangeur, vous pouvez slectionner dautres modles de couleurs. Les valeurs des composantes de la couleur actuelle changent avec chaque nouveau modle. Bien que CMJ soit une option de modle de couleurs, les graphiques exports directement depuis Fireworks ne donnent pas de trs bons rsultats limpression. Pour redfinir les graphiques Fireworks exports en vue de leur impression, importez-les dans Adobe Illustrator, Adobe Photoshop ou Adobe FreeHand. Pour plus dinformations, reportez-vous la documentation fournie avec ces applications.
utilisez les curseurs contextuels ou prlevez une couleur dans la barre de couleurs.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
114
ou Mac.
3 Slectionnez une couleur parmi les couleurs systme.
lemplacement de votre choix. La couleur Web scurise la plus proche saffiche sous la couleur de fond active. Remarque : vous pouvez galement utiliser longlet Slecteur pour convertir des couleurs dans diffrents modles de couleurs (RVB et CMJN, par exemple) ou pour slectionner le mode daffichage des couleurs.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
115
Remarque : la fonction de permutation des palettes permet de remplacer les fonds, les contours et les dgrads dans des lments vectoriels, mais pas dans des lments bitmap ni des symboles graphiques.
sur licne Exporter comme table de couleurs pour lexporter sous forme de fichier ACT.
de fin.
3 Pour slectionnez le nombre dtapes composant la srie, utilisez le curseur contextuel Etapes.
Remarque : pour afficher la valeur hexadcimale de la couleur, placez le pointeur sur une nuance de couleur.
Slection de couleurs dans une fentre contextuelle pour la slection des couleurs
Lorsque vous cliquez sur une case de couleur, une fentre contextuelle pour la slection des couleurs semblable au panneau Nuancier saffiche.
Pour appliquer une nuance la case de couleur, cliquez sur une nuance. Pour appliquer la couleur la case de couleur, cliquez avec le pointeur de la pipette sur lune des couleurs
affiches lcran.
Pour rendre un contour ou un fond transparent, cliquez sur le bouton Transparent dans la fentre contextuelle.
Affichage dun groupe de nuances diffrent dans la fentre contextuelle pour la slection des couleurs
Dans le menu Option de la fentre contextuelle pour la slection des couleurs, slectionnez un groupe de nuances.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
116
Echantillonnage de couleurs partir dune fentre contextuelle pour la slection des couleurs
Lorsquune fentre contextuelle pour la slection des couleurs est ouverte, le pointeur se transforme en pipette spciale permettant dchantillonner des couleurs depuis quasiment tous les endroits de lcran. Cette opration sappelle lchantillonnage.
1 Cliquez sur une case de couleur. 2 Cliquez nimporte o dans lespace de travail Fireworks pour slectionner et appliquer la couleur pour la case de
couleur. Tout en maintenant la touche Maj enfonce, cliquez sur une couleur scurise pour le Web pour la slectionner.
Utilisez le Mlangeur ou la fentre contextuelle pour la slection des couleurs. Utilisez le panneau Info. Cliquez sur loutil Pipette, choisissez ensuite Fentre > Info, puis dplacez le pointeur
sur lobjet contenant la couleur afficher (Windows uniquement).
Choisissez Fentre > Mlangeur pour les valeurs RVB ou les autres valeurs de couleur systme. Cliquez sur une case de couleur pour ouvrir la fentre contextuelle pour la slection des couleurs et afficher la
valeur hexadcimale dans la partie suprieure de la fentre.
Placez le pointeur sur une case de couleur, puis lisez linfo-bulle (Windows uniquement).
Remarque : par dfaut, les valeurs RVB sont visibles dans le panneau Info et dans le Mlangeur. La valeur hexadcimale correspondante apparat dans la fentre contextuelle pour la slection des couleurs.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
117
de fond. La couleur non scurise pour le Web de lobjet apparat dans le slecteur Couleur source. Les deux couleurs de tramage scurises pour le Web saffichent dans les cases de couleur de droite. Le tramage Web est appliqu lobjet et devient la couleur de fond active. Remarque : la dfinition du bord dun fond tram Web sur Lissage ou Contour progressif gnre des couleurs non scurises pour le Web.
4 Cliquez hors de la fentre contextuelle pour la fermer.
de fond.
4 Slectionnez loption Transparent.
alpha. Pour plus dinformations, reportez-vous la section Transformation de zones en zones transparentes la page 248. Remarque : les navigateurs ne prennent pas tous en charge les fichiers PNG.
Enregistrement de nuanciers
Enregistrement dun groupe de nuances
Pour enregistrer une slection de couleurs chantillonnes, ajoutez les couleurs, choisissez loption Enregistrer le
nuancier dans le menu Options du panneau Nuancier, puis slectionnez un nom de fichier et un rpertoire.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
118
Panneau Kuler
A propos du panneau Kuler
Le panneau Kuler permet d'accder des groupes de couleurs et des thmes crs par la communaut de concepteurs en ligne. Vous pouvez l'utiliser pour parcourir des milliers de thmes sur Kuler et pour tlcharger ceux de votre choix afin de les modifier ou de les inclure dans vos projets. Vous pouvez galement utiliser le panneau Kuler pour crer et enregistrer des thmes. Il vous suffit ensuite de les tlcharger pour les partager avec la communaut Kuler. Le panneau Kuler est disponible dans Adobe Photoshop CS5, Adobe Flash Professional CS5, Adobe InDesign CS5, Adobe Illustrator CS5 et Adobe Fireworks CS5. Le panneau nest pas disponible dans les versions franaises de ces produits. Une vido consacre au panneau Kuler est disponible ladresse suivante : www.adobe.com/go/lrvid4088_xp_fr. Pour consulter un article sur Kuler et des conseils sur les couleurs, consultez le blog de Veerle Pieters l'adresse http://veerle.duoh.com/blog/comments/adobe_kuler_update_and_color_tips/ (en anglais).
Recherche de thmes
1 Choisissez la commande Fentre > Extensions > Kuler, puis slectionnez le panneau Parcourir. 2 Effectuez l'une des oprations suivantes :
Dans la zone de recherche, entrez le nom d'un thme, d'une balise ou d'un concepteur.
Remarque : utilisez uniquement des caractres alphanumriques (Aa-Zz, 0-9) lors dune recherche.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
119
Vous pouvez filtrer les rsultats obtenus : il vous suffit pour cela de slectionner une option dans les menus
droulants situs au-dessus de la liste de rsultats.
Pour effectuer une recherche sur ces termes, slectionnez-les dans le premier menu droulant. Pour supprimer une recherche enregistre, slectionnez l'option Personnalis dans le menu contextuel. Effacez ensuite les recherches de votre choix, puis cliquez sur Enregistrer.
Utilisation de thmes
Le panneau Kuler permet de crer ou de modifier des thmes et de les utiliser dans le cadre d'un projet. Remarque : si vous souhaitez crer ou modifier des thmes dans Illustrator, vous devez utiliser la bote de dialogue Modifier les couleurs/Redfinir les couleurs de l'illustration plutt que le panneau Crer. Pour plus de dtails, reportezvous l'aide d'Illustrator.
Vous pouvez galement ajouter un thme partir du panneau Crer l'aide du bouton Ajouter le thme slectionn au nuancier.
Enregistrez votre thme l'aide du bouton Enregistrer le thme. Ajoutez le thme au panneau Nuancier de votre application l'aide du bouton Ajouter au nuancier situ au bas
du panneau.
Tlchargez le thme vers le service Kuler l'aide du bouton de tlchargement situ en bas du panneau.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
120
Choisissez une rgle d'harmonie dans le menu droulant de slection d'une rgle. La rgle dharmonie utilise la
couleur de base pour la gnration des couleurs du groupe de couleurs. Par exemple, si vous choisissez une couleur de base bleue et la rgle dharmonie complmentaire, un groupe de couleurs est cr avec la couleur de base, le bleu, et sa couleur complmentaire, le rouge.
Slectionnez la rgle Personnalise pour crer un thme sur la base de rglages personnaliss. Utilisez la roue chromatique pour grer les couleurs. A mesure que vous effectuez des modifications, les couleurs
du groupe de couleurs sont gnres en fonction de la rgle d'harmonie slectionne.
Dplacez le curseur de rglage Luminosit situ en regard de la roue pour ajuster la luminosit des couleurs. la roue pour dfinir la couleur de base. Vous pouvez galement dfinir la couleur de base l'aide des curseurs de rglage des couleurs situs au bas de la bote de dialogue.
Faites glisser le marqueur de la couleur de base (c'est--dire le plus grand des marqueurs, celui double cercle) sur
Dfinissez l'une des quatre autres couleurs du groupe comme couleur de base. Slectionnez la nuance de la couleur
et cliquez sur le bouton en forme de cible situ en dessous du groupe de couleurs.
Dfinissez la couleur de premier plan/d'arrire-plan ou de contour/de fond comme couleur de base. Cliquez sur
l'un des deux premiers boutons situs en dessous du groupe de couleurs.
Pour supprimer une couleur du groupe de couleurs, slectionnez la nuance de la couleur, puis cliquez sur le bouton
Supprimer la couleur situ en dessous du groupe de couleurs. Pour ajouter une couleur, slectionnez une case de couleur vide, puis cliquez sur le bouton Ajouter une couleur.
Pour essayer diffrents effets de couleur, slectionnez une nouvelle rgle d'harmonie et dplacez les marqueurs de
la roue chromatique.
Cliquez deux fois sur l'une des nuances du groupe de couleurs pour dfinir la couleur active (premier plan/arrireplan ou contour/fond) dans votre application. S'il n'est pas possible d'activer ou de slectionner une couleur dans l'application utilise, le panneau Kuler dfinit la couleur de premier plan ou la couleur de fond selon le cas.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
121
Dans le menu contextuel Catgorie de contour de linspecteur des proprits, slectionnez un attribut de contour. Pour afficher davantage doptions, slectionnez Options de contour dans le menu contextuel Catgorie de contour,
puis choisissez un attribut de contour.
Remarque : un nouveau contour utilise la couleur actuellement affiche dans la case Couleur de contour.
Dans le menu contextuel Catgorie de contour de linspecteur des proprits ou dans la fentre contextuelle
Options de contour, cliquez sur Aucune.
Activez le slecteur Couleur de contour dans le panneau Outils ou linspecteur des proprits, puis cliquez sur le bouton Transparent .
Alignement du contour
Utilisez les options dalignement du contour de linspecteur des proprits (Aligner le contour vers le centre, Aligner le contour vers lintrieur et Aligner le contour vers lextrieur). Les icnes dalignement de linspecteur des proprits permettent un accs plus rapide ces options.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
122
sensibilit la pression et la vitesse sont reprsents par un contour trac de gauche droite qui seffile, sestompe ou se transforme dune manire ou dune autre.
produit des traits de pinceau qui senchanent progressivement comme si vous utilisiez un arographe.
2 Slectionnez des options de trait de pinceau :
Pour que les traits de pinceau se chevauchent et crent des contours denses, slectionnez Repasser. Pour dfinir la texture du contour, changez loption Texture. Laspect de la texture est proportionnel la valeur
dfinie.
Pour dfinir la texture des bords, entrez une valeur dans la zone de texte Texture du bord, puis slectionnez un
effet de bord dans le menu contextuel Effet de bord.
Dfinissez le nombre de pointes du trait de pinceau. Pour plusieurs extrmits, entrez une valeur despacement
des pointes, puis slectionnez la mthode de variation de couleur.
Pour slectionner une ligne pointille ou discontinue, slectionnez une option dans le menu contextuel Tiret.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
123
Pour dfinir la longueur des tirets et des espaces dune ligne pointille, utilisez les trois ensembles de zones
dentre de texte Activ(e) et Dsactiv(e) pour contrler le premier, le deuxime et le troisime tiret.
3 Cliquez sur OK.
Modification de la pointe
1 Dans longlet Forme, slectionnez Carre pour obtenir une pointe carre, ou dslectionnez cette option si vous
Remarque : si vous travaillez avec une tablette graphique et un stylet Wacom sensibles la pression, Fireworks utilise des paramtres de contour pour dfinir prcisment les attributs de contour contrls par la vitesse et la pression. Vous pouvez slectionner lattribut de contour contrler avec le crayon.
actuelle.
Pour dplacer des traits de pinceau de la position par dfaut (centrage sur un trac) vers un autre emplacement, utilisez le menu contextuel Contour de la fentre Options de contour.
1 Dans le panneau Outils ou dans linspecteur des proprits, cliquez sur la case Contour pour ouvrir la fentre
contextuelle de nuancier.
2 Dans la partie infrieure de cette fentre, slectionnez A lintrieur du trac ou A lextrieur du trac dans le menu
contextuel.
3 (Facultatif) Slectionnez loption Fond sur contour.
Normalement, le contour recouvre le fond. La slection de loption Fond sur contour permet de dessiner un fond sur le contour. Lorsque loption Fond sur contour est utilise avec un objet comportant un fond opaque, toute partie du contour situe lintrieur du trac est obscurcie. Les fonds comportant un niveau de transparence risquent de teinter les traits de pinceau lintrieur des tracs ou de se mlanger avec ces derniers.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
124
Activez la case Couleur de contour du panneau Outils, puis cliquez sur Options de contour. Dans le menu contextuel Options de contour de linspecteur des proprits, cliquez sur Options de contour.
2 Modifiez les attributs de trait de pinceau. 3 Cliquez sur le bouton Enregistrer les contours personnaliss pour enregistrer les attributs de contour personnalis
Modification de la couleur de fond unie des outils de dessin vectoriels et de loutil Pot de peinture
1 Slectionnez un outil de dessin vectoriel ou loutil Pot de peinture. 2 Procdez de lune des manires suivantes :
Appuyez sur les touches Ctrl+D (Windows) ou Cmde+D (Mac OS) pour dslectionner tous les objets, puis
cliquez sur la case Couleur de fond de linspecteur des proprits pour ouvrir la fentre contextuelle correspondante.
Activez la case Couleur de fond du panneau Outils ou du Mlangeur pour ouvrir la fentre contextuelle pour la
slection des couleurs.
3 Slectionnez une couleur de fond dans le nuancier, ou utilisez le pointeur de la pipette pour chantillonner une
couleur sur lcran. Remarque : suite la slection de loutil Texte, la case Couleur de fond adopte toujours la dernire couleur de texte unie utilise par cet outil.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
125
Dans le menu contextuel Options de fond de linspecteur des proprits, cliquez sur Motif. Activez la case Couleur de fond du panneau Outils, cliquez ensuite sur Options de fond, puis slectionnez Motif
dans le menu contextuel Options de fond.
2 Dans le menu contextuel Nom de motif, slectionnez un motif.
Dans le menu contextuel Options de fond de linspecteur des proprits, slectionnez un dgrad.
1 Dans le menu contextuel Options de fond de linspecteur des proprits, slectionnez un fond en dgrad ou un
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
126
2 Activez la case Couleur de fond dans linspecteur des proprits ou le panneau Outils pour ouvrir la fentre
contextuelle.
3 Effectuez lune des oprations suivantes :
Pour ajouter une nouvelle nuance de couleur, cliquez sur la zone situe sous la gamme des dgrads. Pour ajouter une nuance dopacit, cliquez sur la zone au-dessus de la rampe de couleurs dgrade. Pour supprimer une couleur ou une nuance dopacit du dgrad, faites glisser la nuance hors de la fentre
contextuelle Modifier le dgrad.
Pour dfinir ou modifier la couleur dune nuance, cliquez dessus, puis slectionnez une couleur. Pour dfinir ou modifier la transparence dune nuance dopacit, cliquez dessus, puis faites glisser le curseur vers
le pourcentage de transparence (la valeur 0 reprsente une transparence totale, et la valeur 100 une opacit totale) ou entrez une valeur numrique dopacit comprise entre 0 et 100. Ensuite, appuyez sur la touche Entre ou cliquez hors de la fentre contextuelle Modifier le dgrad. Remarque : le damier de transparence apparat travers le dgrad dans les zones transparentes.
Pour rgler la transition entre les diffrentes couleurs dun fond, faites glisser les nuances de couleur vers la
gauche ou vers la droite.
contextuel.
2 Slectionnez des attributs dans linspecteur des proprits. 3 Cliquez et faites glisser le pointeur pour dfinir le point de dpart du dgrad, ainsi que la direction et la longueur
de la zone dgrade.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
127
Utilisez les poignes du fond pour ajuster de faon interactive un fond en dgrad ou un fond motifs.
Pour dplacer le fond dans un objet, faites glisser la poigne arrondie, ou utilisez loutil Dgrad pour cliquer un
nouvel emplacement.
Pour rgler la largeur et linclinaison dun fond, faites glisser une poigne carre. Pour faire pivoter le fond, faites glisser les lignes qui relient les poignes.
Pour faire pivoter un fond par incrments de 45 degrs, maintenez la touche Maj enfonce tout en faisant glisser les lignes.
Cliquez dans le menu contextuel Bord de linspecteur des proprits. Cliquez sur la case Couleur de fond dans le panneau Outils, cliquez ensuite sur Options de fond, puis sur le menu
contextuel Bord.
2 Slectionnez une option de bord : Bord net, Lissage ou Contour progressif. 3 Pour le contour progressif, slectionnez le nombre de pixels (compris entre 0 et 100) applicable de part et dautre
du bord rendre progressif. La valeur par dfaut est 10. Plus ce nombre est lev, plus le contour progressif est marqu.
Dans le menu contextuel Options de fond de linspecteur des proprits ou dans la fentre contextuelle Options de
fond, slectionnez Aucune.
UTILISATION DE FIREWORKS
Application de couleurs, de contours et de fonds
128
Activez la case Couleur de fond, et cliquez sur le bouton Transparent. Cette option supprime uniquement les fonds unis.
Utilisez les options de contour de linspecteur des proprits ou de la fentre contextuelle Options de contour pour ajouter une texture un trait de pinceau.
Cliquez sur le menu contextuel Texture du contour ou Texture du fond dans linspecteur des proprits. Cliquez sur la case Couleur de contour ou Couleur de fond du panneau Outils, cliquez sur Options de contour
ou sur Options de fond, puis sur le menu contextuel Texture.
2 Procdez de lune des manires suivantes :
Dans le menu contextuel, slectionnez une texture. Dans le menu contextuel, slectionnez loption Autre, puis ouvrez un fichier de texture.
Remarque : vous pouvez appliquer des textures des fichiers aux formats suivants : PNG, GIF, JPEG, BMP, TIFF et PICT (Mac OS uniquement).
3 Entrez un pourcentage compris entre 0 (intensit la plus faible) et 100 (intensit la plus leve) afin de dfinir la
profondeur de la texture.
4 (Fonds uniquement) Pour donner un effet de transparence au fond, slectionnez Transparent.
textures partir de fichiers aux formats suivants : PNG, GIF, JPEG, BMP, TIFF et PICT (Mac OS uniquement).
129
Certains filtres (Niveaux automatiques, Flou gaussien ou Accentuation par exemple), qui taient des filtres ou
modules externes irrversibles, sont dsormais disponibles en tant que filtres dynamiques Fireworks.
Vous pouvez ajouter des modules externes tiers utiliser comme filtres dynamiques dans Fireworks ou utiliser ces
filtres de manire traditionnelle depuis le menu Filtres.
Lorsque linspecteur des proprits est affich mi-hauteur, cliquez sur Editer les filtres ou sur Ajouter des filtres
pour afficher le menu contextuel Filtres dynamiques. Remarque : les nouveaux fonds utilisent la couleur actuellement affiche dans la case Couleur de fond du panneau Outils.
Pour personnaliser des filtres dynamiques, essayez plusieurs paramtres jusqu obtenir le rsultat souhait.
UTILISATION DE FIREWORKS
Utilisation des filtres dynamiques
130
C D E
Fentre du menu contextuel Biseau intrieur A. Largeur du biseau B. Biseau prdfini de bouton C. Contraste D. Adoucissement E. Angle du biseau
dans le menu contextuel Ajouter des filtres dynamiques. Le filtre est ajout la liste Filtres dynamiques pour lobjet slectionn. Pour appliquer un filtre dynamique de faon ce quil naffecte quune slection de pixels dans une image, coupez et collez la slection au lieu de crer une image bitmap, slectionnez-la, puis appliquez le filtre dynamique.
2 Si un menu contextuel ou une bote de dialogue apparat, entrez les paramtres du filtre, puis procdez de lune des
manires suivantes :
Si le filtre dynamique a une bote de dialogue, cliquez sur OK. Si le filtre dynamique comporte un menu contextuel, appuyez sur la touche Entre ou cliquez nimporte o dans
lespace de travail.
3 Rptez les tapes 1 et 2 pour appliquer dautres filtres dynamiques.
Remarque : lordre dapplication des filtres dynamiques affecte lensemble du filtre. Faites glisser les filtres dynamiques pour en modifier lordre dempilage.
Options > Tous actifs ou Options > Tous inactifs dans le menu contextuel.
UTILISATION DE FIREWORKS
Utilisation des filtres dynamiques
131
1 Cliquez sur licne plus (+) en regard de ltiquette Filtres dans linspecteur des proprits, puis choisissez une
Estampage
Le filtre dynamique Estampage donne limpression quune image, un objet ou un texte est rapport ou en relief sur la zone de travail.
1 Cliquez sur licne plus (+) en regard de ltiquette Filtres dans linspecteur des proprits, puis choisissez une
Si vous voulez que lobjet dorigine saffiche dans la zone estampe, slectionnez Afficher lobjet. Remarque : par soucis de rtrocompatibilit avec les documents plus anciens, loption Afficher lobjet est dsactive pour les objets auxquels des filtres dynamiques destampage sont appliqus.
Faites glisser le curseur Angle pour dfinir la direction de lombre. Faites glisser le curseur Distance pour dfinir la distance entre lombre et lobjet. Slectionnez loption Couleur unie pour appliquer une couleur unie lombre. Pour dfinir la couleur de lombre, ouvrez le menu contextuel de slection des couleurs, puis choisissez la couleur
de lombre.
UTILISATION DE FIREWORKS
Utilisation des filtres dynamiques
132
Faites glisser le curseur Opacit pour dfinir le pourcentage de transparence de lombre. Faites glisser le curseur Adoucissement pour dfinir la nettet de lombre. Cliquez sur loption Aperu pour obtenir un aperu de lombre. Cochez la case Masquage pour masquer lobjet et afficher uniquement son ombre.
Ombre et lueur > Ombre porte. Ombre et lueur > Ombre interne.
2 Dans le menu contextuel, modifiez les paramtres du filtre.
Cliquez sur la case de couleur pour dfinir la couleur de la lueur. Faites glisser le curseur Largeur pour dfinir le rayonnement de la lueur. Faites glisser le curseur Opacit pour dfinir le pourcentage de transparence de la lueur. Faites glisser le curseur Adoucissement pour dfinir la nettet de la lueur. Faites glisser le curseur Dcalage pour dfinir la distance qui spare la lueur de lobjet.
modules externes.
UTILISATION DE FIREWORKS
Utilisation des filtres dynamiques
133
2 Ouvrez le dossier dans lequel sont installs les modules externes Photoshop, puis cliquez sur OK. 3 Relancez Fireworks pour charger les modules externes.
Remarque : si vous dplacez les modules externes vers un autre dossier, recommencez la procdure ou choisissez la commande Edition > Prfrences, puis cliquez sur longlet Modules externes pour changer le chemin des modules externes. Relancez ensuite Fireworks.
4 Pour appliquer le module externe Photoshop un objet slectionn, dans linspecteur des proprits, cliquez sur
licne plus (+) en regard de ltiquette Filtres, puis slectionnez un filtre dans le sous-menu Options. Application deffets de calques Photoshop Remarque : si vous importez un fichier PSD, vous pouvez galement modifier les effets de calques qui existent dj dans ce fichier.
1 Dans linspecteur des proprits, cliquez sur le bouton Ajouter des filtres, puis slectionnez Effets dynamiques
Photoshop.
2 Dans le volet gauche, slectionnez lun des effets, puis modifiez les paramtres dans le volet droit. Vous pouvez
slectionner plusieurs effets la fois. Application de filtres des objets associs Lorsque vous appliquez un filtre un groupe, il est appliqu tous les objets du groupe. Si les objets sont dissocis, ils retrouvent leurs paramtres de filtre dorigine. Pour appliquer isolment un filtre un objet dun groupe, slectionnez uniquement cet objet laide de loutil Sousslection.
la liste.
UTILISATION DE FIREWORKS
Utilisation des filtres dynamiques
134
Une icne de style reprsentant le filtre dynamique est ajoute au panneau Styles. Remarque : si vous slectionnez des proprits supplmentaires dans la bote de dialogue Nouveau style, le style ne figure plus dans le menu contextuel Ajouter des filtres dynamiques de linspecteur des proprits, bien quil reste dans le panneau Styles sous la forme dun style type.
Vous pouvez renommer ou supprimer un filtre dynamique personnalis comme tout autre style du panneau Styles. Vous ne pouvez pas renommer ni supprimer un filtre standard Fireworks.
Dans le menu Options du panneau Historique, cliquez sur Enregistrer en tant que commande. Cliquez sur le bouton Enregistrer situ en bas du panneau Historique.
5 Entrez un nom de commande, puis cliquez sur OK pour lajouter au menu Commandes.
135
Calques
Chaque objet dun document est plac sur un calque. Vous pouvez crer des calques avant de commencer dessiner ou en ajouter au fur et mesure de vos besoins. La zone de travail est situe sous tous les calques et nest pas un calque en soi.
Le panneau Calques affiche ltat actuel de tous les calques de ltat actif ou de la page dun document. Le nom du calque actif est mis en surbrillance. Lordre dempilage est lordre selon lequel les objets apparaissent dans le document. Il dtermine la manire dont les objets dun calque se superposent aux objets dun autre. Fireworks place le calque le plus rcent en haut de la pile. Vous pouvez modifier lordre des calques et des objets lintrieur des calques. Vous pouvez galement crer des sous-calques et dplacer les objets qui sy trouvent. Le panneau Calques affiche galement les masques, les commandes dopacit et les modes de fusion.
UTILISATION DE FIREWORKS
Calques, masques et fondus
136
A B C
E F G H I
A. Dvelopper/Rduire le calque B. Verrouiller/Dverrouiller le calque C. Afficher/Masquer le calque D. Calque actif E. Supprimer le calque F. Nouveau calque/Dupliquer le calque G. Nouveau sous-calque H. Ajouter un masque I. Nouvelle image bitmap
Dans le panneau Calques, cliquez sur le nom dun calque. Slectionnez un objet sur un calque.
Cliquez sur le bouton Nouveau calque/Dupliquer Choisissez Edition > Insertion > Calque.
Dans le menu Options du panneau Calques ou dans le menu contextuel, choisissez Nouveau calque ou
Nouveau sous-calque, puis cliquez sur OK.
Slectionnez le calque, puis cliquez sur licne de la corbeille dans le panneau Calques. Slectionnez un calque, puis choisissez Supprimer le calque dans le menu Options du panneau Calques ou dans
le menu contextuel.
UTILISATION DE FIREWORKS
Calques, masques et fondus
137
Lextension Delete Empty Layers permet de supprimer tous les calques normaux et Web vides sur lensemble des tats et pages du document actif. Cette extension est disponible sur http://www.adobe.com/go/learn_fw_deleteemptylayers_fr.
Faites glisser un calque vers le bouton Nouveau calque/Dupliquer le calque. Dans le menu Options du panneau Calques ou dans le menu contextuel, slectionnez un calque, puis
choisissez Dupliquer le calque. Slectionnez ensuite le nombre de calques dupliqus insrer, ainsi que leur emplacement dans lordre dempilage. Le calque Web est toujours le calque suprieur. Cest pourquoi loption En haut signifie juste en dessous du calque Web.
Pour dvelopper ou rduire un seul calque, cliquez sur le triangle situ gauche de son nom. Pour dvelopper ou rduire tous les calques, cliquez sur le triangle situ gauche du nom dun calque tout en
maintenant la touche Alt (Windows) ou Option (Mac OS) enfonce.
Remarque : bien que vous ne puissiez pas renommer le calque Web, vous pouvez renommer ses sous-calques et ses objets Web, notamment les tranches et les zones sensibles.
UTILISATION DE FIREWORKS
Calques, masques et fondus
138
Faites glisser le bouton radio situ en regard du nom du calque vers un autre calque. Cliquez une fois dans la colonne de droite du calque de destination.
Remarque : vous ne pouvez pas faire glisser un calque parent vers son calque enfant.
La prsence dune coche signifie que la fonction Modification par calque est active.
Pour afficher ou masquer plusieurs calques ou objets, faites glisser le curseur le long de la colonne il du panneau Pour afficher ou masquer tous les calques et objets, dans le menu Options du panneau Calques ou dans le menu
contextuel, slectionnez Afficher tout ou Masquer tout.
autres calques.
UTILISATION DE FIREWORKS
Calques, masques et fondus
139
ou Contrle enfonce, cliquez sur les objets pour en slectionner plusieurs. Vous pouvez fusionner le contenu dun calque slectionn avec un objet bitmap correspondant lobjet le plus haut dans le calque situ immdiatement sous le calque slectionn.
2 Procdez de lune des manires suivantes :
Dans le menu Options du panneau Calques, cliquez sur Fusionner vers le bas. Choisissez Modification > Fusionner vers le bas. Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfonce (Mac OS)
sur les objets slectionns sur la zone de travail, puis slectionnez Fusionner vers le bas. Remarque : la commande Fusionner vers le bas nagit pas sur les tranches, les zones sensibles et les boutons.
Dans le menu Options du panneau Calques ou dans le menu contextuel, slectionnez Calque partag vers les
tats.
Slectionnez la commande Nouveau calque dans le menu Options du panneau Calques ou dans le menu
contextuel, puis choisissez loption Partager dans tous les tats. Une icne de film saffiche en regard du calque partag entre plusieurs tats dans le panneau Calques.
UTILISATION DE FIREWORKS
Calques, masques et fondus
140
Une icne de page saffiche en regard du calque partag entre plusieurs pages dans le panneau Calques.
Conservez le contenu du calque partag uniquement dans ltat actif. Copiez le contenu du calque partag dans tous les tats.
Modification du nom dune tranche ou dune zone sensible sur le calque Web
1 Cliquez deux fois sur la tranche ou la zone sensible dans le panneau Calques. 2 Entrez le nouveau nom, puis cliquez hors de la fentre ou appuyez sur la touche Entre.
Masquage
Vous pouvez masquer ou afficher des parties dun objet ou dune image. Il existe diffrentes techniques de masquage permettant dobtenir de nombreux types deffets cratifs partir dobjets. Vous pouvez utiliser un masque comme un emporte-pice pour recadrer ou dtourer des objets ou images sousjacents. Certains masques produisent un effet de fentre embue, rvlant ou bloquant des portions dobjets sousjacents. Vous pouvez crer un objet masque partir dun objet vectoriel (masque vectoriel) ou dun objet bitmap (masque bitmap). Vous pouvez galement utiliser plusieurs objets ou des objets associs pour crer un masque, et mme utiliser du texte (pour crer un masque vectoriel). Aprs avoir cr un masque, vous pouvez ajuster la position de la slection masque sur la zone de travail ou modifier laspect du masque. Vous pouvez galement appliquer des transformations au masque en totalit ou chaque composant dun masque.
UTILISATION DE FIREWORKS
Calques, masques et fondus
141
Lorsque vous crez un masque vectoriel, une vignette de masque accompagne dune icne en forme de crayon apparat dans le panneau Calques.
Lorsquun masque vectoriel est slectionn, linspecteur des proprits affiche des informations sur lapplication du masque. La partie infrieure de linspecteur des proprits affiche des proprits supplmentaires qui permettent de modifier le contour ou le fond de lobjet masque. Par dfaut, les masques vectoriels sont appliqus en utilisant le contour de leur trac, mais vous pouvez galement les appliquer selon dautres mthodes.
En utilisant un objet existant pour masquer dautres objets. Cette technique est semblable lapplication dun
masque vectoriel.
UTILISATION DE FIREWORKS
Calques, masques et fondus
142
En crant un masque vide. Au dbut, les masques vides sont transparents ou opaques. Un masque transparent (ou
blanc) montre lensemble de lobjet masqu, et un masque opaque (ou noir) cache lensemble de lobjet masqu. Vous pouvez utiliser les outils bitmap pour dessiner sur lobjet masque ou le modifier en rvlant ou en masquant les objets sous-jacents. Lorsque vous crez un masque bitmap, linspecteur des proprits affiche les informations sur lapplication du masque. Si vous slectionnez un outil bitmap lorsquun masque bitmap est slectionn, linspecteur des proprits affiche les proprits du masque et les options de loutil slectionn. Par dfaut, la plupart des masques bitmap sont appliqus en utilisant leur aspect de niveaux de gris, mais vous pouvez galement les appliquer laide de leur couche alpha.
objets pour les slectionner. Remarque : lutilisation de plusieurs objets en tant que masque produit toujours un masque vectoriel, mme si les deux objets sont de type bitmap.
2 Positionnez la slection de sorte quelle recouvre lobjet ou le groupe dobjets masquer.
3 Choisissez Edition > Couper pour couper les objets utiliser comme masque. 4 Slectionnez lobjet ou le groupe masquer.
UTILISATION DE FIREWORKS
Calques, masques et fondus
143
Choisissez Edition > Coller en tant que masque. Choisissez Modification > Masque > Coller en tant que masque.
Remarque : lordre dempilage nest pas important ds lors que les objets utiliser comme contenu coller dedans restent slectionns. Ces objets peuvent se trouver au-dessus ou en dessous de lobjet masque dans le panneau Calques.
3 Choisissez Edition > Couper pour dplacer les objets dans le Presse-papiers. 4 Slectionnez lobjet dans lequel coller le contenu. Cet objet sera utilis comme masque (trac dcrtage).
UTILISATION DE FIREWORKS
Calques, masques et fondus
144
Les objets colls apparaissent dans lobjet masque ou sont dtours par le masque.
Un masque vide est appliqu lobjet slectionn. Le panneau Calques affiche une vignette de masque reprsentant le masque vide.
3 (Facultatif) Si lobjet masqu est un objet bitmap, utilisez lun des outils de cadre de slection ou de lasso pour crer
UTILISATION DE FIREWORKS
Calques, masques et fondus
145
6 Le masque tant slectionn, dessinez sur le masque vide. Dans les zones o vous dessinez, lobjet masqu sous-
pixels transparent en utilisant la slection de pixels actuelle. Les autres pixels de lobjet bitmap sont masqus. Cette commande revient slectionner des pixels puis cliquer sur le bouton Ajouter un masque.
Masquer la slection A utiliser exclusivement avec des slections de pixels, cette commande applique un masque de
pixels opaque en utilisant la slection de pixels actuelle. Les autres pixels de lobjet bitmap sont visibles. Cette commande revient slectionner des pixels puis cliquer sur le bouton Ajouter un masque tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfonce.
Cration dun masque laide des commandes Tout rvler et Tout masquer
1 Slectionnez lobjet masquer. 2 Pour afficher lobjet, choisissez la commande Modification > Masque > Tout rvler. Pour le masquer, choisissez
Si vous avez excut la commande Tout masquer, vous devez slectionner une couleur autre que le noir.
5 Dessinez sur le masque vide. Dans les zones dans lesquelles vous dessinez, lobjet masqu sous-jacent sera masqu
UTILISATION DE FIREWORKS
Calques, masques et fondus
146
Cration dun masque laide des commandes Rvler la slection et Masquer la slection
1 Dans le panneau Outils, slectionnez loutil Baguette magique ou un outil de slection ou de lasso. 2 Slectionnez des pixels dans une image bitmap.
3 Pour afficher la zone dfinie par la slection de pixels, choisissez la commande Modification > Masque > Rvler la
slection. Pour la masquer, choisissez Modification > Masque > Masquer la slection.
Un masque bitmap est appliqu laide de la slection de pixels. Vous pouvez modifier davantage le masque pour rvler ou masquer les pixels restants de lobjet masqu en utilisant les outils bitmap du panneau Outils.
UTILISATION DE FIREWORKS
Calques, masques et fondus
147
Pour slectionner un masque, dans le panneau Calques, cliquez sur la vignette du masque. Pour slectionner un objet masqu, dans le panneau Calques, cliquez sur la vignette de lobjet masqu.
UTILISATION DE FIREWORKS
Calques, masques et fondus
148
Dplacement isol de masques et dobjets masqus par rupture de leur lien 1 Dans le panneau Calques, cliquez sur licne de lien sur le masque. Cette opration permet de dissocier les masques des objets masqus pour les dplacer indpendamment.
2 Slectionnez la vignette dun masque ou dun objet masqu. 3 A laide de loutil Pointeur, faites glisser lobjet ou les objets sur la zone de travail.
Remarque : si plusieurs objets masqus sont slectionns, ils se dplacent tous simultanment.
4 Pour rtablir le lien entre les objets masqus et le masque, cliquez entre les vignettes de masque dans le
panneau Calques. Dplacement isol dun masque laide de sa poigne de dplacement 1 A laide de loutil Pointeur, slectionnez le masque sur la zone de travail.
UTILISATION DE FIREWORKS
Calques, masques et fondus
149
2 Slectionnez loutil Sous-slection, puis faites glisser la poigne de dplacement du masque vers le nouvel
emplacement.
Dplacement dobjets masqus indpendamment du masque laide de la poigne de dplacement 1 A laide de loutil Pointeur, slectionnez le masque sur la zone de travail.
2 Faites glisser la poigne de dplacement vers le nouvel emplacement.
Remarque : sil existe plusieurs objets masqus, tous les objets masqus se dplacent simultanment. Dplacement dobjets masqus indpendamment les uns des autres
Cliquez avec le pointeur de loutil Sous-slection sur lobjet pour le slectionner, puis faites-le glisser.
Cest la seule mthode permettant de slectionner et de dplacer un objet masqu sans affecter les autres objets masqus.
Dessinez sur le masque bitmap avec nimporte quel outil de dessin bitmap.
UTILISATION DE FIREWORKS
Calques, masques et fondus
150
A laide de loutil Sous-slection, dplacez les points dun objet masque vectoriel.
Pour les masques vectoriels en niveaux de gris, changez la couleur de lobjet masque.
Remarque : utilisez des couleurs claires pour afficher les objets masqus, et des couleurs sombres pour les cacher.
appliquer une transformation au masque. Pour appliquer une transformation lobjet masque uniquement, dliez-le dabord des autres objets masques dans le panneau Calques, puis excutez la transformation.
Remarque : lexcution de la commande Coller dedans sur un masque existant ne permet pas dafficher le contour et le fond de lobjet masque, moins que le masque dorigine ait t appliqu avec son contour et son fond.
masque.
3 Cliquez sur Remplacer lorsquun message vous demande si vous voulez remplacer ou ajouter le masque existant.
Dans le menu Options du panneau Calques, slectionnez Dsactiver le masque ou Activer le masque. Choisissez Modification > Masque > Dsactiver le masque ou Modification > Masque > Activer le masque.
Une croix (X) rouge saffiche sur la vignette du masque lorsquil est dsactiv. Cliquez sur X pour activer le masque.
UTILISATION DE FIREWORKS
Calques, masques et fondus
151
Dans le menu Options du panneau Calques, slectionnez Supprimer le masque. Choisissez Modification > Masque > Supprimer le masque. Faites glisser la vignette du masque vers licne de la corbeille, dans le panneau Calques.
2 Avant de supprimer le masque, indiquez si vous voulez appliquer ou annuler leffet du masque sur les objets
masqus :
Appliquer Permet de conserver les modifications que vous apportez dans lobjet. Le masque ne peut alors plus tre
modifi. Si lobjet masquer est un objet vectoriel, le masque et lobjet vectoriel sont convertis en une image bitmap unique.
Rejeter Permet dannuler tous les changements effectus et de rtablir la forme dorigine de lobjet. Annuler Annule la suppression et laisse le masque intact.
Masque vectoriel appliqu laide du contour de son trac et avec loption Afficher le fond et le contour active
En appliquant un masque bitmap avec sa couche alpha, vous pouvez crer un masque qui ressemble un masque vectoriel appliqu avec le contour de son trac. La transparence de lobjet masque affecte la visibilit de lobjet masqu.
UTILISATION DE FIREWORKS
Calques, masques et fondus
152
Vous pouvez appliquer les masques vectoriels et bitmap avec leur aspect de niveaux de gris. La luminosit des pixels dun masque dtermine ce qui est rvl de lobjet masqu. Les pixels clairs rvlent lobjet masqu, tandis que les pixels foncs masquent limage pour laisser transparatre larrire-plan. Cette technique cre des effets intressants si lobjet masque contient un fond motifs ou un fond en dgrad.
Masque vectoriel avec un fond motifs appliqu avec son aspect de niveaux de gris
Vous pouvez convertir des masques vectoriels en masques bitmap. Cependant, linverse nest pas possible.
Application dun masque vectoriel ou bitmap laide de son aspect de niveaux de gris
Si un masque est slectionn, cliquez sur Aspect de niveaux de gris dans linspecteur des proprits.
Fusion et transparence
La cration dune image composite est une technique consistant faire varier la transparence ou linteraction des couleurs de plusieurs objets qui se chevauchent. Dans Fireworks, les modes de fusion permettent de crer des images composites.
UTILISATION DE FIREWORKS
Calques, masques et fondus
153
Modes de fusion
Les teintes, la saturation et les modes de mlange des couleurs sutilisent comme dans Photoshop. Pour plus d'informations sur les modes de fusion, voir l'article de Jim Babbage portant sur les modes de fusion.
Normal Napplique aucun mode de fusion. Dissoudre Choisit des couleurs de manire alatoire entre le calque actif et le calque darrire-plan pour crer leffet
de fusion.
Obscurcir Slectionne la couleur la plus dense, entre la couleur de fusion et la couleur de base, pour lutiliser comme
couleur rsultante. Ce mode remplace uniquement les pixels qui sont plus clairs que la couleur de fusion.
Produit Multiplie la couleur de base par la couleur de fusion et cre des couleurs plus fonces. Densit couleur + Assombrit la couleur de base de chaque couche pour reflter la couleur de fusion par augmentation
reflter la couleur de fusion par augmentation de la luminosit. Leffet global consiste claircir limage. Le noir tant la couleur neutre, le fusion de densit linaire - avec le noir ne produit aucun effet.
Recouvrement Multiplie ou trame les couleurs, en fonction de la couleur de base. Les motifs ou les couleurs recouvrent
les pixels existants tout en conservant les tons clairs et les tons foncs de la couleur de base. La couleur de base nest pas remplace : elle est mlange la couleur de fusion pour reflter la luminosit ou lobscurit de la couleur dorigine.
Lumire douce Assombrit ou claircit les couleurs, en fonction de la couleur de fusion. Cela a le mme effet que si lon
dirigeait un spot de lumire diffuse sur limage. Si la couleur de fusion (source lumineuse) est plus claire que 50 % de
UTILISATION DE FIREWORKS
Calques, masques et fondus
154
gris, limage est claircie comme avec loutil Densit -. Si la couleur de fusion (source lumineuse) est plus sombre que 50 % de gris, limage est assombrie comme avec loutil Densit +. Si vous utilisez du noir ou du blanc purs, vous obtenez une zone nettement plus sombre ou plus claire. Cependant, il ne sagit pas de noir ou blanc purs.
Lumire crue Multiplie ou trame les couleurs, en fonction de la couleur du de fondu. Cela a le mme effet que si lon
dirigeait un spot de lumire crue sur limage. Si la couleur de fusion (source lumineuse) est plus claire que 50 % de gris, limage est claircie comme avec loutil Superposition. Cette mthode est pratique pour ajouter des tons clairs une image. Si la couleur de fusion est plus sombre que 50 % de gris, limage est assombrie comme avec loutil Produit. Cette mthode est pratique pour ajouter des tons foncs une image. Si vous utilisez du noir ou du blanc purs, vous obtenez du noir ou du blanc purs.
Lumire vive Augmente le contraste par combinaison des effets des modes Densit couleur + et Densit couleur -. Si la couleur de fusion est plus sombre que le gris moyen, la lumire vive assombrit ou densifie limage en augmentant le contraste. Sinon, limage est claircie par rduction du contraste. Lumire linaire Ajuste la luminosit par combinaison des modes Densit linaire + et Densit linaire -. Si la couleur
de calque de fusion est plus sombre que le gris moyen, le mode Lumire linaire diminue la luminosit de limage. Dans le cas contraire, il laugmente.
Lumire ponctuelle Remplace la couleur en fonction de la couleur de fusion. Si la couleur de fusion est plus claire que
50 % de gris, les pixels qui sont plus sombres que la couleur de fusion sont remplacs. Si la couleur de fusion est plus sombre que 50 % de gris, les pixels qui sont plus clairs que la couleur de fusion sont remplacs.
Mlange net Rduit les couleurs dune image huit couleurs pures uniquement. Diffrence Soustrait la couleur de fusion de la couleur de base, ou inversement. La couleur la moins lumineuse est
avec du blanc, vous inversez les valeurs de la couleur de base. Le mlange avec du noir ne produit aucun rsultat.
Teinte Combine la valeur de teinte de la couleur de fusion avec la luminance et la saturation de la couleur de base afin
Pour des informations gnrales et des exemples de modes de fusion (en particulier des modes de fusion de Photoshop), consultez le site Web suivant : www.pegtop.net/delphi/articles/blendmodes/ (en anglais).
UTILISATION DE FIREWORKS
Calques, masques et fondus
155
Image dorigine
Normal
Produit
Superposition
Obscurcir
Eclaircir
Diffrence
Teinte
Saturation
Couleur
Luminosit
Inverser
Nuance
Effacer
Dfinition dun mode de fusion et dun niveau dopacit avant de dessiner un objet
Aprs avoir slectionn loutil souhait dans le panneau Outils, dfinissez les options de fusion et dopacit dans
linspecteur des proprits avant de dessiner lobjet. Remarque : les options de fusion et dopacit ne sont pas disponibles avec tous les outils.
UTILISATION DE FIREWORKS
Calques, masques et fondus
156
Dfinition dun mode de fusion et dun niveau dopacit pour des objets existants
1 Des deux objets qui se chevauchent, slectionnez celui qui se trouve au-dessus. 2 Dans le menu contextuel Mode de fusion de linspecteur des proprits ou du panneau Calques, slectionnez une
option de fusion.
3 Slectionnez un paramtre avec le curseur contextuel Opacit ou saisissez une valeur dans la zone de texte.
Dfinition dun mode de fusion et dun niveau dopacit par dfaut appliquer aux objets mesure que vous les dessinez
1 Choisissez Slection > Dslectionner pour viter dappliquer un mode de fusion et une opacit par inadvertance. 2 Aprs avoir slectionn un outil de dessin vectoriel ou bitmap, slectionnez un mode de fusion et un niveau
dopacit dans linspecteur des proprits. Le mode de fusion et le niveau dopacit que vous slectionnez sont utiliss par dfaut pour tous les nouveaux objets que vous dessinez avec cet outil.
157
Styles
Vous pouvez enregistrer et rutiliser un ensemble prdfini dattributs de fond, de contour, de filtre et de texte en crant un style. Lorsque vous appliquez un style un objet, celui-ci reprend les caractristiques de ce style. Remarque : les objets bitmap reoivent uniquement les attributs de filtre dun style.
Fireworks possde de nombreux styles prdfinis. Vous pouvez ajouter, modifier ou supprimer des styles. Le DVD de Fireworks et le site Web dAdobe proposent de nombreux autres styles prdfinis que vous pouvez importer dans Fireworks. Vous pouvez galement exporter des styles et les partager avec dautres utilisateurs de Fireworks ou importer des styles depuis dautres documents Fireworks.
le menu contextuel pour accder aux styles Fireworks prdfinis. Remarque : si aucun style napparat dans un document, le panneau Styles reste vide tant que vous ne slectionnez pas un style prdfini.
4 Dans le panneau, cliquez sur le nom dun style.
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
158
Voir aussi
Exportation et importation de styles la page 159 Modification ou redfinition de styles la page 159 Rupture du lien vers un style la page 160
Type et couleur de fond, y compris des attributs de motifs, de textures et de dgrad de vecteur tels que langle, la
position et lopacit
Type et couleur de contour Filtres Attributs de texte tels que la police, la taille du point, le style (gras, italique ou soulign), lalignement, le lissage, le
crnage automatique, lchelle horizontale, lapproche et linterlignage Si vous supprimez un style personnalis, vous ne pouvez pas le rcuprer. Cependant, tout objet utilisant le style en conserve les attributs.
Remarque : pour enregistrer dautres attributs de texte, utilisez loption Texte autre.
4 Nommez le style, puis cliquez sur OK.
Cliquez tout en maintenant la touche Maj enfonce pour slectionner plusieurs styles ; cliquez tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfonce pour slectionner plusieurs styles non contigus.
2 Cliquez sur le bouton Supprimer
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
159
Pour rtablir l'tat prcdent de votre objet, procdez de lune des manires suivantes :
Annulez le style que vous avez appliqu. Modifiez les attributs manuellement et dfinissez-les tels qu'ils taient avant l'application du style.
Vous pouvez, si ncessaire, crer un style par dfaut qui applique les proprits par dfaut de Fireworks un objet. Crez un objet, slectionnez-le et assurez-vous qu'aucune des options de la bote de dialogue Nouveau style n'est slectionne. Ensuite, enregistrez-le en tant que nouveau style. Ce style par dfaut ou vide permet de rinitialiser les attributs d'un autre style, mais ne rtablit pas l'aspect prcdent de l'objet.
Voir aussi
Modification et personnalisation des filtres dynamiques la page 133
Remarque : lors de la redfinition dun style partir dun groupe, seuls les effets sont redfinis. Tous les attributs de chemin daccs sont ignors. Pour remplacer rapidement un style par un autre dans les styles du Document actif, faites glisser un style vers un autre style du panneau Styles tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfonce.
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
160
Importation de styles
1 Dans le menu Options du panneau Styles, slectionnez loption Importer une bibliothque de styles. 2 Slectionnez une bibliothque de styles (*.stl) importer. La bibliothque de styles est disponible dans plusieurs
Si la fentre de linspecteur des proprits est rduite, choisissez loption Rompre le lien avec le style dans le menu du panneau Styles.
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
161
Symboles
Dans Fireworks, les lments graphiques rutilisables sont appels symboles. Dans Fireworks, trois types de symboles sont disponibles : graphique, animation et bouton. Lorsque vous modifiez lobjet symbole dorigine, les occurrences copies changent automatiquement afin de reflter le symbole modifi (sauf si vous rompez le lien entre les deux). Les symboles sont galement pratiques pour crer des boutons et animer des objets sur plusieurs tats. Pour plus dinformations sur les symboles, voir Flux de production avec les styles et les symboles dans le Centre des dveloppeurs.
Voir aussi
Cration de symboles de bouton la page 194 Cration de symboles danimation la page 219
repres de mise lchelle en 9 tranches (voir la section Mise lchelle en 9 tranches la page 50).
5 Pour stocker le symbole afin de lutiliser dans diffrents documents, slectionnez loption Enregistrer dans la
bibliothque commune.
6 Cliquez sur OK pour enregistrer le symbole.
Lobjet slectionn devient une occurrence du symbole et linspecteur des proprits affiche les options du symbole.
Choisissez Edition > Insertion > Nouveau symbole. Dans le menu Options du panneau Bibliothque de documents, cliquez sur Nouveau symbole.
2 Slectionnez un type de symbole. 3 Pour utiliser des repres de mise lchelle 9 tranches pour le symbole, slectionnez loption Activer les repres de
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
162
Dans la zone de travail, cliquez deux fois sur une occurrence de symbole. Slectionnez une occurrence, puis choisissez Modification > Symbole > Modifier le symbole. Dans le panneau Bibliothque de documents, cliquez deux fois sur une icne de symbole. (Symboles danimation uniquement) Cliquez sur le bouton Modifier dans la bote de dialogue Animer.
2 Modifiez le symbole selon vos besoins.
Remarque : si loption Mise lchelle en 9 tranches nest pas active pour le symbole slectionn, vous pouvez modifier le symbole dans le contexte lui-mme. Vous pouvez choisir la commande Modification > Symbole > Modifier en place. Utilisez des repres de mise lchelle en 9 tranches pour empcher toute distorsion lorsque vous redimensionnez le symbole (voir la section Mise lchelle en 9 tranches la page 50).
Dans la zone de travail, cliquez deux fois sur une zone vide. Dans le plateau situ en haut du panneau du document, cliquez sur licne reprsentant une page ou sur la flche
arrire. (Si le symbole est imbriqu, le plateau donne galement accs au symbole le contenant.)
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
163
2 Dans la bote de dialogue Convertir en symbole, modifiez le nom, puis cliquez sur OK.
symbole.
2 Dans la bote de dialogue Permuter le symbole, slectionnez un autre symbole parmi ceux disponibles dans la
Loccurrence slectionne devient un groupe. Le symbole qui saffiche dans le panneau Bibliothque de documents nest plus associ ce groupe. Aprs sparation du symbole, une occurrence antrieure dun bouton perd les caractristiques du symbole de son bouton, et une occurrence antrieure de lanimation perd les caractristiques de son symbole danimation.
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
164
Vous pouvez modifier ces proprits sans que cela naffecte le symbole et les autres occurrences :
de travail Fireworks.
que ltat, ltiquette et la couleur. Pour crer des boutons interactifs destins des prototypes HTML et logiciels, reportez-vous la section Tranches interactives la page 178.
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
165
La couleur de puce et le numro de puce peuvent tre des options personnalisables de ce symbole.
2 Lorsque vous crez lobjet, personnalisez les noms des fonctions modifiables ; pour cela, saisissez un nom dans le
panneau Calques. Vous devez utiliser le nom Label pour le calque de texte en conservant le L majuscule. En effet, ce nom est utilis dans le fichier JavaScript. Remarque : pour viter les erreurs JavaScript, omettez les espaces dans les noms de fonctions. Par exemple, utilisez tiquette_numro et non tiquette de numro .
3 Slectionnez lobjet, puis choisissez Modification > Symbole > Convertir en symbole. 4 Dans la zone Nom, entrez le nom du symbole. 5 Slectionnez Graphique comme type de symbole, slectionnez ensuite Enregistrer dans la bibliothque commune,
dossier au mme niveau que le dossier par dfaut. Remarque : vous devez enregistrer les symboles de composant dans un dossier de la bibliothque commune. Une fois enregistr, le symbole est supprim de la zone de travail et figure dans la bibliothque commune.
7 Slectionnez Crer le script du symbole dans le menu Commandes. 8 Cliquez sur le bouton Parcourir dans le coin suprieur droit du panneau, puis recherchez le fichier PNG de
ltiquette, slectionnez textChars. Remarque : pour plus dinformations sur ces options dattribut, reportez-vous lextension de Fireworks.
12 Dans le champ Nom de proprit, saisissez le nom de la proprit personnalisable, par exemple Etiquette ou
Numro . Il sagit du nom de proprit qui apparat dans le panneau Proprits du symbole.
13 Dans le champ Valeur, entrez une valeur par dfaut pour la proprit utilise lors de linsertion initiale dune
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
166
16 Dans le menu Options du panneau Bibliothque commune, cliquez sur Recharger pour recharger le nouveau
symbole. Une fois le fichier JavaScript cr, vous pouvez crer une instance en faisant glisser le symbole vers la zone de travail. Vous pourrez modifier ultrieurement ses attributs dans le panneau Proprits du symbole. Remarque : si vous supprimez ou renommez un objet rfrenc par le script, le panneau Proprits du symbole signale la prsence derreurs.
commune.
3 Crez un fichier JavaScript pour contrler les proprits du symbole.
Fonction setDefaultValues() : elle dfinit les paramtres qui peuvent tre modifis ainsi que leurs valeurs par
dfaut.
Fonction applyCurrentValues() : elle applique les valeurs entres dans le panneau Proprits du symbole au
symbole graphique. Lexemple suivant illustre un fichier .JSF permettant de crer un symbole personnalis :
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
167
function setDefaultValues() { var currValues = new Array(); //to build symbol properties currValues.push({name:"Selected", value:"true", type:"Boolean"}); Widget.elem.customData["currentValues"] = currValues; } function applyCurrentValues() { var currValues = Widget.elem.customData["currentValues"]; // Get symbol object name var Check = Widget.GetObjectByName("Check"); Check.visible = currValues[0].value; } switch (Widget.opCode) { case 1: setDefaultValues(); break; case 2: applyCurrentValues(); break; default: break; } This sample JavaScript shows a component symbol that can change colors: function setDefaultValues() { var currValues = new Array(); //Name is the Parameter name that will be displayed in the Symbol Properties Panel //Value is the default Value that is displayed when Component symbol loads first time. In this case, Blue will be the default color when the Component symbol is used. //Color is the Type of Parameter that is displayed. Color will invoke the Color Popup box in the Symbol Properties Panel. currValues.push({name:"BG Color", value:"#003366", type:"Color"}); Widget.elem.customData["currentValues"] = currValues; } function applyCurrentValues() { var currValues = Widget.elem.customData["currentValues"]; //color_bg is the Layer name in the PNG that will change colors var color_bg = Widget.GetObjectByName("color_bg"); color_bg.pathAttributes.fillColor = currValues[0].value; } switch (Widget.opCode) { case 1: setDefaultValues(); break; case 2: applyCurrentValues(); break; default: break; }
Afin de mieux comprendre la faon dont le fichier .JSF peut tre utilis pour personnaliser les proprits du symbole, explorez les exemples de composants inclus au logiciel.
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
168
Importation dun ou plusieurs symboles prpars partir dune bibliothque de symboles Fireworks
Vous pouvez importer des symboles danimation, des symboles graphiques et des symboles de boutons, ainsi que des barres de navigation et des thmes aux symboles multiples.
1 Ouvrez un document Fireworks. 2 Slectionnez un dossier dans le panneau Bibliothque commune.
Vous pouvez galement importer des symboles provenant de fichiers PNG de bibliothques pralablement exports et placs sur votre disque dur, un CD ou un rseau.
A partir du document contenant le symbole, faites glisser loccurrence dun symbole vers le document
de destination.
Copiez loccurrence dun symbole dans le document contenant le symbole, puis collez-le dans le document de
destination. Le symbole est import dans le panneau Bibliothque de documents du document de destination et conserve un lien avec le symbole du document original.
Exportation de symboles
1 Dans le menu Options du panneau Bibliothque de documents, cliquez sur Exporter des symboles. 2 Slectionnez les symboles exporter, puis cliquez sur Exporter. 3 Slectionnez un emplacement, entrez un nom pour le fichier de symboles, puis cliquez sur Enregistrer.
documents.
5 Dans le menu Options du panneau Bibliothque de documents, cliquez sur Mettre jour.
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
169
Remarque : pour mettre jour tous les symboles imports, slectionnez tous les symboles dans le panneau Bibliothque de documents, puis slectionnez Mettre jour.
lchelle 9 tranches.
4 Cliquez deux fois sur licne + au centre du symbole. 5 Rptez les tapes 1 4 pour crer un autre symbole, Symbole B. Parce que vous lavez cr dans le Symbole A, il
est imbriqu dans celui-ci. Remarque : Libre vous de crer plusieurs symboles imbriqus.
Lorsque vous crez le symbole, slectionnez Activer les repres de mise lchelle 9 tranches. Veillez activer le mode de modification du symbole mettre lchelle. Pour ce faire, cliquez deux fois sur licne
+ du symbole le plus imbriqu. Lorsque vous transformez des symboles imbriqus en leur appliquant une mise lchelle en 9 tranches, vous pouvez intervenir sur chacun deux individuellement. Imaginons par exemple trois niveaux dimbrication : le symbole A se trouve dans le symbole B, qui se trouve dans le symbole C. Vous pouvez mettre lchelle les symboles A (le plus imbriqu) et B (intermdiaire) par rapport leurs repres de mise lchelle en 9 tranches. Pour ce faire, veillez dabord activer le mode de modification du symbole le plus imbriqu. En mode de modification en place, seul le panneau Bibliothque permet de visualiser les repres de mise lchelle en 9 tranches des symboles imbriqus. Cliquer deux fois sur un symbole ne permet pas dafficher ces repres sur la zone de travail.
Remarque : Si ce panneau nest pas visible, slectionnez Fentre > Bibliothque de documents pour lafficher.
3 Dans la bote de dialogue Convertir en symbole, slectionnez Activer les repres de mise lchelle 9 tranches.
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
170
URL
Laffectation dune adresse URL un objet Web cre un lien vers un fichier tel quune page Web. Vous pouvez affecter des URL des tranches, des zones sensibles et des boutons. Pour stocker, modifier et organiser des URL en vue de leur rutilisation, crez une bibliothque dadresses URL dans le panneau URL. Par exemple, si votre site Web contient plusieurs boutons de navigation permettant de revenir la page daccueil, ajoutez lURL de cette dernire au panneau URL. Affectez ensuite cette URL chaque bouton de navigation en la slectionnant dans la bibliothque dURL. Utilisez la fonction Rechercher et remplacer pour changer une URL dans plusieurs documents (voir la section Recherche et remplacement la page 297). Les bibliothques dURL sont disponibles pour lensemble des documents de Fireworks et sont enregistres entre deux sessions.
Pour lier une page Web situe hors de votre site Web, utilisez une URL absolue. Pour lier une page Web de votre site, vous pouvez utiliser lune ou lautre.
Les URL absolues sont des adresses URL compltes incluant le protocole de serveur (gnralement http:// pour les pages Web). Par exemple, http://www.adobe.com/support/fireworks est lURL absolue de la page Web du Centre dassistance de Fireworks. Les URL absolues restent prcises, quel que soit lemplacement du document source, mais le lien est rompu si le document cible est dplac. Les URL relatives sont indiques par rapport au dossier contenant le document source. Les URL relatives sont gnralement les plus simples utiliser pour tablir un lien avec un fichier plac dans le mme dossier que le document actif. Les exemples suivants prsentent la syntaxe de navigation dURL relatives :
fichier.htm tablit un lien avec un fichier situ dans le mme dossier que le document source. ../../fichier.htm tablit un lien avec un fichier situ dans un dossier plac deux niveaux au-dessus du dossier
contenant le document source. Chaque signe ../ reprsente un niveau.
htmldocs/fichier.htm tablit un lien vers un fichier situ dans un dossier nomm htmldocs, figurant dans le dossier
contenant le document source.
Affectation dune autre extension que .htm aux URL de page par dfaut
1 Le document tant ouvert, choisissez Fichier > Exporter. 2 Slectionnez Documents HTML et Images. 3 Cliquez sur le bouton Options. 4 Dans longlet Gnral, slectionnez une extension de fichier dans le menu contextuel Extension, puis cliquez
sur OK.
5 Dans la bote de dialogue Exporter, cliquez sur Annuler.
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
171
Ajout simultan dune URL la bibliothque et affectation de cette URL un objet Web
1 Slectionnez lobjet. 2 Pour entrer lURL, excutez lune des actions suivantes :
Dans le menu Options du panneau URL, cliquez sur Ajouter une URL, entrez une URL absolue ou relative, puis
cliquez sur OK.
Entrez une URL dans la zone Lien, puis cliquez sur le bouton Plus (+).
LURL apparat dans le panneau daperu des URL.
UTILISATION DE FIREWORKS
Styles, symboles et adresses URL
172
document.
Exportation dURL
1 Dans le menu Options du panneau URL, cliquez sur Exporter des URL. 2 Indiquez un nom de fichier, puis cliquez sur Enregistrer.
Importation dURL
1 Dans le menu Options du panneau URL, cliquez sur Importer des URL. 2 Slectionnez un fichier HTML, puis cliquez sur Ouvrir.
173
Le dcoupage consiste diviser un document en plusieurs segments dont chacun sera export dans un fichier distinct.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
174
Remarque : pour rgler la position dune tranche mesure que vous faites glisser le pointeur pour la dessiner, faites glisser la tranche vers un autre emplacement de la zone de travail tout en maintenant la barre despace enfonce. Relchez la barre despace pour continuer dessiner la tranche.
objets slectionns ou Multiple pour crer un objet tranche par objet slectionn.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
175
2 Cliquez pour placer les points vectoriels du polygone. Cela est ncessaire car loutil Tranche polygonale trace des
segments de droite.
3 Lorsque vous tracez un objet tranche polygonal autour dobjets ayant des bords lisses, veillez inclure lobjet en
entier pour viter de crer des bords nets indsirables sur le graphique de la tranche.
4 Pour arrter lutilisation de loutil Tranche polygonale, slectionnez un autre outil dans le panneau Outils. Il nest
pas ncessaire de cliquer sur le premier point pour fermer le polygone. Remarque : les tranches polygonales associent tables HTML et cartes-images ; elles ncessitent donc davantage de code que les tranches rectangulaires. Lutilisation dun grand nombre de tranches polygonales risque daugmenter le temps de traitement du graphique dans le navigateur Web.
Les tranches HTML permettent de mettre jour rapidement le texte des sites Web sans crer de nouveaux graphiques. Remarque : le corps et le type de la police de caractres pouvant tre dfinis dans le navigateur, laspect des tranches de texte HTML peut varier selon les navigateurs et les systmes dexploitation.
1 Tracez un objet tranche rectangulaire 2 Une fois lobjet tranche slectionn, slectionnez HTML dans le menu contextuel Type de linspecteur des
proprits.
3 Cliquez sur Edition. 4 Saisissez le texte dans la fentre Modifier tranche du code HTML, puis insrez les balises HTML appropries pour
le mettre en forme. Remarque : vous pouvez galement appliquer les balises de mise en forme de texte HTML une fois le texte HTML export.
5 Cliquez sur OK pour appliquer les modifications et refermer la fentre Modifier tranche du code HTML.
Le texte et les balises HTML saisis figurent dans le fichier PNG Fireworks sous forme de code HTML brut, dans le corps de la tranche.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
176
Pour afficher une tranche masque, cliquez sur la colonne il pour rtablir sa visibilit. Pour masquer ou afficher la totalit des zones sensibles, des tranches et des repres, cliquez sur le bouton
Masquer/Afficher les tranches dans la section Outils Web du panneau Outils. Vous pouvez galement cliquer sur licne reprsentant un il situe en regard du calque Web, dans le panneau Calques.
Pour masquer ou afficher des repres de dcoupe dans un document, slectionnez Affichage > Repres de dcoupe.
Pour modifier la couleur dun objet tranche slectionn, slectionnez une couleur dans la case de couleur de
linspecteur des proprits.
Pour modifier la couleur des repres de dcoupe, choisissez la commande Edition > Prfrences (Windows) ou
Fireworks > Prfrences (Mac OS). Ensuite, slectionnez une nouvelle couleur de repre de dcoupe dans la catgorie Repres et Grilles de la bote de dialogue Prfrences. Remarque : lorsque vous prvisualisez le document, les tranches dslectionnes saffichent comme du papier calque blanc.
Voir aussi
Prfrences de repres et de grilles la page 312
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
177
Remarque : lorsque vous faites glisser des repres de dcoupe entourant un bouton Fireworks dans la fentre de document, vous redimensionnez galement la tranche dfinissant la zone active de ce bouton. Cependant, vous ne pouvez pas supprimer la zone active dun bouton Fireworks en faisant glisser les repres de dcoupe qui lentourent. Si plusieurs objets tranches sont aligns sur un mme repre de dcoupe, faites glisser ce repre pour redimensionner simultanment tous les objets tranches.
De plus, lorsque vous faites glisser un repre le long dune coordonne, tous les autres repres figurant sur cette coordonne suivent le mouvement.
travail.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
178
adjacents.
2 Dposez le repre de dcoupe lemplacement souhait.
Tous les repres de dcoupe que vous faites ainsi glisser seront dplacs vers cet emplacement. Pour annuler cette opration et restaurer les positions initiales de tous les repres de dcoupe, relchez la touche Maj avant de relcher le bouton de la souris.
Slectionnez loutil Pointeur ou Sous-slection, et faites glisser les points dangle de la tranche pour modifier sa
forme.
Effectuez la transformation souhaite laide dun outil de transformation. La transformation dune tranche
rectangulaire peut changer sa forme, sa position ou ses dimensions, mais la tranche elle-mme reste rectangulaire.
Utilisez linspecteur des proprits pour modifier la position et la taille dun objet tranche de faon numrique.
Lorsque vous faites glisser un symbole de bouton de la bibliothque commune vers la page, une tranche visible sur la zone de travail, mais non dans le calque Web, est automatiquement cre. Si vous slectionnez la tranche sur la zone de travail laide de loutil Pointeur et la supprimez, le symbole de bouton tout entier est supprim. Pour conserver le graphique sous-jacent, slectionnez la tranche/lobjet sur la zone de travail laide de loutil Pointeur, puis slectionnez Modification > Symbole > Sparer. La tranche disparat mais le graphique de bouton de ltat 1 est conserv. Les graphiques des tats 2, 3 et 4 sont toutefois perdus.
Tranches interactives
Dans Fireworks, il existe deux moyens de rendre des tranches interactives :
Pour obtenir une interactivit simple, utilisez la mthode du survol par glisser-dposer.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
179
Pour obtenir une interactivit plus complexe, utilisez le panneau Comportements. Les comportements de
Fireworks sont compatibles avec ceux dAdobe Dreamweaver. Aprs avoir export un survol de Fireworks vers Dreamweaver, vous pouvez modifier les comportements Fireworks laide du panneau Comportements de Dreamweaver.
En faisant glisser la poigne de comportement dune tranche de dclenchement et en la dposant sur une tranche cible, vous pouvez aisment crer des effets de survol et de permutation dimages. La tranche de dclenchement et la tranche cible peuvent correspondre la mme tranche.
Remarque : les zones sensibles disposent galement de poignes de comportement pour lintgration deffets de survol.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
180
Le survol le plus simple permute une image dans ltat 1 avec une image situe directement au-dessous dans ltat 2. Vous pouvez galement concevoir des survols plus labors. Les survols de permutation dimages permettent de permuter des images partir de nimporte quel tat. Les survols spars permettent de permuter une image partir dune tranche autre que la tranche de dclenchement.
Lorsque vous slectionnez dans Fireworks un objet Web dclencheur cr laide dune poigne de comportement ou du panneau Comportements, toutes ses relations de comportements saffichent. Par dfaut, un trait de comportement bleu reprsente une interaction de survol.
1 Assurez-vous que lobjet de dclenchement ne se trouve pas sur un calque partag. 2 Choisissez Edition > Insertion > Tranche rectangulaire ou Tranche polygonale pour crer une tranche par-dessus
lobjet de dclenchement.
3 Cliquez sur le bouton Nouvel tat / Dupliquer ltat dans le panneau Etats pour crer un tat. 4 Crez, collez ou importez une image utiliser pour la permutation dans le nouvel tat.
Placez limage sous la tranche cre ltape 2. Mme si vous vous trouvez dans limage 2, la tranche est visible.
5 Slectionnez Etat 1 dans le panneau Etats pour revenir ltat associ limage dorigine.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
181
navigateur.
tranche ou une zone sensible limage de dclenchement (cette tape nest pas indispensable si lobjet slectionn est un bouton ou si une tranche ou une zone sensible recouvre dj limage).
2 Cliquez sur le bouton Nouvel tat / Dupliquer ltat dans le panneau Etats pour crer un nouvel tat. 3 Placez une deuxime image (la cible) dans le nouvel tat. 4 Positionnez ltat nimporte o sur la zone de travail, en vitant lemplacement situ sous la tranche cre ltape 1. 5 Slectionnez limage, puis choisissez la commande Edition > Insertion > Tranche rectangulaire ou Tranche
cible.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
182
Le trait de comportement stend du centre du dclencheur vers langle suprieur gauche de la tranche cible, et la bote de dialogue Permuter les images saffiche.
9 Dans le menu contextuel Permuter limage partir de, slectionnez ltat cr ltape 2, puis cliquez sur le
bouton OK.
10 Affichez laperu du survol spar, puis testez-le.
1 Faites glisser une poigne de comportement de la tranche slectionne vers le bord de cette tranche ou dune autre
tranche.
Pour crer une image de permutation, faites glisser la poigne vers le bord suprieur gauche de la mme tranche. Pour crer un survol spar, faites-la glisser vers une autre tranche.
2 Slectionnez ltat de la permutation dimages, puis cliquez sur OK.
Suppression dun survol par glisser-dposer dune tranche, dune zone sensible ou dun bouton
Cliquez sur le trait de comportement de couleur bleue supprimer, puis cliquez sur OK.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
183
Options de comportement
Remarque : la mthode de survol par glisser-dposer est recommande pour les survols simples, spars et complexes.
Survol simple Permet dajouter un comportement de survol la tranche slectionne en utilisant ltat 1 pour ltat
Relev et ltat 2 pour ltat Au-dessus. Aprs avoir slectionn ce comportement, vous devez crer une image dans le deuxime tat, sous la mme tranche, pour crer ltat Au-dessus. Loption Survol simple est en fait un groupe de comportements contenant les comportements Permuter les images et Restaurer la permutation dimages.
Dfinition de limage de la barre de navigation Permet de dfinir une tranche comme faisant partie dune barre de navigation Fireworks. Toutes les tranches faisant partie de la barre de navigation doivent possder ce comportement. Loption Dfinir image barre de navigation est en fait un groupe de comportements contenant les comportements Barre de navigation - Au-dessus, Barre de navigation - Enfonce et Restaurer la barre de navigation. Ce comportement est dfini automatiquement par dfaut lorsque vous crez, avec lditeur de boutons, un bouton qui inclut un tat Inclure ltat au-dessus enfonc ou Afficher limage enfonce lors du chargement. Lorsque vous crez un bouton deux tats, un comportement de survol simple est affect sa tranche. Lorsque vous crez un bouton trois ou quatre tats, un comportement Dfinir image barre de navigation est affect sa tranche.
Remarque : vous ne pouvez pas changer lvnement associ aux comportements Survol simple et Dfinir image barre de navigation.
Permutation dimages Permet de remplacer limage qui figure sous la tranche spcifie par le contenu dun autre tat
de navigation et permet ventuellement de spcifier les tats Prcharger les images et Inclure ltat au-dessus enfonc.
Barre de navigation - Enfonce Indique ltat Enfonc de la tranche slectionne lorsquelle fait partie dune barre de
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
184
Tous les comportements associs cette tranche ou zone sensible saffichent dans le panneau Comportements.
2 Slectionnez le comportement modifier. 3 Cliquez sur la flche situe ct de lvnement, puis slectionnez un nouvel vnement dans le menu contextuel.
problmes daffichage des fichiers GIF en tant qutats de survols. Remarque : Fireworks cre des chemins de document vers les fichiers dimage. Si vous exportez votre document pour lutiliser sur le Web, assurez-vous que le fichier dimage externe soit accessible partir du code HTML Fireworks export. Placez les fichiers externes sur votre site local avant de les utiliser dans Fireworks en tant quimages de permutation ; par ailleurs, veillez tlcharger les fichiers dimage externes lorsque vous transfrez les fichiers sur le Web.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
185
Pour optimiser rapidement une tranche, slectionnez un paramtre prdfini dans le menu contextuel Paramtres dexportation de linspecteur des proprits ou du panneau Optimisation. Pour afficher les options dtailles, reportez-vous la section Optimisation dans lespace de travail la page 240.
Si votre fichier contient un certain nombre de pages que vous avez lintention dexporter, ouvrez le menu contextuel Lien, puis slectionnez lune des pages pour lURL. Une fois les pages exportes, ce lien renvoie automatiquement lutilisateur vers la page spcifie. Si vous envisagez de rutiliser des adresses URL, crez une bibliothque dURL dans le panneau URL.
contextuel Cible :
_blank Permet de charger les documents lis dans une nouvelle fentre, sans nom, du navigateur. _parent Permet de charger les documents lis dans le jeu dtats parent ou dans la fentre de ltat contenant le lien. Si ltat contenant le lien nest pas imbriqu, le document li est charg dans la fentre principale du navigateur. _self Permet de charger le document li dans le mme tat ou la mme fentre que le lien. Il sagit de la cible par
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
186
Slectionnez la tranche dans la zone de travail, entrez un nom dans la zone Modifier le nom de lobjet de
linspecteur des proprits, puis appuyez sur Entre.
Dans le calque Web, cliquez deux fois sur le nom de la tranche, entrez un nouveau nom, et appuyez sur la
touche Entre.
(Windows) ou Nom (Mac OS) de la bote de dialogue dexportation. Najoutez pas dextension de fichier.
Par exemple, si le nom du document est mondoc, selon la convention nom.doc + tranche + n de tranche (A,B,C...), la tranche est appele mondoctrancheA.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
187
Si une tranche stend sur plusieurs tats, Fireworks ajoute par dfaut un numro au nom de fichier de chaque tat. Par exemple, si vous entrez le nom de fichier de tranche personnalis accueil pour un bouton trois tats, Fireworks nomme le graphique de ltat Relev accueil.gif, celui de ltat Au-dessus accueil_s2.gif et celui de ltat Enfonc, accueil_s3.gif. Vous pouvez crer votre propre convention de dnomination pour les tranches multi-tats, dans la bote de dialogue Configuration HTML.
1 Choisissez Fichier > Configuration HTML pour ouvrir la bote de dialogue Configuration HTML. 2 Cliquez sur longlet Propre au document. 3 Dans la section Noms des fichiers de dcoupe, crez votre propre convention de nom en effectuant des slections
4 (Facultatif) Pour dfinir ces donnes comme paramtres par dfaut pour tous les nouveaux documents Fireworks,
cliquez sur Paramtres par dfaut. Remarque : soyez prudent lorsque vous slectionnez Aucun comme option pour la convention de nom des tranches. Si vous slectionnez cette option pour lun des trois premiers menus, Fireworks exporte des fichiers de tranche qui scraseront successivement. Vous nobtiendrez en dfinitive quun seul graphique export et un tableau affichant ce graphique dans chaque cellule.
Les sparateurs sont des images permettant daligner correctement les cellules dun tableau lorsquelles sont
affiches dans un navigateur.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
188
Une table imbrique est littralement une table figurant dans une autre table. Les tables imbriques ne comportent
pas de sparateurs. Elles peuvent mettre plus de temps tre charges dans les navigateurs mais, dans la mesure o elles ne comportent pas de sparateurs, il est plus simple de modifier leur code HTML.
1 Choisissez Fichier > Configuration HTML ou cliquez sur le bouton Options de la bote de dialogue Exporter. 2 Cliquez sur longlet Table. 3 Dans le menu contextuel Espace avec, slectionnez une option despacement :
Tables imbriques Pas de sparateurs Permet de crer une table imbrique sans sparateur. Table unique Pas de sparateur Permet de crer une seule table sans sparateur. Cette option risque dentraner un affichage incorrect dans certains cas. Espace transparent de 1 pixel Permet dutiliser une image GIF transparente de 1 pixel sur 1 pixel comme
sparateur, lequel peut ensuite tre redimensionn, si ncessaire, dans le code HTML. Cela gnre une ligne de 1 pixel de hauteur dans la partie suprieure de la table et une colonne de 1 pixel de largeur dans la partie droite de la table.
4 Slectionnez une couleur de cellule pour les tranches HTML :
Remarque : si vous slectionnez une couleur dans la fentre contextuelle des couleurs, elle est applique aux tranches HTML uniquement. Les tranches dimage conservent la couleur de la zone de travail.
5 Dans le menu contextuel Contenu, slectionnez les lments insrer dans les cellules vides :
Aucune Laisse les cellules vides. Image despacement Place une petite image transparente appele spacer.gif dans les cellules vides. Espace inscable Place une balise despacement HTML dans les cellules vides. Cette cellule est daspect creux.
Remarque : des cellules vides ne sont ajoutes que si vous avez dslectionn Inclure les zones sans tranches dans la bote de dialogue Exporter pendant lexportation.
6 Cliquez sur OK.
Remarque : pour appliquer les paramtres par dfaut tous les nouveaux documents, vous pouvez spcifier des paramtres dexportation de table pour chaque document, ou utiliser le bouton Paramtres par dfaut (dans longlet Propre au document de la bote de dialogue Configuration HTML).
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
189
Les zones sensibles et les cartes-images utilisent souvent moins de ressources que les graphiques dcoups. Le dcoupage ncessite davantage de puissance de traitement en raison du code HTML supplmentaire utilis pour le tlchargement et le rassemblage des graphiques dcoups. Remarque : il est possible de crer une carte-image dcoupe. Lexportation dune carte-image dcoupe gnre en gnral de nombreux fichiers graphiques. Pour plus dinformations sur le dcoupage, reportez-vous la section Cration de tranches rectangulaires la page 174.
Les zones sensibles et les cartes-images sont galement trs intressantes si le graphique sur lequel vous avez plac
les zones sensibles tait mieux export sous forme dun seul fichier graphique. En dautres termes, lensemble du graphique est mieux export en utilisant les mmes formats de fichier et paramtres doptimisation.
Les zones sensibles peuvent prendre une forme rectangulaire, circulaire ou polygonale. Les polygones sont utiles
lorsque vous utilisez des images imbriques.
Vous pouvez slectionner un objet et insrer la zone sensible sur cet objet.
2 Faites glisser loutil de zone sensible pour dessiner une zone sensible sur lune des zones du graphique. Maintenez
la touche Alt (Windows) ou Option (Mac OS) enfonce pour dessiner partir du point central. Remarque : vous pouvez ajuster la position dune zone sensible mesure que vous la dessinez. Tout en maintenant le bouton de la souris et la barre despace enfoncs, faites glisser la zone sensible vers un autre emplacement de la zone de travail. Relchez la barre despace pour continuer dessiner la zone sensible.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
190
2 Cliquez pour placer des points vectoriels, un peu de la mme faon que pour dessiner des segments de droite avec
loutil Plume. Le fond dfinit la zone sensible, que le trac soit ouvert ou ferm.
crer plusieurs zones sensibles (une par objet). Le calque Web affiche la ou les nouvelles zones sensibles.
zone sensible.
Cration de cartes-images
Aprs avoir insr des zones sensibles sur un graphique, exportez le graphique en tant que carte-image pour quil fonctionne dans un navigateur Web. Lexportation dune carte-image gnre le fichier graphique et le fichier HTML qui contient les informations de la carte relatives aux zones sensibles et aux liens URL correspondants. Les exportations de Fireworks ne peuvent produire que des cartes-images ct client. Vous pouvez galement copier la carte-image dans le Presse-papiers puis la coller dans Dreamweaver ou dans un autre diteur HTML. Pour plus dinformations sur linsertion de contenus Fireworks exports dans Dreamweaver, reportez-vous la section Utilisation de Dreamweaver la page 266
1 Optimisez le graphique avant son exportation. 2 Choisissez Fichier > Exporter. 3 Si vous exportez limage, accdez au dossier de destination du fichier HTML, puis nommez le fichier.
Si vous avez dj cr la structure de fichiers locale de votre site Web, enregistrez le graphique dans le dossier appropri de ce site.
4 Dans le menu contextuel Type, slectionnez Documents HTML et Images. 5 Dans le menu contextuel HTML, slectionnez une option :
Exporter le fichier HTML Cre le fichier HTML requis et les fichiers de graphiques correspondants importer dans
Remarque : pour les tranches, slectionnez Aucun si le document ne contient pas de tranches.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
191
6 (Exportation uniquement) Si ncessaire, slectionnez Placer les images dans des sous-dossiers, puis ouvrez le
dossier appropri.
7 Cliquez sur Enregistrer. 8 Lorsque vous exportez des fichiers, Fireworks permet dutiliser les commentaires en HTML pour identifier
clairement le dbut et la fin du code des cartes-images et autres lments Web. Par dfaut, aucun commentaire nest ajout dans le code HTML. Pour en ajouter, sous longlet Gnral de la bote de dialogue Configuration HTML, cliquez sur Inclure les commentaires HTML.
Une fois que vous avez affect un survol spar une zone sensible, le trait de comportement de connexion nest visible que lorsque la zone sensible est slectionne.
UTILISATION DE FIREWORKS
Tranches, survols et zones sensibles
192
Remarque : vitez de crer des zones sensibles qui chevauchent plusieurs tranches.
1 Insrez une tranche par-dessus limage originale de la permutation. 2 Dans le panneau Etats, crez un tat, puis insrez limage qui sera utilise comme image permute. Veillez placer
193
travail.
3 Pour crer une copie de loccurrence du bouton, procdez de lune ou lautre des manires suivantes :
Slectionnez loccurrence de bouton, puis choisissez Edition > Cloner. Tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfonce, faites glisser loccurrence de
bouton.
4 Tout en maintenant la touche Maj enfonce, faites glisser un bouton pour laligner horizontalement ou
verticalement. Utilisez les touches flches pour un dplacement plus prcis de loccurrence.
5 Pour crer dautres occurrences de bouton, rptez les tapes 3 et 4. 6 Slectionnez chaque occurrence, puis attribuez-lui un texte unique, une URL ou dautres proprits laide de
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
194
lchelle en 9 tranches.
6 (Facultatif) Pour enregistrer le graphique en tant que bouton dans la bibliothque graphique de Fireworks,
Cliquez deux fois sur un bouton existant sur la zone de travail. Choisissez Edition > Insertion > Nouveau bouton.
2 Pour importer ou crer le graphique de ltat Relev, procdez de lune des manires suivantes :
Glissez et dposez ou importez dans lespace de travail le graphique que vous souhaitez faire correspondre ltat
relev du bouton.
Crez un graphique laide des outils de dessin, ou utilisez loutil Texte pour crer un bouton partir dun texte. Dans linspecteur des proprits, cliquez sur Importer un bouton et slectionnez un bouton ditable prt
lemploi dans la bibliothque de boutons Importer des symboles. Cette option permet dassocier automatiquement chaque tat du bouton aux textes et graphiques correspondants.
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
195
(Facultatif) Dfinissez les repres de mise lchelle en 9 tranches de sorte que le bouton ne soit pas dform lors
du redimensionnement (voir la section Application de repres 9 tranches un symbole la page 51).
suivantes :
Cliquez sur Copier le graphique Relev pour coller une copie du bouton ltat Relev dans la fentre Au-dessus,
puis modifiez cette copie.
le graphique auquel ajouter un filtre dynamique, puis cliquez sur licne plus (+) en regard de ltiquette Filtres dans linspecteur des proprits.
5 Slectionnez la commande Biseau et estampage > Biseau intrieur, Estampe rapporte, Biseau externe ou Estampe
en relief.
6 Slectionnez un filtre prdfini de bouton pour chaque tat.
Filtre prdfini de bouton Description Le biseau semble en relief au-dessus des objets sous-jacents.
En relief
Les couleurs du bouton sclaircissent.
En surbrillance
Le biseau semble enfonc au-dessous des objets sous-jacents.
Cartouche
Le biseau semble enfonc au-dessous des objets sous-jacents et les couleurs silluminent.
Invers
contextuel de linspecteur des proprits, slectionnez Enfonc et procdez de lune des manires suivantes :
Cliquez sur Copier le graphique Au-dessus pour coller une copie du bouton ltat Au-dessus dans la fentre
Enfonc, puis modifiez cette copie pour changer son aspect.
Remarque : lorsque vous insrez ou crez un graphique pour les tats Enfonc ou Au-dessus Enfonc, les options dintgration de ltat la barre de navigation sont slectionnes automatiquement.
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
196
Pour convertir en boutons des animations quatre tats, slectionnez les quatre objets pour placer chacun deux sur leur tat de bouton respectif.
Slectionnez une occurrence, puis choisissez la commande Edition > Cloner pour placer une autre occurrence
directement devant loccurrence slectionne. La nouvelle occurrence devient lobjet slectionn.
Faites glisser une autre occurrence de bouton depuis le panneau Bibliothque de documents vers le document. Tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfonce, faites glisser une occurrence sur la
zone de travail pour crer une autre occurrence de bouton.
Insrez une occurrence de bouton par un glisser-dposer (ou par un couper-coller) depuis un autre
document Fireworks.
Importez les symboles de bouton partir dun fichier PNG Fireworks. Exportez les symboles de bouton depuis un autre document Fireworks vers un fichier bibliothque PNG, puis
importez les symboles de bouton du fichier bibliothque PNG dans le document.
Dans le menu Options du panneau Bibliothque de documents, cliquez sur Importer des symboles. Les
bibliothques contiennent une grande varit de symboles de bouton prconus, prpars par Adobe.
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
197
page, ou cliquez deux fois en dehors du bouton pour revenir la zone de travail. En principe, les proprits des boutons que vous pouvez modifier au niveau des symboles sont les mmes pour tous les boutons dune barre de navigation. En voici quelques exemples :
les attributs graphiques tels que la couleur et le type de contour et de fond, la forme du trac et les images les filtres dynamiques ou lopacit appliqus chaque objet du symbole de bouton les dimensions et la position de la zone active le comportement du bouton principal les paramtres doptimisation et dexportation le lien URL (utilis galement comme proprit dune occurrence) la cible (utilise galement comme proprit dune occurrence)
proprits. Les proprits que vous pouvez modifier au niveau de chaque occurrence sont gnralement diffrentes dun bouton lautre dans une srie de boutons. Vous pouvez modifier ces proprits pour une seule occurrence sans agir sur le symbole associ ou toute autre occurrence de ce symbole. En voici quelques exemples :
le nom dobjet dune occurrence apparaissant dans le panneau Calques et utilis lors de lexportation pour nommer
les tranches exportes de loccurrence du bouton
les filtres dynamiques ou lopacit appliqus toute loccurrence les caractres et la mise en forme du texte le lien URL (crase toute URL existante au niveau du symbole) la description de limage la cible (crase tout cadre cible existant en tant que proprit de symbole) les comportements supplmentaires affects une occurrence partir du panneau Comportements loption Afficher ltat Enfonc lors du chargement, dans linspecteur des proprits, pour les occurrences dune
barre de navigation Remarque : lorsque vous slectionnez loption Exportation de plusieurs fichiers dans la section Propre au document de la bote de dialogue Configuration HTML, puis que vous exportez une barre de navigation, Fireworks exporte chaque page HTML avec ltat Enfonc de chaque bouton (voir la section Dfinition des options dexportation de code HTML la page 262).
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
198
proximit de lespace rserv pour limage pendant son tlchargement ou la place dune image impossible tlcharger. Il remplace galement le graphique lorsque lutilisateur interdit laffichage dimages dans le navigateur. Le texte secondaire peut correspondre la proprit du symbole ou de loccurrence de bouton.
Pour modifier une tranche ou une zone sensible dans la zone active du symbole de bouton, slectionnez Zone
active dans le menu contextuel, dans linspecteur des proprits. Loutil Pointeur permet de dplacer ou de reformer la tranche ou un repre de tranche. Vous pouvez galement utiliser un outil de tranche ou de zone sensible pour tracer une nouvelle zone active.
Pour associer une URL un symbole de bouton, dans le menu contextuel, slectionnez Zone active. Dans
linspecteur des proprits, entrez ensuite lURL dans la zone Lien, puis slectionnez une page dans la liste ou une URL dans le panneau URL. Remarque : lorsque vous saisissez des URL absolues au sein dun mme site, vous pouvez lier une URL un symbole afin que cette URL saffiche dans la zone Lien de linspecteur des proprits pour chaque occurrence.
Pour associer une cible un symbole de bouton, dans lespace de travail, ouvrez le bouton. Indiquez ensuite une
cible dans la zone Cible ou slectionnez, dans le menu Cible de linspecteur des proprits, une cible prdfinie parmi les suivantes :
Aucune ou _self Charge la page Web dans le mme cadre, ou dans la mme fentre, que le lien. _blank Charge la page Web dans une nouvelle fentre, sans nom, du navigateur. _parent Charge la page Web dans le jeu de cadres parent ou dans la fentre du cadre contenant le lien. _top Charge la page Web dans la fentre principale du navigateur et supprime tous les cadres.
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
199
Pour associer un texte de description un symbole de bouton ou une instance de bouton, dans lespace de
travail, slectionnez linstance du bouton. Dans linspecteur des proprits, saisissez le texte ou la description appliquer.
Menus contextuels
Les menus contextuels saffichent dans un navigateur en rponse un vnement souris (survol ou clic) sur un objet Web de dclenchement tel quune tranche ou une zone sensible.
Chaque lment de menu contextuel saffiche en tant que cellule dimage ou HTML. La cellule est associ aux
tats Relev et Au-dessus et contient du texte dans les deux cas.
Vous pouvez affecter des liens URL des lments de menu contextuel pour la navigation et crer autant de niveaux
de sous-menus que vous le souhaitez dans un menu contextuel.
Vous pouvez utiliser certains onglets ou tous les onglets et modifier leurs paramtres tout moment. Vous devez ajouter au moins un lment de menu dans longlet Contenu pour crer une option de menu que vous
pouvez prvisualiser dans un navigateur.
Appuyez sur la touche F12 pour afficher laperu dun menu contextuel. Les menus contextuels ne saffichent pas
dans lespace de travail de Fireworks.
Choisissez Modification > Menu contextuel > Ajouter menu contextuel. Cliquez sur la poigne de comportement au milieu de la tranche, puis slectionnez Ajouter menu contextuel.
3 Cliquez sur longlet Contenu puis sur Ajouter un menu. 4 Cliquez deux fois sur chaque cellule, puis renseignez les informations Texte, Lien et Cible par saisie ou par slection.
Pour les champs Lien et Cible, saisissez des informations spcifiques ou effectuez une slection dans les menus affichs. La saisie du contenu sur la dernire ligne de la fentre insre une ligne vide en dessous de la dernire ligne. Appuyez sur la touche Tabulation pour vous dplacer entre les cellules, et sur les touches flches Haut ou Bas pour faire dfiler verticalement la liste.
5 Rptez les tapes 3 et 4 jusqu ce que tous les lments de menu soient dfinis. Pour supprimer un lment de
Dans lespace de travail, la zone sensible ou la tranche sur laquelle vous avez cr le menu contextuel affiche un trait de comportement de couleur bleue reli un contour du niveau suprieur du menu contextuel.
menu utiliser pour le sous-menu directement sous llment de menu pour lequel ils reprsenteront un sousmenu.
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
200
2 Mettez en surbrillance un lment de menu contextuel transformer en lment de sous-menu, puis cliquez sur le
Pour insrer un nouvel lment juste en dessous de llment mis en surbrillance, vous pouvez galement mettre en surbrillance un lment de menu ou de sous-menu et cliquer sur Ajouter un menu. Tous les lments adjacents et mis en retrait au mme niveau reprsentent un seul sous-menu contextuel.
4 Pour crer un sous-menu au sein dun sous-menu contextuel, mettez en surbrillance un lment de sous-menu
dans longlet Contenu de lditeur de menu contextuel, puis cliquez de nouveau sur le bouton Retrait du menu.
5 Cliquez sur Suivant pour continuer llaboration du menu contextuel, ou cliquez sur Termin.
Remarque : lorsque la largeur et la hauteur des cellules sont dfinies sur Automatique, dans longlet Avanc de lditeur de menu contextuel, la taille du texte dtermine celle des graphiques associs llment de menu.
5 Dans le menu contextuel Police, slectionnez un groupe de polices systme ou entrez le nom dune police
personnalise. Remarque : si la police que vous choisissez nest pas installe sur lordinateur de lutilisateur, une police de substitution est utilise dans son navigateur Web.
6 (Facultatif) Appliquez un style, un paramtre de justification ou une couleur au texte. 7 Slectionnez les couleurs du texte et des cellules pour chaque tat. 8 Si vous avez choisi Image comme type de cellule, slectionnez un style graphique pour chaque tat. 9 Poursuivez llaboration du menu contextuel ou cliquez sur Termin.
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
201
2 Dans le panneau Styles, slectionnez le nouveau style, puis choisissez la commande Enregistrer la bibliothque de
contextuel et la largeur de cellule sur celle de llment de menu contenant le texte le plus long.
Pixels Permet dentrer des mesures spcifiques, en pixels, dans les zones de texte Largeur de cellule et Hauteur de cellule.
3 Entrez une valeur dans la zone de texte Marge intrieure des cellules pour dfinir la distance entre le texte du menu
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
202
Cliquez sur le bouton Position pour positionner le menu contextuel par rapport sa tranche de dclenchement. Entrez les coordonnes x et y. Les coordonnes 0,0 alignent le coin suprieur gauche du menu contextuel sur le
coin suprieur gauche de la tranche ou de la zone sensible qui le dclenche.
3 Dfinissez la position dun sous-menu :
Cliquez sur le bouton Position du sous-menu pour positionner le sous-menu par rapport son lment
dclencheur du menu contextuel.
Entrez les coordonnes x et y. Les coordonnes 0,0 alignent le coin suprieur gauche du sous-menu contextuel
sur le coin suprieur droit du menu ou de llment de menu dclencheur.
4 Dfinissez une position relative :
Pour dfinir la position de chaque sous-menu par rapport llment de menu parent qui le dclenche,
dslectionnez loption Placer la mme position.
Pour dfinir la position de chaque sous-menu par rapport au menu contextuel parent, slectionnez loption
Placer la mme position.
5 Cliquez sur Termin pour fermer lditeur de menu contextuel ou sur Prcdent pour modifier les proprits des
autres onglets.
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
203
Dans le panneau Outils, cliquez sur le bouton Afficher les tranches et les zones sensibles. Cliquez sur la colonne il dans le panneau Calques.
2 Slectionnez lobjet Web de dclenchement du menu contextuel. 3 Dans lespace de travail, faites glisser le contour du menu contextuel vers un autre emplacement.
Dans le panneau Outils, cliquez sur le bouton Afficher les tranches et les zones sensibles. Cliquez sur la colonne il dans le panneau Calques.
2 Slectionnez la tranche laquelle est reli le menu contextuel. 3 Cliquez deux fois sur le contour bleu du menu contextuel dans lespace de travail. 4 Dans lditeur de menu contextuel, effectuez les modifications ncessaires sur les onglets.
Pour dplacer un lment vers un sous-menu suprieur ou vers le menu contextuel principal, cliquez sur le
bouton Retrait ngatif du menu.
Pour dplacer un lment dans le mme menu, faites glisser llment lemplacement souhait dans la liste.
UTILISATION DE FIREWORKS
Cration de boutons et de menus contextuels
204
Lorsque vous chargez les fichiers, ce fichier mm_css_menu.js (ou mm_menu.js pour du JavaScript) doit tre transfr dans le mme dossier que la page Web qui contient le menu contextuel. Pour stocker ce fichier dans un autre emplacement, mettez jour tous les liens hypertextes faisant rfrence au fichier mm_css_menu.js et au fichier .css (ou mm_menu.js) dans le code HTML de Fireworks pour reflter ce nouvel emplacement. Un seul fichier .css est export pour chaque document contenant des menus contextuels CSS que vous exportez en tant que fichier HTML accompagn dimages depuis Fireworks. Lorsque vous incluez des sous-menus, un fichier dimage est cr (arrows.gif) dans Fireworks. Il correspond la petite flche qui saffiche en regard de chaque lment de menu qui contient un sous-menu. Quel que soit le nombre de sousmenus que contient un document, Fireworks utilise toujours ce fichier arrows.gif. Pour plus dinformations sur lexportation de code HTML, reportez-vous la section Exportation de code HTML la page 257.
205
Larticle de Matt Stow sur lutilisation de modles CSS prdfinis dans Fireworks (en anglais) : Prebuilt CSS
templates in Fireworks CS4.
Larticle de Jim Babbage (en anglais) : Fireworks CS4 How-Tos excerpts: Importing, exporting, symbols,
prototyping, scaling.
Les didacticiels vido de Dave Hogue sur lutilisation de pour la cration de linteraction et le prototypage rapide : Utilisation de Fireworks pour la cration de linformation et de linteraction :
http://www.adobe.com/go/learn_fw_infointeract_fr
Prototypage rapide laide de Fireworks : http://www.adobe.com/go/learn_fw_rapidpro_fr Fireworks partie intgrante du processus de cration :
http://www.adobe.com/go/learn_fw_completedesignpro_fr
Larticle de Kumar Vivek sur la cration de projets pour les priphriques mobiles dans Fireworks :
http://www.adobe.com/go/learn_fw_designmobiledevices_fr Pour visionner un didacticiel vido sur les principes de base de Fireworks, reportez-vous www.adobe.com/go/lrvid4032_fw_fr.
1. Cration des pages
Dans le panneau Pages, crez le nombre de pages ou dcrans ncessaires la ralisation de votre projet initial. Au fur et mesure que votre projet volue, vous pouvez y ajouter des pages, ou en supprimer, votre convenance.
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
206
Dans la zone de travail, disposez les lments conceptuels reproduire sur plusieurs pages (barres de navigation et images darrire-plan, par exemple). Servez-vous des repres comments pour aligner les lments. Pour travailler avec un maximum de souplesse, structurez votre mise en page avec des feuilles de style CSS (voir les sections Repres comments la page 33 et Cration de dispositions CSS la page 211)..
3. Partage dlments communs entre plusieurs pages
La modification dun lment commun plusieurs pages se rpercute systmatiquement sur toutes les pages concernes. Servez-vous dun gabarit pour partager tous les lments du contenu, ou partagez les calques pour copier des sous-ensembles dlments (voir les sections Utilisation dun gabarit la page 208 et Partage des calques la page 139).
4. Ajout dlments uniques des pages individuelles
Sur chaque page, vous pouvez ajouter des lments uniques de conception, de navigation ou de forme. Dans le panneau Bibliothque commune, vous trouverez de nombreux boutons, des zones de texte et des menus contextuels qui vous permettront dacclrer le processus de conception. Les symboles contenus dans les dossiers Flex Components, HTML, Mac, Win, Web et Application et Barres de menu prsentent des proprits que vous pouvez personnaliser pour certaines occurrences de symboles (voir la section Cration et utilisation de symboles de composant la page 164).
5. Simulation de la navigation utilisateur laide de liens
A partir dobjets Web tels que tranches, zones sensibles ou boutons de navigation, vous pouvez relier les diffrentes pages de votre prototype (voir la section Lien vers des pages dans un document Fireworks la page 170).
6. Exportation du prototype finalis interactif
Pour votre prototype, Fireworks propose de nombreux formats de sortie qui conservent tous les liens hypertextes de navigation. Voir les articles suivants :
Pour partager avec des clients un prototype CSS flexible ou le peaufiner dans Adobe Dreamweaver, voir
Exportation dune disposition CSS la page 212.
Pour crer un prototype plus classique reposant sur une table, voir Exportation de code HTML Fireworks la
page 258.
Pour distribuer une version du prototype au format PDF en vue de le commenter ou de limprimer, voir
Exportation de fichiers Adobe PDF la page 263.
Pour crer un prototype dapplication Flex, reportez-vous la section Prototypage dapplications Flex la
page 213. Pour crer une application Adobe AIR, reportez-vous la section Cration dune application Adobe AIR la page 216.
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
207
Si vous ne crez pas dautres pages, tous les lments de votre document rsident sur une seule page. Vos pages sont visibles dans le panneau Pages, qui affiche les objets prsents sur chaque page sous forme de vignettes en regard du nom de la page. La page active est mise en surbrillance dans le panneau et indique dans le menu contextuel de pages, au-dessus du document actif. Pour plus dinformations sur lexportation de pages, reportez-vous la section Exportation depuis lespace de travail la page 253.
Cliquez avec le bouton droit de la souris dans le panneau, puis slectionnez Nouvelle page dans le menu Choisissez Edition > Insertion > Page.
Dans le panneau Pages, slectionnez une page. Au clavier, utilisez les boutons Page vers le haut et Page vers le bas. Choisissez une page dans le menu contextuel de pages dans la partie suprieure de la fentre du document ou
dans la partie infrieure droite du panneau Pages. Un astrisque situ en regard du nom de la page dans le menu contextuel de pages indique le gabarit.
Faites glisser une page vers le bouton Nouvelle/Dupliquer page. Cliquez avec le bouton droit de la souris sur la page, puis slectionnez Dupliquer la page dans le menu
contextuel.
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
208
Cliquez dessus en maintenant la touche Maj enfonce pour slectionner un groupe contigu. Tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfonce, cliquez dessus pour slectionner
un groupe non contigu.
2 Faites glisser les pages slectionnes vers le haut ou vers le bas du panneau. Au-dessus et au-dessous dautres pages,
des bordures sombres apparaissent ; vous pouvez relcher le bouton de la souris dans ces zones pour y dplacer les pages slectionnes.
Cliquez avec le bouton droit de la souris sur la page, puis slectionnez Supprimer la page dans le menu
fentre du document.
2 Choisissez Modification > Zone de travail > Taille de limage, Modification > Zone de travail > Couleur de la zone
uniquement. Pour appliquer les modifications toutes les pages, dslectionnez loption.
dans le menu contextuel. Tous les calques partags sur plusieurs pages deviennent des calques ordinaires (non partags). En revanche, les calques partags entre les images restent inchangs. Pour afficher des cadres de gabarit dans une page lie, reportezvous la section Affichage des objets dans un tat la page 225.
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
209
Voir aussi
Partage des calques la page 139
Les pages hritent uniquement de ltat actif de lensemble des objets dun gabarit. Pour quelles hritent de tous les
tats de tous les objets, sur chaque page, ajoutez le mme nombre dtats ou plus dtats lobjet associ au plus grand nombre dtats. Tous les objets de cette page hritent de tous les tats issus du gabarit.
Les modifications apportes la taille de la zone de travail ou de limage se rpercutent sur toutes les pages, y
compris celles non lies au gabarit. Pour que les modifications ne sappliquent qu la page active, slectionnez Page active uniquement.
Seules les pages lies hritent des modifications relatives la couleur de la zone de travail du gabarit.
Procdez de lune des manires suivantes :
Dans le panneau Pages, cliquez avec le bouton droit sur une page existante, puis slectionnez Lien vers le gabarit
dans le menu contextuel.
Cliquez dans la colonne gauche de la vignette de page dans le panneau Pages. Licne de lien indique que la
page est lie au gabarit. Remarque : si vous modifiez un paramtre dans une page lie au gabarit, le nouveau paramtre est pris en compte mais annule le lien avec le gabarit.
dans le menu contextuel. Pour rintgrer le calque de gabarit la page, cliquez avec le bouton droit dans le panneau Calques, puis slectionnez Ajouter le calque du gabarit dans le menu contextuel.
menu contextuel.
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
210
3 Dans la bote de dialogue Exporter, slectionnez lune des options suivantes dans le menu Exporter :
Calques vers fichiers Exporte les calques que contiennent les pages slectionnes en tant que fichiers distincts. Etats vers fichiers Exporte les tats que contiennent les pages slectionnes en tant que fichiers distincts. Pages vers fichiers Exporte les pages slectionnes en tant que fichiers distincts.
choisissez une option dans le menu. Vous pouvez attribuer un nom aux fichiers laide de lune des options suivantes :
nom document Le nom du fichier source est ajout en tant que prfixe ou suffixe. Si, par exemple, vous exportez la page Index du fichier source sites.png et slectionnez loption Ajouter un prfixe, le fichier gnr sappelle Sites_Index.gif . Numrique (1, 2, 3...ou 01, 02, 03...) Les fichiers sont gnrs par ordre numrique, des nombres tant ajouts
comme prfixe ou suffixe. Tous les fichiers de page exports sont numrots dans lordre dans lequel ils figurent dans le panneau Pages. Lorsque vous exportez un grand nombre de pages, faites appel la squence deux chiffres.
5 Les options du menu Type de fichier permettent doptimiser les paramtres du fichier export.
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
211
Pour activer laperu de plusieurs pages pour les fichiers crs dans les versions prcdentes, ouvrez ceux-ci dans la version en cours et enregistrez-les.
1 Dans la bote de dialogue Prfrences, slectionnez Gnrales. 2 Slectionnez Enregistrer les vignettes sur chaque page pour activer laperu de plusieurs pages. Lorsque cette option
est dsactive, les noms de page sont enregistrs mais les vignettes ne sont pas gnres pour les fichiers correspondants.
Sur le Mac, cliquez sur Aperu dans la bote de dialogue Importer ou Ouvrir. Vous pouvez galement cliquer deux
fois sur le fichier dans la bote de dialogue Importer pour activer le mode Aperu. Lors de l'importation de fichiers, slectionnez Insrer aprs la page active pour ajouter des pages importes aprs la page slectionne dans le document.
Didacticiel de cration de sites Web conformes aux normes avec Fireworks sur
http://www.adobe.com/go/learn_fw_standardscompliantdesign_fr.
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
212
dexportation exporte le texte plac dans les rectangles. Comme seules les images qui sont recouvertes par des tranches rectangulaires sont exportes, placez des tranches sur les images exporter. Ces tranches indiquent au moteur dexportation lemplacement de ces images.
Rgle 2 : vitez la superposition des objets Le moteur dexportation traite le texte, les images et les rectangles comme
des blocs rectangulaires. Il examine la taille et la position de ces objets pour dterminer les lignes et les colonnes logiques dans lesquelles les placer dans la disposition. Positionnez avec soin les objets en veillant ce que les limites ne se superposent pas.
Rgle 3 : planifiez la disposition des lignes et des colonnes Le moteur dexportation recherche les partitions logiques o une dlimitation nette peut tre place entre les objets et les groupes dobjets. Dlimitez les dispositions des colonnes dans un rectangle pour empcher le moteur dexportation dinsrer une ligne logique qui viendrait rompre la disposition des colonnes. Rgle 4 : traitez le document en deux dimensions Lorsque vous crez votre page, utilisez des rectangles pour encadrer
les objets que vous souhaitez traiter comme les enfants du rectangle. Le moteur dexportation dtecte ces relations parent-enfant. Il analyse les lments enfants des lignes et des colonnes logiques comme dans la rgle 3. En plus de ces rgles, vous devez faire attention aux points suivants :
Le moteur dexportation nexporte que des rectangles primitifs. Pour exporter les angles arrondis des rectangles,
recouvrez-les avec des tranches rectangulaires.
Pour exporter les contours des rectangles, recouvrez-les avec des tranches rectangulaires. Pour exporter les symboles, recouvrez-les avec une tranche rectangulaire. Pour exporter les filtres que vous avez appliqus au texte ou aux rectangles, recouvrez-les avec des tranches
rectangulaires.
Pour afficher limage une seule fois, slectionnez Pas de rptition. Pour rpter, ou mettre en mosaque, limage lhorizontale et la verticale, slectionnez Rptition. Slectionnez Rpter-x pour former une mosaque horizontale. Pour former une mosaque verticale, slectionnez Rpter-y.
5 Dans le navigateur, slectionnez un alignement de page gauche, au centre ou droite. 6 Slectionnez le dfilement des pices jointes en mode fixe ou dfilement. 7 Cliquez sur le bouton OK, puis sur Enregistrer.
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
213
dune dmonstration.
3 Slectionnez le dossier, puis cliquez sur Ouvrir.
A laide du panneau Pages, crez le nombre dcrans dinterface ncessaires la ralisation de votre projet initial.
2. Insertion de composants de conception Flex dans la disposition
Dans la zone de travail, insrez des composants Flex depuis le dossier Flex dans le panneau Bibliothque commune. Ces symboles de composant sont spcifiquement utiliss avec lexportation MXML de faon obtenir les rsultats souhaits. Lors de lexportation de votre document en tant que MXML, chacun de ces symboles est respectivement converti en la balise MXML qui lui correspond. Les objets qui ne sont pas reconnus comme composants Flex sont exports en tant que bitmaps, qui sont lis au MXML via une balise <mx:Image> (voir la section Cration et utilisation de symboles de composant la page 164). Lors de la modification dun composant de conception Flex dans Fireworks, vous pouvez copier le code XML modifi dans votre projet Flex. Vous gagnez ainsi du temps si vous souhaitez rpliquer le comportement du composant modifi dans votre projet. Les symboles Curseur, BarreDeDfilement, Onglet et Info-bulle sont ignors pendant une sortie MXML tant donn que ces composants ne sont pas directement convertis depuis Fireworks vers MXML. Par exemple, le symbole BarreDeDfilement saffiche automatiquement dans les instances du conteneur Flex lorsquil est possible de faire dfiler leur contenu. Dans Fireworks, ces symboles font simplement office dindicateurs sur le mode de fonctionnement des parties dune conception dinterface. Remarque : les tranches dimage, les survols et les zones sensibles sappliquent uniquement aux prototypes HTML. Evitez ces objets Web lors de la cration de prototypes Flex.
3. Partage de composants Flex communs entre plusieurs pages
Si un composant Flex est commun plusieurs pages, toute modification met automatiquement jour toutes les pages (ou crans) affect(e)s. Servez-vous dun gabarit pour partager tous les composants Flex quil contient ou partagez les calques pour copier des sous-ensembles des composants (voir les sections Utilisation dun gabarit la page 208 et Partage des calques la page 139).
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
214
Dans le panneau Proprits du symbole (Fentre > Proprits du symbole), spcifiez les proprits et les vnements de chaque composant Flex insr dans la zone de travail.
5. Exportation de la disposition Flex au format MXML
Exportez la disposition dinterface utilisateur Flex, puis ouvrez le fichier MXML rsultant dans Flex. Fireworks exporte le MXML requis tout en conservant le style et le positionnement absolu. Les dveloppeurs Flex peuvent utiliser cette interface sans avoir recrer la disposition dans Flex.
Les images associes au prototype sont exportes vers le dossier dimages. De plus, les images des pages MXML compltes sont galement cres avec les autres fichiers dimages. Vous pouvez supprimer les pages MXML car elles ne requirent pas ces images daperu.
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
215
Pour crer des habillages Flex pour tous les composants disponibles, slectionnez Composants multiples.
Fireworks cre un seul document avec tous les composants Flex disponibles.
Pour spcifier les composants pour lesquels vous voulez crer des habillages, slectionnez
Composants spcifiques. Slectionnez uniquement les composants qui ont un style spcifique ou slectionner toutes les instances du composant.
3 Cliquez sur OK.
dhabillages pour les composant dans Flex, mme si vous les avez modifis dans Fireworks. Lexportation au format MXML gnre simplement des documents MXML utiliser dans Flex. Ces documents peuvent galement comporter des images lies pour des objets Fireworks qui ne peuvent pas tre convertis en balises MXML. Ces images sont ajoutes au document MXML via des balises <mx:Image>.
Lexportation MXML ignore les tranches Lexportation au format MXML tant conue pour gnrer un document
dot de balises utiliser avec Flex, les tranches ne sont pas prises en compte dans la cration dimages ou de cellules de tableau. Lorsque lexportation au format MXML cre des images, elle utilise les paramtres doptimisation du document pour dterminer le format dimage et la mthode de compression.
Les proprits MXML sont limites aux proprits de symboles enrichis Lexportation au format MXML base les
proprits dune balise MXML sur le composant Flex dans Fireworks. Fireworks fournit un sous-ensemble de composants Flex avec un nombre de proprits limit.
Les styles sont intgrs Les proprits reconnues en tant que styles sont spares des balises MXML cres, mais sont
conserves dans le mme document MXML dans une balise <mx:Style>. Fireworks ne peut pas dfinir les styles dans un fichier CSS externe.
Les cadres ne sont pas pris en charge Lors de la cration de conceptions et de mises en page pour une sortie MXML, nutilisez pas de cadres. Si vous souhaitez obtenir des conceptions diffrentes dans un document, utilisez des pages.
Voir aussi
Cration et utilisation de symboles de composant la page 164
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
216
dans lID. Les seuls caractres valides sont 0 9, a z, A Z, . (point) et - (tiret). Ce paramtre est obligatoire.
Version Spcifiez un numro de version pour votre application. Ce paramtre est obligatoire. Dossier du menu Programmes Spcifiez un dossier dans le menu Dmarrer de Windows o vous souhaitez crer le
Adobe AIR installes sous Mac OS. Ces informations ne sont pas utilises pour les applications installes sous Windows.
Contenu du package Slectionnez loption Document actif pour dfinir automatiquement le dossier partir
UTILISATION DE FIREWORKS
Prototypage de sites Web et dinterfaces dapplications
217
pour ajouter des fichiers et sur licne de dossier pour ajouter des dossiers. Pour supprimer un fichier ou un dossier de la liste, slectionnez-le et cliquez sur le bouton Moins (-). Les fichiers ou les dossiers slectionns inclure dans le package Adobe AIR doivent appartenir au dossier du contenu racine.
Chrome systme et Transparent Spcifiez le style de fentre (ou chrome) utiliser lorsque les utilisateurs excutent lapplication sur leur ordinateur. Le chrome systme entoure lapplication avec le contrle de fentre standard du systme dexploitation. Le chrome transparent supprime le chrome systme standard et vous permet de crer le vtre pour lapplication. Vous pouvez donc crer des fentres dapplication qui ne sont pas rectangulaires. Largeur et Hauteur Spcifiez les dimensions de la fentre dapplication en pixels lorsquelle souvre. Slectionner les images dicne Cliquez pour slectionner des images personnalises pour les icnes de lapplication. Slectionnez le dossier pour chaque taille dicne et choisissez limage utiliser. Seuls les fichiers PNG sont pris en charge pour les images dicnes de lapplication.
Remarque : les images personnalises slectionnes doivent rsider dans le site de lapplication et leurs chemins doivent tre relatifs la racine du site.
Signature numrique Cliquez sur Dfinir pour signer votre application laide dune signature numrique. Ce
paramtre est obligatoire. Pour plus dinformations, reportez-vous aux sections suivantes.
Crer un package du fichier Spcifiez le dossier dans lequel est enregistr le nouveau programme dinstallation de
lapplication (fichier .air). Lemplacement par dfaut est la racine du site. Cliquez sur le bouton Parcourir pour choisir un autre emplacement. Le nom de fichier par dfaut est bas sur le nom du site suivi de lextension .air. Ce paramtre est obligatoire.
numrique.
2 Dans la bote de dialogue Signature numrique, effectuez lune des oprations suivantes :
Pour signer une application avec un certificat numrique prachet, cliquez sur le bouton Parcourir,
slectionnez le certificat, entrez le mot de passe correspondant et cliquez sur OK.
Pour crer votre propre certificat numrique dauto-signature, cliquez sur le bouton Crer et remplissez la bote
de dialogue. Loption de type de cl du certificat fait rfrence au niveau de scurit du certificat : 1024-RSA utilise une cl 1 024 bits (moins scurise) et 2048-RSA une cl 2 048 bits (plus scurise). Lorsque vous avez termin, cliquez sur Crer. Ensuite, entrez le mot de passe correspondant dans la bote de dialogue Signature numrique et cliquez sur OK. Remarque : Java Runtime Environment (JRE) doit tre install sur lordinateur.
218
dfinir langle et la direction du mouvement, la mise lchelle, lopacit (pour les apparitions et disparitions progressives), ainsi que langle et la direction de la rotation (voir Modification de symboles danimation la page 220). Remarque : langle et la direction du mouvement sont dfinis uniquement dans la bote de dialogue Animer.
3 Vous pouvez dfinir la vitesse de lanimation laide des contrles Cadence des tats du panneau Etats (voir la
page 227).
5 Exportez le document au format de fichier GIF anim ou SWF, ou enregistrez-le au format de fichier
PNG Fireworks et importez-le dans Flash pour lamliorer (voir la section Exportation dune animation la page 255).
UTILISATION DE FIREWORKS
Cration danimations
219
Chaque aspect de votre animation na pas ncessairement besoin de symboles. Lutilisation de symboles ou doccurrences de graphiques qui apparaissent plusieurs tats permet toutefois de rduire la taille du fichier. Vous pouvez modifier les proprits des symboles danimation tout moment, laide de la bote de dialogue Animer ou de linspecteur des proprits. Vous pouvez galement modifier lapparence des symboles sans affecter le reste du document. Vous pouvez aussi modifier le mouvement dun symbole en dplaant sa trajectoire. Comme les symboles danimation sont automatiquement placs dans la bibliothque, vous pouvez les rutiliser pour crer dautres animations.
vectoriels ou bitmap.
5 Lorsque vous avez termin de travailler sur le symbole, accdez la vue densemble de la page (voir la section
Passage du mode ddition de symboles au mode ddition de pages la page 162). Fireworks intgre le symbole la bibliothque de documents et en place une copie au centre de la page. Vous pouvez ajouter de nouveaux tats au symbole laide du curseur Etats de linspecteur des proprits. Choisissez Fentre > Proprits pour ouvrir linspecteur des proprits, sil nest pas ouvert.
Les contrles danimation apparaissent sur le cadre de slection de lobjet, et une copie du symbole est ajoute la bibliothque.
UTILISATION DE FIREWORKS
Cration danimations
220
saisissez une valeur dans la zone Etats. La valeur par dfaut est 5.
Dplacer (bote de dialogue Animer uniquement) Distance de dplacement de lobjet, exprime en pixels. La valeur par dfaut est 72, mais il nexiste aucune limite de valeur. Les mouvements sont linaires et il nexiste aucun tat cl (ce qui nest pas le cas dans Flash et Adobe Director). Direction (bote de dialogue Animer uniquement) Direction du dplacement de lobjet, exprime en degrs, de 0 360. Vous pouvez galement modifier les valeurs Mouvement et Direction en faisant glisser les poignes danimation de lobjet. Mise lchelle Redimensionnement du symbole, exprim en pourcentage, entre le dbut et la fin de lanimation. La valeur par dfaut est 100 %, mais il nexiste aucune limite de valeur. Pour mettre lchelle un objet de 0 % 100 %, lobjet dorigine doit tre petit ; des objets vectoriels sont recommands. Opacit Degr de fondu (apparition ou disparition) entre le dbut et la fin de lanimation. Les valeurs possibles sont comprises entre 0 et 100, 100 % tant la valeur par dfaut. La cration dun fondu enchan ncessite deux occurrences du mme symbole : une pour le fondu louverture en fondu et lautre pour le fondu la fermeture. Rotation Degr de rotation entre le dbut et la fin de lanimation. Les valeurs possibles sont comprises entre 0 et 360.
Vous pouvez entrer des valeurs suprieures pour obtenir plusieurs rotations. La valeur par dfaut est 0.
Horaire et Antihoraire Sens de la rotation de lobjet : sens des aiguilles dune montre (horaire) ou sens inverse des aiguilles dune montre (antihoraire).
Fentre > Proprits pour ouvrir linspecteur des proprits, sil nest pas ouvert.
3 Modifiez les proprits. 4 Si vous utilisez la bote de dialogue Animer, cliquez sur OK pour accepter les proprits modifies.
UTILISATION DE FIREWORKS
Cration danimations
221
Suppression danimations
Pour supprimer des animations, supprimez le symbole danimation de la bibliothque ou supprimez lanimation du symbole.
Le symbole devient un symbole graphique et nest plus anim. Si, ultrieurement, vous convertissez de nouveau le symbole en symbole danimation, il conserve ses paramtres danimation prcdents.
Faites glisser lune des poignes de dbut ou de fin danimation de lobjet vers un nouvel emplacement. Pour
contraindre la direction du dplacement par incrments de 45, faites glisser le symbole tout en maintenant la touche Maj enfonce.
Voir aussi
Dfinition de la dure des tats la page 223
Etats
Pour plus dinformations sur lintroduction du concept de pages dans Fireworks, voir larticle de Sarthak www.adobe.com/go/learn_fw_simplifyingpagesstates_fr. Ce que nous appelons maintenant tats correspondent des images dans les versions antrieures Fireworks CS4.
UTILISATION DE FIREWORKS
Cration danimations
222
Pour crer des animations, vous crez des tats. Leur contenu saffiche dans le panneau Etats. Dans ce panneau, vous pouvez nommer les tats, les rorganiser, dfinir manuellement la cadence de lanimation et dplacer des objets dun tat une autre. Chaque tat est galement associ des proprits. Vous pouvez dfinir la cadence des tats ou masquer un tat pour visualiser lanimation au fur et mesure de son laboration. Vous pouvez utiliser des calques dans des animations pour organiser les objets selon quils font partie de laction principale ou de larrire-plan de lanimation. Pour que des objets apparaissent tout au long dune animation, placezles sur un calque, puis utilisez le panneau Calques pour partager le calque avec tous les tats. Les objets qui se trouvent sur un calque partag sont visibles sur chaque tat. Pour plus dinformations, reportez-vous la section Partage des calques la page 139.
Etats et calques
Les pages contiennent des tats, tandis que les tats contiennent des calques. Une nouvelle page ne contient qu'un seul tat. Tous les calques que vous crez et tous les objets qui figurent sur ces calques n'ont qu'un seul tat. Pour comprendre la relation entre les tats, les pages et les calques, voir l'article de David Hogue www.adobe.com/go/learn_fw_usingpagesstates_fr. Lorsque vous crez un tat dans le panneau Etats, le nouvel tat comporte le mme nombre de calques que l'tat prcdent. Cependant, ces calques sont vides et ne contiennent pas d'objets provenant de l'tat prcdent. Pour reproduire des objets d'un tat l'autre, crez un double d'un tat et non pas un nouvel tat. Les instances d'objet restent indpendantes aprs leur duplication quel que soit l'tat associ. Remarque : La suppression d'un calque de l'un des tats supprime ce calque dans tous les autres tats. Pour partager les objets d'un calque entre plusieurs tats, cliquez du bouton droit sur ce calque, puis slectionnez Calque partag vers tats. Les objets du calque sont partags entre les diffrents tats, ainsi que sur les nouveaux tats lors de leur cration. Tous les objets du calque correspondant dans les autres tats sont supprims et remplacs par des objets provenant du calque partag. Toute modification des objets dans le calque partag est reporte dans les diffrents tats.
Etats et gabarits
Les tats d'un gabarit correspondent directement aux tats des autres pages de votre document. Lorsque vous copiez l'tat 1 sur une page A ordinaire, tous les objets de la page A avec l'tat 1 sont copis sur la page A avec l'tat 2, et le gabarit avec l'tat 2 est partag. Dans la mesure o le gabarit ne comporte qu'un seul tat, l'tat 2 de toute autre page est vide. Si vous dupliquez l'tat 1 pour crer l'tat 2 sur un gabarit, le calque d'arrire-plan du gabarit est galement dupliqu sur l'tat 2 du gabarit. L'tat 2 du gabarit est partag avec l'tat 2 de l'ensemble des pages du document. En rsum, l'tat 1 du gabarit est partag avec l'tat 1 de toutes les pages, l'tat 2 du gabarit est partag avec l'tat 2 de toutes les pages, et ainsi de suite. Si une page ordinaire contient davantage d'tats que le gabarit, aucun tat du gabarit n'est partag avec ces tats supplmentaires. Il est cependant possible d'ajouter des tats au gabarit qui sont ensuite reports sur ces tats.
UTILISATION DE FIREWORKS
Cration danimations
223
Cration d'un prototype/d'une page de dmonstration avec des boutons et des animations
Les documents Fireworks contenant la fois des boutons et des animations ne sont gnralement pas affichs comme prvu. Fireworks traite les animations comme une page entire, tandis que pour les boutons il considre que vous changez simplement les images sous cette dcoupe. Lorsqu'une animation est en cours de lecture, tout change sur la page, ce qui inclut les tats de boutons. Les animations et les boutons doivent tre crs et exports de faon distincte dans une page Web. Les boutons avec une fonction de survol ont recours JavaScript pour afficher les diffrents tats, mais les animations de Fireworks sont exportes au format GIF ou SWF, qui est autonome.
Pour slectionner une plage dtats contigus, maintenez la touche Maj enfonce et cliquez sur le nom du premier
et du dernier tat.
Pour slectionner une plage dtats non contigus, cliquez sur le nom de chaque tat tout en maintenant la
touche Ctrl (Windows) ou Commande (Mac OS) enfonce.
2 Procdez de lune des manires suivantes :
Dans le menu Options du panneau Etats, cliquez sur Proprits. Cliquez deux fois sur la colonne Cadence des tats.
3 Entrez une valeur de cadence des tats. 4 Appuyez sur la touche Entre ou cliquez en dehors du panneau.
Dans le menu Options du panneau Etats, cliquez sur Proprits. Cliquez deux fois sur la colonne Cadence des tats.
2 Dslectionnez Inclure lors de lexportation. 3 Appuyez sur la touche Entre ou cliquez en dehors du panneau.
UTILISATION DE FIREWORKS
Cration danimations
224
Le nom personnalis est conserv pendant toute la session. Comme il sagit dun paramtre propre au document, slectionnez Personnalis comme indiqu dans la premire image-cran.
Slectionnez Tous les tats pour inverser la squence des tats du dbut vers la fin. Pour inverser lordre des tats dune plage, slectionnez Plage dtats, puis choisissez les tats Dbut et Fin. Dernire mise jour le 12/5/2011
UTILISATION DE FIREWORKS
Cration danimations
225
Dans le panneau Etats, cliquez sur le bouton Supprimer ltat Faites glisser ltat vers le bouton Supprimer ltat.
tats) vers le nouvel tat. Pour copier les objets slectionns vers dautres tats, appuyez sur les touches Alt (Windows) ou Option (Mac OS) et faites glisser les objets.
Tous les objets prsents dans cet tat sont rpertoris dans le panneau Calques et affichs dans la zone de travail.
UTILISATION DE FIREWORKS
Cration danimations
226
Par dfaut, loption Modification de plusieurs tats est active. Vous pouvez ainsi slectionner et modifier des objets griss dans dautres tats sans quitter ltat actif. Utilisez loutil Slectionner derrire pour slectionner de manire squentielle des objets dans divers tats. Pour ajuster le nombre dtats visibles avant et aprs ltat actif, cliquez sur le bouton Pelures doignon, puis slectionnez une option daffichage. Loption Personnalise vous permet dindiquer le nombre dtats et de contrler lopacit. Utilisez loption Modification de plusieurs tats pour slectionner et modifier tous les objets visibles. Dsactivez cette option pour modifier uniquement la page active.
Interpolation
Dans Fireworks, linterpolation est une technique manuelle qui permet de fusionner plusieurs occurrences du mme symbole pour gnrer les occurrences intermdiaires avec des attributs interpols. Pour crer le dplacement sophistiqu dun objet sur la zone de travail et pour les objets dont les filtres dynamiques changent chaque tat de lanimation, utilisez linterpolation. Par exemple, vous pouvez interpoler un objet pour quil donne limpression de se dplacer sur un trac linaire. Remarque : dans la plupart des cas, lutilisation de symboles danimation est prfrable linterpolation. Pour plus dinformations, reportez-vous la section A propos des symboles danimation la page 218.
Occurrences interpoles
1 Slectionnez plusieurs occurrences du mme symbole graphique dans la zone de travail. Ne slectionnez pas des
occurrences dorigine.
4 Pour rpartir les objets interpols dans des tats distincts, slectionnez Rpartir dans les tats, puis cliquez sur OK.
Vous pouvez effectuer cette opration ultrieurement. Dans le panneau Etats, slectionnez toutes les occurrences et cliquez sur le bouton Rpartir dans les tats .
UTILISATION DE FIREWORKS
Cration danimations
227
Contrles dtat
Pour dfinir la dure dapparition dun tat dans la fentre de document, entrez la valeur de cadence des tats
souhaite dans le panneau Etats.
Les tats masqus qui nont pas t exports napparaissent pas dans laperu (voir la section Masquage dtats en
cours de lecture la page 223).
Laperu de lanimation dans la fentre Original affiche les graphiques sources leur rsolution normale, et non
laperu optimis utilis pour le fichier export.
Remarque : pour afficher le dplacement lorsque vous prvisualisez lanimation, dans le panneau Optimisation, slectionnez le format de fichier dexportation GIF anim, mme si vous souhaitez importer lanimation en Flash en tant que fichier SWF ou PNG Fireworks.
, au bas du panneau.
Par exemple, si vous slectionnez 4, lanimation sera lue cinq fois en tout. Avec loption En continu, lanimation se rpte indfiniment.
UTILISATION DE FIREWORKS
Cration danimations
228
2 Slectionnez le format de fichier dexportation dans le panneau Optimisation. 3 Slectionnez les options Palette et Tramage. 4 Dans le menu contextuel Transparence du panneau Optimisation, slectionnez Transparence dindex ou
Transparence Alpha.
5 Utilisez les outils de transparence du panneau Optimisation pour slectionner les couleurs utilises pour la
transparence.
6 Dans le panneau Etats, dfinissez la cadence des tats.
UTILISATION DE FIREWORKS
Cration danimations
229
Fireworks ouvre les fichiers dans un nouveau document unique, en plaant chaque fichier dans un tat distinct, dans lordre dans lequel vous avez slectionn les fichiers.
exemple.
2 Slectionnez Commandes > Cration > Torsion et Nuance. 3 Dans la bote de dialogue Torsion et Nuance, configurez les paramtres en fonction de vos prfrences. Manipulez
les diffrentes options de la bote de dialogue pour personnaliser leffet. Positionnez la bote de dialogue de telle sorte que vous puissiez voir les modifications au fur et mesure que vous les effectuez.
Etapes Nombre doccurrences de lobjet cr. Opacit Opacit des objets crs. Direction Direction dans laquelle les objets sont successivement crs par rapport au premier objet. En retard Chaque objet se place derrire lobjet suivant de lensemble. Animer Slectionnez cette option pour animer lensemble dobjets que vous avez cr. Attnu Lorsque vous augmentez la valeur de ce champ, leffet dattnuation est appliqu en partant du dernier objet cr jusquau premier objet. Satur Modifiez la valeur pour changer les couleurs des objets crs. Pas Plus vous augmentez le pas et plus les objets crs sont espacs. Rotation Degr de rotation des objets successifs. Direction Angle dalignement des autres objets par rapport au premier objet. Echelle Facteur de mise lchelle des autres objets par rapport au premier objet. Opacit Opacit des autres objets par rapport au premier objet. Alatoire Cliquez sur Alatoire pour faire des essais avec un ensemble alatoire de valeurs dfinies par le systme. Boug Ajoute des variations loption que vous avez slectionne. La valeur que vous entrez dtermine le taux de
variation.
Paramtres prdfinis Slectionnez le paramtre prdfini qui vous convient le mieux. Il est judicieux de partir
dun paramtre prdfini, puis de configurer les diffrentes options en fonction du rsultat souhait. Vous pouvez galement slectionner Par dfaut ou Dernire utilisation pour appliquer lensemble de prfrences par dfaut ou prcdent, respectivement.
Aperu Slectionnez Aperu pour voir leffet des options que vous choisissez dans la bote de dialogue sur lobjet.
UTILISATION DE FIREWORKS
Cration danimations
230
Remarque : Si vous avez slectionn loption Animer, le graphique disparat de la zone de travail lorsque vous cliquez sur OK.
4 Dans la bote de dialogue Proprits, slectionnez Gif anim Websnap 128 dans la liste des options de format. 5 Appuyez sur F12 pour afficher un aperu de lanimation dans un navigateur.
Remarque : Vous pouvez dissocier les objets crs comme nimporte quels autres objets.
231
UTILISATION DE FIREWORKS
Cration de diaporamas
232
Pour ajouter des images, cliquez sur le bouton Ajouter image(s) (signe plus) en regard de lentre Images.
Ensuite, cliquez sur le bouton Parcourir (...), puis slectionnez une ou plusieurs images.
Pour modifier lordre des images, slectionnez une image, puis cliquez sur les boutons flchs situs en haut de
la liste des images afin de la dplacer.
lecteur, y compris les proprits des albums pris en charge par le type de lecteur slectionn.
Dmarrer automatiquement le diaporama Permet de dmarrer le diaporama louverture du lecteur. Autoriser lactivation des images Permet lutilisateur de cliquer sur limage pour louvrir dans une nouvelle fentre
UTILISATION DE FIREWORKS
Cration de diaporamas
233
Vignette Slectionnez une image pour obtenir un aperu de la vignette dans le diaporama. Arrire-plan Slectionnez une image darrire-plan personnalise, puis redimensionnez-la lchelle du diaporama.
Panneau Lgendes
Utilisez les options de lgendes pour personnaliser les lgendes des diffrentes images du diaporama.
Appliquer tous les albums Permet dappliquer les options de lgendes tous les albums du livre. Aucun changement Conserve les lgendes existantes. Effacer toutes les lgendes Efface toutes les lgendes de lalbum. Utiliser les noms de fichiers Utilise les noms de fichiers des images comme lgende. Inclure lextension Si vous choisissez les noms de fichiers comme lgendes, indiquez les extensions de fichiers. Insrer un texte Utilise le texte spcifi comme lgende pour chacune des images. Remplacer les lgendes Applique toutes les images le texte que vous avez insr.
Panneau Filtres
Vous ne pouvez appliquer des filtres qu un nouvel album. Pour appliquer des filtres slectionns tous les albums du livre, slectionnez loption Appliquer tous les albums.
UTILISATION DE FIREWORKS
Cration de diaporamas
234
Qualit dimage Spcifiez la qualit de sortie des images exportes (en taille relle et vignettes). La valeur 100
Remarque : sous Mac OS, lopration qui consiste simplement renommer le fichier SWF dans le Finder peut ne pas fonctionner (sauf si vous avez dfini loption Afficher les extensions de fichier). Vous devrez peut-tre le renommer laide de la bote de dialogue de proprits de fichier, sous Nom & Extension.
3 Dans le mme dossier que le fichier SWF, crez un fichier XML semblable lexemple suivant :
<?xml version="1.0"encoding="utf-8"?> <FWACPlayer> <Player name="Player - Black (Flash)"preview="player_black.jpg"launch="index.html"> <File src="player_black.fap"dst="player_black.swf"/> <File src="player_black.html"dst="index.html"/> <Info src="player_black.info"/> </Player> <Player name="Player - White (Flash)"preview="player_white.jpg"launch="index.html"> <File src="player_white.fap"dst="player_white.swf"/> <File src="player_white.html"dst="index.html"/> <Info src="player_white.info"/> </Player> </FWACPlayer>
Remarque : si vous disposez de plusieurs versions du mme lecteur de base, vous pouvez les rpertorier dans le fichier XML (comme indiqu plus haut).
4 Pour chaque nud de lecteur (Player), indiquez le nom du fichier source et du fichier cible dans le nud de fichier File. 5 (Facultatif) Pour fournir des informations supplmentaires sur le lecteur, ajoutez le nud Info, dans lequel
lattribut src contient le nom du fichier. Le fichier Info doit contenir du texte HTML. Si le fichier contient un simple texte non HTML, les sauts de page, retours chariot et tabulations sont supprims avant laffichage du texte.
6 Crez ou modifiez le fichier MXI de telle sorte que le fichier SWF et le fichier HTML renomms soient placs dans
un dossier Configurations/Commandes/Lecteurs. Remarque : pour que loption de lancement du diaporama dans le navigateur fonctionne en fin de processus, les fichiers SWF et HTML doivent porter le mme nom. Le fichier XML gnr prsente la structure suivante :
UTILISATION DE FIREWORKS
Cration de diaporamas
235
<AlbumBook... > <Album ... > <Slide ... <Slide ... <Slide ... </Album> <Album ... > <Slide ... <Slide ... <Slide ... </Album> </AlbumBook>
Nud Album
title Titre de lalbum. description Description de lalbum. path Nom du dossier contenant les images de cet album. Les vignettes sont exportes dans le dossier Thumbs (Vignettes) contenu dans le chemin. hasThumb Indique que lalbum possde une vignette. thumbSrc Image source utilise pour la vignette de lalbum. hasBg Indique que lalbum possde une image darrire-plan. bgSrc Image darrire-plan de lalbum. bgScale Mthode de mise lchelle de limage darrire-plan de lalbum. interval Intervalle du diaporama exprim en secondes pour cet album.
UTILISATION DE FIREWORKS
Cration de diaporamas
236
useTransition Indique quun effet de transition doit tre utilis lors du passage dune image une autre. transType Transition du diaporama pour cet album. transTime Dure de la transition. firstImage Index de base zro de la premire image afficher. dispSequence Ordre daffichage des images (squentiel ou alatoire).
237
Cliquez sur Taille du fichier dexportation cible dans le premier panneau pour optimiser selon une taille de fichier maximum.
3 Cliquez sur Quitter dans la fentre Rsultats de lanalyse de lassistant.
UTILISATION DE FIREWORKS
Optimisation et exportation
238
B C
A. Jeu doptions enregistr pour lexportation slectionne B. Estimation du temps de tlchargement et de la taille du fichier C. Aperu avec les paramtres dexportation slectionns D. Enregistrement des paramtres dexportation dans la vue active
Dans le cas de lexportation de fichiers GIF anims ou de survols JavaScript, lestimation de la taille du fichier correspond la somme des tailles de tous les tats. Remarque : pour acclrer le rafrachissement de laperu de limage, dsactivez Aperu. Pour interrompre le rafrachissement de la zone daperu lorsque vous modifiez les paramtres, appuyez sur la touche Echap.
, puis cliquez dans laperu pour lagrandir. Tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfonce, cliquez sur le bouton dans laperu pour effectuer un zoom arrire.
Panoramique de limage
Procdez de lune des manires suivantes :
Lorsque le pointeur Zoom est actif, faites-le glisser dans laperu tout en maintenant la barre despace enfonce.
Chaque fentre daperu permet dafficher un aperu du graphique avec des paramtres dexportation diffrents. Remarque : le zoom et le panoramique sont appliqus simultanment toutes les fentres ouvertes.
UTILISATION DE FIREWORKS
Optimisation et exportation
239
Lassistant Optimiser la taille tente dobtenir la taille de fichier requise comme suit :
En ajustant la qualit JPEG En modifiant le lissage JPEG En modifiant le nombre de couleurs dans les images 8 bits En changeant les paramtres de tramage dans les images 8 bits En activant ou dsactivant les paramtres doptimisation
Faites glisser le rectangle en pointills qui entoure laperu pour dlimiter la zone dexportation. (Faites glisser
le rectangle lintrieur de laperu pour voir les zones non affiches.)
Pour afficher un seul tat, dans la liste gauche de la bote de dialogue, slectionnez ltat que vous voulez
afficher. Vous pouvez galement utiliser les contrles dtat qui se trouvent dans le coin infrieur droit de la bote de dialogue.
Pour voir lanimation, cliquez sur le contrle Lire/Arrter dans la partie infrieure droite de la bote de dialogue.
2 Pour dfinir la mthode de suppression des tats, slectionnez un tat dans la liste, cliquez sur licne de la corbeille,
prcdents) peut tre visible travers les zones transparentes de ltat suivant. Si vous choisissez cette option, utilisez un navigateur pour afficher un aperu prcis de lanimation.
Restaurer larrire-plan Rejette ltat actif et le remplace temporairement par larrire-plan de la page Web. Un seul tat saffiche la fois. Choisissez cette option si des objets anims se dplacent sur un arrire-plan transparent.
UTILISATION DE FIREWORKS
Optimisation et exportation
240
Restaurer la version prcdente Rejette ltat actif et le remplace temporairement par ltat prcdent. Choisissez
diffrences entre les tats. Cette option permet de rduire la taille du fichier.
UTILISATION DE FIREWORKS
Optimisation et exportation
241
Laperu indique la taille totale, la dure prvue du tlchargement et le format de fichier du document. La dure prvue reprsente la moyenne du temps ncessaire au tlchargement de lensemble des tranches et tats du document en supposant quun modem de 56 K est utilis. Les fentres 2 en 1 et 4 en 1 affichent des informations supplmentaires qui varient en fonction du type de fichier slectionn. Lorsque vous affichez un aperu, vous pouvez optimiser un document entier ou une simple slection de tranches. Le calque de superposition des tranches permet de diffrencier les tranches en cours doptimisation du reste du document.
Lorsque le calque de superposition des tranches est activ, les tranches qui ne sont pas optimises sont grises.
Remarque : dans le panneau Outils, cliquez sur Masquer les tranches dcoupe pendant laperu.
UTILISATION DE FIREWORKS
Optimisation et exportation
242
Lorsque vous slectionnez un aperu 2 en 1 ou 4 en 1, la premire fentre affiche le document PNG dorigine de Fireworks, ce qui vous permet de le comparer avec les versions optimises. Vous pouvez afficher la version optimise de votre choix.
panneau Optimisation.
GIF Web 216 Force toutes les couleurs tre compatibles Web. Cette palette contient jusqu 216 couleurs. GIF WebSnap 256 Convertit les couleurs dans la couleur scurise pour le Web la plus proche. Cette palette
bandes dessines, les logos, les images comportant des zones transparentes et les animations. Les images dans lesquelles se trouvent des zones de couleur unie rpondent particulirement bien la compression lorsquelles sont exportes en fichiers GIF. Les fichiers GIF contiennent 256 couleurs maximum.
UTILISATION DE FIREWORKS
Optimisation et exportation
243
JPEG Dvelopp par le Joint Photographic Experts Group pour les besoins spcifiques des images photographiques ou des images couleur haute dfinition, le format JPEG prend en charge des millions de couleurs (24 bits). Le format JPEG est idal pour des photographies numrises, des images comportant des textures ou des dgrads, ou toute autre image ncessitant plus de 256 couleurs. PNG Le format PNG (Portable Network Graphic) est un format de fichier graphique Web polyvalent pouvant prendre
en charge les couleurs 32 bits, inclure une transparence ou une couche alpha et tre progressif. Cependant, les navigateurs Web ne peuvent pas tous afficher des images PNG. Bien que le format PNG soit le format de fichier natif de Fireworks, les fichiers PNG Fireworks contiennent des informations supplmentaires propres lapplication qui ne sont pas comprises dans un fichier PNG export ou dans des fichiers crs dans dautres applications.
WBMP Le format graphique WBMP (Wireless Bitmap) a t conu pour les priphriques de linformatique mobile
tels que tlphones portables et assistants numriques personnels. Il est utilis spcifiquement pour les pages WAP (Wireless Application Protocol). Le format WBMP tant un format 1 bit, seules deux couleurs sont visibles : le noir et le blanc.
TIFF Le format graphique TIFF (Tagged Image File Format) est utilis pour le stockage des images bitmap. Les
fichiers TIFF sont plus particulirement utiliss dans ldition. De nombreuses applications multimdia prennent galement en charge les fichiers imports au format TIFF.
BMP Format de fichier graphique de Microsoft Windows. De nombreuses applications peuvent importer des
images BMP.
PICT Format de fichier dvelopp par Apple Computer et principalement utilis sur les systmes dexploitation Macintosh. La plupart des applications Mac peuvent importer des images PICT.
Voir aussi
Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT la page 244 Optimisation des fichiers JPEG la page 251
Fichier > Enregistrer Fichier > Enregistrer sous Fichier > Exporter
Fireworks applique ensuite ces paramtres aux nouveaux documents. Remarque : les paramtres doptimisation par dfaut appliqus aux nouvelles tranches sont ceux du document parent. Vous pouvez galement enregistrer des paramtres doptimisation personnaliss pour les rutiliser ultrieurement dans un processus doptimisation ou un traitement par lots. Les informations suivantes sont enregistres dans les optimisations prdfinies personnalises :
Paramtres et table de couleurs dfinis dans le panneau Optimisation Paramtres de cadence des tats du panneau Etats (pour les animations uniquement)
UTILISATION DE FIREWORKS
Optimisation et exportation
244
doptimisation.
2 Dans le menu Options du panneau Optimisation, slectionnez Supprimer les paramtres.
UTILISATION DE FIREWORKS
Optimisation et exportation
245
Web 216 Palette compose des 216 couleurs communes aux ordinateurs Windows et Mac OS. Cette palette est
souvent dite scurise pour le Web (ou compatible avec les navigateurs) parce quelle donne des rsultats relativement rguliers en 8 bits, quels que soient la plate-forme et le navigateur utiliss.
Exacte Palette contenant les couleurs relles de limage. La palette exacte nest utilisable que pour les images
contenant au maximum 256 couleurs. Dans le cas contraire, la palette devient Adaptive.
Windows et Mac OS Palette regroupant respectivement les 256 couleurs dfinies par les normes des plates-formes
Optimisez et personnalisez les palettes de couleurs laide de la table de couleurs dans le panneau Optimisation.
Dans le menu contextuel Options du panneau Optimisation, slectionnez Charger la palette. Dans le menu contextuel Palette indexe du panneau Optimisation, cliquez sur Personnalise.
2 Recherchez un fichier de palette ACT ou GIF, puis cliquez sur Ouvrir.
Les couleurs du fichier ACT ou GIF sont ajoutes dans la table de couleurs du panneau Optimisation. Remarque : les utilisateurs Windows doivent slectionner les fichiers GIF dans le menu contextuel Types de fichiers pour pouvoir afficher tous les fichiers portant lextension .gif dans la bote de dialogue Ouvrir.
Dans le menu contextuel Couleurs du panneau Optimisation, slectionnez une option. Entrez une valeur (de 2 256) dans la zone de texte.
Remarque : le nombre situ dans la partie infrieure de la table de couleurs indique le nombre de couleurs visibles dans limage. Si aucun nombre ne saffiche, cliquez sur le bouton Reconstituer.
UTILISATION DE FIREWORKS
Optimisation et exportation
246
Inclusion de toutes les couleurs de la palette, dont les couleurs non utilises dans limage enregistre
Dslectionnez Supprimer les couleurs inutilises.
Reconstitution de la table des couleurs pour prendre en compte les modifications apportes au document
Lorsquune reconstitution est ncessaire, le bouton Reconstituer saffiche en bas du panneau Optimisation.
Cliquez sur le bouton Reconstituer.
Pour slectionner une plage de couleurs, cliquez sur une couleur, maintenez la touche Maj enfonce, puis cliquez
sur la dernire couleur de la plage.
enfonc. Les pixels contenant la nuance slectionne changent temporairement de couleur tant que le bouton de la souris reste enfonc. Remarque : lorsque vous prvisualisez des pixels dans le document laide des fentres 2 en 1 ou 4 en 1, slectionnez une fentre plutt que loriginal.
UTILISATION DE FIREWORKS
Optimisation et exportation
247
Pour verrouiller ou dverrouiller une nuance slectionne, cliquez sur le bouton Verrouiller
en bas du panneau Optimisation. Vous pouvez galement cliquer avec le bouton droit de la souris (Windows) ou maintenir la touche Ctrl enfonce (Mac OS) sur la nuance et choisir loption Verrouiller la couleur. panneau Optimisation.
Pour dverrouiller toutes les couleurs, slectionnez Dverrouiller toutes les couleurs dans le menu Options du
Slectionnez une couleur, puis cliquez sur le bouton Modifier une couleur Cliquez deux fois sur une couleur dans la table de couleurs.
2 Modifiez la couleur.
Remarque : cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfonce (Mac OS) sur une couleur de la palette pour afficher les options de modification.
Pour convertir toutes les couleurs en couleurs scurises pour le Web, slectionnez Web 216 dans le menu
contextuel Palette indexe du panneau Optimisation.
Pour crer une palette adaptative qui privilgie les couleurs scurises pour le Web, slectionnez Adaptive pour
le Web dans le menu contextuel Palette indexe du panneau Optimisation.
Pour convertir une couleur en son quivalent scuris pour le Web le plus proche, slectionnez une couleur dans
la table des couleurs du panneau Optimisation, puis cliquez sur le bouton Magntisme de la couleur scurise pour le Web .
UTILISATION DE FIREWORKS
Optimisation et exportation
248
Vous pouvez charger le fichier de palette enregistr dans le panneau Nuancier ou Optimisation afin de lutiliser pour exporter dautres documents.
Ajustement de la compression
Vous pouvez compresser des fichiers GIF en modifiant leur paramtre de perte. Plus cette valeur est leve, plus les fichiers sont de petite taille, mais plus la qualit de limage est rduite. Un paramtre de perte dfini entre 5 et 15 est idal dans la plupart des cas.
Aperu dune image optimise dans Fireworks ; image exporte avec transparence et place sur une page Web ayant un arrire-plan color
Remarque : bien que les fichiers PNG 32 bits contiennent de la transparence, le panneau Optimisation ne dispose pas doption de transparence adapte. Pour vos fichiers GIF, utilisez loption Transparence dindex qui active ou dsactive les pixels avec des valeurs chromatiques particulires.
UTILISATION DE FIREWORKS
Optimisation et exportation
249
Par dfaut, les images GIF sont exportes sans transparence. Mme si la le document situe derrire limage ou lobjet apparat transparent dans laffichage original dans Fireworks, larrire-plan de limage nest pas ncessairement transparent, moins de slectionner loption Transparence dindex avant lexportation. Pour vos fichiers PNG, vous pouvez utiliser la transparence alpha, souvent employe dans les graphiques exports qui contiennent des dgrads de transparence et des pixels semi-opaques. Bien que la transparence soit peu intressante pour lexportation pour le Web (rares sont les navigateurs qui prennent en charge le format PNG), il est utile dexporter des fichiers au format Flash ou Adobe Director, car les deux applications prennent en charge ce type de transparence. Remarque : lapplication de la transparence des couleurs naffecte pas limage proprement dite, mais seulement sa version exporte. Pour voir laspect quaura limage exporte, affichez un aperu.
Voir aussi
Exportation depuis lespace de travail la page 253
Slectionnez ensuite Transparence dindex dans le menu contextuel Choisir le type de transparence. La couleur de la zone de travail apparat transparente dans laperu, et le graphique peut alors tre export.
Slectionnez ensuite Transparence dindex dans le menu contextuel Choisir le type de transparence.
3 Pour slectionner une autre couleur, cliquez sur le bouton Slectionner la couleur de transparence
4 Cliquez sur une nuance dans la table des couleurs du panneau Optimisation ou cliquez sur une couleur dans le
document.
daffichage 2 en 1 ou 4 en 1, cliquez sur une autre fentre que celle de loriginal. Remarque : bien que vous puissiez ajouter ou supprimer des couleurs transparentes dans laffichage original, vous pouvez en observer le rsultat uniquement en affichant un aperu.
2 Dans le panneau Optimisation (Fentre > Optimisation), slectionnez le format de fichier GIF ou PNG 8.
Slectionnez ensuite Transparence dindex dans le menu contextuel Choisir le type de transparence.
3 Au bas du panneau, cliquez sur le bouton Ajoute la couleur la transparence
ou Efface la couleur de la
transparence
4 Cliquez sur une nuance dans la table des couleurs ou sur une couleur dans le document.
UTILISATION DE FIREWORKS
Optimisation et exportation
250
Dans le panneau Optimisation, slectionnez une couleur dans le menu contextuel Cache. Faites en sorte quelle soit
le plus proche possible de la couleur darrire-plan cible sur lequel le graphique sera plac. Remarque : le lissage sapplique uniquement aux objets contours adoucis placs directement sur la zone de travail.
Mthodes anti-halos dans les fichiers PNG Fireworks et les fichiers Photoshop imports
Procdez de lune des manires suivantes :
Slectionnez une couleur de zone de travail dans linspecteur des proprits ou une couleur de cache dans le
panneau Optimisation qui soit identique celle de larrire-plan de la page Web cible.
Aprs avoir slectionn lobjet exporter, cliquez sur Net dans le menu contextuel Bord de linspecteur des
proprits.
Suppression manuelle dun halo dune image GIF ou dun fichier graphique
1 Ouvrez le fichier dans Fireworks et cliquez sur le bouton Aperu, 2 en 1 ou 4 en 1 dans le coin suprieur gauche de
la fentre de document. En mode daffichage 2 en 1 ou 4 en 1, cliquez sur une autre fentre que celle de loriginal.
2 Dans le menu contextuel Transparence du panneau Optimisation, cliquez sur Transparence dindex. 3 Cliquez sur le bouton Ajoute la couleur la transparence
UTILISATION DE FIREWORKS
Optimisation et exportation
251
Utilisez un pourcentage lev pour conserver la qualit ; la compression sera alors moins importante et les fichiers rsultants plus volumineux. A linverse, un faible pourcentage permet dobtenir un fichier de taille rduite mais dune qualit graphique infrieure.
UTILISATION DE FIREWORKS
Optimisation et exportation
252
La zone slectionne dans cette image est compresse un niveau de qualit de 90, tandis que la zone non slectionne est compresse un niveau de qualit de 50.
1 Dans la fentre Original, slectionnez la zone compresser dans le graphique laide de lun des outils de cadre de
slection.
2 Choisissez Modification > JPEG slective > Enregistrer la slection en tant que masque JPEG. 3 Slectionnez le format JPEG dans le menu contextuel Exporter un format de fichier du panneau Optimisation. 4 Cliquez sur le bouton Modifier les options de qualit slective dans le panneau Optimisation. 5 Slectionnez Activer la qualit slective, puis entrez une valeur dans la zone de texte.
Une valeur faible permet de compresser davantage la zone slectionne que le reste de limage, tandis quune valeur leve permet de compresser davantage le reste de limage que cette zone.
6 (Facultatif) Modifiez la couleur de superposition de la zone JPEG slective. Cela naffecte pas le rsultat. 7 Pour exporter tous les textes dans une qualit suprieure, quelle que soit la valeur Qualit slective, slectionnez
Remarque : pour annuler une slection, cliquez sur Modification > JPEG slective > Supprimer le masque JPEG.
Pour attnuer les dtails, slectionnez Lissage dans le panneau Optimisation. Pour accentuer les dtails, cliquez sur Bords des JPEG plus nets dans le menu Options du panneau Optimisation.
UTILISATION DE FIREWORKS
Optimisation et exportation
253
Remarque : certaines anciennes applications ddition dimages bitmap ne peuvent pas ouvrir les images JPEG progressives.
le PNG
2 Emplacement actuel dexportation/denregistrement, dfini chaque fois que vous modifiez lemplacement par
dexploitation Lemplacement par dfaut denregistrement par Fireworks dun document est quant lui dtermin par des critres trs diffrents. Pour plus dinformations, reportez-vous la section Enregistrement de fichiers Fireworks la page 11.
Choisissez Images uniquement dans le menu contextuel Exporter, puis activez ou dsactivez la case Page
actuelle uniquement. Les pages sont exportes au format dimage dfini dans le panneau Optimisation.
Dans le menu contextuel Exporter, slectionnez la commande Pages vers Fichiers, puis choisissez loption
Images dans le menu contextuel Exporter en tant que. Les pages sont exportes au format dimage dfini dans le panneau Optimisation.
Dans le menu contextuel Exporter, cliquez sur Pages vers Fichiers, puis slectionnez PNG Fireworks dans le
menu contextuel Exporter en tant que. Chaque page est exporte sous la forme dun fichier PNG distinct qui garantit une compatibilit descendante avec Fireworks 8. Remarque : Pour exporter toutes les pages dans le format choisi, slectionnez-les toutes, puis optimisez les paramtres.
UTILISATION DE FIREWORKS
Optimisation et exportation
254
Pour les graphiques Web, le meilleur emplacement est gnralement un dossier du site Web local.
4 Saisissez un nom de fichier sans extension. Une extension est ajoute pendant lexportation selon le type de fichier. 5 Dans le menu contextuel Exporter, slectionnez Images uniquement. 6 Cliquez sur Enregistrer.
Si vous exportez plusieurs tranches, Fireworks utilise le nom entr comme tant le nom racine de tous les graphiques exports, lexception des graphiques auxquels vous avez affect des noms personnaliss dans le panneau Calques ou dans linspecteur des proprits.
UTILISATION DE FIREWORKS
Optimisation et exportation
255
6 Dans le menu contextuel Tranches, choisissez Exporter les tranches. 7 Pour exporter uniquement les tranches slectionnes avant lexportation, choisissez la commande Tranches
slectionnes uniquement, puis vrifiez que loption Inclure les zones sans tranches est dslectionne.
8 Cliquez sur Enregistrer.
Enregistrer.
5 Cliquez sur OK si un message vous demande de remplacer le fichier existant.
Remarque : dans Fireworks, vitez de redimensionner la tranche au-del de sa taille dexportation dorigine car vous risquez dobtenir des rsultats imprvisibles dans le document HTML aprs la mise jour de la tranche.
importer dans Flash. Vous pouvez passer ltape dexportation en important directement dans Flash un fichier source PNG Fireworks. Cette mthode plus directe vous permet dimporter tous les calques et tous les tats de votre animation et de les peaufiner dans Flash (voir la section Utilisation de Flash la page 276).
Fichiers multiples Il est utile dexporter des tats ou calques danimation en tant que fichiers multiples lorsque
diffrents calques comportent de nombreux symboles pour un mme objet. Par exemple, vous pouvez exporter une bannire publicitaire sous la forme de plusieurs fichiers si chaque lettre du nom dune socit est anime dans un graphique (voir la section Exportation dtats ou de calques en tant que fichiers distincts la page 256). Si votre document comporte plusieurs animations, vous pouvez insrer des tranches pour exporter chaque animation en utilisant diffrents paramtres danimation, tels que la lecture en boucle et la cadence des tats.
UTILISATION DE FIREWORKS
Optimisation et exportation
256
panneau Optimisation.
6 Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfonce (Mac OS) sur
chaque tranche exporter individuellement, puis slectionnez Exporter la tranche slectionne. Dans la bote de dialogue Exporter, entrez un nom pour chaque fichier, slectionnez une destination, puis cliquez sur Enregistrer.
Remarque : cette dernire option exporte lensemble des calques de ltat actif.
4 Pour recadrer automatiquement chaque image exporte de manire ninclure que les objets sur chaque tat,
slectionnez loption Rogner les images. Sinon, pour inclure la zone de travail entire (y compris les zones vierges au-del des objets), dsactivez cette option.
5 Cliquez sur Enregistrer.
Remarque : vous pouvez ajuster la position du cadre de slection mesure que vous le dlimitez. Tout en maintenant enfoncs le bouton de la souris et la barre despace, faites glisser le cadre de slection vers lemplacement appropri sur la zone de travail. Relchez la barre despace pour continuer dessiner le cadre de slection. Lorsque vous relchez le bouton de la souris, la zone dexportation reste slectionne.
3 Au besoin, redimensionnez la zone dexportation :
Pour redimensionner proportionnellement le cadre de slection de la zone dexportation, faites glisser une
poigne tout en maintenant la touche Maj enfonce.
Pour redimensionner le cadre de slection en partant de son centre, faites glisser une poigne tout en maintenant
la touche Alt (Windows) ou Option (Mac OS) enfonce.
UTILISATION DE FIREWORKS
Optimisation et exportation
257
Pour redimensionner le cadre de slection en partant de son centre en conservant ses proportions, faites glisser
une poigne tout en maintenant les touches Alt+Maj (Windows) ou Option+Maj (Mac OS) enfonces.
4 Cliquez deux fois lintrieur du cadre de slection de la zone dexportation pour afficher laperu de limage. 5 Dfinissez les paramtres dans laperu de limage, puis cliquez sur Exporter. 6 Entrez un nom de fichier, puis slectionnez un dossier de destination. 7 Dans le menu contextuel Exporter, cliquez sur Images uniquement. 8 Cliquez sur Enregistrer.
Remarque : pour annuler lexportation, cliquez deux fois lextrieur du cadre de slection de la zone dexportation, appuyez sur la touche Echap ou slectionnez un autre outil.
Exporter un fichier HTML que vous pouvez ouvrir plus tard pour le modifier dans un diteur HTML Exporter chaque page dun fichier Fireworks dans un fichier HTML distinct Copier le code HTML dans le Presse-papiers de Fireworks, puis coller directement ce code dans un document
HTML existant
Exporter un fichier HTML, louvrir dans un diteur HTML, copier manuellement des sections de code depuis le
fichier, puis coller ce code dans un autre document HTML
Exporter du code HTML en calques CSS (Cascading Style Sheet) et XHTML Utiliser la commande Mettre jour le code HTML pour modifier un fichier HTML cr prcdemment
Fireworks vous permet dexporter du code HTML aux formats Gnrique, Dreamweaver, Microsoft FrontPage et Adobe GoLive. Remarque : Adobe Dreamweaver est troitement intgr Fireworks. Fireworks gre les exportations de code HTML vers Dreamweaver diffremment des exportations vers dautres diteurs HTML. Si vous exportez du code HTML Fireworks vers Dreamweaver, reportez-vous la section Utilisation de Dreamweaver la page 266. La mthode dexportation permettant de rcuprer dans dautres applications un code HTML gnr par Fireworks est une mthode idale pour le travail en quipe. Cette mthode fractionne le flux de production en segments, ce qui permet une personne dexcuter une tche donne dans une application, puis une autre de prendre la suite ultrieurement dans une autre application.
UTILISATION DE FIREWORKS
Optimisation et exportation
258
Rsultats de lexportation
Lorsque vous exportez ou copiez du code HTML depuis Fireworks, les lments suivants sont gnrs :
Le code HTML ncessaire pour rassembler les images dcoupes et un code JavaScript, si le document contient des
lments interactifs. Le code HTML gnr par Fireworks contient des liens vers les images exportes et utilise la couleur de la zone de travail pour larrire-plan de la page Web.
Un ou plusieurs fichiers dimage, en fonction du nombre de tranches figurant dans votre document et du nombre
dtats de boutons.
Un fichier de sparateurs appel spacer.gif, si ncessaire. Le fichier spacer.gif est un fichier GIF transparent de
1 pixel sur 1 pixel, que Fireworks utilise pour corriger les problmes despacement lorsque les images dcoupes en tranches sont rassembles dans une table HTML. La cration de ce fichier de sparateurs est facultative.
Si vous exportez des menus contextuels, les fichiers suivants sont exports : un fichier mm_css_menu.js et un
fichier .css contenant le code du menu contextuel CSS. Si les menus contextuels contiennent des sous-menus, lapplication exporte galement un fichier arrows.gif.
Lorsque vous exportez ou copiez du code HTML dans Dreamweaver, des fichiers de commentaires sont crs pour
faciliter lintgration entre Fireworks et Dreamweaver. Ces fichiers portent lextension .mno.
Style HTML de longlet Gnral, slectionnez un diteur HTML. Si votre diteur HTML nest pas rpertori, slectionnez Gnrique. Remarque : il est important de slectionner votre diteur HTML comme style HTML de sorte que les lments interactifs, notamment les boutons et les survols, fonctionnent correctement aprs leur importation dans votre diteur HTML.
5 Cliquez sur OK. 6 Dans le menu contextuel HTML, slectionnez Exporter le fichier HTML. 7 Si votre document contient des tranches, dans le menu contextuel Tranches, cliquez sur Exporter les tranches. 8 Pour stocker des images dans un dossier spar, slectionnez la commande Importer les images dans des sous-
dossiers. Vous pouvez slectionner un dossier spcifique ou le dossier Images par dfaut de Fireworks.
9 Si vous exportez un document Fireworks de plusieurs pages, dsactivez la case Page active uniquement de manire
Une fois exports, les fichiers Fireworks saffichent sur votre disque dur. Des images et un fichier HTML sont gnrs lemplacement spcifi dans la bote de dialogue Exporter.
UTILISATION DE FIREWORKS
Optimisation et exportation
259
Pour dcider de la mthode utiliser pour intgrer du code HTML Fireworks dans dautres applications, prenez en compte les inconvnients suivants, conscutifs la copie de code HTML dans le Presse-papiers :
Vous ne pouvez pas enregistrer dimages dans un sous-dossier. Elles doivent se trouver dans le mme dossier que
le fichier HTML dans lequel vous collez le code HTML copi, sauf si vous copiez le code HTML dans Dreamweaver.
Les liens ou chemins utiliss dans les menus contextuels Fireworks sont mapps au disque dur, sauf si vous copiez
le code HTML dans Dreamweaver.
Si vous utilisez un diteur HTML autre que Dreamweaver ou Microsoft FrontPage, le code JavaScript associ aux
boutons, comportements et images survoles est copi mais ne fonctionne pas correctement. Si vous rencontrez ce problme, slectionnez loption Exporter le fichier HTML la place de loption Copier dans le Presse-papiers. Remarque : avant de copier le code HTML, assurez-vous que vous avez slectionn le style HTML appropri et loption Inclure les commentaires HTML dans longlet Gnral de la bote de dialogue Configuration HTML. Copie de code HTML Fireworks laide de loption Copier le code HTML 1 Choisissez Edition > Copier le code HTML.
2 Suivez les tapes proposes par lassistant. Lorsque vous y tes invit, indiquez un dossier de destination des images
exportes. Ce dossier doit tre celui dans lequel se trouve votre fichier HTML. Remarque : si vous comptez coller le code HTML dans Dreamweaver, peu importe le dossier dans lequel vous exportez les images, pourvu quelles se trouvent sur le mme site Dreamweaver que le fichier HTML dans lequel vous allez coller le code. Copie de code HTML Fireworks laide de la bote de dialogue Exporter 1 Choisissez Fichier > Exporter.
2 Dans la bote de dialogue Exporter, spcifiez un dossier de destination pour les images exportes. Ce dossier doit
tre celui dans lequel se trouve votre fichier HTML. Remarque : si vous comptez coller le code HTML dans Dreamweaver, peu importe le dossier dans lequel vous exportez les images, pourvu quelles se trouvent sur le mme site Dreamweaver que le fichier HTML dans lequel vous allez coller le code.
3 Dans le menu contextuel Exporter, slectionnez Documents HTML et Images. 4 Dans le menu contextuel HTML, slectionnez Copier dans le Presse-papiers. 5 Si votre document contient des tranches, dans le menu contextuel Tranches, cliquez sur Exporter les tranches. 6 Cliquez sur le bouton Options, slectionnez votre diteur HTML dans la bote de dialogue Configuration HTML,
Collage de code HTML copi depuis Fireworks dans un document HTML 1 Dans votre diteur HTML, ouvrez un document HTML existant ou crez-en un nouveau. Enregistrez le document dans le mme dossier que celui des images exportes. Remarque : si vous utilisez Dreamweaver, vous ntes pas tenu denregistrer le fichier HTML dans le mme dossier que celui des images exportes. Ds lors que vous exportez des images de Fireworks vers un site Dreamweaver et enregistrez le fichier HTML dans un dossier se trouvant sur ce site, Dreamweaver rsout les chemins vers les images associes.
2 Affichez le code HTML, puis placez le point dinsertion entre les balises <BODY>.
UTILISATION DE FIREWORKS
Optimisation et exportation
260
Remarque : le code HTML copi partir de Fireworks ne contient pas les balises douverture et de fermeture <HTML> et <BODY>.
3 Collez le code HTML.
Si possible, lorsque vous effectuez une copie dans le Presse-papiers, exportez les images leur emplacement sur le site Web. Comme Fireworks utilise des adresses URL relatives aux documents, les liens URL seront rompus si le code HTML ou des images sont dplacs.
Copie de code depuis un fichier Fireworks export et collage dans un autre document HTML
1 Dans lditeur HTML, ouvrez le fichier HTML Fireworks que vous avez export. 2 Slectionnez le code souhait, puis copiez-le dans le Presse-papiers. 3 Ouvrez un document HTML existant ou crez-en un nouveau. 4 Collez le code dans le nouveau fichier HTML. Il nest pas ncessaire de copier les balises <HTML> et <BODY>, qui
doivent normalement dj figurer dans le document HTML de destination. Si vous avez activ loption Inclure les commentaires HTML dans la bote de dialogue Configuration HTML de Fireworks, suivez les instructions fournies dans les commentaires pour copier/coller le code lemplacement appropri.
5 Si votre document Fireworks contient des lments interactifs, copiez le code JavaScript.
Le code JavaScript est entour des balises <SCRIPT> et situ dans la section <HEAD> du document. Copiez et collez lintgralit de la section <SCRIPT>, sauf si le document de destination contient dj une section <SCRIPT>. Dans ce cas, il vous suffit de copier le contenu de la section <SCRIPT> dans la section <SCRIPT> existante en veillant ne pas craser les donnes de cette dernire. Vrifiez galement quaucune fonction JavaScript nest duplique dans la section <SCRIPT> une fois que vous avez copi le code.
Si aucun code HTML gnr par Fireworks nest trouv, cliquez sur OK pour insrer le nouveau code HTML
la fin du document.
UTILISATION DE FIREWORKS
Optimisation et exportation
261
Par contre, si un code HTML gnr par Fireworks est trouv, slectionnez lune des options suivantes, puis
cliquez sur OK :
Remplacer les images et leur code HTML Remplace le code HTML Fireworks prcdent. Mettre jour les images uniquement Ecrase uniquement les images.
5 Lorsque la bote de dialogue Slectionnez le dossier Images saffiche, slectionnez un dossier, puis cliquez
sur Ouvrir.
Pour exporter ltat actif uniquement, slectionnez Etat actif uniquement. Pour exporter la page active uniquement, slectionnez Page active uniquement. Pour choisir le dossier devant recevoir les images, slectionnez Placer les images dans des sous-dossiers.
4 Pour dfinir les proprits de la page HTML, cliquez sur Options. 5 Pour dfinir une image darrire-plan et la faire apparatre en mosaque, cliquez sur Parcourir :
Pour afficher limage une seule fois, slectionnez Pas de rptition. Pour rpter, ou mettre en mosaque, limage lhorizontale et la verticale, slectionnez Rptition. Slectionnez Rpter-x pour former une mosaque horizontale. Pour former une mosaque verticale, slectionnez Rpter-y.
6 Dans le navigateur, slectionnez un alignement de page gauche, au centre ou droite. 7 Cliquez sur le bouton OK, puis sur Enregistrer.
la section Exportation de code HTML la page 257). Remarque : Fireworks utilise le codage UTF-8 lorsque vous exportez un document vers XHTML.
UTILISATION DE FIREWORKS
Optimisation et exportation
262
Choisissez Fichier > Configuration HTML. Cliquez sur le bouton Options de la bote de dialogue Exporter.
2 Dans longlet Gnral, slectionnez les options souhaites.
Style HTML Slectionnez le style du code HTML export.
Le code HTML Gnrique est compatible avec tous les diteurs HTML. Cependant, si le document contient des comportements ou des contenus interactifs, slectionnez un diteur spcifique sil est rpertori dans la liste. Pour exporter un document en appliquant le standard XHTML, slectionnez le style XHTML appropri dans le menu contextuel.
Extension Dans le menu contextuel , slectionnez un nom dextension de fichier ou entrez lextension de votre
choix.
Inclure les commentaires HTML Slectionnez cette option pour inclure des commentaires sur les endroits o copier et coller dans le code HTML. Elle est recommande si le document contient des lments interactifs tels que des boutons, des comportements ou des images survoles. Nom de fichier en minuscules Slectionnez cette option pour vous assurer que les noms du fichier HTML et des
fichiers dimage associs sont composs en minuscules lors de lexportation. Remarque : cette option ne modifie pas la casse de lextension du fichier HTML, si une extension en majuscules a t choisie dans le menu contextuel Extension.
Utiliser une feuille de style CSS pour les menus contextuels Slectionnez cette option pour utiliser une feuille de
style CSS plutt que du code JavaScript pour le menu contextuel. Vous pouvez indexer les menus laide de Dreamweaver, ainsi que mettre jour les liens dans le code.
Ecrire les feuilles de style CSS dans un fichier externe Slectionnez cette option pour que le code CSS soit crit
dans un fichier .css externe export dans le mme emplacement que le fichier HTML. Le nom du fichier .css correspond au nom du fichier HTML ( lexception de lextension du fichier). Activez cette option pour exporter galement un fichier nomm mm_css_menu.js dans le mme emplacement que le fichier HTML.
UTILISATION DE FIREWORKS
Optimisation et exportation
263
Remarque : cette option est disponible uniquement si vous avez slectionn Utiliser une feuille de style CSS pour les menus contextuels.
Crateur de fichiers (Mac OS) Slectionnez une application associe dans le menu contextuel. Lorsque vous cliquez deux fois sur le fichier HTML export sur votre disque dur, il souvre automatiquement dans lapplication spcifie.
3 Sous longlet Table, slectionnez les paramtres requis pour vos tables HTML. Pour plus dinformations, reportez-
vous la section Dfinition du mode dexportation des tables HTML la page 187.
4 Sous longlet Propre au document, slectionnez lune des options suivantes :
Noms des fichiers de tranche Dans les menus contextuels correspondants, slectionnez une formule permettant de
nommer automatiquement les tranches. Vous pouvez utiliser les options par dfaut ou slectionner vos propres options. Important : si vous slectionnez Aucune pour lun des trois premiers menus, Fireworks exporte des fichiers de tranche qui scraseront mutuellement. Vous obtiendrez ainsi un seul graphique export et un tableau affichant ce graphique dans chaque cellule.
Balise ALT par dfaut Saisissez le texte qui doit apparatre la place de toutes les images pendant leur
tlchargement depuis le Web et la place de toute image ne pouvant pas tre tlcharge. Dans certains navigateurs, ce texte peut galement safficher sous forme dinfo-bulle lorsque le pointeur survole limage. Cette fonction constitue galement une aide pour les utilisateurs du Web malvoyants.
Exporter plusieurs fichiers HTML de la barre de navigation ( utiliser sans jeu dimages) Slectionnez cette option pour lexportation dune barre de navigation qui relie plusieurs pages entre elles. Fireworks exporte des pages supplmentaires pour chaque bouton de la barre de navigation. Inclure les zones sans tranches Slectionnez cette option pour inclure les parties de la zone de travail qui ne sont pas recouvertes par des tranches. Utiliser le codage UTF-8 Cette option active par dfaut vous permet dafficher des caractres provenant de
plusieurs jeux de caractres dans le document export. Pour dsactiver cette option, dcochez la case.
5 Pour enregistrer ces paramtres comme paramtres par dfaut globaux, cliquez sur Paramtres par dfaut.
compressions de type JPEG et JPEG2000 sont prfrables pour les images telles que des photographies comportant
UTILISATION DE FIREWORKS
Optimisation et exportation
264
des transitions progressives dune couleur lautre. La compression ZIP est idale pour les illustrations qui comprennent des portions tendues de couleurs en aplat (pleines et unies).
Qualit Pour les compressions de type JPEG et JPEG2000, propose des paramtres de qualit dimage. Si vous
slectionnez Qualit suprieure, vous obtenez un fichier volumineux dont la qualit dimage est bonne.
Convertir en niveaux de gris Convertit toutes les images en niveaux de gris tout en rduisant la taille du fichier. Activer la slection de texte Permet aux rviseurs de copier le texte partir du fichier export. Dslectionnez cette option pour rduire la taille du fichier. Valeur de fond perdu Dtermine la largeur en pixels de la bordure blanche qui dlimite limage sur chaque page.
Une valeur gale 20, par exemple, permet dentourer chaque image dune bordure de 20 pixels.
Utiliser un mot de passe pour ouvrir le document Requiert un mot de passe pour ouvrir le fichier export. Utiliser un mot de passe pour restreindre les tches Requiert un mot de passe pour effectuer les fonctions
Remarque : si les pages de votre document Fireworks prsentent des zones de travail transparentes, les objets auxquels des transparences ont t appliques perdent ces caractristiques lorsque vous exportez le document au format PDF. Pour viter cela, dfinissez un arrire-plan non transparent pour la zone de travail avant lexportation au format PDF.
Remarque : Les objets qui s'tendent en dehors de la zone de travail de Fireworks s'affichent compltement lorsque le fichier FXG export est ouvert dans Flash Catalyst.
UTILISATION DE FIREWORKS
Optimisation et exportation
265
Envoi dun document Fireworks comme pice jointe dun message lectronique
Vous pouvez envoyer un fichier au format PNG Fireworks, JPEG compress ou autre en utilisant les paramtres doptimisation disponibles dans le panneau Optimisation.
1 Choisissez Fichier > Joindre au message lectronique. 2 Slectionnez lune des options suivantes :
PNG Fireworks Joint le document PNG actif un nouveau message lectronique. JPG compress Joint le document actif un nouveau message lectronique en lui appliquant le paramtre doptimisation JPEG Qualit suprieure. Utiliser les paramtres dexportation Joint le document actif un message lectronique en lui appliquant les
paramtres dfinis dans le panneau Optimisation. Remarque : Mozilla, Netscape 6 et Nisus Emailer ne sont pas pris en charge par le systme Macintosh.
266
Utilisation de Dreamweaver
Adobe Dreamweaver et Fireworks reconnaissent et partagent un grand nombre de modifications possibles dans un mme fichier, y compris la modification des liens, des images interactives (cartes-images) et des tranches de table. Par ailleurs, ces deux applications fonctionnent avec un flux de production rationalis pour ldition, loptimisation et linsertion de fichiers graphiques Web dans des pages HTML.
Choisissez Insertion > Image. Cliquez sur le bouton Images: Image dans la catgorie Commun de la barre dinsertion.
3 Accdez limage exporte depuis Fireworks, puis cliquez sur OK.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
267
Dreamweaver.
2 Placez le point dinsertion lemplacement de votre choix dans le document, puis procdez de lune des manires
suivantes :
Choisissez Insertion > Objets image > Espace rserv pour limage. Cliquez sur le menu contextuel Images : Image dans la catgorie Commun de la barre Insrer, puis slectionnez
Espace rserv pour limage.
3 Entrez le nom, les dimensions, la couleur et le texte secondaire de lespace rserv pour limage.
Slectionnez lespace rserv pour limage, puis cliquez sur Crer dans linspecteur des proprits. Tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfonce, cliquez deux fois sur lespace
rserv pour limage.
Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfonce (Mac OS),
puis cliquez sur Cration dimage dans Fireworks. Fireworks souvre avec un document vide exactement de la mme taille que lespace rserv pour limage. La partie suprieure de la fentre Document indique que vous modifiez une image transfre depuis Dreamweaver.
5 Crez une image dans Fireworks, puis cliquez sur Termin. 6 Spcifiez un nom et un emplacement pour le fichier PNG source.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
268
sur Enregistrer. Lorsque vous revenez dans Dreamweaver, lespace rserv pour limage initialement slectionn est remplac par la nouvelle image ou le nouveau tableau Fireworks.
Choisissez Insertion > Objets image > HTML Fireworks. Cliquez sur le menu contextuel Images : Image dans la catgorie Commun de la barre Insrer, puis slectionnez
HTML Fireworks.
5 Dans la bote de dialogue qui saffiche, cliquez sur Parcourir pour slectionner le fichier HTML Fireworks souhait. 6 (Facultatif) Cliquez sur Supprimer fichier aprs insertion pour dplacer le fichier HTML vers la Corbeille
(Windows) ou le supprimer dfinitivement (Mac OS) une fois lopration termine. Cette option naffecte pas le fichier source PNG associ au fichier HTML.
7 Cliquez sur OK pour insrer le code HTML, avec les images, les tranches et le code JavaScript qui lui sont associs,
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
269
Remarque : cette mthode ne fonctionne quavec Dreamweaver. Elle ne fonctionne pas avec les autres diteurs HTML.
Copiez le code HTML dans le Presse-papiers depuis Fireworks, puis collez-le directement dans un document
Dreamweaver. Vous pouvez ouvrir dans Dreamweaver un fichier HTML Fireworks export puis copier et coller les sections appropries dans un autre document Dreamweaver.
Fireworks met jour le code HTML et JavaScript dans le document Dreamweaver. Fireworks exporte galement les images mises jour associes au code HTML et les place dans le dossier de destination indiqu. Remarque : si Fireworks ne trouve pas de code HTML correspondant mettre jour, vous pouvez insrer du nouveau code HTML dans le document Dreamweaver. La section JavaScript du nouveau code est place au dbut du document, et le tableau HTML ou le lien vers limage est insr la fin.
Slectionnez ou crez un dossier intitul Bibliothque dans votre site Dreamweaver comme emplacement des fichiers. Le nom respecte la casse. Remarque : Dreamweaver ne reconnat pas le fichier export comme lment de bibliothque sil nest pas enregistr dans le dossier Library.
3 Tapez un nom de fichier. 4 (Facultatif) Lorsque votre image comporte des tranches, slectionnez les options correspondantes. 5 Slectionnez Placer les images dans des sous-dossiers pour choisir un dossier distinct pour recevoir les images
enregistrer.
6 Cliquez sur Enregistrer.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
270
Slectionnez limage souhaite. (Linspecteur des proprits identifie la slection comme tant une image
Fireworks et affiche le nom du fichier source PNG associ cette image.) Dans linspecteur des proprits, cliquez ensuite sur Modifier.
Tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfonce, cliquez deux fois sur limage
modifier.
Cliquez avec le bouton droit (Windows) ou en maintenant la touche Ctrl enfonce (Mac OS) sur limage voulue,
puis, dans le menu contextuel, cliquez sur Modifier avec Fireworks.
3 Lorsque le programme vous y invite, indiquez si vous dsirez que le fichier source Fireworks de limage place soit
ouvert.
4 Modifiez limage dans Fireworks.
ou JPEG utilis par Dreamweaver et enregistrer le fichier source PNG si un fichier source a t slectionn. Remarque : lorsque vous ouvrez une image depuis le panneau Site de Dreamweaver, lditeur par dfaut correspondant ce type dimage ouvre le fichier. Cet diteur est dfini dans les prfrences de Dreamweaver. Lorsque les images sont ouvertes depuis cet emplacement, Fireworks nouvre pas le fichier PNG dorigine. Pour utiliser les fonctions dintgration de Fireworks, ouvrez les images dans la fentre Document de Dreamweaver.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
271
Modification dun tableau Fireworks plac dans Dreamweaver Remarque : avant de modifier des tableaux Fireworks dans Dreamweaver, vous devez au pralable excuter quelques tches de lancement et de modification. Pour plus dinformations, reportez-vous la section Dfinition des options de lancement et de modification la page 272.
1 Dans Dreamweaver, choisissez Fentre > Proprits pour ouvrir linspecteur des proprits. 2 Procdez de lune des manires suivantes pour ouvrir le fichier PNG source dans la fentre de document :
Cliquez dans le tableau, puis sur la balise TABLE dans la barre dtat afin de slectionner lensemble du tableau.
(Linspecteur des proprits identifie la slection comme tant un tableau Fireworks et affiche le nom du fichier source PNG associ ce tableau.) Dans linspecteur des proprits, cliquez ensuite sur Modifier.
Slectionnez une image dans le tableau, puis cliquez sur Modifier dans linspecteur des proprits. Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfonce (Mac OS)
sur limage, puis, dans le menu contextuel, cliquez sur Modifier avec Fireworks.
3 Apportez les modifications dans Fireworks.
Dreamweaver reconnat et conserve toutes les modifications apportes au tableau dans Fireworks.
4 Une fois le tableau modifi, cliquez sur Termin dans la fentre de document.
Cette opration exporte les fichiers HTML et des tranches dimages du tableau en utilisant les paramtres doptimisation en cours, met jour le tableau plac dans Dreamweaver et enregistre le fichier source PNG. Remarque : vous pouvez obtenir un message derreur Dreamweaver si vous imbriquez un autre tableau dans le tableau original gnr par Fireworks, puis essayez de le modifier laide de Roundtrip dans Dreamweaver. Pour plus dinformations, consultez la note technique (TechNote) 19231 sur le site Web dAdobe.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
272
Dfinition du texte de la barre dtat Dfinition de limage de la barre de navigation Menu contextuel
Remarque : Fireworks ne prend pas en charge les comportements non natifs, y compris les comportements ct serveur.
Slectionnez la commande Commandes > Optimiser limage. Cliquez sur le bouton Optimiser de linspecteur des proprits. Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfonce (Mac OS),
puis, dans le menu contextuel, slectionnez Optimiser dans Fireworks.
2 Si un message vous y invite, indiquez si vous souhaitez ouvrir le fichier source Fireworks de limage place. 3 Apportez les modifications dans la bote de dialogue Aperu avant exportation :
Pour modifier les paramtres doptimisation, cliquez sur longlet Options. Pour modifier la taille et la zone de limage exporte, cliquez sur longlet Fichier. Si vous changez les dimensions
de limage dans Fireworks, vous devez redfinir la taille de limage dans linspecteur des proprits lorsque vous revenez dans Dreamweaver.
Pour modifier les paramtres danimation de limage, cliquez sur longlet Animation.
4 Une fois limage modifie, cliquez sur OK pour exporter limage, la mettre jour dans Dreamweaver et enregistrer
le fichier PNG. Si vous avez modifi le format de limage, le vrificateur de liens de Dreamweaver vous invite mettre jour les rfrences cette image.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
273
Plus (+), recherchez lapplication Fireworks sur votre disque dur, puis cliquez sur Ouvrir.
4 Cliquez sur Rendre Principal. 5 Rptez les tapes 2 4 pour dfinir Fireworks comme diteur principal pour les autres types de fichiers
dimage Web.
Dfinition des prfrences de lancement et de modification pour les fichiers sources Fireworks
Les prfrences de lancement et de modification Fireworks permettent de dfinir la manire dont les fichiers sources PNG sont traits lorsque vous ouvrez des fichiers Fireworks depuis une autre application.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
274
Dreamweaver reconnat les prfrences de lancement et de modification Fireworks uniquement lorsque vous ouvrez et optimisez une image qui ne fait pas partie dun tableau Fireworks et qui ne contient pas de chemin de Design Note correct vers un fichier PNG source. Dans tous les autres cas, y compris dans les cas de lancement et de modification dimages Fireworks, Dreamweaver ouvre automatiquement le fichier source PNG ; si Dreamweaver ne trouve pas lemplacement de ce fichier, un message vous invite le spcifier.
1 Dans Fireworks, choisissez Edition > Prfrences (Windows) ou Fireworks > Prfrences (Mac OS). 2 Cliquez sur la catgorie Lancer et modifier, puis dfinissez les options comme vous le souhaitez.
Pour plus dinformations, reportez-vous la section Prfrences de lancement et de modification la page 314.
Remarque : les commandes Gestion de fichiers sont actives dans Fireworks uniquement si votre document rside dans un dossier de site Dreamweaver pour lequel un serveur distant est dfini. Vous pouvez les utiliser uniquement pour des fichiers rsidant sur des sites qui utilisent les mthodes de transport Local/Rseau et FTP. Vous ne pouvez pas transfrer les fichiers des sites utilisant des mthodes de transport SFTP ou tierces comme SourceSafe, WebDAV et RDS du site distant vers Fireworks et inversement.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
275
images).
2 Dans la fentre Resources (Ressources), slectionnez limage Fireworks que vous avez exporte. 3 Pour insrer limage Fireworks dans votre document HomeSite, procdez de lune des manires suivantes :
Faites glisser le fichier de la fentre Resources (Ressources) vers lemplacement slectionn dans le code HTML,
sous longlet Edit (Modifier) de la fentre de document.
Dans longlet Edit (Modifier) de la fentre de document, placez le point dinsertion lendroit o insrer limage
Fireworks, cliquez ensuite avec le bouton droit de la souris sur le fichier dans la fentre Resources (Ressources), puis slectionnez loption Insert as Link (Insrer comme lien). Un lien vers limage Fireworks est cr dans le code HTML. Cliquez sur longlet Parcourir pour afficher laperu de limage dans le document HomeSite.
Copie de code HTML Fireworks dans le Presse-papiers pour lutiliser dans HomeSite
Copiez le code HTML gnr par Fireworks dans le Presse-papiers depuis Fireworks, puis collez ce code dans un document HomeSite. Toutes les images requises sont exportes lemplacement que vous spcifiez.
Copiez le code HTML dans le Presse-papiers depuis Fireworks, puis collez directement ce code dans un nouveau
document HomeSite.
Copie du code dun fichier Fireworks export et collage du code dans HomeSite
Exportez un fichier HTML Fireworks, puis copiez et collez le code souhait dans un document HomeSite existant.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
276
Cliquez avec le bouton droit de la souris sur le fichier dimage dans lun des onglets Fichiers de la fentre des
ressources.
Cliquez avec le bouton droit de la souris sur longlet Vignettes de la fentre Rsultat. Cliquez avec le bouton droit de la souris sur la balise img associe dans le code HTML affich dans longlet Edit
(Modifier) de la fentre de document.
3 Dans le menu contextuel, cliquez sur Edit In Fireworks (Modifier dans Fireworks).
plus dinformations sur les fichiers source PNG dans Fireworks, consultez lAide de Fireworks.
5 Modifiez limage dans Fireworks.
La fentre de document indique que vous modifiez une image Fireworks depuis une autre application.
6 Une fois les modifications termines, cliquez sur Termin dans la fentre Document.
Limage mise jour est rexporte vers HomeSite, et le fichier source PNG est enregistr si un fichier source a t slectionn.
Utilisation de Flash
Vous pouvez facilement importer, copier et coller ou exporter des objets vectoriels, des objets bitmap, des
animations et des graphiques de boutons multi-tats Fireworks pour les utiliser dans Adobe Flash.
Le texte TLF de Flash est copi en tant qu'image bitmap vide dans Fireworks sous Windows. Conversion du texte
TLF en texte ASCII et importation de ce dernier dans Fireworks.
La fonction de lancement et de modification permet de modifier aisment des graphiques Fireworks dans Flash.
Lorsque vous utilisez Flash, les prfrences de lancement et de modification dfinies dans Fireworks sont toujours appliques.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
277
Le style HTML Flash ne prend pas en charge le code de menus contextuels. Les comportements de boutons
Fireworks et dautres lments dinteractivit ne sont pas imports dans Flash.
Slectionnez loption Importer sous la forme dune image bitmap aplatie. Dans les deux menus contextuels, slectionnez une option dimportation.
7 Slectionnez le mode dimportation du texte. 8 Cliquez sur OK.
Remarque : les options slectionnes dans la bote de dialogue Importer un document Fireworks sont enregistres et utilises comme paramtres par dfaut.
un nouveau calque Flash qui prend le nom du fichier PNG. Un tat cl est cr dans le nouveau calque lemplacement de ltat actif, la premire page du fichier PNG tant place dans cet tat sous forme de clip, et toutes les autres pages places dans les tats suivants sous forme de clips (squences). La hirarchie des calques et des tats au sein du fichier PNG est prserve.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
278
Importer la page 1 dans ltat actif sous forme de clip Le contenu de la page slectionne est import sous forme de
clip plac dans ltat et le calque actifs du fichier Flash. La hirarchie des calques et des tats au sein du fichier PNG est prserve.
Importer toutes les pages dans de nouvelles squences sous forme de clips Importe toutes les pages du fichier PNG et
mappe chacune delles dans une nouvelle squence sous forme de clip. Les calques et les tats au sein des pages sont prservs. Si des squences existent dj dans le fichier Flash, la procdure dimportation ajoute les nouvelles squences la suite des squences existantes.
Importer la page 1 dans un nouveau calque La page slectionne est importe sous forme de nouveau calque. Les tats sont imports dans le scnario en tant qutats distincts.
vectoriels, sauf sils contiennent des fonds, des contours ou des effets non pris en charge par Flash. Pour conserver laspect de tels objets, Flash les convertit en images bitmap non modifiables.
Importer sous forme de tracs modifiables Permet de conserver le caractre modifiable de tous les objets vectoriels. Si
les objets contiennent des fonds, des contours ou des effets que Flash ne prend pas en charge, les proprits peuvent se prsenter diffremment aprs importation. Options dimportation de texte
Importer au format bitmap pour prserver lapparence Permet de conserver le caractre modifiable du texte, sauf sil
contient des fonds, des contours ou des effets non pris en charge par Flash. Pour conserver laspect du texte, Flash les convertit en image bitmap non modifiable. Remarque : Le texte TLF de Flash est copi en tant qu'image bitmap vierge dans Fireworks.
Rendre tout le texte modifiable Permet de conserver le caractre modifiable de lensemble du texte. Si les objets texte
contiennent des fonds, des contours ou des effets que Flash ne prend pas en charge, les objets peuvent se prsenter diffremment aprs importation.
dans Flash.
4 Dans la fentre Importer un document Fireworks, slectionnez une option Dans :
Etats actifs sous forme de clip Le contenu coll est import sous forme de clip, celui-ci tant plac dans ltat et le
calque actifs du fichier Flash. La hirarchie des calques et des tats au sein du fichier PNG est prserve.
Nouveau calque Le contenu coll est import sous forme de nouveau calque. Les tats sont imports dans le
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
279
Remarque : les options slectionnes dans la bote de dialogue Importer un document Fireworks sont enregistres et utilises comme paramtres par dfaut.
Dossier de la page 2
Page 2 Symbole 1 de la page 2 (pour une page ne contenant aucun tat) ...
Dossier de gabarit
Gabarit Symbole 1 du gabarit ... Dossier des calques partags // Calques partags entre les pages Dossier de calque partag // Nomm en fonction du calque partag Symbole du calque partag
Si un symbole utilise une mise lchelle en 9 tranches, les quatre repres de dcoupe sont imports et conservs
dans Flash. La mise lchelle en 9 tranches nest toutefois pas prserve pour les animations. Les symboles imports sont enregistrs en tant que symboles dans la bibliothque Flash.
Les modifications logicielles appliques aux symboles enrichis sont perdues. La copie matresse (originale) du
symbole est importe.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
280
Les symboles graphiques enrichis sont stocks sous la forme dun fichier PNG et dun fichier JSF. Seul le fichier
PNG est import. Si le symbole est compos de plusieurs tracs, ceux-ci sont combins en un seul symbole.
Pour bnficier pleinement de la fonctionnalit complte du symbole enrichi dans Flash, vous devez le remplacer
par la version Flash du symbole.
taille est mapp sur flouX, flouY distance est mapp sur distance couleur est mapp sur couleur angle est mapp sur 180 - (angle deffet Photoshop)
Effet dynamique Photoshop - Ombre interne Leffet est mapp comme suit :
taille est mapp sur flouX, flouY distance est mapp sur distance couleur est mapp sur couleur angle est mapp sur 180 - (angle deffet Photoshop)
Effet dynamique Photoshop - Lueur externe Leffet est mapp comme suit :
opacit est mapp sur intensit couleur est mapp sur couleur taille est mapp sur flouX, flouY
Effet dynamique Photoshop - Lueur interne Leffet est mapp comme suit :
opacit est mapp sur intensit couleur est mapp sur couleur taille est mapp sur flouX, flouY Les objets comportant des effets de calque Photoshop autres que ceux indiqus ci-dessus sont pixelliss.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
281
Bien que PNG soit le format de fichier natif de Fireworks, les fichiers graphiques PNG exports depuis Fireworks sont diffrents des fichiers sources PNG que vous enregistrez dans Fireworks. Comme les fichiers GIF ou JPEG, les fichiers PNG exports contiennent uniquement des donnes dimages, sans informations complmentaires relatives aux tranches, calques, lments dinteractivit, filtres dynamiques ou autres contenus modifiables. Exportation de graphiques et danimations Fireworks sous forme de fichiers SWF Les graphiques et les animations Fireworks peuvent tre exports sous forme de fichiers SWF Flash. Pour conserver les paramtres dpaisseur et de couleur du contour, slectionnez Conserver lapparence dans la bote de dialogue Options dexportation Flash SWF. Les lments de mise en forme suivants sont perdus lors de lexportation au format SWF : mode de fusion, calques, masques (appliqus avant exportation), tranches, cartes-images, comportements, motifs et dgrads de contour.
1 Choisissez Fichier > Enregistrer sous. 2 Entrez un nom de fichier, puis choisissez un dossier de destination. 3 Slectionnez Adobe Flash SWF pour le format. 4 Cliquez sur le bouton Options, puis slectionnez une option Objets :
Conserver les tracs Permet de conserver le caractre modifiable des tracs. Les effets et la mise en forme sont
perdus.
Conserver laspect Permet de convertir les objets vectoriels en objets bitmap et de conserver laspect des contours
perdus.
Convertir en tracs Permet de convertir le texte en tracs tout en conservant le crnage ou lespacement personnalis dans Fireworks. Le caractre modifiable du texte est perdu.
6 Dfinissez la qualit des images JPEG avec le curseur contextuel Qualit JPEG. 7 Slectionnez les tats exporter et leur cadence en secondes. 8 Cliquez sur OK, puis sur Enregistrer dans la bote de dialogue Exporter.
Exportation de fichiers PNG 8 bits avec transparence Pour exporter les fichiers PNG 32 bits avec transparence, importez simplement les fichiers sources PNG Fireworks dans Flash. Pour exporter les fichiers PNG 8 bits avec transparence, procdez comme suit :
1 Dans Fireworks, choisissez Fentre > Optimisation pour ouvrir le panneau Optimisation. 2 Slectionnez le format de fichier dexportation PNG 8 et loption Transparence alpha dans le menu contextuel
Transparence.
3 Choisissez Fichier > Exporter. 4 Slectionnez Images uniquement dans le menu contextuel Type. 5 Donnez un nom au fichier, et enregistrez-le.
Importation dans Flash de graphiques et danimations Fireworks exports 1 Crez un document dans Flash. Remarque : si vous importez un graphique Fireworks dans un fichier Flash existant, crez un nouveau calque dans Flash.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
282
2 Choisissez Fichier > Importer, puis recherchez le graphique ou lanimation. 3 Cliquez sur Ouvrir pour importer le fichier.
Remarque : si cette commande ne saffiche pas dans le menu contextuel, slectionnez Modifier avec et recherchez lapplication Fireworks.
3 Cliquez sur Oui dans la zone Recherche de la source pour rechercher le fichier PNG dorigine du graphique
Fireworks exporte un nouveau fichier graphique dans Flash et enregistre le fichier PNG dorigine.
Voir aussi
Prfrences de lancement et de modification la page 314
Utilisation dIllustrator
Le partage de graphiques vectoriels entre Fireworks et Adobe Illustrator est un jeu denfants. Laspect des objets peut varier dune application lautre, car Fireworks ne partage pas entirement les mmes fonctions avec toutes les applications vectorielles.
Utilisation dIllustrator
Fireworks assure une prise en charge de limportation de fichiers natifs Illustrator (AI) CS2 et versions ultrieures, et propose des options permettant de conserver de nombreux aspects des fichiers imports, notamment les calques et les motifs. Les images lies, en revanche, ne sont pas importes. Vous pouvez importer des images Illustrator dans Fireworks afin de les modifier et de les optimiser pour le Web. Vous pouvez galement exporter des fichiers Illustrator depuis Fireworks. Les fonctions suivantes sont prserves lors de limportation de fichiers Illustrator :
Points de Bzier Le nombre et la position des points de Bzier seront prservs.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
283
Couleurs Les couleurs sont prserves autant que possible lors de limportation de contenu AI dans Fireworks.
Fireworks prend uniquement en charge le schma RVB. Les autres schmas sont automatiquement convertis en RVB 8 bits avant dtre imports dans Fireworks.
Attributs de texte : Copiez du texte dIllustrator vers Fireworks en toute transparence sans en modifier laspect.
Police Corps Couleur Gras Italique Alignement (A gauche, A droite, Au centre, Justifier) Orientation (Horizontale, De gauche droite verticalement, De droite gauche verticalement) Interlettrage Position des caractres (Normal, Exposant, Indice) Crnage automatique Paires de crnage
Pour importer rapidement un texte spcifique dans un fichier Illustrator, copiez-le directement dans Fireworks. Le texte copi conserve tous ses attributs textuels.
Fonds en dgrad Les dgrads sont imports sous forme de dgrads Fireworks natifs. Tous les points de la rampe
du dgrad sont prservs. Les valeurs dopacit associes aux remplissages de dgrad sont galement prserves limportation.
Images Les fichiers AI Illustrator peuvent contenir des fichiers imports aux formats suivants : PDF, BMP, EPS, GIF,
JPEG, JPEG2000, PICT, PCX, PCD, PSD, PXR, PNG, TGA et TIFF. Les images incorpores sont importes dans Fireworks en tant quimages pixellises. Fireworks ne peut cependant pas ouvrir les fichiers AI Illustrator contenant des images lies, telles quEPS et AI.
Masques dcrtage Fireworks prend en charge limportation des masques dcrtage contenant des tracs et des
Fireworks.
Motifs Les motifs sont imports en tant que mosaque individuelle. Cette mosaque est importe en tant que motif natif dans Fireworks ; ce motif est ensuite affect lobjet de dessin. Contours Les contours sont imports sous forme de groupes multiples (un groupe par trac ferm). Symboles Les symboles sont imports sous forme dobjets de groupe normaux.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
284
Transparence Fireworks importe lopacit de lobjet correctement, prservant ainsi les paramtres de transparence de
Adobe Illustrator contenant plusieurs plans de travail si vous souhaitez importez ceux-ci individuellement. Lorsque vous importez un fichier Adobe Illustrator contenant plusieurs plans de travail, le menu Page de la bote de dialogue Options de fichier vectoriel est activ. Slectionnez le plan de travail importer dans le menu Page. Chaque plan de travail dIllustrator est mapp une page dans Fireworks. Les plans de travail 1, 2, 3 du fichier Adobe Illustrator, par exemple, saffichent sous la forme 1, 2, 3 dans le menu Page.
Ouverture du fichier Illustrator dans Fireworks Pour ouvrir tous les plans de travail dun fichier Illustrator, slectionnez Fichier > Ouvrir et ouvrez le fichier concern. Tous les plans de travail tant imports sous forme de pages distinctes, les options Conversion de fichiers de la bote de dialogue Options de fichier vectoriel sont dsactives.
Remarque : Les options de conversion de fichiers sont dsactives lorsque vous importez des fichiers Illustrator crs dans les version antrieures CS3 ou contenant un seul plan de travail.
Utilisation de Photoshop
Fireworks importe les fichiers Photoshop (PSD) natifs en conservant la plupart de leurs fonctions propres ce format. Vous pouvez galement exporter les graphiques Fireworks vers Photoshop pour les retoucher avec prcision.
Voir aussi
Prfrences dimportation et douverture de fichiers Photoshop la page 313
Les masques de calques individuels sont convertis en masques dobjets dans Fireworks. Les masques de groupe ne
sont pas pris en charge.
Les masques dcrtage sont convertis en masques dobjet, mais leur apparence est quelque peu modifie. Si vous
souhaitez privilgier laspect par rapport au caractre modifiable des objets, slectionnez la prfrence Masques dcrtage.
Les modes de fusion des calques sont convertis en modes de fusion pour les objets Fireworks, si une correspondance
peut tre tablie.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
285
Les effets de calque sont conservs par dfaut. Si vous prfrez convertir ces effets en filtres dynamiques
correspondants, slectionnez la prfrence Effets de calque. Toutefois, laspect des effets et filtres similaires peut lgrement varier.
La premire couche alpha de la palette Couches est convertie en zones transparentes dans limage Fireworks.
Fireworks ne prend pas en charge les autres couches alpha de Photoshop.
Tous les modes et profondeurs de couleur Photoshop sont convertis au format RVB 8 bits.
Faites glisser une image ou un fichier Photoshop dans un document Fireworks ouvert. Choisissez Fichier > Ouvrir ou Fichier > Importer, puis slectionnez un fichier Photoshop (PSD).
2 Cliquez sur le bouton Ouvrir. 3 Dans la bote de dialogue qui saffiche, dfinissez les options dimage, puis cliquez sur OK. 4 Si vous utilisez la commande Fichier > Importer, un curseur en forme de L invers apparat. Dans la zone de travail,
Voir aussi
Prfrences dimportation et douverture de fichiers Photoshop la page 313
loption Afficher laperu pour afficher un aperu de la composition slectionne. La zone de texte Commentaires affiche les commentaires provenant du fichier Photoshop.
3 Dans le menu contextuel du bas, choisissez le type douverture de limage Photoshop dans Fireworks :
Conserver le caractre modifiable du calque plutt que lapparence Prserve la structure de calques et le caractre
modifiable du texte autant que possible, sans nuire laspect de limage. Si le fichier inclut des fonctions non prises en charge par Fireworks, ce logiciel prserve laspect du document en fusionnant et en pixellisant les calques. Voici quelques exemples :
Les calques CMJN, les calques de rglage et les calques utilisant une option de masquage sont fusionns avec les
calques sous-jacents.
Les calques utilisant des effets de calques non pris en charge peuvent tre fusionns, selon le mode de fusion du
calque et la prsence de pixels transparents.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
286
Conserver lapparence du calque Photoshop Aplatit tous les objets de chaque calque Photoshop et convertit
chacun deux en objet bitmap. Vous naurez plus la possibilit de modifier les calques Photoshop dans Fireworks. Les groupes de calques sont cependant conservs.
Utiliser les prfrences personnalises Importe le fichier en utilisant les paramtres de conversion de fichier personnaliss indiqus dans la bote de dialogue Prfrences (Voir Prfrences dimportation et douverture de fichiers Photoshop la page 313.) Aplatir les calques Photoshop en une seule image Importe le fichier Photoshop sous la forme dune image aplatie sans calques. Le fichier converti ne conserve aucun objet individuel. Lopacit est conserve mais nest plus modifiable.
4 Si vous avez utilis la commande Fichier > Importer, vous pouvez slectionner les options suivantes :
Inclure le calque darrire-plan Importe les objets situs sur le calque darrire-plan de limage. Importer dans un nouveau dossier Importe limage dans un nouveau dossier de calque nomm Importation
Photoshop.
5 Si vous avez utilis la commande Fichier > Ouvrir ou fait glisser le fichier Photoshop dans Fireworks, vous pouvez
Voir aussi
Prfrences dimportation et douverture de fichiers Photoshop la page 313
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
287
Qualit dimportation Presque parfait. Presque parfait. Presque parfait. Correspondance approximative (mappage rectangulaire) Correspondance approximative (mappage conique)
Dgrad Linaire Concentrique Barreaux Rectangulaire Conique Ellipse Ondes Etoile filante Contour, satin, vagues
Qualit dexportation Presque parfait. Presque parfait. Presque parfait. Correspondance approximative (mappage losange) Correspondance approximative (mappage angle) Correspondance approximative (mappage concentrique) Correspondance approximative (mappage concentrique) Correspondance imparfaite (mappage forme clate) Correspondance imparfaite (mappage linaire)
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
288
La bote de dialogue de slection de dossier Windows ou Mac OS saffiche. Remarque : si la bote de dialogue ne saffiche pas, cliquez sur Parcourir.
4 Accdez au dossier dinstallation des filtres et modules externes Photoshop ou tiers, puis cliquez sur le bouton
Voir aussi
Prfrences des modules externes la page 314
Slectionner (Windows) ou Choisir (Mac OS). Cliquez sur OK, si le message qui saffiche vous demande si vous voulez relancer Fireworks.
4 Relancez Fireworks pour charger les filtres et les modules externes.
Remarque : vous pouvez galement installer des modules externes directement dans le dossier Plug-Ins de Fireworks.
convertit le texte en calques de texte Photoshop modifiables. Slectionnez cette option si vous dsirez modifier limage dans Photoshop et navez pas besoin de conserver laspect exact de limage Fireworks.
Prserver laspect de Fireworks Convertit chaque objet en calque Photoshop isol, mais les effets et le texte ne
peuvent plus tre modifis. Slectionnez cette option si vous dsirez garder le contrle des objets Fireworks dans Photoshop tout en conservant laspect original de limage Fireworks.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
289
Fichier Photoshop plus petit Aplatit chaque calque en une seule image au rendu complet. Slectionnez cette option si vous exportez un fichier contenant un grand nombre dobjets Fireworks. Personnalis Permet de slectionner des paramtres spcifiques pour les objets, les effets et le texte.
Remarque : Photoshop 5.5 et les versions antrieures ne permettent pas douvrir les fichiers comportant plus de 100 calques. Vous devez supprimer ou fusionner les objets lorsque le document Fireworks exporter comporte plus de 100 objets.
sur Options.
2 Dans le menu contextuel Paramtres, slectionnez Personnaliss. 3 Dans le menu contextuel Objets, choisissez lune des options suivantes :
Convertir en calques Photoshop Convertit chaque objet Fireworks en calque Photoshop et chaque masque
en calque Photoshop. Si vous slectionnez cette option, vous naurez plus la possibilit de modifier les objets de Fireworks dans Photoshop. Vous perdez galement dautres fonctions (modes de fusion) qui sont associes aux objets de Fireworks.
4 Dans le menu contextuel Effets, choisissez lune des options suivantes :
Conserver le caractre modifiable Convertit les filtres dynamiques Fireworks en leur quivalent Photoshop. Les effets qui nexistent pas dans Photoshop sont ignors. Rendu des effets Aplatit les effets avec les objets auxquels ils sappliquent. Si vous slectionnez cette option, vous
conservez laspect des effets mais navez plus la possibilit de les modifier dans Photoshop.
5 Dans le menu contextuel Texte, choisissez lune des options suivantes :
Conserver le caractre modifiable Convertit le texte en un calque Photoshop modifiable. La mise en forme de texte non prise en charge par Photoshop est alors perdue. Rendu du texte Transforme le texte en un objet image. Si vous slectionnez cette option, vous conservez laspect du texte mais navez plus la possibilit de le modifier.
Utilisation de Director
Fireworks permet dexporter des contenus graphiques et interactifs vers Director. Cela permet aux utilisateurs de Director de tirer parti des outils doptimisation et de conception graphique de Fireworks sans compromettre la qualit.
Le processus dexportation conserve les comportements et les tranches du graphique. Vous pouvez exporter les images dcoupes en tranches avec des survols.
Remarque : le style HTML Director ne prend pas en charge le code de menus contextuels.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
290
5 Pour recadrer automatiquement les images exportes afin de pouvoir placer les objets dans chaque tat,
Remarque : lemplacement et le nom de cette commande de menu peuvent tre diffrents selon votre version de Director.
2 Recherchez le fichier HTML Fireworks que vous avez export pour Director.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
291
3 (Facultatif) Modifiez les options de la bote de dialogue Ouvrir le fichier HTML Fireworks.
Couleur Permet de dfinir une profondeur de couleur pour les graphiques imports. Sils contiennent une transparence, slectionnez Couleur 32 bits. Enregistrement Permet de dfinir le point denregistrement des graphiques imports. Importation de comportements de survol en code Lingo Convertit les comportements Fireworks en code Lingo. Importation selon scnario Place les acteurs dans le scnario aprs limportation.
Le graphique et le code du fichier HTML Fireworks sont imports. Remarque : si vous importez une animation Fireworks, faites glisser les tats cls dans Director pour dcaler le dlai de chaque calque import, si ncessaire.
Remarque : pour dfinir Fireworks en tant quditeur externe des graphiques bitmap, dans Director, choisissez Fichier > Prfrences > Editeurs et slectionnez Fireworks. Le fichier souvre dans Fireworks, et la partie suprieure de la fentre de document indique que vous modifiez un fichier provenant de Director.
3 Apportez les modifications requises, puis cliquez sur Termin.
Fireworks exporte le nouveau graphique vers Director. Lintgration de lancement et de modification permet de modifier les acteurs Director en dmarrant Fireworks pour les modifier depuis Director. Vous pouvez galement dmarrer Fireworks depuis Director pour optimiser les acteurs.
sur Termin.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
292
Pour ajouter des mtadonnes, reportez-vous la section Ajout de mtadonnes laide de la bote de
dialogue Informations la page 292.
Pour crer des catgories de mtadonnes, reportez-vous la section Utilisation de modles de mtadonnes
la page 293.
Pour importer des mtadonnes depuis un fichier XML existant, reportez-vous la section Importation de
mtadonnes dans un document la page 294.
Utilisez les flches droite et gauche pour faire dfiler les onglets, ou cliquez sur la flche pointant vers le bas et choisissez une catgorie dans la liste.
Description Permet dentrer des informations sur le fichier, notamment le titre du document, lauteur, la
description et les mots-cls qui peuvent tre utiliss pour rechercher le document. Pour spcifier des informations de copyright, slectionnez la commande Copyright dans le menu contextuel Etat du copyright. Ensuite, entrez le dtenteur de ce copyright, le texte de ce copyright et lURL de la personne ou de la socit dtentrice du copyright.
IPTC Comprend quatre zones : Contenu IPTC : dcrit le contenu visuel de limage. Contact IPTC : liste les
informations de contact du photographe. Image IPTC : liste les informations descriptives de limage. Etat IPTC : liste les informations du flux de production et de copyright.
Donnes de la camra Comprend deux zones : Donnes de la camra 1 : affiche des informations en lecture seule
sur lappareil photo et les paramtres utiliss pour prendre la photo, notamment la marque, le modle, la vitesse dobturation et le rglage douverture maximum. Donnes de la camra 2 : liste des informations de fichier en lecture seule sur la photo, notamment les dimensions des pixels et la rsolution.
Donnes vido Liste des informations sur le fichier vido, notamment la largeur et la hauteur de limage vido, et
permet dentrer des informations telles que le nom de la cassette et le nom de la scne.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
293
Donnes audio Permet dentrer des informations sur le fichier audio, notamment le titre, lartiste, le dbit et les paramtres de lecture en boucle. SWF mobile Liste des informations sur les fichiers de supports mobiles, notamment le titre, lauteur, la description
et le type de contenu.
Catgories Permet dentrer des informations selon les catgories Associated Press. Origine Permet dentrer des informations de fichier utiles pour les organes de presse, notamment la date et
lendroit o le fichier a t cr, les donnes de transmission, les instructions spciales et les gros titres.
DICOM Liste les informations sur les patients, les tudes, les sries et les quipements des images DICOM. Historique Affiche les donnes du journal dhistorique Adobe Photoshop pour les images enregistres avec
4 Entrez les informations ajouter aux champs affichs. 5 Cliquez sur le bouton OK pour appliquer les modifications.
Choisissez Outils > Crer un modle de mtadonnes. Choisissez Crer un modle de mtadonnes dans le menu du panneau Mtadonnes.
2 Saisissez un nom dans le champ Nom de modle. 3 Slectionnez les mtadonnes inclure dans le modle partir des champs de la bote de dialogue Crer un modle
de mtadonnes, puis entrez les valeurs des mtadonnes dans les diffrents champs. Remarque : si vous slectionnez une option de mtadonnes et laissez le champ correspondant vide, Adobe Bridge efface les mtadonnes existantes lorsque vous appliquez le modle.
4 Cliquez sur Enregistrer.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
294
Enregistrement des mtadonnes en tant que fichier XMP dans la bote de dialogue Informations
1 Choisissez Fichier > Informations. 2 Choisissez Exporter dans le menu contextuel situ en bas de la bote de dialogue. 3 Tapez un nom de fichier, dfinissez lemplacement du fichier, puis cliquez sur Enregistrer.
Choisissez Outils > Crer un modle de mtadonnes. Cliquez sur le menu contextuel dans le coin suprieur
droit de la bote de dialogue Crer un modle de mtadonnes, puis choisissez Afficher le dossier de modles.
Choisissez Fichier > Informations. Cliquez sur le menu contextuel situ en bas de la bote de dialogue
Informations, puis choisissez Afficher le dossier de modles.
2 Slectionnez le modle que vous souhaitez supprimer et appuyez sur la touche Suppr. ou faites-le glisser vers la
corbeille.
Ajouter des mtadonnes (suivies du nom du modle) Cette commande applique les mtadonnes du modle
uniquement lorsquil nexiste aucune valeur ou proprit de mtadonnes dans le fichier.
Remplacer des mtadonnes (suivies du nom du modle) Cette commande remplace lintgralit des
mtadonnes existantes du fichier par celles du modle.
Choisissez Outils > Modifier un modle de mtadonnes (suivi du nom du modle). Choisissez Modifier un modle de mtadonnes (suivi du nom du modle) dans le menu du panneau
Mtadonnes.
2 Entrez de nouvelles valeurs pour les mtadonnes de tous les champs. 3 Cliquez sur Enregistrer.
Remarque : pour pouvoir importer des mtadonnes partir dun modle, vous devez dabord enregistrer un modle de mtadonnes.
4 Spcifiez la manire dont vous voulez importer les donnes :
Remplacement des proprits existantes par celles du modle Remplace toutes les mtadonnes du fichier par
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
295
Conservation des mtadonnes dorigine, mais remplacement des proprits correspondantes partir du modle
Remplace uniquement les mtadonnes ayant des proprits diffrentes dans le modle.
Conservation des mtadonnes dorigine, mais ajout de proprits correspondantes partir du modle (Par
dfaut) Applique des mtadonnes du modle uniquement lorsquil nexiste aucune valeur ou proprit de mtadonnes dans le fichier.
5 Cliquez sur OK. 6 Accdez au fichier texte XMP, puis cliquez sur Ouvrir.
Priphriques de test. La couleur darrire-plan de la page est utilise comme couleur darrire-plan de laperu. Si larrire-plan est transparent, larrire-plan de laperu est blanc. Lorsque vous affichez laperu du document, utilisez les diffrentes options de Device Central. Pour plus de dtails, consultez le didacticiel vido sur Adobe TV.
souhaitez crer le document Fireworks. Remarque : Slectionnez Utiliser la taille personnalise pour crer un document Fireworks dont la taille ne correspond pas exactement celle spcifie dans le panneau du priphrique. Modifiez les valeurs en fonction des besoins.
3 Cliquez sur Crer. 4 Un document de la taille slectionne saffiche dans Fireworks.
UTILISATION DE FIREWORKS
Utilisation de Fireworks avec dautres applications
296
vous souhaitez crer le document Fireworks. Remarque : Lorsque vous slectionnez des priphriques de diffrentes tailles, Device Central les regroupe par taille. Ces groupes sont affichs dans le panneau Prrglages de tailles correspondantes.
3 Dans le panneau Prrglages de tailles correspondantes, slectionnez le groupe pour lequel vous souhaitez crer un
document Fireworks.
4 Cliquez sur Crer. 5 Un document de la taille slectionne saffiche dans Fireworks.
297
Recherche et remplacement
La fonction Rechercher et remplacer permet de rechercher et de remplacer des lments (texte, URL, polices et
couleurs). Cette fonction peut tre applique au document actif ou un groupe de fichiers.
La commande Rechercher et remplacer ne fonctionne quavec des fichiers PNG Fireworks ou des fichiers contenant
des objets vectoriels, tels que les fichiers Adobe FreeHand et Adobe Illustrator.
A B
Exemple 1
1 Tapez K2Editor dans l'objet texte. 2 Slectionnez Edition > Rechercher et remplacer. 3 Slectionnez Expressions rgulires. 4 Dans la zone Rechercher, entrez (\w+)Editor. 5 Dans la zone Remplacer, entrez $1Soft. 6 Cliquez sur Remplacer tout.
Exemple 2
1 Tapez IndyCar=3500:WRCar=2000 dans l'objet texte. 2 Dans la bote de dialogue Rechercher et remplacer, recherchez (\w{4})(\w{3})=\d+:\w+\2=\d+\d
UTILISATION DE FIREWORKS
Automatisation des tches
298
Choisissez Fentre > Rechercher. Choisissez Edition > Rechercher et remplacer. Appuyez sur les touches Ctrl+F (Windows) ou Cmde+F (Mac OS).
Remarque : si les fichiers que vous slectionnez sont verrouills ou archivs depuis un site Adobe Dreamweaver, vous tes invit les dverrouiller ou les extraire avant de continuer.
3 Dans le menu contextuel Rechercher, slectionnez la source dans laquelle la recherche doit seffectuer. 4 Dans le menu contextuel Rechercher, slectionnez lattribut rechercher. Dfinissez les options de lattribut
Recherche slectionn.
5 Slectionnez une option Rechercher et remplacer.
Remarque : lorsque vous remplacez automatiquement des objets dans plusieurs fichiers, ces fichiers sont enregistrs ; cette opration est irrversible.
remplacement. Seuls les documents dj actifs restent ouverts. Remarque : si loption Enregistrer et fermer les fichiers est dsactive et que vous traitez un grand nombre de fichiers par lots, Fireworks peut se trouver court de mmoire et annuler le traitement par lots.
3 Slectionnez lune des options Sauvegarder les fichiers originaux suivantes :
Pas de copies Effectue une recherche et un remplacement sans sauvegarder la version originale des fichiers. Le fichier modifi remplace alors le fichier original. Ecraser les copies existantes Cre et conserve une seule copie de sauvegarde de chaque fichier modifi par une opration de recherche/remplacement. Si vous effectuez par la suite de nouvelles oprations de recherche/remplacement, le fichier original prcdent remplace toujours la copie de sauvegarde. Les copies de sauvegarde sont stockes dans un sous-dossier intitul Fichiers originaux. Sauvegardes incrmentielles Conserve toutes les copies de sauvegarde des fichiers modifis au cours doprations de recherche/remplacement. Les fichiers originaux sont alors dplacs dans le sous-dossier Fichiers originaux du dossier actuel, et un chiffre incrmentiel est ajout la suite de leur nom. Si vous effectuez de nouvelles oprations de recherche/remplacement, le fichier original est copi dans le dossier Fichiers originaux, et le chiffre suprieur suivant est ajout son nom de fichier. Par exemple, la copie de sauvegarde dun fichier portant le nom Dessin.png
UTILISATION DE FIREWORKS
Automatisation des tches
299
est nomme Dessin-1.png lors de la premire opration de recherche/remplacement. La deuxime fois, le fichier de sauvegarde est renomm Dessin-2.png, etc.
4 Cliquez sur OK.
Vous pouvez affiner la recherche en dfinissant des corps de police minimum et maximum.
3 Indiquez la police de remplacement, son style et son corps.
et de contour.
Toutes les proprits Permet deffectuer une opration de recherche/remplacement sur les couleurs de fond, de
contour et deffet.
Fonds Permet deffectuer une opration de recherche/remplacement sur une couleur de fond, lexception des fonds motifs. Contours Permet deffectuer une opration de recherche/remplacement sur les couleurs de contour uniquement. Effets Permet deffectuer une opration de recherche/remplacement sur les couleurs deffet uniquement.
UTILISATION DE FIREWORKS
Automatisation des tches
300
3 Saisissez lURL de remplacement. 4 (Facultatif) Slectionnez dautres options pour affiner la recherche :
Expressions rgulires Permet deffectuer une recherche conditionnelle sur une partie de mot ou de nombre.
Loption Rechercher non Web216 ne permet pas de rechercher ou remplacer les pixels dans les objets images.
Conversion dune slection de fichiers dans un autre format Conversion dune slection de fichiers dans le mme format avec dautres paramtres doptimisation Mise lchelle des fichiers exports Recherche et remplacement de texte, de couleurs, dURL, de polices et de couleurs non Web216 Changement des noms des groupes de fichiers par une combinaison quelconque dajout de prfixe, dajout de
suffixe, de remplacement de sous-chane et de remplacement de blancs
Les fichiers peuvent se trouver dans diffrents dossiers. Vous pouvez inclure les documents ouverts dans le lot. Vous pouvez enregistrer le script de traitement par lots afin de lutiliser ultrieurement sans ajouter de fichier.
Remarque : si les fichiers que vous slectionnez sont verrouills ou archivs depuis un site Dreamweaver, vous tes invit les dverrouiller ou les extraire avant de continuer.
UTILISATION DE FIREWORKS
Automatisation des tches
301
2 Cliquez dans la bote de dialogue Lot (Windows) ou Traitement par lots (Mac OS) pour slectionner les fichiers
ajouter ou supprimer :
Ajouter Ajoute les fichiers et dossiers slectionns la liste de fichiers traiter dans le mme lot. Si vous
slectionnez un dossier, tous les fichiers valides et lisibles de ce dossier sont ajouts au traitement par lots. Remarque : les fichiers valides sont les fichiers qui ont t crs, nomms et enregistrs. Si la dernire version dun fichier na pas t enregistre, il vous est demand de le faire pour permettre au traitement par lots de continuer. Si vous nenregistrez pas le fichier, le traitement par lots est interrompu.
Tout ajouter Ajoute tous les fichiers valides du dossier slectionn la liste de fichiers traiter dans le mme lot. Supprimer Supprime les fichiers slectionns de la liste de fichiers traiter dans le mme lot.
3 Pour ajouter tous les fichiers ouverts, slectionnez Inclure les fichiers ouverts.
Ces fichiers sont inclus dans le traitement, bien quils napparaissent pas dans la liste des fichiers traiter par lots.
4 Cliquez sur Suivant, puis procdez de lune ou des deux des manires suivantes :
Pour ajouter une tche au lot, slectionnez-la dans la liste Options de traitement par lots, puis cliquez
sur Ajouter.
Pour rorganiser la liste, slectionnez la tche dans la liste Inclure dans le lot, puis cliquez sur les boutons flchs
Haut et Bas. Remarque : les tches Exporter et Renommer sont toujours effectues en dernier. Les autres tches sont effectues dans lordre dans lequel elles apparaissent.
5 Pour voir les options supplmentaires de cette tche, slectionnez une tche dans la liste Inclure dans le lot. 6 Slectionnez les paramtres de chaque option supplmentaire. Pour supprimer une tche de la liste, cliquez sur
Supprimer.
7 Cliquez sur Suivant.
UTILISATION DE FIREWORKS
Automatisation des tches
302
A la fin du traitement par lots, un message vous indique si des fichiers ajouts au lot nont pas t traits. Remarque : un fichier journal nomm FireworksBatchLog.txt est cr pendant le traitement par lots. Le fichier journal se trouve lemplacement suivant :
1 Dans la liste Options de traitement par lots, slectionnez Exporter, puis cliquez sur Ajouter. 2 Dans le menu contextuel Paramtres, slectionnez lune des options suivantes, puis cliquez sur OK :
Slectionnez Utiliser les paramtres de tous les fichiers afin de conserver les paramtres dexportation
prcdents de chaque fichier pendant le traitement par lots. Par exemple, les fichiers qui rsultent du traitement par lots dun dossier contenant des fichiers GIF et JPEG demeurent au format GIF ou JPEG. Fireworks utilise la palette et les paramtres de compression dorigine pour lexportation de chaque fichier.
UTILISATION DE FIREWORKS
Automatisation des tches
303
Slectionnez la commande Personnaliser ou cliquez sur le bouton Modifier pour modifier les paramtres dans
la bote de dialogue Aperu de limage.
Slectionnez un paramtre prdfini dexportation, par exemple GIF Web 216 ou JPEG - Qualit suprieure.
Tous les fichiers sont convertis avec ce paramtre.
vous indiquez nuit_ , le fichier Soleil_levant.gif est renomm nuit_Soleil_levant.gif lors de son traitement par lots.
Ajouter un suffixe Permet dentrer un texte ajouter la fin du nom de chaque fichier et avant son extension. Par
exemple, si vous indiquez _jour , le fichier Soleil_levant.gif est renomm Soleil_levant_jour.gif lors de son traitement par lots. Remarque : chaque nom de fichier modifi, vous pouvez appliquer une combinaison des commandes Remplacer, Remplacer les blancs par, Ajouter un prfixe et Ajouter un suffixe. Par exemple, vous pouvez remplacer Temp par Fte , supprimer tous les blancs et ajouter un prfixe et un suffixe en une seule opration.
3 Cliquez sur Suivant pour continuer le traitement par lots.
maximales spcifies. Slectionnez Mise lchelle de la zone pour uniformiser un groupe dimages en vignettes de taille gale.
Mise lchelle avec ce pourcentage Modifie la taille des images en fonction du pourcentage indiqu.
3 (Facultatif) Si vous slectionnez Mise lchelle de la zone, slectionnez galement loption Mettre uniquement
UTILISATION DE FIREWORKS
Automatisation des tches
304
Loption Remplacement par lots affecte uniquement les formats de fichier suivants : Fireworks PNG, Illustrator et FreeHand. Elle ne permet pas dintervenir sur les fichiers GIF et JPEG.
1 Dans la liste Options de traitement par lots, slectionnez Rechercher et Remplacer, puis cliquez sur Ajouter. 2 Cliquez sur Edition. 3 Slectionnez le type dattribut rechercher et remplacer. 4 Dans la zone Rechercher, entrez ou slectionnez llment spcifique rechercher. 5 Dans la zone Remplacer par, entrez ou slectionnez llment spcifique de remplacement. 6 Cliquez sur OK pour enregistrer les paramtres de recherche/remplacement. 7 Cliquez sur Suivant pour continuer le traitement par lots.
Remarque : par ailleurs, certaines commandes ne peuvent fonctionner pendant un traitement par lots. Slectionnez des commandes pouvant tre excutes dans le document sans quil soit ncessaire de slectionner un objet.
UTILISATION DE FIREWORKS
Automatisation des tches
305
1 Slectionnez lemplacement du dossier de sortie du traitement par lots. 2 Slectionnez Sauvegardes pour dfinir vos options de sauvegarde. 3 Slectionnez le type de sauvegarde des fichiers :
Ecraser les copies existantes Remplace les ventuels fichiers de sauvegarde prcdents. Sauvegardes incrmentielles Conserve une copie de tous les fichiers de sauvegarde. Lors dun nouveau traitement par lots, un chiffre incrmentiel est ajout la suite du nom de chaque nouvelle copie de sauvegarde.
Remarque : si loption Sauvegardes nest pas active, le traitement par lots crase le fichier initial si le fichier de sortie porte le mme nom et est enregistr dans le mme format. Toutefois, si le traitement par lots comporte un changement de format de fichier, le fichier initial nest ni dplac ni effac.
Remarque : lemplacement exact de ce dossier varie. Les dossiers Commands sont situs dans le dossier Configuration du dossier de lapplication Fireworks et dans votre dossier Fireworks de profil utilisateur spcifique.
3 Cliquez sur Enregistrer.
Dans Fireworks, choisissez Commandes > Excuter un script. En dehors de Fireworks, cliquez deux fois sur le nom de fichier du script enregistr sur le disque dur.
UTILISATION DE FIREWORKS
Automatisation des tches
306
Faites glisser licne du fichier de script vers licne de bureau Fireworks. Faites glisser licne du fichier de script dans un document Fireworks ouvert.
Remarque : si vous faites glisser plusieurs fichiers de scripts et plusieurs fichiers graphiques sur licne de Fireworks, les fichiers graphiques sont traits plusieurs fois, une fois pour chaque script.
Extension de Fireworks
Une extension dsigne un script de commandes, un panneau de commandes, une bibliothque, un filtre, un motif, une texture ou une forme automatique, qui complte les fonctionnalits de Fireworks. Fireworks est livr avec Adobe Extension Manager, un programme qui permet dinstaller, de grer et de supprimer aisment des extensions. Le menu Commandes propose plusieurs extensions par dfaut. Si vous matrisez JavaScript, vous pouvez crer vos propres extensions Fireworks. Vous pouvez galement utiliser larchitecture Fireworks Cross Product Communication pour permettre aux applications crites en ActionScript et C++ de contrler Fireworks. Pour plus dinformations, consultez lAide Extension de Fireworks. Lorsque vous installez ou crez des extensions, notez les points suivants :
Lorsque vous installez une extension ou crez une commande personnalise, Fireworks la place dans le
menu Commandes.
Les extensions tierces sont stockes dans des sous-dossiers du dossier Configuration, dans le dossier de lapplication
Fireworks.
Les commandes stockes dans le dossier Command Panels en tant que fichiers SWF sont disponibles sous forme
de panneaux dans le menu Fentre.
Les commandes que vous crez et enregistrez laide du panneau Historique sont stockes dans votre dossier
utilisateur Commands.
Pour plus d'informations concernant les extensions de Fireworks, consultez l'aide d'Extension Manager et le site de
Fireworks Exchange www.adobe.com/go/learn_fw_exchange_fr.
Choisissez Commandes > Grer les extensions. Choisissez Aide > Grer les extensions.
Extension Manager CS5. Pour des exemples de fichiers MXI, consultez les fichiers MXI du dossier Configuration sou l'emplacement d'installation d'Adobe Fireworks CS5.
UTILISATION DE FIREWORKS
Automatisation des tches
307
2 Dans la balise <files>, effectuez ce qui suit : a Dans l'attribut <filename>, spcifiez le nom des fichiers qui sont prsents localement et doivent tre inclus dans
le package MXP.
b Dans l'attribut <destination>, spcifiez l'emplacement de l'ordinateur de l'utilisateur o les fichiers doivent
tre installs.
3 Choisissez Commandes > Grer les extensions. 4 Dans Adobe Extension Manager, slectionnez Fichier > Extension MXP du package. 5 Slectionnez le fichier MXI. 6 Spcifiez un emplacement pour le fichier MXP. 7 Double-cliquez sur le fichier MXP cr l'emplacement spcifi. Les fichiers mentionns dans le fichier MXI sont
ajouts l'emplacement spcifi dans le fichier. Par exemple, si vous souhaitez ajouter un ensemble de fichiers STL dans Fireworks, spcifiez l'emplacement des fichiers STL sous la forme $Fireworks\First Run\Styles dans le fichier MXI. Lorsque vous excutez un fichier MXP cr au moyen d'un fichier MXI, les fichiers STL sont installs cet emplacement. Les Styles sont accessibles au moyen du panneau Styles dans Fireworks aprs avoir ferm, puis activ nouveau l'application.
Scripts
Cration de scripts avec le panneau Historique
Le panneau Historique enregistre la liste de toutes vos actions dans Fireworks. Chaque tape est stocke sur une ligne distincte du panneau Historique, dans lordre chronologique inverse (en commenant par la plus rcente). Par dfaut, le panneau conserve la trace des vingt dernires tapes. Vous pouvez cependant modifier cette valeur tout moment. Vous pouvez enregistrer des groupes dtapes dans le panneau Historique sous forme de commandes rutilisables. Les commandes enregistres ne sont pas propres un document en particulier. Vous pouvez ainsi les utiliser dans tout document Fireworks. Les commandes enregistres sont stockes en tant que fichiers JSF dans le dossier Commands de votre dossier Fireworks de profil utilisateur spcifique. Vous pouvez tout moment excuter des commandes ou une slection dactions enregistres dans le panneau Historique.
Cliquez sur une tape, puis maintenez la touche Maj enfonce et cliquez sur une autre tape pour slectionner
une srie dtapes enregistrer comme commande.
Cliquez tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfonce pour slectionner des tapes
non contigus.
2 Cliquez sur le bouton Enregistrer les tapes sous forme de commande, en bas du panneau Historique. 3 Indiquez le nom de la commande, puis cliquez sur OK.
UTILISATION DE FIREWORKS
Automatisation des tches
308
Faites glisser le marqueur dannulation vers le haut du panneau jusqu la dernire tape annuler ou rpter. Cliquez sur la piste du curseur dans la partie gauche du panneau Historique.
Remarque : les tapes annules restent dans le panneau Historique, mais elles apparaissent grises.
Remarque : plus ce nombre dtapes est lev, plus la mmoire vive de lordinateur est sollicite.
Effacer des tapes permet de librer de la mmoire et de lespace sur le disque dur. Vous ne pouvez pas annuler des modifications apportes des tapes effaces.
Les tapes marques dun X ne peuvent pas tre rptes ni rexcutes. Des lignes de sparation indiquent quun objet diffrent a t slectionn. Les commandes cres partir dtapes qui traversent une ligne de sparation peuvent produire des rsultats imprvisibles.
UTILISATION DE FIREWORKS
Automatisation des tches
309
Pour consulter la documentation sur lAPI JavaScript, reportez-vous la section Extension de Fireworks.
Dans Fireworks, choisissez la commande Commandes > Grer les commandes enregistres. Slectionnez
ensuite la commande, puis cliquez sur Supprimer.
Sur votre disque dur, supprimez le fichier JSF associ la commande dans le dossier Commands de votre dossier
Fireworks de profil utilisateur spcifique. Remarque : pour renommer ou supprimer une commande fournie avec Fireworks ou tlcharge partir dAdobe Exchange, ouvrez Extension Manager.
UTILISATION DE FIREWORKS
Automatisation des tches
310
3 Crez un document dans un diteur de texte. 4 Collez les tapes dans le nouveau document texte, puis apportez-y les modifications ncessaires. 5 Enregistrez le script, puis fermez-le. 6 Copiez le script dans le dossier Commands du disque dur.
Les commandes enregistres directement dans le dossier Commands ou le panneau Historique apparaissent
instantanment dans le menu Commandes.
Les commandes enregistres dans le dossier Command Panels sont disponibles dans le menu Fentre
uniquement aprs le redmarrage de Fireworks.
311
Prfrences gnrales
Options du document Pour ouvrir lapplication directement dans lespace de travail, dslectionnez Afficher lcran de dmarrage. Pour conserver les dimensions de contour et deffets lorsque vous redimensionnez des objets, dslectionnez Mise lchelle des contours et des effets. Enregistrement des fichiers : Ajouter des icnes daperu (Mac OS uniquement) Permet dafficher ou de masquer les vignettes des fichiers PNG Fireworks prsents sur le disque dur. Lorsque cette option est dslectionne, Fireworks affiche licne standard des fichiers PNG Fireworks. Les modifications sont appliques une fois la sauvegarde du fichier effectue. Nombre dannulations maximal Permet de dfinir un nombre dtapes dannulation/de rtablissement compris entre 0 et 1 009. Ce paramtre sapplique la fois la commande Edition > Annuler et au panneau Historique. Un nombre dtapes lev peut solliciter davantage de mmoire. Interpolation Choisissez lune des quatre mthodes de mise lchelle utilises par Fireworks pour interpoler les pixels lors des mises lchelle dimages :
Linterpolation bicubique, mthode par dfaut, produit les rsultats les plus nets et de la meilleure qualit dans la
plupart des cas.
Linterpolation bilinaire permet dobtenir des rsultats plus nets que linterpolation adoucie, mais moins nets que
linterpolation bicubique.
Linterpolation adoucie, qui tait utilise par Fireworks 1, produit un lger flou et limine les dtails nets. Elle est
utile lorsque les autres produisent des artefacts.
Linterpolation au plus proche produit des bords dentels avec des contrastes marqus sans flou. Leffet est
semblable celui du zoom avant ou arrire sur une image.
Couleurs par dfaut Slectionnez les couleurs par dfaut utilises pour les contours, les fonds et les tracs en
surbrillance. Les options Contour et Fond ne modifient pas automatiquement les couleurs dans le panneau Outils. Ces options permettent de modifier les couleurs par dfaut du panneau Outils.
Espace de travail Pour rduire automatiquement des panneaux ancrs lorsque vous cliquez hors de ces derniers,
UTILISATION DE FIREWORKS
Prfrences et raccourcis clavier
312
Prfrences de modification
Les prfrences de modification agissent sur laspect du pointeur et les indicateurs visuels pour les objets bitmap.
Supprimer les objets pendant le recadrage Supprime dfinitivement les pixels ou les objets situs en dehors du cadre
de slection lorsque vous recadrez un document ou que vous redimensionnez lespace de travail. Cette option est uniquement valide pour les objets bitmap.
Supprimer les tracs lors de la conversion en rectangle de slection Supprime dfinitivement le trac une fois quil a
plusieurs pointes, le curseur prend par dfaut la forme dune croix. Lorsque cette option et la prfrence Curseurs prcis sont dsactives, le curseur affiche licne des diffrents outils.
Curseurs prcis Permet de remplacer les pointeurs des diffrents outils par un pointeur en croix. Dsactiver "Masquer les bords" Dsactive loption Masquer les bords lorsque la slection change. Afficher laperu de loutil Plume Fournit un aperu du segment de trac suivant que vous allez crer dun clic avec
loutil Plume.
Points pleins Affiche les points slectionns en gris ; les points dslectionns sont pleins. Surbrillance souris Met en surbrillance les lments slectionns en cliquant avec le bouton de la souris. Aperu du glissement Affiche laperu du nouvel emplacement dobjet lors dune opration de glissement. Afficher les poignes du fond Permet de modifier les fonds lcran. Choisir la distance Spcifie la distance (de 1 10 pixels) respecter entre un objet et le pointeur pour pouvoir effectuer
la slection.
Mise lchelle en 9 tranches Dissocie automatiquement les formes automatiques lorsque vous utilisez loutil Mise
lchelle en 9 tranches sans afficher la bote de dialogue de confirmation pour dissocier ces formes.
dobjets.
Distance de magntisme Dtermine la distance (de 1 10 pixels) partir de laquelle lobjet que vous dplacez saccroche la grille ou au repre. Loption Distance de magntisme est disponible lorsque loption Accrocher aux grilles ou Accrocher aux repres est slectionne. Paramtres de la grille Modifie la taille (en pixels) des cellules dune grille. Entrez des valeurs dans les zones
Prfrences de texte
Interlignage, dcalage vertical Modifie la valeur dincrment des raccourcis clavier associs.
UTILISATION DE FIREWORKS
Prfrences et raccourcis clavier
313
Pour crer une liste complte de raccourcis relatifs au texte, reportez-vous la section Cration dun feuille de rfrence pour le jeu de raccourcis actuel la page 316.
Afficher les noms de police en anglais Remplace les caractres asiatiques dans les menus de police.
Remarque : cette modification nest prise en compte quaprs avoir redmarr Fireworks.
Taille daperu de la police Indique la taille du point des exemples de police proposs dans les menus. Nombre de polices rcentes Dtermine le nombre maximal de polices utilises rcemment, rpertories au-dessus de la sparation dans les menus de polices.
Remarque : cette modification nest prise en compte quaprs avoir redmarr Fireworks.
Police par dfaut Dsigne la police de substitution utilise pour les polices du document qui font dfaut votre
systme.
nest pas slectionne, Fireworks ajoute chaque calque dans un tat distinct. Cette option est utile lorsque vous importez des fichiers que vous souhaitez utiliser en tant quanimations.
Images bitmap avec effets modifiables Permet de modifier les effets des images bitmap lors de limportation. Vous ne
modifier la mise en forme du texte (barr, exposant, indice et trait dunion automatique par exemple). De mme, vous ne pouvez pas sparer les ligatures du texte source.
Images bitmap fusionnes Importe les calques de texte sous la forme dimages fusionnes que vous ne pouvez pas
modifier.
Tracs et effets modifiables Permet de modifier les calques de formes et leurs effets associs. Images bitmap fusionnes Importe les calques de formes sous la forme dimages fusionnes que vous ne pouvez pas
modifier.
Images bitmap fusionnes avec effets modifiables Importe les calques de formes sous la forme dimages fusionnes tout en permettant la modification des effets qui leur sont associs. Effets de calques Remplace les effets dynamiques Photoshop par des filtres Fireworks similaires. Masques de trac dcrtage Pixellise et supprime les masques dcrtage tout en conservant laspect. Dslectionnez cette option si vous souhaitez modifier ces masques dans Fireworks. Cependant, leur aspect est diffrent par rapport Photoshop.
UTILISATION DE FIREWORKS
Prfrences et raccourcis clavier
314
dorigine saffiche lorsque vous utilisez Fireworks pour retoucher des images dans dautres applications.
Lors de loptimisation dun document partir dune application externe Dtermine si le fichier PNG Fireworks
dorigine saffiche lorsque vous optimisez un graphique. Ce paramtre ne sapplique pas Director, qui affiche et optimise automatiquement un graphique sans demander de spcifier le fichier source PNG, mme si cette prfrence est dfinie diffremment dans Fireworks.
2 Indiquez la faon dont vous souhaitez modifier les images Fireworks places dans des applications externes :
Toujours utiliser le format PNG source Ouvre automatiquement le fichier PNG Fireworks dfini dans la Design
Note comme source de limage importe. Des mises jour sont effectues dans le fichier source PNG ainsi que dans limage place correspondante.
Ne jamais utiliser le fichier PNG source Ouvre automatiquement limage Fireworks importe, quil existe ou non un fichier PNG source. Les mises jour ne sappliquent qu limage place. Demander lors du lancement Vous permet de spcifier chaque fois si le fichier source PNG doit tre ouvert.
Lorsque vous modifiez ou optimisez une image importe, vous devez dcider du type dimage lancer et modifier. Vous pouvez galement dfinir des prfrences de lancement et de modification globales depuis cette invite.
Lemplacement exact de ce fichier varie dun systme un autre. Voir Localisation du fichier de prfrences Fireworks la page 317.
3 Relancez Fireworks.
UTILISATION DE FIREWORKS
Prfrences et raccourcis clavier
315
5 Dans la liste Commandes, slectionnez la commande dont vous souhaitez modifier le raccourci. 6 Cliquez dans la zone de texte Appuyer sur la touche, et appuyez sur les touches souhaites pour dfinir le nouveau
UTILISATION DE FIREWORKS
Prfrences et raccourcis clavier
316
UTILISATION DE FIREWORKS
Prfrences et raccourcis clavier
317
Fireworks modifie les fichiers de configuration spcifiques lutilisateur mais pas les fichiers de configuration matres lors de lenregistrement de la plupart des paramtres, car de nombreux utilisateurs nont pas accs tous les fichiers sur les systmes multi-utilisateur. Les utilisateurs disposant des autorisations daccs de niveau administrateur peuvent personnaliser des fonctions pour tous les autres utilisateurs en modifiant les fichiers de configuration matres. Sauvegarde dun fichier de configuration matre pour tous les utilisateurs Enregistrez ou faites glisser une copie du fichier lemplacement appropri dans le dossier de lapplication Fireworks.
Sous Windows, les prfrences sont enregistres dans votre dossier Fireworks de profil utilisateur spcifique. Sous Mac OS, elles se trouvent dans le dossier Bibliothque/Prfrences de votre dossier utilisateur. Pour plus
dinformations sur lemplacement de votre dossier utilisateur sous Mac OS, consultez lAide dApple. Remarque : sous Mac OS, les fichiers de configuration Fireworks spcifiques lutilisateur se trouvent pour la plupart dans votre dossier de profil utilisateur Application Support, lexception du fichier de prfrences de Fireworks CS5.
contenu du module.