Utilisation de Fireworks Marques commerciales Afterburner, AppletAce, Attain, Attain Enterprise Learning System, Attain Essentials, Attain Objects for Dreamweaver, Authorware, Authorware Attain, Authorware Interactive Studio, Authorware Star, Authorware Synergy, Backstage, Backstage Designer, Backstage Desktop Studio, Backstage Enterprise Studio, Backstage Internet Studio, Contribute, Design in Motion, Director, Director Multimedia Studio, Doc Around the Clock, Dreamweaver, Dreamweaver Attain, Drumbeat, Drumbeat 2000, Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, FreeHand Graphics Studio, Generator, Generator Developer’s Studio, Generator Dynamic Graphics Server, Knowledge Objects, Knowledge Stream, Knowledge Track, LikeMinds, Lingo, Live Effects, MacRecorder Logo and Design, Macromedia, Macromedia Contribute, Macromedia Coursebuilder for Dreamweaver, Macromedia M Logo & Design, Macromedia Flash, Macromedia Xres, Macromind, Macromind Action, MAGIC, Mediamaker, Multimedia is the Message, Object Authoring, Power Applets, Priority Access, Roundtrip HTML, Scriptlets, SoundEdit, ShockRave, Shockmachine, Shockwave, shockwave.com, Shockwave Remote, Shockwave Internet Studio, Showcase, Tools to Power Your Ideas, Universal Media, Virtuoso, Web Design 101, Whirlwind et Xtra sont des marques de Macromedia, Inc. et peuvent être déposées aux Etats-Unis ou dans d’autres juridictions, y compris au niveau international. D’autres noms de produits, logos, concepts, titres, mots ou phrases mentionnés dans cette publication peuvent être des marques commerciales, des marques de service ou des noms commerciaux de Macromedia, Inc. ou d’autres entités et peuvent être déposés dans certains juridictions y compris au niveau international. Ce guide contient des liens vers les sites Web de tierces parties qui ne sont pas contrôlées par Macromedia, qui n’est pas responsable du contenu de sites liés. Vous accédez à ces sites sous votre propre responsabilité. Macromedia mentionne ces liens pour faciliter votre travail et l’inclusion de ces liens n’implique pas que Macromedia approuve le contenu de ces sites tiers ou en accepte la responsabilité. Dénégation de responsabilité d’Apple APPLE COMPUTER, INC. N’ASSUME AUCUNE GARANTIE, IMPLICITE OU EXPLICITE, SUR LE LOGICIEL INFORMATIQUE CI-INCLUS, SA COMMERCIABILITE OU SON ADEQUATION A UN OBJECTIF PARTICULIER. L’EXCLUSION DES GARANTIES IMPLICITES N’ETANT PAS AUTORISEE DANS CERTAINS ETATS, L’EXCLUSION CI-DESSUS PEUT DONC NE PAS S’APPLIQUER A VOTRE CAS. CETTE GARANTIE VOUS OFFRE DES DROITS JURIDIQUES SPECIFIQUES. VOUS POUVEZ DISPOSER DE CERTAINS AUTRES DROITS, QUI VARIENT SELON LES ETATS. Copyright © 2003 Macromedia, Inc. Tous droits réservés. This manual may not be copied, photocopied, reproduced, translated, or converted to any electronic or machine-readable form in whole or in part without prior written approval of Macromedia, Inc. Part Number ZFW70M200F Remerciements Gestion de projet : Gary White Rédaction : Dale Crawford, Tonya Estes, Naheeda Ravjani Gestion de l’édition : Rosana Francescato Edition : Linda Adler, Mary Kraemer, Noreen Maher Gestion de la production : Patrice O’Neill Développement multimédia : Aaron Begley Photographie : Chris Basmajian Production : Adam Barnett, John Francis, Jeff Harmon Responsable localisation : Sami Kaied Chef de projet localisation : Gloria Figueroa Spécialiste de la production en localisation : Seungmin Lee SDL Remerciements particuliers : Jeff Ahlquist, Doug Benson, Rob McCullough, Joe Merritt, Melana Orton Première édition : septembre 2003 Macromedia, Inc. 600 Townsend St. San Francisco, CA 94103 TABLE DES MATIERES CHAPITRE 1 : Sélection et transformation d’objets ........................ 7 Sélection d’objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Sélection des pixels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Edition d’objets sélectionnés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Transformation et distorsion d’objets sélectionnés et de sélections . . . . . . . . . . . . 21 Organisation des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25 CHAPITRE 2 : Traitement des bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 Traitement des bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Création d’objets bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Traçage et modification d’objets bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Retouche de bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Réglage de la couleur et du ton d’un bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Application d’un flou et accentuation de la netteté des bitmaps. . . . . . . . . . . . . . . Ajout de bruit à une image : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . CHAPITRE 3 : Utilisation d’objets vectoriels . 29 30 31 34 39 49 53 . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 Traçage d’objets vectoriels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 Modification des trajets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72 CHAPITRE 4 : Utilisation de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81 Saisie de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Modification d’un texte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Applications de traits, de trames et d’effets à un texte . . . . . . . . . . . . . . . . . . . . . . Rattachement de texte à un trajet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Transformation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conversion de texte en trajets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Importation de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Correction orthographique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Utilisation de l’Editeur de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81 84 93 93 95 96 96 98 99 3 CHAPITRE 5 : Application de couleurs, de traits et de remplissages . . . . . . . . . 101 Utilisation de la section Couleurs du panneau Outils . . . . . . . . . . . . . . . . . . . . . 101 Organisation des groupes d’échantillons et des modèles de couleurs . . . . . . . . . . 102 Utilisation des sélecteurs de couleurs et des fenêtres contextuelles . . . . . . . . . . . . 109 Utilisation des traits. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110 Utilisation de remplissages. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114 Application de remplissages dégradés et à motif. . . . . . . . . . . . . . . . . . . . . . . . . . 116 Ajout d’une texture aux traits et aux remplissages . . . . . . . . . . . . . . . . . . . . . . . . 120 CHAPITRE 6 : Utilisation des effets en direct . . . . . . . . . . . . . . . . . . . . . . . . . . . 123 Application d’effets en direct . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124 Modification des effets en direct . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129 CHAPITRE 7 : Calques, masques et fondus . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133 Utilisation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133 Masquage d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139 Fondu et transparence . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158 CHAPITRE 8 : Utilisation des styles, des symboles et des adresses URL . . . . . 161 Utilisation des styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161 Utilisation de symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165 Utilisation des URL. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170 CHAPITRE 9 : Découpes, survols et références . . . . . . . . . . . . . . . . . . . . . . . . . 175 Création et modification d’une découpe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175 Affectation de comportements interactifs aux découpes . . . . . . . . . . . . . . . . . . . . 182 Préparation des découpes pour l’exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189 Utilisation de références et de cartes images . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195 CHAPITRE 10 : Création de boutons et de menus contextuels . . . . . . . . . . . . . 201 Création d’un symbole de bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201 Création d’une barre de navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211 Création de menus contextuels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211 CHAPITRE 11 : Création d’animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223 Création d’une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223 Utilisation des symboles d’animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224 Utilisation des images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228 Interpolation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233 Aperçu d’une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233 Exportation d’une animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234 Utilisation d’animations existantes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236 Utilisation de fichiers multiples pour une animation . . . . . . . . . . . . . . . . . . . . . . 236 4 Table des matières CHAPITRE 12 : Optimisation et exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237 Optimisation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Utilisation de l’Assistant Exportation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Optimisation dans l’espace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Exportation depuis Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Envoi d’un document Fireworks comme pièce jointe à un courriel . . . . . . . . . . . Bouton Gestion de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . CHAPITRE 13 : Automatisation des tâches répétitives . 237 238 242 260 275 276 . . . . . . . . . . . . . . . . . . . 277 Recherche et remplacement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278 Traitement par lots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281 Extension de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290 CHAPITRE 14 : Préférences et raccourcis clavier . . . . . . . . . . . . . . . . . . . . . . . 295 Définition des préférences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295 Modification des raccourcis clavier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 Utilisation des fichiers de configuration. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301 Réinstallation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302 Affichage du contenu du module (Macintosh uniquement). . . . . . . . . . . . . . . . . 302 INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303 Table des matières 5 6 Table des matières CHAPITRE 1 Sélection et transformation d’objets Lorsque vous travaillez dans Macromedia Fireworks MX 2004, vous manipulez des objets vectoriels et bitmap, des blocs de texte, des découpes et des références, ainsi que des zones de pixels. L’utilisation des outils de sélection et de transformation vous permettent de déplacer, copier, supprimer, faire pivoter, mettre à l’échelle ou incliner des objets. Dans les documents qui comportent plusieurs objets, vous pouvez organiser ces derniers en les empilant, en les groupant et en les alignant. Sélection d’objets Avant de pouvoir effectuer quoi que ce soit avec un objet du document, vous devez le sélectionner. Cela s’applique à un objet vectoriel, un trajet ou des points ; un bloc de texte, un mot ou une lettre ; une découpe ou une référence ; une occurrence ou un objet bitmap. Utilisez un des outils suivants pour sélectionner des objets : Le panneau Calques affiche chaque objet. Vous pouvez cliquer sur un objet du panneau Calques pour le sélectionner lorsque le panneau est ouvert et les calques déployés. Pour plus d’informations, voir Chapitre 7, Calques, masques et fondus, page 133. L’outil Pointeur sélectionne des objets lorsque vous cliquez sur les objets ou lorsque vous faites glisser une zone de sélection autour d’eux. L’outil Sous-sélection sélectionne un objet dans un groupe ou les points d’un objet vectoriel. L’outil Sélectionner derrière sélectionne un objet se trouvant derrière un autre objet. L’outil Exporter zone sélectionne une zone à exporter sous la forme d’un fichier séparé. Pour plus d’informations sur la sélection de zones spécifiques de pixels dans une image bitmap, voir Sélection des pixels, page 10. 7 Utilisation de l’outil Pointeur Le Pointeur permet de sélectionner des objets en cliquant dessus ou en traçant une zone de sélection autour de ces objets ou d’une partie de ces derniers. Pour sélectionner un objet par un clic, exécutez l’une des actions suivantes : • Déplacez l’outil Pointeur vers le trajet ou le cadre de l’objet, puis cliquez. • Cliquez sur le contour ou le remplissage de l’objet. • Sélectionnez l’objet dans le panneau Calques. Conseil : Pour prévisualiser ce que vous sélectionnerez si vous cliquiez sur un objet au-dessous du pointeur du document, choisissez l’option Surbrillance souris dans l’onglet Edition de la boîte de dialogue Préférences. Pour plus d’informations sur les préférences, voir Définition des préférences, page 295. Pour sélectionner des objets en faisant glisser le pointeur : • Faites glisser l’outil Pointeur pour inclure un ou plusieurs objets dans la zone de sélection. Utilisation de l’outil Sous-sélection Utilisez l’outil Sous-sélection pour sélectionner, déplacer ou modifier les points d’un trajet vectoriel ou d’un objet faisant partie d’un groupe. Pour déplacer ou modifier des objets avec l’outil Sous-sélection : 1 Choisissez l’outil Sous-sélection. 2 Effectuez une sélection. Les poignées de sélection apparaissent. 3 Utilisez l’une des méthodes suivantes : ■ Pour modifier un objet, faites glisser un de ses points ou l’une de ses poignées de sélection. ■ Pour déplacer l’intégralité d’un objet, faites glisser le pointeur n’importe où dans l’objet, excepté sur un point ou une poignée de sélection. 8 Chapitre 1 : Sélection et transformation d’objets Utilisation de l’outil Sélectionner derrière Lorsque vous travaillez sur des graphismes qui comportent plusieurs objets, utilisez l’outil Sélectionner derrière pour sélectionner un objet qui est masqué ou partiellement masqué par d’autres objets. Pour sélectionner un objet se trouvant derrière d’autres objets : • Naviguez de haut en bas dans la pile d’objets en cliquant sur l’outil Sélectionner derrière jusqu’à ce que vous atteigniez l’objet voulu. Remarque : Vous pouvez également sélectionner un objet difficile à atteindre en cliquant dessus à partir du panneau Calques lorsque les calques sont déployés. Informations sur la sélection dans l’Inspecteur des propriétés Lorsque vous sélectionnez un objet, l’Inspecteur des propriétés identifie la sélection. La zone supérieure gauche de l’Inspecteur des propriétés contient les informations suivantes concernant la sélection : • Une description de l’élément inspecté • Un champ d’édition permettant de saisir un nom pour cet élément Remarque : Le nom apparaît dans la barre de titre du document à chaque fois que vous sélectionnez cet élément. En cas d’exportation des découpes et des boutons, le nom est le nom de fichier. • Le nombre d’objets lorsque plusieurs objets sont sélectionnés Remarque : Si la barre d’état est activée (Windows uniquement), les objets sélectionnés sont également identifiés dans la barre d’état, en bas de la fenêtre du document. L’Inspecteur des propriétés affiche également des informations et des paramètres concernant le type d’objet sélectionné. Par exemple, lorsque vous sélectionnez un trajet vectoriel, l’Inspecteur des propriétés affiche les propriétés du trajet vectoriel, telles que la largeur et la couleur du trait. Modification d’une sélection Lorsqu’un objet unique est sélectionné, vous pouvez ajouter des objets à la sélection et désélectionner les objets sélectionnés. En utilisant une commande unique, vous pouvez sélectionner ou désélectionner tout ce qui se trouve sur tous les calques du document. Vous pouvez également masquer le trajet de sélection de façon à pouvoir modifier un objet sélectionné tout en l’affichant tel qu’il doit apparaître sur le Web ou sur une copie imprimée. Pour ajouter une sélection : • Maintenez la touche Maj enfoncée et cliquez sur des objets supplémentaires avec l’outil Pointeur, Sous-sélection ou Sélectionner derrière. Sélection d’objets 9 Pour désélectionner un objet unique en laissant les autres objets sélectionnés : • Maintenez enfoncée la touche Maj tout en cliquant sur l’objet sélectionné. Pour sélectionner tout ce qui figure sur tous les calques du document : • Choisissez Sélection > Sélectionner tout. Remarque : La commande Sélectionner tout ne sélectionne pas les objets masqués. Pour désélectionner tous les objets sélectionnés : • Choisissez Sélection > Désélectionner. Remarque : Vous devez désélectionner la préférence Modification par calque pour sélectionner tous les objets visibles sur tous les calques d’un document. En effet, lorsque cette préférence est choisie, seuls les objets du calque actif sont sélectionnés. Pour plus d’informations, voir Organisation des calques, page 136. Pour masquer l’affichage de la sélection du trajet d’un objet sélectionné : • Choisissez Affichage > Masquer les bords. Remarque : Vous pouvez utiliser le panneau Calques ou l’Inspecteur des propriétés pour identifier l’objet sélectionné lorsque son contour et ses points sont masqués. Pour masquer des objets sélectionnés : • Choisissez Affichage > Masquer la sélection. Remarque : Les objets masqués ne sont pas exportés. (Cela ne s’applique pas aux objets Web découpe et référence du calque Web.) Pour afficher tous les objets : • Choisissez Affichage > Afficher tout. Remarque : Pour masquer des objets sélectionnés ou non sélectionnés, cliquez ou faites glisser le long de la colonne Oeil du panneau Calques. Sélection des pixels Vous pouvez modifier les pixels de l’intégralité d’un document ou bien choisir un des outils de sélection pour imposer votre modification à une zone particulière d’une image : L’outil Cadre de sélection sélectionne une zone de pixels rectangulaire dans une image. L’outil Cadre de sélection ovale sélectionne une zone de pixels elliptique dans une image. L’outil Lasso sélectionne une zone de pixels de forme libre dans une image. L’outil Lasso polygonal sélectionne une zone de pixels de forme libre mais aux bords droits dans une image. L’outil Baguette magique sélectionne une zone de pixels de couleur similaire dans une image. 10 Chapitre 1 : Sélection et transformation d’objets Les outils de sélection de pixels tracent un cadre de sélection qui définit la zone de pixels sélectionnés. Après avoir tracé le cadre de sélection, vous pouvez le manipuler en le déplaçant, en effectuant des ajouts ou bien en le basant sur une autre sélection. Vous pouvez modifier les pixels à l’intérieur de la sélection, appliquer des filtres aux pixels ou effacer des pixels sans affecter les pixels se trouvant au-delà de la sélection. Vous pouvez également créer une sélection flottante de pixels que vous pouvez modifier, déplacer, couper ou copier. Options de l’outil de sélection Bitmap Lorsque vous choisissez l’outil Cadre de sélection, Cadre de sélection ovale, Lasso, Lasso polygonal ou Baguette magique, l’Inspecteur des propriétés affiche trois options de bordure pour l’outil : Net crée un cadre de sélection avec un bord clairement délimité. Anticrénelé Diffusion permet d’éviter l’apparition de bords dentelés dans le cadre de sélection. permet d’adoucir les bords des pixels sélectionnés. Avant de créer une sélection diffuse en utilisant un outil de sélection, vous devez définir l’option Diffusion. Vous pouvez rendre diffuses des sélections existantes en utilisant la commande Diffusion du menu Sélection. Pour plus d’informations, voir Application d’une diffusion sur une sélection de pixels, page 17. Lorsque vous choisissez l’outil Cadre de sélection ou Cadre de sélection ovale, l’Inspecteur des propriétés affiche trois options de style : Normal permet de créer un cadre de sélection dont la hauteur et la largeur sont indépendantes. Rapport fixe Taille fixe contraint les proportions entre la hauteur et la largeur. définit la hauteur et la largeur sur une dimension donnée. Remarque : L’outil Baguette magique possède également un paramètre Tolérance. Pour plus d’informations, voir Sélection de zones de couleur similaire, page 13. Création d’un cadre de sélection de pixels Les outils Cadre de sélection, Cadre de sélection ovale et Lasso de la partie Bitmap du panneau Outils vous permettent de sélectionner des zones de pixels spécifiques dans une image bitmap en traçant un cadre de sélection autour d’elles. Pour sélectionner une zone rectangulaire ou elliptique de pixels : 1 Choisissez l’outil Cadre de sélection ou Cadre de sélection ovale. 2 Définissez les options Style et Bord dans l’Inspecteur des propriétés. Pour plus d’informations, voir Options de l’outil de sélection Bitmap, page 11. 3 Faites glisser le pointeur pour tracer un cadre de sélection qui définit la sélection de pixels. Lorsque vous faites glisser l’outil Cadre de sélection ou Cadre de sélection ovale, maintenez appuyée la touche Maj afin de tracer des cadres de sélection de forme carrée ou circulaire. Pour tracer un cadre de sélection à partir d’un point central, désélectionnez tous les autres cadres de sélection actifs, puis maintenez appuyée la touche Alt (Windows) ou Option (Macintosh) tout en effectuant votre tracé. Sélection des pixels 11 Pour sélectionner une zone en forme libre de pixels : 1 Choisissez l’outil Lasso. 2 Choisissez une option Bord dans l’Inspecteur des propriétés. Pour plus d’informations, voir Options de l’outil de sélection Bitmap, page 11. 3 Faites glisser le pointeur autour des pixels à sélectionner. Placement de points afin de créer un cadre de sélection. L’outil Lasso polygonal vous permet de sélectionner des pixels spécifiques dans une image bitmap en cliquant de manière répétée autour du périmètre de la zone de pixels que vous voulez sélectionner. Pour sélectionner une zone polygonale de pixels : 1 Choisissez l’outil Lasso polygonal. 2 Choisissez une option Bord dans l’Inspecteur des propriétés. Pour plus d’informations, voir Options de l’outil de sélection Bitmap, page 11. 3 Cliquez pour placer des points autour du périmètre de l’objet ou de la zone afin d’entourer la sélection. Maintenez la touche Maj enfoncée pour imposer des incréments de 45° aux segments tracés avec l’outil Lasso polygonal. 4 Utilisez l’une des méthodes suivantes pour fermer le polygone : ■ Cliquez sur le point d’origine. ■ Double-cliquez dans l’espace de travail. 12 Chapitre 1 : Sélection et transformation d’objets Sélection de zones de couleur similaire L’outil Baguette magique vous permet de sélectionner des zones de pixels de même couleur. En ajustant les options Bord et Tolérance de la Baguette magique dans l’Inspecteur des propriétés, vous pouvez contrôler la manière dont la Baguette magique sélectionne les pixels. Pour sélectionner une zone de pixels correspondant à une plage de couleurs similaires : 1 Choisissez l’outil Baguette magique. 2 Choisissez une option Bord dans l’Inspecteur des propriétés. Pour plus d’informations, voir Options de l’outil de sélection Bitmap, page 11. 3 Définissez le niveau de tolérance en faisant glisser le curseur de l’option correspondante dans l’Inspecteur des propriétés. La tolérance représente la plage de couleurs sélectionnée lorsque vous cliquez sur un pixel avec l’outil Baguette magique. Lorsque vous entrez 0 et que vous cliquez sur un pixel, seuls les pixels adjacents et du même ton sont sélectionnés. Si vous entrez 65, une plage de tons plus grande est sélectionnée. 4 Cliquez sur la zone de couleurs à sélectionner. Un cadre de sélection apparaît autour de la plage de pixels sélectionnée. Pixels sélectionnés avec une tolérance basse (en-haut), puis avec une tolérance haute (en-bas) Pour sélectionner des couleurs similaires dans tout le document : 1 Sélectionnez une zone de couleur avec un outil de type Cadre de sélection ou Lasso, ou bien l’outil Baguette magique. 2 Choisissez Sélection > Sélectionner les couleurs similaires. Sélection des pixels 13 Un ou plusieurs cadres de sélection affichent toutes les zones contenant la série de pixels sélectionnée, en fonction du paramètre Tolérance actuellement défini dans l’Inspecteur des propriétés pour l’outil Baguette magique. Remarque : Pour ajuster la tolérance pour la commande Sélectionner couleurs similaires, choisissez l’outil Baguette magique puis changez le paramètre Tolérance dans l’Inspecteur des propriétés avant d’utiliser la commande. Suppression d’un cadre de sélection Vous pouvez supprimer un cadre de sélection sans affecter le document. Pour supprimer un cadre de sélection, utilisez l’une des méthodes suivantes : • • • • Tracez un autre cadre de sélection. Cliquez en dehors de la sélection active avec un outil Cadre de sélection ou Lasso. Appuyez sur Echap. Choisissez Sélection > Désélectionner. Réglage des cadres de sélection Après avoir sélectionné des pixels par le biais d’un outil Cadre de sélection ou Lasso, vous pouvez modifier ou déplacer le bord du cadre de sélection sans affecter les pixels se trouvant au-dessous. Ajoutez manuellement des pixels à un cadre de sélection ou supprimez-en en utilisant les touches Maj et Alt (ou Option). En outre, vous pouvez étendre ou réduire la bordure du cadre de sélection selon des proportions spécifiques, sélectionner une autre zone de pixels autour du cadre d’origine ou lisser ses bords. Déplacement d’un cadre de sélection Vous pouvez déplacer un cadre de sélection pour le placer sur une autre zone de pixels. Pour déplacer le cadre de sélection, utilisez l’une des méthodes suivantes : • Faites glisser le cadre de sélection avec un outil cadre de sélection ou lasso, ou alors avec l’outil • • Baguette magique. Déplacez le cadre de sélection pixel par pixel avec les touches fléchées. Appuyez sur Maj et déplacez le cadre de sélection par incréments de 10 pixels à l’aide des touches fléchées. Réglage d’un cadre de sélection avec la barre d’espace Vous pouvez facilement repositionner un cadre de sélection que vous créez en appuyant sur la barre d’espace lorsque vous êtes en train de le tracer. Pour repositionner une sélection avec la barre d’espace : 1 Commencez à faire glisser le pointeur afin de tracer la sélection. 2 Sans relâcher le bouton de la souris, maintenez appuyée la barre d’espace. 3 Faites glisser le cadre de sélection à un autre endroit du document. 4 Relâchez la barre d’espace tout en gardant appuyé le bouton de la souris. 5 Continuez à faire glisser le curseur pour tracer la sélection. 14 Chapitre 1 : Sélection et transformation d’objets Ajout de pixels dans une sélection Après avoir tracé un cadre de sélection avec un outil de sélection bitmap, vous pouvez effectuer des ajouts à la sélection avec le même outil ou un autre outil de sélection bitmap. Pour effectuer un ajout dans une sélection de pixels existante : 1 Choisissez un outil de sélection bitmap quelconque. 2 Maintenez enfoncée la touche Maj et tracez d’autres cadres de sélection. 3 Pour continuer à ajouter des éléments à la sélection, répétez les étapes 1 et 2 avec un outil de sélection bitmap quelconque. Rejoindre les cadres de sélection par recouvrement afin de réaliser un cadre de sélection contigu. Soustraction de pixels dans une sélection Vous pouvez soustraire des parties d’une sélection, ou "perforer" des parties d’une sélection, en définissant des zones de pixels à l’intérieur du cadre de sélection d’origine qui ne feront plus partie de la sélection. Pour soustraire des pixels d’une sélection : • Maintenez enfoncée la touche Alt (Windows) ou Option (Macintosh) et utilisez un outil de sélection bitmap pour sélectionner la zone de pixels à supprimer. Création d’un cadre de sélection à partir de cadres de sélection s’entrecroisant Vous pouvez sélectionner des pixels dans un cadre de sélection existant en traçant un cadre de sélection recouvrant l’original. Pour sélectionner une zone de pixels définie par la zone d’intersection de deux cadres de sélection : 1 En maintenant appuyées les touches Alt+Maj (Windows) ou Option+Maj (Macintosh), vous créez un nouveau cadre de sélection qui superpose le cadre de sélection d’origine. 2 Relâchez le bouton de la souris. Seuls les pixels se situant dans la zone d’intersection des deux cadres de sélection sont sélectionnés. Utilisation de vignettes et de touches de modification pour modifier des sélections de pixels Avec un bitmap sélectionné, vous pouvez créer une sélection de pixels sur ce bitmap en utilisant l’opacité de n’importe quel objet ou masque du panneau Calques. Pour plus d’informations sur le panneau Calques, voir Utilisation des calques, page 133. Pour créer ou remplacer une sélection de pixels dans un bitmap sélectionné en utilisant l’opacité d’un objet : 1 Dans le panneau Calques, positionnez le pointeur sur la vignette de l’objet que vous voulez utiliser pour créer la sélection de pixels. 2 Maintenez appuyée la touche Ctrl (Windows) ou Commande (Macintosh). Sélection des pixels 15 Le pointeur change afin de vous indiquer que vous êtes sur le point de sélectionner le canal alpha, ou zone opaque, de l’objet. 3 Cliquez sur la vignette. Une nouvelle sélection de pixels est créée sur le bitmap sélectionné. Pour effectuer un ajout à la sélection de pixels active : • Dans le panneau Calques, sélectionnez la vignette d’un objet à l’aide des touches Ctrl+Maj (Windows) ou Commande+Maj (Macintosh) pour ajouter la forme de cette zone opaque à la sélection de pixels active. Conseil : Une fois le pointeur positionné sur la vignette et les touches de modification spécifiées enfoncées, le pointeur indique que vous êtes sur le point d’effectuer un ajout dans la sélection de pixels. Pour soustraire un élément de la sélection de pixels active : • Dans le panneau Calques, sélectionnez la vignette d’un objet à l’aide des touches Ctrl+Alt (Windows) ou Commande+Option (Macintosh) pour soustraire la forme de cette zone opaque de la sélection de pixels active. Conseil : Une fois le pointeur positionné sur la vignette et les touches de modification spécifiées enfoncées, le pointeur indique que vous êtes sur le point d’effectuer une soustraction dans la sélection de pixels. Pour créer une sélection de pixels dans un bitmap sélectionné à partir de l’intersection d’objets superposés : 1 Cliquez sur la vignette d’un objet tout en appuyant sur la touche Ctrl (Windows) ou Commande (Macintosh) pour sélectionner sa couche alpha, ou zone opaque. 2 Cliquez sur un autre objet avec Ctrl+Maj+Alt (Windows) ou Commande+Maj+Option (Macintosh). Une sélection de pixels est créée sur le bitmap sélectionné à partir de l’intersection des zones opaques des deux objets superposés. Conseil : Une fois le pointeur positionné sur la vignette et les touches de modification spécifiées enfoncées, le pointeur indique que vous êtes sur le point de créer une sélection de pixels à partir de l’intersection des zones opaques de deux objets superposés. Création d’une sélection de pixels inversée En partant d’une sélection de pixels active, vous pouvez créer une autre sélection de pixels qui sélectionne tous les pixels qui ne sont pas actuellement sélectionnés. Vous pouvez par exemple utiliser cette méthode pour sélectionner puis effacer tous les pixels entourant la sélection d’origine. Pour créer une sélection de pixels inversée : 1 Effectuez une sélection de pixels en utilisant un outil de sélection bitmap. 2 Choisissez Sélection > Inverser la sélection. Tous les pixels qui ne se trouvaient pas dans la sélection d’origine sont maintenant sélectionnés. 16 Chapitre 1 : Sélection et transformation d’objets Application d’une diffusion sur une sélection de pixels La diffusion crée un effet de transparence pour les pixels sélectionnés. Si vous utilisez la commande Diffusion, vous pouvez essayer différents taux de diffusion et afficher le résultat avant de désélectionner les pixels. Vous pouvez également appliquer une diffusion à une sélection en définissant un certain taux de diffusion dans l’Inspecteur des propriétés avant d’utiliser un outil de sélection bitmap. Pour plus d’informations, voir Options de l’outil de sélection Bitmap, page 11. Pour appliquer une diffusion à une sélection de pixels : 1 Choisissez Sélection > Diffusion. 2 Entrez un taux de diffusion dans la boîte de dialogue Diffusion. La taille du cadre de sélection se modifie afin de refléter le taux de diffusion. 3 Si nécessaire, changez le nombre dans la boîte de dialogue Diffusion afin d’ajuster le taux de diffusion. 4 Cliquez sur OK. Conseil : Pour visionner l’apparence de la sélection à laquelle la diffusion est appliquée sans les pixels placés autour, choisissez Sélection > Inverser la sélection et appuyez sur Suppr. Vous pouvez ensuite utiliser le panneau Historique ou Edition > Annuler pour réessayer. Extension ou réduction d’un cadre de sélection Une fois le cadre de sélection tracé pour sélectionner les pixels, vous pouvez étendre ou réduire sa bordure. Pour développer la bordure d’un cadre de sélection : 1 Après avoir tracé le cadre de sélection, choisissez Sélection > Etendre le cadre de sélection. 2 Entrez le nombre de pixels à utiliser pour étendre la bordure du cadre de sélection, puis cliquez sur OK. Pour réduire la bordure d’un cadre de sélection : 1 Après avoir tracé le cadre de sélection, choisissez Sélection > Réduire le cadre de sélection. 2 Entrez le nombre de pixels à retrancher de la bordure du cadre de sélection, puis cliquez sur OK. Sélection d’une zone autour d’un cadre de sélection actif Vous pouvez créer un cadre de sélection supplémentaire d’une largeur spécifique pour entourer le cadre existant. Cette option permet de créer des effets graphiques spéciaux, tels que la diffusion des bords d’une sélection de pixels. Pour sélectionner une zone autour d’un cadre de sélection actif : 1 Après avoir tracé un cadre de sélection, choisissez Sélection > Délimiter le cadre de sélection. 2 Entrez la largeur du cadre de sélection à placer autour du cadre actif, puis cliquez sur OK. Sélection des pixels 17 Lissage de la bordure d’un cadre de sélection Vous pouvez éliminer les pixels superflus situés sur les bords d’une sélection de pixels. Cette option est utile si les pixels supplémentaires figurent le long de la bordure d’une sélection ou d’un cadre de sélection, lorsque vous utilisez la Baguette magique. Sélection de pixels avant et après le lissage Pour lisser la bordure d’un cadre de sélection : 1 Choisissez Sélection > Lisser le cadre de sélection. 2 Entrez une valeur pour spécifier le niveau de lissage, puis cliquez sur OK. Transfert d’un cadre de sélection Vous pouvez transférer le cadre de sélection d’un objet bitmap vers un autre objet bitmap d’un même calque ou d’un calque différent. Vous pouvez également transférer le cadre de sélection vers un masque. Pour transférer un cadre de sélection vers un autre objet bitmap : 1 Effectuez une sélection en traçant le cadre de sélection. 2 Dans le panneau Calques, sélectionnez un autre objet bitmap sur le même calque ou bien un objet d’un calque différent. Le cadre de sélection est transféré vers cet objet. Remarque : Fireworks traite les masques et les objets masqués en tant qu’objets séparés. Pour plus d’informations sur les masques, voir Masquage d’images, page 139. Enregistrement et restauration de cadres de sélection Vous pouvez enregistrer la taille, la forme et l’emplacement d’une sélection afin de les réappliquer plus tard. Pour enregistrer un cadre de sélection : • Choisissez Sélection > Enregistrer le bitmap sélectionné. Pour restaurer un cadre de sélection : • Choisissez Sélection > Restaurer le bitmap sélectionné. Remarque : Vous ne pouvez enregistrer qu’une seule sélection à la fois. 18 Chapitre 1 : Sélection et transformation d’objets Création et déplacement d’une sélection flottante de pixels Lorsque vous faites glisser un cadre de sélection vers un nouvel emplacement, c’est le cadre de sélection même qui est déplacé. Si vous voulez déplacer, modifier, couper ou copier une sélection de pixels, vous devez d’abord transformer les pixels en une sélection flottante. Pour créer une sélection flottante de pixels : 1 Effectuez une sélection de pixels avec un outil de sélection bitmap. 2 Utilisez l’une des méthodes suivantes : ■ ■ Maintenez appuyée la touche Ctrl (Windows) ou Commande (Macintosh) et faites glisser la sélection en utilisant un outil de la partie Bitmap du panneau Outils. Choisissez l’outil Pointeur et faites glisser la sélection. Pour déplacer une sélection flottante, exécutez l’une des actions suivantes : • Faites glisser la sélection flottante avec l’outil Pointeur ou n’importe quel outil de sélection • • bitmap. Si un outil bitmap non destiné à la sélection est actif, maintenez appuyée la touche Ctrl (Windows) ou Commande (Macintosh) et faites glisser la sélection flottante. Utilisez les touches fléchées ou Maj+touches fléchées. Si vous désélectionnez la sélection flottante de pixels ou si vous choisissez un outil vectoriel ou Web, la sélection flottante devient une partie de l’objet bitmap actif. Insertion d’un nouveau bitmap via une coupure ou une copie Vous pouvez insérer un nouveau bitmap basé sur une sélection de pixels dans le calque actif d’un document en coupant ou en copiant les pixels sélectionnés. Pour insérer un nouveau bitmap en coupant et en collant une sélection de pixels : 1 Sélectionnez une zone de pixels en utilisant un outil de sélection de pixels. 2 Choisissez Edition > Insérer > Bitmap par Couper. Un nouvel objet bitmap basé sur la sélection de pixels est créé dans le calque actif, et les pixels sélectionnés sont supprimés de l’objet bitmap d’origine. Dans le panneau Calques, une vignette du nouveau bitmap apparaît dans le calque actif, au-dessus de l’objet à partir duquel il a été coupé. Pour insérer un nouveau bitmap en copiant et en collant une sélection de pixels : 1 Sélectionnez une zone de pixels en utilisant un outil de sélection de pixels. 2 Choisissez Edition > Insérer > Bitmap par Copier. Un nouvel objet bitmap basé sur la sélection de pixels est créé dans le calque actif, et les pixels sélectionnés restent dans l’objet bitmap d’origine. Dans le panneau Calques, une vignette du nouveau bitmap apparaît dans le calque actif, au-dessus de l’objet à partir duquel il a copié. Sélection des pixels 19 Edition d’objets sélectionnés Fireworks offre plusieurs méthodes pour modifier des objets sélectionnés : vous pouvez déplacer des objets sur le document ou d’une application vers une autre, reproduire des objets avec les commandes Cloner et Dupliquer ou supprimer l’ensemble des objets de l’espace de travail. Pour déplacer une sélection, utilisez l’une des méthodes suivantes : • Faites-la glisser avec l’outil Pointeur, Sous-sélection ou Sélectionner derrière. • Appuyez sur l’une des touches fléchées pour déplacer cette sélection pixel par pixel. • Maintenez appuyée la touche Maj tout en appuyant sur une touche fléchée pour déplacer la • • sélection par incréments de 10 pixels. Dans l’Inspecteur des propriétés, entrez les coordonnées X et Y de l’emplacement du coin supérieur gauche de la sélection. Entrez les coordonnées x et y de l’objet dans le panneau Info. Si les cases X et Y ne sont pas visibles, faites glisser le bord inférieur du panneau. Pour déplacer ou copier des objets sélectionnés en les collant : 1 Sélectionnez un ou plusieurs objets. 2 Choisissez Edition > Couper ou Edition > Copier. 3 Choisissez Edition > Coller. Pour dupliquer un ou plusieurs objets sélectionnés : • Choisissez Edition > Dupliquer. En répétant la commande, des doubles de l’objet sélectionné apparaissent en cascade en partant de l’original, 10 pixels plus bas et 10 pixels à droite de l’exemplaire précédent. L’objet dupliqué le plus récent devient l’objet sélectionné. Remarque : Vous ne pouvez pas utiliser les commandes Dupliquer ou Cloner avec des sélections bitmap. Utilisez l’outil Sous-sélection ou Tampon encreur pour dupliquer des parties d’une image bitmap. Pour plus d’informations sur l’utilisation de l’outil Sous-sélection, reportez-vous aux procédures suivantes. Pour plus d’informations sur l’utilisation de l’outil Tampon encreur, voir Retouche de bitmaps, page 34. Pour dupliquer un objet sélectionné en le faisant glisser : • Tout en appuyant sur Alt (Windows) ou Option (Macintosh), faites glisser l’objet en utilisant l’outil Pointeur. Pour dupliquer une sélection de pixels, utilisez l’une des méthodes suivantes : • Faites glisser la sélection de pixels en utilisant l’outil Sous-sélection. • Tout en appuyant sur Alt (Windows) ou Option (Macintosh), faites glisser l’objet en utilisant l’outil Pointeur. Pour cloner une sélection : • Choisissez Edition > Cloner. Le clone de la sélection est placé juste devant l’original et devient l’objet sélectionné. Remarque : Pour déplacer un clone sélectionné pixel par pixel, utilisez les touches fléchées ou les touches Maj+touches fléchées. Cette méthode est pratique pour conserver une distance spécifique entre des clones ou bien pour conserver l’alignement vertical ou horizontal des clones. 20 Chapitre 1 : Sélection et transformation d’objets Pour supprimer des objets sélectionnés, exécutez l’une des actions suivantes : • • • • Appuyez sur la touche Suppr ou Retour arrière. Choisissez Edition > Effacer. Choisissez Edition > Couper. Cliquez sur l’objet avec le bouton droit de la souris (Windows) ou maintenez la touche Contrôle enfoncée et cliquez (Macintosh), puis choisissez Edition > Couper à partir du menu contextuel. Pour annuler ou désélectionner une sélection, exécutez l’une des actions suivantes : • Choisissez Sélection > Désélectionner. • Si vous utilisez l’outil Cadre de sélection, Cadre de sélection ovale ou Lasso, cliquez sur l’image, mais hors de la zone sélectionnée. • Appuyez sur Echap. Transformation et distorsion d’objets sélectionnés et de sélections Vous pouvez transformer un objet ou un groupe sélectionné, ou bien une sélection de pixels, en utilisant les outils Echelle, Incliner et Distorsion ainsi que des commandes de menu : Echelle agrandit ou réduit un objet. Incliner incline un objet le long d’un axe spécifié. Distorsion déplace les côtés ou les coins d’un objet conformément à la direction dans laquelle vous faites glisser une poignée de sélection tandis que l’outil est actif. C’est utile pour créer des effets 3 D. Lorsque vous choisissez un outil de transformation quelconque ou la commande de menu Transformer, Fireworks affiche des poignées de transformation autour des objets sélectionnés. Poignées de transformation Point central Objet initial Objet pivoté, mis à l’échelle, incliné, tordu et retourné verticalement et horizontalement Transformation et distorsion d’objets sélectionnés et de sélections 21 Pour transformer des objets sélectionnés avec les poignées de transformation : 1 Choisissez un outil de transformation. Lorsque vous déplacez le pointeur sur ou près des poignées de sélection, le pointeur change afin d’indiquer la transformation active. 2 Pour transformer les objets, exécutez l’une des actions suivantes : ■ Placez le pointeur à proximité d’un coin et faites-le glisser pour effectuer une rotation. ■ Faites glisser une poignée de transformation pour effectuer une transformation conformément à l’outil de transformation actif. 3 Double-cliquez à l’intérieur de la fenêtre ou appuyez sur Entrée pour appliquer vos changements. Mise à l’échelle des objets La mise à l’échelle d’un objet permet de l’agrandir ou de le réduire à l’horizontale, à la verticale ou dans les deux sens. Pour mettre à l’échelle un objet sélectionné : 1 Utilisez l’une des méthodes suivantes pour afficher les poignées de transformation : Choisissez l’outil Mise à l’échelle. ■ Choisissez Modification > Transformer > Echelle. 2 Faites glisser les poignées de transformation : ■ Pour mettre l’objet à l’échelle horizontalement et verticalement, faites glisser une poignée d’angle. Si vous appuyez sur la touche Maj, les proportions changent en fonction du déplacement. ■ Pour mettre l’objet à l’échelle horizontalement ou verticalement, faites glisser une poignée latérale. ■ Pour mettre l’objet à l’échelle à partir du centre, appuyez sur Alt tout en faisant glisser l’une des poignées. ■ Remarque : Vous pouvez également redimensionner des objets sélectionnés en entrant les dimensions dans l’Inspecteur des propriétés. Pour plus d’informations, voir Transformation numérique d’objets, page 24. Rotation d’objets Les objets pivotent autour de leur point central. Pour faire pivoter un objet, sélectionnez un angle prédéterminé ou placez le pointeur en dehors des poignées de transformation de l’objet pour afficher le pointeur de rotation avant de procéder au glissement. Remarque : Vous pouvez également faire pivoter le document. Pour plus d’informations, voir l’aide de Fireworks. Pour faire pivoter un objet sélectionné de 90° ou 180° : • Choisissez Modification > Transformer et choisissez une commande de rotation à partir du sous-menu. 22 Chapitre 1 : Sélection et transformation d’objets Pour faire pivoter l’objet sélectionné en le faisant glisser : 1 Choisissez un outil de transformation quelconque. 2 Ecartez le pointeur de l’objet jusqu’à ce que le pointeur de rotation disparaisse. 3 Faites glisser pour appliquer une rotation à l’objet. Conseil : Pour imposer à la rotation des incréments de 15° par rapport à l’horizon, appuyez sur la touche Maj tout en faisant glisser le pointeur. 4 Double-cliquez à l’intérieur de la fenêtre ou appuyez sur Entrée pour appliquer vos changements. Pour déplacer l’axe de rotation : • Faites glisser le point central vers la position voulue. Faites ce qui suit afin de replacer l’axe de rotation au centre de la sélection • Double-cliquez sur le point central • Appuyez sur Echap pour désélectionner l’objet, puis le sélectionner à nouveau. Retournement d’objets Vous pouvez retourner un objet sur son axe vertical ou horizontal sans changer sa position au sein du document. Pour retourner un objet sélectionné : • Choisissez Modification > Transformer > Renverser horizontalement ou Renverser verticalement. Inclinaison d’objets Lors de l’inclinaison d’un objet, l’axe horizontal ou vertical, ou les deux axes de l’objet sont mis à l’oblique. Pour incliner un objet sélectionné : 1 Utilisez l’une des méthodes suivantes pour afficher les poignées de transformation : Choisissez l’outil Incliner. Choisissez Modification > Transformer > Inclinaison. 2 Faites glisser une poignée pour incliner l’objet. 3 Double-cliquez à l’intérieur de la fenêtre ou appuyez sur Entrée pour supprimer les poignées de transformation. ■ ■ Pour obtenir une illusion de perspective : • Faites glisser l’un des points des angles. Transformation et distorsion d’objets sélectionnés et de sélections 23 Distorsion d’objets Vous pouvez changer la taille et les proportions d’un objet en faisant glisser une poignée de sélection avec l’outil Distorsion. Pour appliquer une distorsion à un objet sélectionné : 1 Utilisez l’une des méthodes suivantes pour afficher les poignées de transformation : Choisissez l’outil Distorsion. Choisissez Modification > Transformer > Distorsion. 2 Faites glisser une poignée pour appliquer la distorsion à l’objet. 3 Double-cliquez à l’intérieur de la fenêtre ou appuyez sur Entrée pour appliquer vos changements. ■ ■ Transformation numérique d’objets Au lieu de faire glisser un objet pour le mettre à l’échelle, le redimensionner ou le faire pivoter, vous pouvez entrer des valeurs spécifiques. Pour redimensionner des objets sélectionnés en utilisant l’Inspecteur des propriétés ou le panneau Informations : • Entrez de nouvelles mesures pour la largeur (L) ou la hauteur (H). Remarque : Si les cases L et H ne sont pas visibles dans l’Inspecteur des propriétés, cliquez sur la flèche d’extension pour afficher toutes les propriétés. Pour mettre à l’échelle ou faire pivoter des objets sélectionnés en utilisant Transformation numérique : 1 Choisissez Modification > Transformer > Transformation numérique. 2 3 4 5 6 La boîte de dialogue Transformation numérique s’affiche. A partir du menu déroulant, choisissez le type de transformation à exécuter sur la sélection active : Echelle, Redimensionner ou Rotation. Choisissez Contraindre les proportions pour préserver le rapport entre la hauteur et la largeur pendant la mise à l’échelle ou le redimensionnement de la sélection. Activez la case Attributs d’échelle pour transformer la trame, le trait et les effets en même temps que l’objet. Désactivez Attributs d’échelle pour transformer uniquement le trajet. Tapez des valeurs numériques pour transformer la sélection, puis cliquez sur OK. Affichage des informations de transformation dans le panneau Informations Le panneau Info regroupe les valeurs des transformations numériques de l’objet sélectionné. Ces informations sont mises à jour pendant la modification de l’objet. • Pour les transformations de type mise à l’échelle et transformation libre, le panneau • 24 Informations affiche la largeur (L) et la hauteur (H) de l’objet d’origine avant sa transformation et le pourcentage de modification de la largeur et de la hauteur lors de la transformation. Pour l’inclinaison et la distorsion, le panneau Informations affiche l’angle d’inclinaison par incréments de un degré, ainsi que les coordonnées X et Y du pointeur au cours de la transformation. Chapitre 1 : Sélection et transformation d’objets Pour afficher des informations pendant la transformation d’une sélection : • Choisissez Fenêtre > Info. Organisation des objets Lorsque vous travaillez sur plusieurs objets au sein d’un même document, vous disposez de plusieurs techniques pour organiser le document : • Vous pouvez associer des objets pour les traiter en tant que groupe ou protéger les relations • • mutuelles des objets au sein du groupe. Vous pouvez placer des objets derrière ou devant d’autres objets. La façon dont les objets sont disposés est appelée ordre d’empilage. Vous pouvez aligner les objets sélectionnés sur l’une des parties du document, ou selon un axe vertical ou horizontal. Association d’objets Vous pouvez associer des objets sélectionnés et les manipuler comme s’il s’agissait d’un objet unique. Par exemple, dessinez séparément les pétales d’une fleur, puis sélectionnez-les pour les associer et déplacer l’ensemble de la fleur en tant qu’objet unique. Vous pouvez modifier les groupes sans les dissocier. Vous pouvez sélectionner un objet au sein d’un groupe et le modifier sans dissocier les autres objets. Les objets peuvent être dissociés à tout moment. Pour associer des objets sélectionnés au préalable : • Choisissez Modification > Associer. Pour dissocier des objets sélectionnés : • Choisissez Modification > Dissocier. Sélection d’objets dans des groupes Si vous souhaitez travailler séparément sur les objets d’un groupe, dissociez-les ou utilisez l’outil Sous-sélection pour ne sélectionner que des objets individuels et laisser le groupe intact. Outil Sous-sélection Organisation des objets 25 La modification des attributs d’un objet sous-sélectionné n’affecte que cet objet et non tout le groupe. Le déplacement d’un objet sous-sélectionné vers un autre calque supprime cet objet du groupe d’origine. Sous-sélection d’un objet au sein d’un groupe Pour sélectionner un objet qui fait partie d’un groupe : • Choisissez l’outil Sous-sélection et cliquez sur l’objet. Vous pouvez également faire glisser une zone de sélection autour de l’objet. Pour ajouter des objets à la sélection ou pour les supprimer, maintenez enfoncée la touche Maj lorsque vous cliquez ou faites glisser le pointeur. Pour sélectionner le groupe qui comporte un objet sous-sélectionné, exécutez l’une des actions suivantes : • Cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Contrôle enfoncée • et cliquez (Macintosh) sur le groupe, puis choisissez Sélectionner > Surpersélectionner à partir du menu contextuel. Choisissez Sélection > Supersélectionner. Pour sélectionner tous les objets au sein d’un groupe sélectionné, exécutez l’une des actions suivantes : • Cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Contrôle enfoncée • et cliquez (Macintosh) sur le groupe, puis choisissez Sélectionner > Sous-sélectionner à partir du menu contextuel. Choisissez Sélection > Sous-sélectionner. Empilage des objets Au sein d’un calque, Fireworks superpose les objets dans leur ordre de création, en plaçant les objets les plus récents en haut de la pile. L’ordre d’empilage des objets détermine leur aspect lorsqu’ils se chevauchent. Les calques affectent également l’ordre d’empilage. Par exemple, si un document possède deux calques intitulés Calque 1 et Calque 2 et que Calque 1 apparaît en dessous de Calque 2 dans le panneau Calques, tout ce qui se trouve sur le Calque 2 est affiché devant ce qui se trouve sur le Calque 1. Pour changer l’ordre des calques, faites les glisser vers un nouvel emplacement dans le panneau Calques. Pour plus d’informations, voir Organisation des calques, page 136. 26 Chapitre 1 : Sélection et transformation d’objets Pour changer l’ordre d’empilage d’un objet sélectionné ou d’un groupe dans un calque : • Choisissez Modification > Disposer > Premier plan ou Arrière-plan pour déplacer un objet ou • un groupe vers le haut ou le bas de la pile. Choisissez Modification > Disposer > Vers l’avant ou Vers l’arrière pour déplacer un objet ou un groupe vers le haut ou le bas d’une pile. Lorsque plusieurs objets ou groupes sont sélectionnés, les objets sont placés devant ou derrière les objets non sélectionnés, tout en préservant leur ordre les uns par rapport aux autres. Alignement des objets Les commandes Aligner du menu Modification vous proposent un large éventail d’options d’organisation, qui vous permettent de : Aligner des objets en fonction d’un axe horizontal ou vertical. Aligner des objets sélectionnés à la verticale sur le bord droit, le centre, le bord gauche, ou à l’horizontale sur le bord supérieur, le centre ou le bord inférieur. Remarque : Les bords sont déterminés par le cadre entourant les objets sélectionnés. Distribuer des objets sélectionnés de façon à ce que leur partie centrale ou leurs bords soient espacés de façon homogène. Vous pouvez appliquer une ou plusieurs commandes d’alignement aux objets sélectionnés. Pour aligner des objets sélectionnés, exécutez l’une des actions suivantes : • Choisissez Modification > Aligner > A gauche pour aligner les objets sur l’objet sélectionné situé le plus à gauche. • Choisissez Modification > Aligner > Centre vertical pour aligner les points centraux des objets sur un axe vertical. • Choisissez Modification > Aligner > A droite pour aligner les objets sur l’objet sélectionné situé • • • le plus à droite. Choisissez Modification > Aligner > En haut pour aligner les objets sur l’objet sélectionné situé le plus haut. Choisissez Modification > Aligner > Centre horizontal pour aligner les points centraux des objets sur un axe horizontal. Choisissez Modification > Aligner > En bas pour aligner les objets sur l’objet sélectionné situé le plus bas. Pour répartir de façon égale les largeurs et les hauteurs de trois objets sélectionnés ou plus : • Choisissez Modification > Aligner > Répartir en largeur ou Modification > Aligner > Répartir en hauteur. Disposition des objets sur les calques Le panneau Calques met à votre disposition un autre niveau de contrôle de l’organisation. Vous pouvez déplacer des objets sélectionnés d’un calque à un autre en faisant glisser la vignette de ces objets ou l’indicateur bleu de sélection du panneau Calques vers un autre calque. Pour plus d’informations, voir Organisation des calques, page 136. Organisation des objets 27 28 Chapitre 1 : Sélection et transformation d’objets CHAPITRE 2 Traitement des bitmaps Les bitmaps sont des graphiques composés de petits carrés colorés nommés pixels, organisés comme les carreaux d’une mosaïque pour former une image. Des exemples de graphiques bitmap : photographies, images scannées et graphismes créés à partir de programmes de dessin. Ils sont parfois appelés images raster. Macromedia Fireworks MX 2004 combine les fonctionnalités des applications de retouche de photos, de traçage de vecteurs et de dessin. Vous pouvez créer des images bitmap en dessinant avec des outils bitmap, en convertissant des objets vecteurs en images bitmap ou bien en ouvrant ou en important des images. Fireworks possède un ensemble puissant d’effets en direct pour le réglage du ton et de la couleur, ainsi qu’un certain nombre de façons permettant de retoucher vos images bitmap, y compris le recadrage, l’application d’une diffusion et la duplication ou le clonage d’images. En outre, Fireworks dispose d’outils de retouche d’image : Flou, Accentuation, Révélateur, Brûlure et Maculage. Pour plus d’informations sur les méthodes de sélection et de transformation des images et des zones de pixels, voir l’Aide de Fireworks. Traitement des bitmaps La partie Bitmap du panneau Outils contient des outils de sélection et de modification des bitmaps. Pour modifier les pixels d’un bitmap dans votre document, vous pouvez choisir un outil à partir de la partie Bitmap. Contrairement aux précédentes versions de Fireworks, vous n’avez pas besoin de commuter délibérément entre le mode bitmap et le mode vectoriel, mais vous pouvez toujours travailler avec des bitmaps, des objets vectoriels et du texte. Commuter vers le mode approprié est aussi simple que choisir un outil vectoriel ou bitmap à partir du panneau Outils. Remarque : Les précédentes versions de Fireworks affichent un bord rayé autour du document pour indiquer que Fireworks se trouve en mode bitmap. Si vous préférez voir la bordure rayée habituelle lorsque vous travaillez avec des bitmaps, vous pouvez choisir Options de bitmap > Afficher la bordure rayée à partir de la catégorie Edition de la boîte de dialogue Préférences. 29 Création d’objets bitmap Vous pouvez créer des images bitmap en utilisant les outils de dessin bitmap de Fireworks, en coupant ou en copiant et en collant des sélections de pixels, ou bien en convertissant une image vectorielle en un objet bitmap. Une autre manière de créer un objet bitmap consiste à insérer une image bitmap vide dans votre document puis d’effectuer des dessins, de le colorer ou de le remplir. Lorsque vous créez un nouvel objet bitmap, il est ajouté au calque actif. Dans le panneau Calques avec les calques déployés, vous pouvez voir une vignette et le nom de chaque objet bitmap sous le calque sur lequel il se trouve. Tandis que certaines applications bitmap considèrent chaque objet bitmap comme un calque, Fireworks organise les objets bitmap, les objets vectoriels et le texte en tant qu’objets séparés placés sur des calques. Pour plus d’informations, voir Utilisation des calques, page 133. Pour créer un objet bitmap : 1 Choisissez l’outil Pinceau ou Crayon à partir de la partie Bitmap du panneau Outils. 2 Utilisez l’outil Pinceau ou Crayon pour créer des objets bitmap sur le document. Un nouvel objet bitmap est ajouté au calque actif dans le panneau Calques. Pour plus d’informations sur l’utilisation des outils Crayon ou Pinceau, voir Traçage et modification d’objets bitmap, page 31. Vous pouvez créer un nouveau bitmap vide, puis dessiner des pixels dans le bitmap vide. Pour créer un objet bitmap vide, exécutez l’une des actions suivantes : • Cliquez sur le bouton Nouvelle image bitmap du panneau Calques. • Choisissez Edition > Insérer > Bitmap vide. • Dessinez un cadre de sélection, en partant d’une zone vierge du document et en le remplissant. Pour plus d’informations, voir Création d’un cadre de sélection de pixels, page 11. Un bitmap vide est ajouté au calque actif dans le panneau Calques. Si le bitmap actif est désélectionné avant qu’un pixel ait été dessiné, importé ou placé dessus d’une autre façon, l’objet bitmap vide disparaît automatiquement du panneau Calques et du document. Pour couper ou copier des pixels et coller en tant que nouvel objet bitmap : 1 Effectuez une sélection de pixels via l’outil Cadre de sélection, Lasso ou Baguette magique. Pour plus d’informations, voir Sélection des pixels, page 10. 2 Utilisez l’une des méthodes suivantes : ■ Choisissez Edition > Couper, puis Edition > Coller. ■ Choisissez Edition > Copier, puis Edition > Coller. ■ Choisissez Edition > Insérer > Bitmap par Copier pour copier la sélection active dans un nouveau bitmap. ■ Choisissez Edition > Insérer > Bitmap par Couper pour couper la sélection active afin de la placer dans un nouveau bitmap. La sélection apparaît dans le panneau Calques comme un objet dans le calque actif. Remarque : Cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Contrôle enfoncée et cliquez (Macintosh) sur une sélection de pixels, puis choisissez l’option de coupure ou de copie dans le menu contextuel. Pour plus d’informations sur les options Bitmap par Couper et Bitmap par Copier, voir Insertion d’un nouveau bitmap via une coupure ou une copie, page 19. 30 Chapitre 2 : Traitement des bitmaps Pour convertir des objets vectoriels sélectionnés en une image bitmap, exécutez l’une des actions suivantes : • Choisissez Modification > Fusionner la sélection. • Choisissez Fusionner la sélection à partir du menu Options du panneau Calques. Une conversion vecteur vers bitmap est irréversible, sauf si les options Edition > Annuler sont disponibles ou si l’annulation d’actions dans le panneau Historique est encore possible. Les images bitmap ne peuvent pas être converties en objets vectoriels. Traçage et modification d’objets bitmap La partie Bitmap du panneau Outils contient des outils permettant de sélectionner, de dessiner et de modifier des pixels dans une image bitmap. Traçage d’objets bitmap Vous pouvez utiliser l’outil Crayon pour dessiner des lignes d’un pixel à main levée ou imposées et droites, de la même manière que vous utiliseriez un vrai crayon, avec ou sans règle, pour dessiner une ligne nette. Vous pouvez également effectuer un zoom sur un bitmap et cliquer sur l’outil Crayon pour modifier des pixels individuels. Pour dessiner un objet avec l’outil Crayon : 1 Choisissez l’outil Crayon. 2 Définissez les options de l’outil dans l’Inspecteur des propriétés : Anticrénelé lisse le bord des lignes que vous dessinez. Effacement automatique utilise la couleur de remplissage lorsque vous cliquez sur la couleur du trait avec l’outil Crayon. Conserver la transparence limite l’utilisation de l’outil Crayon aux pixels existants. Aucun trait n’apparaît dans les zones transparentes du graphique. 3 Faites glisser la souris pour dessiner. Faites glisser le pointeur tout en appuyant sur Maj afin d’imposer au trajet une ligne horizontale, verticale ou diagonale. Traçage d’objets bitmap Vous pouvez utiliser l’outil Pinceau pour tracer un trait de pinceau en utilisant la couleur indiquée dans Couleur du trait ou utiliser l’outil Pot de peinture pour remplacer la couleur des pixels sélectionnés par la couleur indiquée dans Couleur de remplissage. L’outil Dégradé vous permet de remplir des objets bitmap ou vectoriels avec une combinaison de couleurs aux motifs ajustables. Pour dessiner un objet avec l’outil Pinceau : 1 Choisissez l’outil Pinceau. 2 Définissez les attributs du trait dans l’Inspecteur des propriétés. 3 Faites glisser le pointeur pour dessiner. Pour plus d’informations sur la définition des options de l’outil Pinceau, voir Utilisation des traits, page 110. Traçage et modification d’objets bitmap 31 Pour remplacer la couleur des pixels par la couleur indiquée dans Couleur de remplissage : 1 Choisissez l’outil Pot de peinture. 2 Choisissez une couleur dans la zone Couleur de remplissage. 3 Définissez la valeur de la tolérance dans l’Inspecteur des propriétés. Remarque : La tolérance détermine le degré de similarité de la couleur des pixels qui seront remplis. Une valeur de tolérance basse remplit les pixels avec des valeurs de couleur similaires au pixel sur lequel vous cliquez. Une tolérance élevée remplit les pixels avec une plage de valeurs de couleur plus large. 4 Cliquez sur l’image. Tous les pixels appartenant à la plage de tolérance adoptent la couleur de remplissage. Pour appliquer un remplissage dégradé à une sélection de pixels : 1 Effectuez la sélection. 2 Choisissez l’outil Dégradé. 3 Définissez les attributs de la trame dans l’Inspecteur des propriétés. 4 Cliquez sur la sélection de pixels pour appliquer la trame. Les outils Pot de peinture et Dégradé peuvent également être appliqués à des objets vectoriels sélectionnés. Pour plus d’informations sur la création, l’application et la modification des remplissages dégradés, voir Utilisation de remplissages, page 114. Prélèvement d’une couleur à utiliser en tant que couleur de trait ou de trame L’outil Pipette vous permet de prélever un échantillon de couleur dans une image afin de créer une nouvelle couleur de trait ou de remplissage. Vous pouvez prélever la couleur d’un pixel unique, la moyenne des valeurs de couleur dans une zone de 3 pixels sur 3 ou encore la moyenne des valeurs de couleur dans une zone de 5 pixels sur 5. Pour prélever une couleur de trait ou de remplissage : 1 Si le bon attribut n’est pas encore activé, exécutez l’une des actions suivantes : ■ ■ Cliquez sur l’icône Trait à côté de l’option Couleur du trait du panneau Outils pour en faire l’attribut actif. Cliquez sur l’icône de remplissage située en regard de l’option Couleur de remplissage du panneau Outils pour en faire l’attribut actif. Remarque : Ne cliquez pas sur le sélecteur de couleurs. Si vous cliquez dessus, le pointeur Pipette qui apparaît n’est pas l’outil Pipette. Pour plus d’informations sur le pointeur de pipette du sélecteur de couleurs, voir Echantillonnage de couleurs à partir d’une fenêtre contextuelle de couleurs, page 110. 2 Ouvrez un document Fireworks ou n’importe quel document que Fireworks peut ouvrir. Pour plus d’informations, voir Chapitre 9, Découpes, survols et références, page 175. 3 Choisissez l’outil Pipette dans la section Bitmap du panneau Outils. Définissez le paramètre Echantillon dans l’Inspecteur des propriétés : 1 pixel crée une couleur de trait ou de remplissage à partir d’un pixel unique. Moyenne 3x3 crée une couleur de trait ou de remplissage à partir de la moyenne des valeurs de couleur d’une zone de 3 pixels sur 3. Moyenne 5x5 crée une couleur de trait ou de remplissage à partir de la moyenne des valeurs de couleur d’une zone de 5 pixels sur 5. 32 Chapitre 2 : Traitement des bitmaps 4 Cliquez sur le document avec l’outil Pipette. La couleur échantillonnée est disponible dans toutes les zones Couleur du trait et Couleur de remplissage de Fireworks. Effacement d’objets bitmap L’outil Gomme permet de supprimer des pixels. Par défaut, le pointeur de l’outil Gomme représente la taille de la Gomme active, mais vous pouvez changer la taille et l’apparence du pointeur dans la boîte de dialogue Préférences. Pour plus d’informations, voir Préférences d’édition, page 296. Outil Gomme Pour effacer des pixels dans un objet bitmap sélectionné ou une sélection de pixels : 1 Choisissez l’outil Gomme. 2 Dans l’Inspecteur des propriétés, choisissez la forme de gomme ronde ou carrée. 3 Faites glisser le curseur Bord pour définir l’adoucissement du bord de la gomme. 4 Faites glisser le curseur Taille pour définir la taille de la gomme. 5 Faites glisser le curseur Opacité de la gomme pour définir le degré d’opacité. 6 Faites glisser l’outil Gomme sur les pixels que vous voulez effacer. Diffusion des sélections de pixels La diffusion rend flous les bords d’une sélection de pixels et aide à mélanger la zone sélectionnée avec les pixels environnants. La diffusion est utile lorsque vous copiez une sélection et que vous la collez sur un autre arrière-plan. Traçage et modification d’objets bitmap 33 Pour diffuser les bords d’une sélection de pixels lorsque vous effectuez une sélection de pixels : 1 Choisissez un outil de sélection bitmap à partir du panneau Outils. 2 Choisissez Diffusion à partir du menu contextuel Bord de l’Inspecteur des propriétés. 3 Faites glisser le curseur afin de définir le nombre de pixels que vous voulez diffuser le long du bord de la sélection. 4 Effectuez une sélection. Pour diffuser les bords d’une sélection de pixels à partir de la barre de menu : 1 Choisissez Sélection > Diffusion. 2 Tapez une valeur dans la boîte de dialogue Appliquer une diffusion à la sélection afin de définir le rayon de diffusion, puis cliquez sur OK. La valeur du rayon détermine le nombre de pixels auxquels est appliquée une diffusion le long de la bordure de sélection. Retouche de bitmaps Fireworks fournit une large panoplie d’outils permettant de retoucher vos images. Vous pouvez modifier la taille d’une image, réduire ou accentuer sa focalisation, ou copier et « imprimer » une partie de l’image dans une autre zone. L’outil Tampon encreur vous permet de copier ou de cloner une zone d’une image dans une autre. L’outil Flou réduit la focalisation des zones sélectionnées dans une image. L’outil Maculage prélève une couleur et l’envoie dans la direction dans laquelle vous faites glisser une image. L’outil Accentuation accentue les zones d’une image. L’outil Révélateur éclaircit des parties d’une image. L’outil Brûlure assombrit des parties d’une image. L’outil Suppression de l’œil rouge réduit l’effet yeux rouges sur vos photos. L’outil Remplacer la couleur permet de dessiner sur une couleur existante avec une autre couleur. 34 Chapitre 2 : Traitement des bitmaps Clonage de pixels L’outil Tampon encreur clone une zone d’une image bitmap de manière à ce que vous puissiez l’imprimer ailleurs sur l’image. Le clonage de pixels est utile lorsque vous voulez réparer une photographie endommagée ou supprimer la poussière d’une image. Vous pouvez copier une zone de pixels d’une photo et remplacer la partie endommagée ou poussiéreuse par la zone clonée. Pour cloner une partie d’une image bitmap : 1 Choisissez l’outil Tampon encreur. 2 Cliquez sur une zone afin de la désigner comme étant la source, ou bien la zone que vous voulez cloner. Le pointeur d’échantillonnage se transforme en un pointeur en forme de croix. Remarque : Pour désigner une autre zone de pixels à cloner, vous pouvez appuyer sur Alt (Windows) ou sur Option (Macintosh) tout en cliquant sur une autre zone de pixels afin de la désigner comme étant la source. 3 Déplacez-vous sur une autre partie de l’image et faites glisser le pointeur. Vous allez voir deux pointeurs. Le premier, la source du clonage, a la forme d’une croix. Pour plus d’informations, voir Préférences d’édition, page 296. Selon le type de pinceau que vous avez sélectionné, le deuxième pointeur est un tampon encreur, une croix ou un cercle bleu. Lorsque vous faites glisser le deuxième pointeur, les pixels situés sous le premier pointeur sont copiés et appliqués à la zone sous le second pointeur. Pour définir les options de l’outil Tampon encreur : 1 Choisissez l’outil Tampon encreur. 2 Effectuez un choix parmi les options suivantes de l’Inspecteur des propriétés : Taille détermine la taille du tampon. détermine l’adoucissement du trait (100 % = dur, 0 % = doux). Source alignée s’applique à l’opération d’échantillonnage. Lorsque Source alignée est sélectionné, le pointeur d’échantillonnage se déplace verticalement et horizontalement, en alignement avec le second. Lorsque Source alignée est désélectionné, la zone d’échantillonnage est établie, peu importe l’endroit où vous déplacez le second pointeur et l’endroit où vous cliquez. Utiliser l’ensemble du document permet d’effectuer un échantillonnage de tous les objets de tous les calques. Lorsque cette option est désélectionnée, l’outil Tampon encreur échantillonne uniquement à partir de l’objet actif. Opacité détermine ce qui peut être vu de l’arrière-plan à travers le trait. Mode de fondu détermine la façon dont l’image clonée affecte l’arrière-plan. Bord Pour dupliquer une sélection de pixels, utilisez l’une des méthodes suivantes : • Faites glisser la sélection de pixels avec l’outil Sous-sélection. • Maintenez enfoncée la touche Alt (Windows) ou Option (Macintosh) en faisant glisser la sélection de pixels via l’outil Pointeur. Retouche de bitmaps 35 Application d’un flou, accentuation et maculage des pixels Les outils Flou et Accentuation affectent la focalisation des pixels. L’outil Flou vous permet d’accentuer ou de désaccentuer des parties de l’image en appliquant un flou à la focalisation d’éléments de manière sélective, à la manière du photographe contrôlant la profondeur du champ. L’outil Accentuation peut être utile pour réparer des problèmes de scannage ou de photographies hors foyer. L’outil Maculage vous permet de mélanger délicatement des couleurs, comme la création du reflet d’une image. Pour appliquer un flou ou accentuer la netteté d’une image : 1 Choisissez l’outil Flou ou Accentuation. 2 Définissez les options du pinceau dans l’Inspecteur des propriétés : Taille détermine la taille de la pointe du pinceau. Bord spécifie l’adoucissement de la pointe du pinceau. Forme définit une pointe de pinceau ronde ou carrée. Intensité définit la quantité de flou ou d’accentuation de la netteté. 3 Faites glisser l’outil sur les pixels à accentuer ou auxquels appliquer un flou. Conseil : Maintenez enfoncée la touche Alt (Windows) ou Option (Macintosh) pour inverser le comportement de l’outil. Pour maculer les couleurs d’une image : 1 Choisissez l’outil Maculage. 2 Définissez les options de l’outil dans l’Inspecteur des propriétés : Taille spécifie la taille de la pointe du pinceau. Forme définit une pointe de pinceau ronde ou carrée. Bord spécifie l’adoucissement de la pointe du pinceau. Pression définit l’intensité du trait. Couleur de la tache vous permet d’effectuer des taches en utilisant une couleur spécifique au début de chaque trait. Si cette option est désélectionnée, l’outil utilise la couleur située sous le pointeur de l’outil. Utiliser l’ensemble du document effectue des taches en utilisant des données de couleur provenant de tous les objets de tous les calques. Si cette option est désélectionnée, l’outil Maculage utilise les couleurs provenant uniquement de l’objet actif. 3 Faites glisser l’outil sur les pixels à maculer. Eclaircissement et assombrissement de pixels Utilisez l’outil Révélateur ou Brûlure pour respectivement éclaircir ou assombrir des parties d’image. Ce processus est similaire à celui de la chambre noire : il consiste à intensifier ou à diminuer la luminosité lors du développement d’une photographie. Pour éclaircir ou assombrir des parties d’une image : 1 Choisissez l’outil Révélateur pour éclaircir des parties d’image, ou bien l’outil Brûlure pour assombrir des parties d’image. 2 Définissez les options du pinceau dans l’Inspecteur des propriétés : Taille détermine la taille de la pointe du pinceau. 36 Chapitre 2 : Traitement des bitmaps Forme définit une pointe de pinceau ronde ou carrée. Bord définit l’adoucissement de la pointe du pinceau. 3 Définissez l’exposition dans l’Inspecteur des propriétés. L’exposition s’échelonne de 0 % à 100 %. Pour un effet amoindri, spécifiez une valeur de pourcentage plus basse. Pour un effet plus accentué, spécifiez une valeur plus haute. 4 Définissez l’intervalle dans l’Inspecteur des propriétés : Ombre change principalement les parties sombres de l’image. Surbrillances change principalement les parties claires de l’image. Demi-tons change principalement la plage de couleurs moyenne par couche de l’image. 5 Faites glisser le pointeur sur la partie de l’image que vous voulez éclaircir ou assombrir. Maintenez enfoncée la touche Alt (Windows) ou Options (Macintosh) tout en faisant glisser l’outil afin de passer temporairement de l’outil Révélateur à l’outil Brûlure, ou bien de l’outil Brûlure à l’outil Révélateur. Suppression de l’effet yeux rouges sur des photos Sur certaines photographies, les pupilles des sujets prennent une teinte rouge artificielle. L’outil Suppression de l’œil rouge permet de corriger ce problème. L’outil Suppression de l’œil rouge ne traite que les zones rouges de l’image et les remplace par des tons de gris ou de noir. Photographie originale ; après utilisation de l’outil Suppression de l’œil rouge Pour corriger l’effet yeux rouges sur une photographie : 1 Choisissez l’outil Suppression de l’œil rouge dans le menu contextuel correspondant. 2 Définissez les attributs du trait dans l’Inspecteur des propriétés : Taille détermine la taille de la pointe du pinceau. définit une pointe de pinceau ronde ou carrée. Tolérance détermine la plage de teintes à remplacer (0 remplace uniquement le rouge ; 255 remplace toutes les teintes contenant du rouge). Quantité définit la luminosité des gris utilisés pour remplacer les couleurs rouges. 3 Faites glisser les pupilles des sujets de la photographie ou cliquez dessus. Forme Retouche de bitmaps 37 Remplacement des couleurs L’outil Remplacer la couleur vous permet de sélectionner une couleur et de dessiner sur cette couleur avec une autre couleur. Photographie originale ; après utilisation de l’outil Remplacer la couleur Pour remplacer une couleur par une autre : 1 Choisissez l’outil Remplacer la couleur dans le menu contextuel correspondant. 2 Cliquez sur le sélecteur de couleur Changer dans l’Inspecteur des propriétés pour sélectionner la pipette, puis choisissez la couleur de votre choix dans le menu contextuel ou cliquez sur l’image pour choisir la couleur à remplacer. 3 Cliquez sur le sélecteur de couleur en dans l’Inspecteur des propriétés pour sélectionner la pipette, puis choisissez une couleur dans le menu contextuel ou cliquez sur l’image pour choisir la couleur à utiliser en remplacement. 4 Définissez les autres attributs du trait dans l’Inspecteur des propriétés : Taille détermine la taille de la pointe du pinceau. Forme définit une pointe de pinceau ronde ou carrée. Tolérance détermine la plage de couleurs qui doit être remplacée (0 remplace uniquement la couleur de remplacement ; 255 remplace toutes les couleurs similaires à cette couleur). Quantité détermine la quantité de couleur qui est remplacée. Coloriser substitue la nouvelle couleur choisie à la couleur à remplacer. Désélectionnez Coloriser pour remplacer la couleur à remplacer par la nouvelle couleur en laissant un peu de la couleur d’origine intacte. 5 Faites glisser l’outil sur la couleur que vous voulez remplacer. 38 Chapitre 2 : Traitement des bitmaps Recadrage d’un bitmap sélectionné Vous pouvez isoler un objet bitmap unique dans un document Fireworks et recadrer uniquement cet objet bitmap, laissant intacts les autres objets du document. Pour recadrer une image bitmap sans affecter les autres objets du document : 1 Sélectionnez un objet bitmap en cliquant sur l’objet du document ou bien en cliquant sur sa vignette à partir du panneau Calques, ou alors tracez un cadre de sélection en utilisant un outil de sélection bitmap. 2 Choisissez Edition > Recadrer le bitmap sélectionné. Les poignées de recadrage apparaissent tout autour du bitmap sélectionné ou du cadre de sélection, si vous en avez tracé un au cours de l’étape 1. 3 Utilisez ces poignées pour cadrer l’image que vous souhaitez conserver : Remarque : Pour annuler une sélection de recadrage, appuyez sur Echap. Cadre de délimitation 4 Double-cliquez à l’intérieur du cadre de délimitation ou appuyez sur Entrée pour recadrer la sélection. Chaque pixel du bitmap sélectionné se trouvant à l’extérieur du cadre de délimitation est supprimé, mais les autres objets du document demeurent intacts. Réglage de la couleur et du ton d’un bitmap Fireworks possède des filtres de réglage de la couleur et du ton vous permettant d’améliorer et de rehausser les couleurs de vos images bitmap. Vous pouvez régler le contraste et la luminosité, la plage tonale, ainsi que la saturation de la teinte et de la couleur de vos images. L’application de filtres en tant qu’effets en direct à partir de l’Inspecteur des propriétés n’est pas destructeur. Les effets en direct ne modifient pas les pixels de manière permanente. Vous pouvez les déplacer ou les modifier à n’importe quel moment. Si vous préférez appliquer des filtres de façon irréversible et permanente, vous pouvez les choisir à partir du menu Filtres. Toutefois, Macromedia vous recommande d’utiliser les filtres en tant qu’effets en direct à chaque fois que cela est possible. Réglage de la couleur et du ton d’un bitmap 39 Les filtres du menu Filtres peuvent être appliqués à des sélections de pixels, pas les effets en direct. Toutefois, vous pouvez définir une zone d’un bitmap et créer un bitmap séparé à partir de ce dernier, puis lui appliquer un effet en direct. Si vous appliquez un filtre à un objet vectoriel sélectionné en utilisant le menu Filtres, Fireworks convertit la sélection en un bitmap. Pour appliquer un effet en direct à une zone définie par un cadre de sélection bitmap : 1 Choisissez un outil de sélection bitmap et créez un cadre de sélection. 2 Choisissez Edition > Couper. 3 Choisissez Edition > Coller. Fireworks colle la sélection à l’emplacement exact où étaient localisés les pixels d’origine, mais la sélection est maintenant un objet bitmap séparé. 4 Cliquez sur la vignette du nouvel objet bitmap à partir du panneau Calques afin de sélectionner l’objet bitmap. 5 Appliquez un effet en direct à partir de l’Inspecteur des propriétés. Fireworks applique l’effet en direct uniquement au nouvel objet bitmap, simulant l’application d’un filtre à une sélection de pixels. Remarque : Bien que les effets en direct soient plus flexibles, un grand nombre d’effets en direct dans un document peut ralentir la performance de Fireworks. Pour plus d’informations, voir l’aide de Fireworks. Réglage de la plage tonale Vous pouvez utiliser les fonctions Niveaux et Courbes pour régler la plage tonale d’un bitmap. Avec Niveaux, vous pouvez corriger les bitmaps comportant une forte concentration de pixels dans les zones les plus claires, les demi-tons ou les ombres. Vous pouvez également utiliser la fonction Niveaux automatiques et laisser Fireworks régler à votre place la plage tonale. Si vous désirez un contrôle plus précis sur la plage tonale d’un bitmap, vous pouvez utiliser la fonction Courbes, qui vous permet de régler toute couleur de la plage tonale sans affecter les autres couleurs. Utilisation de la fonction Niveaux Un bitmap avec une plage tonale complète doit avoir un nombre pair de pixels dans toutes les zones. La fonction Niveaux corrige les bitmaps comportant une forte concentration de pixels dans les zones les plus claires, les demi-tons ou les ombres. Surbrillances corrige les fortes concentrations de pixels clairs, ce qui donne à l’image un aspect délavé. Demi-tons Ombre corrige les fortes concentrations de pixels dans les demi-tons, ce qui rend l’image fade. corrige les fortes concentrations de pixels sombres, ce qui masque une grande partie des détails. 40 Chapitre 2 : Traitement des bitmaps La fonction Niveaux définit les pixels les plus sombres sur le noir et les plus clairs sur le blanc, puis redistribue les demi-tons proportionnellement. Cette opération permet d’obtenir une image dont les pixels sont aussi nets que possible. Original avec des pixels concentrés dans les zones claires ; après le réglage avec Niveaux Vous pouvez utiliser l’histogramme de la boîte de dialogue Niveaux pour visualiser la distribution des pixels d’un bitmap. L’histogramme est une illustration graphique de la distribution des pixels dans les zones les plus claires, les demi-tons et les ombres. L’histogramme vous aide à déterminer la meilleure méthode de correction de la plage tonale d’une image. Une forte concentration de pixels au niveau des ombres et des zones les plus claires indique que l’image peut être améliorée avec les fonctions Niveaux ou Courbes. L’axe horizontal correspond aux valeurs de couleurs et va des plus foncées (0) aux plus claires (255). Lisez l’axe horizontal de gauche à droite : les pixels les plus sombres figurent à gauche, les pixels les plus clairs à droite et les pixels en demi-ton au centre. L’axe vertical indique le nombre de pixels en fonction du niveau de luminosité. En général, vous devez régler les pixels les plus clairs et les ombres en premier. Le réglage des demi-tons permet d’améliorer leur valeur de luminosité sans affecter les zones les plus claires et les ombres. Pour régler les zones les plus claires, les demi-tons et les ombres : 1 Sélectionnez l’image bitmap. 2 Exécutez l’une des actions suivantes pour ouvrir la boîte de dialogue Niveaux : ■ ■ Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Régler la couleur > Niveaux à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Régler la couleur > Niveaux. Réglage de la couleur et du ton d’un bitmap 41 Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. Boîte de dialogue Niveaux Conseil : Pour afficher vos modifications dans l’espace de travail, choisissez Aperçu dans la boîte de dialogue. Lorsque vous entrez les modifications, l’image est mise à jour automatiquement. 3 Dans le menu contextuel Canal, choisissez si vous voulez appliquer ces modifications à des canaux de couleurs spécifiques (Rouge, Bleu ou Vert) ou bien à tous les canaux de couleurs (RVB). 4 Faites glisser le curseur Niveaux d’entrée, situé sous l’histogramme, pour régler les zones les plus claires, les demi-tons et les ombres. ■ Le curseur de droite règle les zones les plus claires en utilisant des valeurs comprises entre 255 et 0. ■ Le curseur du centre règle les demi-tons en utilisant des valeurs allant de 10 à 0. ■ Le curseur de gauche règle les ombres en utilisant des valeurs comprises entre 0 et 255. Lorsque vous déplacez les curseurs, les valeurs sont entrées automatiquement dans les zones Niveaux d’entrée. Remarque : La valeur des ombres ne peut pas être supérieure à la valeur des zones les plus claires, la valeur des zones les plus claires ne peut pas être inférieure à la valeur des ombres. Quant aux demi-tons, ils doivent se situer entre les paramètres des ombres et des zones les plus claires. 5 Faites glisser les curseurs de l’option Niveaux de sortie pour régler le contraste de l’image. Le curseur de droite règle les zones les plus claires en utilisant des valeurs comprises entre 255 et 0. ■ Le curseur de gauche règle les ombres en utilisant des valeurs comprises entre 0 et 255. Lorsque vous déplacez les curseurs, les valeurs sont entrées automatiquement dans les zones Niveaux de sortie. ■ 42 Chapitre 2 : Traitement des bitmaps Utilisation des Niveaux automatiques Vous pouvez utiliser les Niveaux automatiques pour que Fireworks effectue à votre place les réglages de la plage tonale. Pour régler automatiquement les zones les plus claires, les demi-tons et les ombres : 1 Sélectionnez l’image. 2 Choisissez l’une des options suivantes pour sélectionner Niveaux automatiques : ■ ■ Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Régler la couleur > Niveaux automatiques à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Régler la couleur > Niveaux automatiques. Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. Conseil : Vous pouvez également régler automatiquement les zones les plus claires, les demi-tons et les ombres en cliquant sur le bouton Auto dans la boîte de dialogue Niveaux ou Courbes. Utilisation de Courbes La fonction Courbes est similaire à la fonction Niveaux, mais elle permet de contrôler de façon plus précise la plage tonale. Alors que la fonction Niveaux utilise les zones les plus claires, les ombres et les demi-tons pour corriger la plage tonale, la fonction Courbes permet de régler les couleurs de l’ensemble de la plage tonale au lieu de se limiter à trois variables et n’affecte pas les autres couleurs. Par exemple, utilisez Courbes pour corriger un défaut d’exposition. La grille de la boîte de dialogue Courbes illustre deux valeurs de luminosité : L’axe horizontal représente la luminosité d’origine des pixels (telle qu’elle est indiquée dans la zone Entrée). L’axe vertical représente les nouvelles valeurs de luminosité (telles qu’elles sont indiquées dans la zone Sortie ). Lorsque vous ouvrez la boîte de dialogue Courbes pour la première fois, la ligne diagonale indique qu’aucune modification n’a été effectuée et que, par conséquent, les valeurs de sortie sont identiques pour tous les pixels. Pour régler un point spécifique de la plage tonale : 1 Sélectionnez l’image. 2 Exécutez l’une des actions suivantes pour ouvrir la boîte de dialogue Courbes : ■ ■ Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Régler la couleur > Courbes à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Régler la couleur > Courbes. Réglage de la couleur et du ton d’un bitmap 43 Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. Boîte de dialogue Courbes 3 Dans le menu contextuel Canal, choisissez si vous voulez appliquer les modifications à des canaux de couleur spécifiques ou à l’ensemble des couleurs. 4 Pour régler la courbe, cliquez sur l’un des points de la diagonale, puis faites-le glisser à une autre position. ■ Tous les points de la courbe disposent de leurs propres valeurs Entrée et Sortie. Lorsque vous faites glisser un point, les valeurs Entrée et Sortie sont mises à jour automatiquement. ■ La courbe affiche des valeurs de luminosité comprises entre 0 et 255, 0 représentant les ombres. Courbe après avoir fait glisser un point pour le régler Conseil : Vous pouvez également régler automatiquement les zones les plus claires, les demi-tons et les ombres en cliquant sur le bouton Auto dans la boîte de dialogue Courbes. 44 Chapitre 2 : Traitement des bitmaps Pour supprimer un point le long de la courbe : • Faites glisser le point en dehors de la courbe. Remarque : Vous ne pouvez pas supprimer les points de terminaison de la courbe. Utilisation de pipettes de gradation Vous pouvez régler les zones les plus claires, les ombres et les demi-tons avec la pipette correspondante à partir de la boîte de dialogue Niveaux ou Courbes. Pour régler manuellement la balance de gradation en utilisant les pipettes de gradation : 1 Ouvrez la boîte de dialogue Niveaux ou Courbes, puis choisissez un canal de couleur dans le menu contextuel Canal. 2 Choisissez la pipette appropriée pour redéfinir les valeurs de gradation de l’image : A l’aide de la pipette de zone claire, cliquez sur le pixel le plus clair de l’image afin de redéfinir la valeur la plus claire. ■ A l’aide de la pipette de demi-ton, cliquez sur un pixel de couleur neutre dans l’image afin de redéfinir la valeur de demi-ton. ■ A l’aide de la pipette d’ombre, cliquez sur le pixel le plus sombre de l’image pour redéfinir la valeur de l’ombre. 3 Cliquez sur OK. ■ Réglage de la luminosité et du contraste La fonction Luminosité/Contraste modifie le contraste ou la luminosité des pixels d’une image. Cela affecte les zones les plus claires, les ombres et les demi-tons d’une image. La fonction Luminosité/Contraste est généralement utilisée pour corriger des images trop sombres ou trop claires. Original ; après le réglage de la luminosité Réglage de la couleur et du ton d’un bitmap 45 Pour régler la luminosité ou le contraste : 1 Sélectionnez l’image. 2 Exécutez l’une des actions suivantes pour ouvrir la boîte de dialogue Luminosité/Contraste : ■ ■ Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Régler la couleur > Luminosité/Contraste à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Régler la couleur > Luminosité/Contraste. Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. 3 Faites glisser les curseurs Luminosité et Contraste pour sélectionner le niveau voulu. Les valeurs vont de -100 à 100. 4 Cliquez sur OK. Application en direct de l’effet Trame de couleur Vous pouvez utiliser l’effet Trame de couleur en direct pour changer rapidement la couleur d’objets, soit en remplaçant tous les pixels soit en mélangeant une couleur à celle d’un objet existant. Lorsque vous mélangez des couleurs, la couleur est ajoutée au-dessus de l’objet. Mélanger une couleur à celle d’un objet existant revient à utiliser la fonction Teinte/Saturation. L’opération de mélange permet toutefois d’appliquer rapidement une couleur spécifique à partir d’un nuancier. Pour ajouter un effet de type Trame de couleur à un objet sélectionné : 1 Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Régler la couleur > Trame de couleur à partir du menu contextuel Ajouter des effets. 2 Choisissez un mode de fondu. Le mode par défaut est Normal. Pour plus d’informations sur les modes de fondu, voir Modes de fondu, page 158. 3 Choisissez une couleur de remplissage dans le sélecteur de couleurs. 4 Choisissez un pourcentage d’opacité pour la couleur de remplissage et appuyez sur Entrée. 46 Chapitre 2 : Traitement des bitmaps Réglage de la teinte et de la saturation Utilisez la fonction Teinte/Saturation pour régler l’ombre (ou teinte), l’intensité (ou saturation) ou la luminosité d’une couleur dans une image. Original ; après le réglage de la luminosité Pour régler la teinte ou la saturation : 1 Sélectionnez l’image. 2 Exécutez l’une des actions suivantes pour ouvrir la boîte de dialogue Teinte/Saturation : ■ ■ Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Régler la couleur > Teinte/Saturation à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Régler la couleur > Teinte/Saturation. Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. 3 Faites glisser le curseur de Teinte pour régler la couleur de l’image. Les valeurs vont de -180 à 180. 4 Faites glisser le curseur de Saturation pour régler le niveau de pureté des couleurs. Les valeurs vont de -100 à 100. 5 Faites glisser le curseur Luminosité pour régler la luminosité des couleurs. Les valeurs vont de -100 à 100. 6 Cliquez sur OK. Pour changer une image RVB en une image à deux tons ou pour ajouter des couleurs à une image en échelles de gris : • Choisissez Coloriser dans la boîte de dialogue Teinte/Saturation. Remarque : Si vous choisissez Coloriser, la plage de valeurs des curseurs Teinte et Saturation change. Les valeurs de teinte s’échelonnent de 0 à 360 et les valeurs de saturation de 0 à 100. Réglage de la couleur et du ton d’un bitmap 47 Inversion des valeurs de couleur d’une image Vous pouvez utiliser Inverser pour appliquer la valeur inverse des couleurs de l’image à partir de la roue chromatique. Par exemple, l’application du filtre à un objet rouge (R=255, V=0, B=0) change la couleur en bleu clair (R=0, V=255, B=255). Une image monochrome ; après inversion Une image en couleur ; après inversion Pour inverser les couleurs : 1 Sélectionnez l’image. 2 Utilisez l’une des méthodes suivantes : ■ ■ Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Régler la couleur > Inverser à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Régler la couleur > Inverser. Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. 48 Chapitre 2 : Traitement des bitmaps Application d’un flou et accentuation de la netteté des bitmaps Fireworks possède un ensemble d’options de floutage et d’accentuation que vous pouvez appliquer en tant qu’effets en direct ou en tant que filtres irréversibles et permanents. Application d’un flou à une image L’application d’un flou adoucit l’apparence d’une image bitmap. Fireworks possède six options de flou : La commande Flou adoucit la focalisation des pixels sélectionnés. La commande Accentuer le flou applique un effet de flou trois fois plus puissant que celui de la commande Flou. La commande Flou gaussien applique à chaque pixel une valeur médiane pondérée de flou pour produire un effet de voilage. La commande Flou de mouvement donne l’impression que l’image est en mouvement. La commande Flou radial confère un effet de rotation à l’image. La commande Flou de zoom donne l’impression que le sujet de l’image s’approche ou s’éloigne de la personne qui regarde la photo. Remarque : L’application de filtres à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, de désactiver ou de supprimer un filtre, appliquez-le en tant qu’effet en direct, comme le décrit la première option de chacune des procédures suivantes. Pour plus d’informations, voir Utilisation des effets en direct, page 123. Pour rendre une image floue : 1 Sélectionnez l’image. 2 Utilisez l’une des méthodes suivantes : ■ ■ Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Flou > Flou ou Accentuer le flou à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Flou > Flou ou Accentuer le flou. Pour rendre une image floue avec la commande Flou gaussien : 1 Sélectionnez l’image. 2 Exécutez l’une des actions suivantes pour ouvrir la boîte de dialogue Flou gaussien : Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Flou > Flou gaussien à partir du menu contextuel Ajouter des effets. ■ Choisissez Filtres > Flou > Flou gaussien. 3 Faites glisser le curseur du Rayon du flou pour spécifier la force de l’effet. Les valeurs vont de 0.1 à 250. L’augmentation du rayon se traduit par un effet de flou accentué. 4 Cliquez sur OK. ■ Application d’un flou et accentuation de la netteté des bitmaps 49 Pour rendre une image floue avec la commande Flou de mouvement : 1 Sélectionnez l’image. 2 Exécutez l’une des actions suivantes pour ouvrir la boîte de dialogue Flou de mouvement : Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Flou > Flou de mouvement à partir du menu contextuel Ajouter des effets. ■ Choisissez Filtres > Flou > Flou de mouvement. 3 Définissez la direction du floutage avec la molette Angle. 4 Faites glisser le curseur Distance pour spécifier la force du floutage. Les valeurs vont de 1 à 100. L’augmentation de la distance se traduit par un floutage accentué. 5 Cliquez sur OK. ■ Pour rendre une image floue avec la commande Flou radial : 1 Sélectionnez l’image. 2 Exécutez l’une des actions suivantes pour ouvrir la boîte de dialogue Flou radial : Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Flou > Flou radial à partir du menu contextuel Ajouter des effets. ■ Choisissez Filtres > Flou > Flou radial. 3 Spécifiez le degré de floutage en faisant glisser le curseur Intensité. Les valeurs vont de 1 à 100. L’augmentation de l’intensité se traduit par un floutage accentué. 4 Définissez la finesse du floutage à l’aide du curseur Qualité. Les valeurs vont de 1 à 100. L’augmentation de la qualité se traduit par un floutage présentant moins de répétitions de l’image d’origine. 5 Cliquez sur OK. ■ Pour rendre une image floue avec la commande Flou de zoom : 1 Sélectionnez l’image. 2 Exécutez l’une des actions suivantes pour ouvrir la boîte de dialogue Flou de zoom : Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Flou > Flou de zoom à partir du menu contextuel Ajouter des effets. ■ Choisissez Filtres > Flou > Flou de zoom. 3 Spécifiez le degré de floutage en faisant glisser le curseur Intensité. Les valeurs vont de 1 à 100. L’augmentation de l’intensité se traduit par un floutage accentué. 4 Définissez la finesse du floutage à l’aide du curseur Qualité. Les valeurs vont de 1 à 100. L’augmentation de la qualité se traduit par un floutage présentant moins de répétitions de l’image d’origine. 5 Cliquez sur OK. ■ 50 Chapitre 2 : Traitement des bitmaps Utilisation de l’effet Rechercher les bords pour donner l’apparence d’un croquis à l’image L’effet Rechercher les bords change vos bitmaps, de façon à ce qu’elles ressemblent à des tracés de lignes en identifiant les transitions de couleurs dans les images et en les changeant en lignes. Original ; après l’application de la commande Rechercher les bords Pour appliquer l’effet Rechercher les bords à une zone sélectionnée, utilisez l’une des méthodes suivantes : • Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Autre > Rechercher les bords à partir du menu contextuel Ajouter des effets. • Choisissez Filtres > Autre > Rechercher les bords. Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. Conversion d’une image en transparent Utilisez l’effet Convertir en Alpha pour convertir un objet ou du texte en un transparent qui repose sur la transparence de l’image. Pour appliquer l’effet Convertir en Alpha à une zone sélectionnée, exécutez l’une des actions suivantes : • Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez • Autre > Convertir en Alpha à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Autre > Convertir en Alpha. Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. Application d’un flou et accentuation de la netteté des bitmaps 51 Utilisation de la fonction Accentuer pour accentuer la netteté d’une image Utilisez la fonction Accentuer pour corriger les images légèrement floues. Fireworks possède trois options Accentuer : La commande Accentuer règle la focalisation d’une image floue en augmentant le contraste des pixels adjacents. La commande Accentuer davantage augmente le contraste des pixels adjacents trois fois plus que la commande Accentuer. La commande Masque d’accentuation règle le contraste du bord des pixels pour rendre l’image plus nette. Cette option offre le meilleur contrôle, et doit être utilisée en priorité pour accentuer une image. Original ; après l’accentuation Pour accentuer une image en utilisant une option d’accentuation : 1 Sélectionnez l’image. 2 Exécutez l’une des actions suivantes pour choisir une option d’accentuation : ■ ■ Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Accentuer > Accentuer ou Accentuer davantage à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Accentuer > Accentuer ou Accentuer davantage. Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. Pour accentuer une image avec l’option Masque d’accentuation : 1 Sélectionnez l’image. 2 Exécutez l’une des actions suivantes pour ouvrir la boîte de dialogue Masque d’accentuation : ■ ■ Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Accentuer > Masque d’accentuation à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Accentuer > Masque d’accentuation. Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. 52 Chapitre 2 : Traitement des bitmaps 3 Faites glisser le curseur Intensité de l’accentuation pour sélectionner un facteur d’accentuation compris entre 1 et 500. 4 Faites glisser le curseur Rayon en pixels pour sélectionner un rayon compris entre 0,1 et 250. Plus le rayon est élevé plus la zone à fort contraste entourant les pixels est étendue. 5 Avec le curseur Seuil, sélectionnez une valeur comprise entre 0 et 255. Les valeurs comprises entre 2 et 25 sont les plus communes. Lorsque vous augmentez ce seuil, vous n’accentuez 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 l’ensemble des pixels de l’image. 6 Cliquez sur OK. Ajout de bruit à une image : Lorsqu’elles sont visualisées à un fort taux de grossissement, la plupart des images obtenues à partir d’appareils photo numériques ou de scanners présentent des couleurs qui ne sont pas parfaitement uniformes. Les couleurs sont constituées de pixels comprenant de nombreuses couleurs différentes. Dans le domaine de l’édition d’image, la notion de « bruit » fait référence à ces variations de couleur aléatoires dans les pixels d’une image. Dans certains cas (par exemple, lorsque vous collez une partie d’une image dans une autre image), la différence de la variation de couleur aléatoire entre deux images peut être visible, empêchant les deux images de se fondre l’une dans l’autre. Dans ce cas, vous pouvez ajouter du bruit à l’une des images ou aux deux afin de créer l’illusion que ces deux images proviennent de la même source. Vous pouvez également ajouter du bruit à une image pour des raisons artistiques (pour imiter une vieille photographie ou des parasites sur un écran de télévision, par exemple). Photographie originale ; après ajout de bruit Ajout de bruit à une image : 53 Pour appliquer du bruit à une image : 1 Sélectionnez l’image. 2 Exécutez l’une des actions suivantes pour ouvrir la boîte de dialogue Ajouter du bruit : ■ ■ Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des effets, puis choisissez Bruit > Ajouter du bruit à partir du menu contextuel Ajouter des effets. Choisissez Filtres > Bruit > Ajouter du bruit. Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si les options Edition > Annuler sont disponibles. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant qu’effet en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Utilisation des effets en direct, page 123. 3 Définissez l’intensité du bruit à l’aide du curseur Intensité. Les valeurs vont de 1 à 400. L’augmentation de l’intensité se traduit par un positionnement des pixels plus aléatoire dans l’image. 4 Activez la case Couleur pour appliquer le bruit aux couleurs. Laissez-la désactivée pour appliquer un bruit monochrome uniquement. 5 Cliquez sur OK. 54 Chapitre 2 : Traitement des bitmaps CHAPITRE 3 Utilisation d’objets vectoriels Un objet vectoriel est un graphisme numérique dont la forme est définie par un trajet. La forme d’un trajet vectoriel est définie par une série de points. La couleur du trait d’un objet vectoriel suit un trajet. Sa trame occupe la partie située à l’intérieur du trajet. De manière générale, le trait et le remplissage déterminent l’aspect du graphique lorsque ce dernier est publié sous une forme imprimée ou sur le Web. Macromedia Fireworks MX 2004 contient un grand nombre d’objets vectoriels de dessin et d’édition utilisant diverses techniques. Les outils de formes élémentaires permettent de dessiner rapidement des lignes, des cercles et des ellipses, des carrés et des rectangles, des étoiles et des polygones équilatéraux comportant entre 3 et 360 côtés. Vous pouvez dessiner des trajets vectoriels de forme libre avec les outils Plume et Trajet vectoriel. L’outil Plume permet de dessiner des formes complexes avec des courbes lisses et des lignes droites en plaçant des points un par un. Fireworks offre plusieurs méthodes de modification des objets vectoriels que vous avez tracés. Vous pouvez changer la forme d’un objet en déplaçant, ajoutant ou supprimant des points. Vous pouvez utiliser des poignées de points pour changer la forme des segments de trajet adjacents. Les outils de forme libre permettent de modifier la forme des objets en modifiant leurs trajets directement. Vous pouvez également modifier les formes automatiques à l’aide de leurs méthodes de modification prédéfinies. Les commandes du menu Modification offrent des options supplémentaires de modification des objets, ce qui inclut l’association d’objets, la création d’un objet à partir de l’intersection de plusieurs objets et l’extension du trait d’un objet. Vous pouvez également importer des graphiques et les manipuler avec ces commandes. 55 Traçage d’objets vectoriels Le programme Fireworks dispose de nombreux outils permettant de dessiner des objets vectoriels. Vous pouvez dessiner des formes de base, des trajets vectoriels de forme libre et des formes complexes en joignant les points. Vous pouvez également dessiner des formes automatiques. Il s’agit de groupes d’objets vectoriels disposant de commandes particulières de réglage de leurs attributs. Dessin de lignes, de rectangles et d’ellipses Vous pouvez utiliser l’outil Ligne, Rectangle ou Ellipse pour dessiner rapidement des formes élémentaires. L’outil Rectangle dessine des rectangles en tant qu’objets groupés. Pour déplacer séparément l’un des angles du rectangle, dissociez le rectangle ou utilisez l’outil Sous-sélection. Pour dessiner un rectangle élémentaire avec des angles biseautés, chanfreinés ou arrondis, voir la procédure ci-dessous. Pour dessiner une forme automatique représentant un rectangle aux angles arrondis, voir Réglage des formes automatiques représentant des rectangles biseautés, chanfreinés et arrondis, page 60. Pour dessiner une ligne, un rectangle ou une ellipse : 1 Choisissez l’outil Ligne, Rectangle ou Ellipse. 2 Si nécessaire, sélectionnez les attributs de trait et de trame dans l’Inspecteur des propriétés. Voir Chapitre 5, Application de couleurs, de traits et de remplissages, page 101. 3 Faites glisser le curseur sur le document pour dessiner la forme. Avec l’outil Ligne, appuyez sur la touche Maj tout en faisant glisser la souris pour obtenir des lignes forcées par incrément de 45°. Avec les outils Rectangle et Ellipse, appuyez sur la touche Maj tout en faisant glisser la souris pour obtenir des carrés ou des cercles. Pour dessiner une ligne, un rectangle ou une ellipse à partir d’un point central spécifique : • Placez le pointeur au niveau du point central voulu, puis appuyez sur la touche Alt (Windows) ou Option (Macintosh) et faites glisser l’outil de dessin. Pour contraindre une forme homothétique et dessiner à partir d’un point central : • Placez le pointeur au niveau du point central voulu, puis appuyez sur la touche Maj+Alt (Windows) ou Maj+Option (Macintosh) et faites glisser l’outil de dessin. Pour ajuster la position d’une forme élémentaire lorsque vous la dessinez : • Cliquez en maintenant le bouton de la souris enfoncé, maintenez la barre d’espacement enfoncée, et faites glisser l’objet vers l’emplacement approprié sur le document. Relâchez la barre d’espacement pour continuer à dessiner l’objet. Remarque : L’outil ligne constitue une exception. Lorsque vous maintenez la barre d’espace enfoncée avec l’outil Ligne, la position de la ligne ne change pas. Pour redimensionner une ligne, un rectangle ou une ellipse sélectionné, procédez de l’une des manières suivantes : • Tapez les nouvelles valeurs de largeur (L) ou de hauteur (H) dans l’Inspecteur des propriétés ou le panneau Informations. • Choisissez l’outil Echelle de la section de sélection du panneau Outils et faites glisser une poignée de transformation d’angle. L’objet est redimensionné proportionnellement. 56 Chapitre 3 : Utilisation d’objets vectoriels Remarque : Vous pouvez également choisir Modification > Transformer > Mise à l’échelle et faire glisser une poignée de transformation d’angle ou choisir Modification > Transformer > Transformation numérique et entrer des nouvelles dimensions. Pour plus d’informations sur le redimensionnement et la mise à l’échelle des objets, voir Transformation et distorsion d’objets sélectionnés et de sélections, page 21. • Faire glisser l’angle d’un rectangle Remarque : Avertissement : La mise à l’échelle d’un objet vectoriel ne change pas l’épaisseur de trait. Dessin de rectangles arrondis élémentaires Vous pouvez dessiner un rectangle à angles arrondis en utilisant l’outil Rectangle arrondi ou l’option Arrondi de l’Inspecteur des propriétés pour ajuster l’arrondi des angles d’un rectangle sélectionné. L’outil Rectangle arrondi dessine des rectangles en tant qu’objets groupés. Pour déplacer séparément l’un des angles du rectangle arrondi, dissociez le rectangle ou utilisez l’outil Sous-sélection. Pour dessiner un rectangle avec des angles arrondis : 1 Choisissez l’outil Rectangle arrondi du menu déroulant de l’outil Rectangle. 2 Faites glisser le curseur sur le document pour dessiner le rectangle. Conseil : Vous pouvez régler l’arrondi des angles pendant le dessin du rectangle en appuyant plusieurs fois sur les touches fléchées ou sur les touches 1 ou 2. Pour arrondir les angles d’un rectangle sélectionné : • Dans la zone Arrondi de l’Inspecteur des propriétés, entrez une valeur comprise entre 0 et 100 et appuyez sur Entrée ou déplacez le curseur. Remarque : Si la moitié de la fenêtre de l’Inspecteur des propriétés est affichée, cliquez sur la flèche d’extension située dans l’angle inférieur droit pour afficher la totalité de la fenêtre. Dessin de polygones et d’étoiles élémentaires L’outil Polygone permet de dessiner un polygone ou une étoile équilatéraux, qu’il s’agisse d’un triangle, d’un polygone ou d’une étoile à 360 côtés. Pour dessiner un polygone : 1 Choisissez l’outil Polygone qui fait partie des outils de dessin de formes élémentaires dans la section Vecteur du panneau Outils. 2 Dans l’Inspecteur des propriétés, procédez de l’une des manières suivantes pour définir le nombre de côtés du polygone : ■ Utilisez le curseur pour sélectionner entre 3 et 25 côtés. ■ Tapez un nombre compris entre 3 et 360 dans la zone de texte Côtés. 3 Faites glisser la souris pour dessiner le polygone. Pour contraindre l’orientation d’un polygone par incréments de 45°, maintenez la touche Maj enfoncée pendant que vous dessinez. Les trajets dessinés à l’aide de l’outil Polygone débutent toujours à partir d’un point central. Traçage d’objets vectoriels 57 Pour dessiner une étoile : 1 Choisissez l’outil Polygone. 2 Dans l’Inspecteur des propriétés, choisissez Etoile dans le menu déroulant Forme. 3 Dans la zone de texte Côtés, entrez le nombre de points de l’étoile. 4 Choisissez Automatique ou entrez une valeur dans la zone de texte Angle. Les valeurs proches de 0 produisent des pointes longues et fines, alors que les valeurs proches de 100 ont pour résultat des pointes courtes et écrasées. 5 Faites glisser le curseur sur le document pour dessiner l’étoile. Pour contraindre l’orientation d’une étoile par incréments de 45°, maintenez la touche Maj enfoncée pendant que vous faites glisser la souris. Les trajets dessinés à l’aide de l’outil Polygone débutent toujours à partir d’un point central. Dessin de formes automatiques Les formes automatiques sont des groupes d’objets vectoriels qui suivent des règles particulières permettant de simplifier la création et la modification d’éléments visuels communs. Les outils Formes automatiques dessinent des groupes d’objets. Lorsque vous sélectionnez une forme automatique, des points de contrôle en forme de diamant viennent s’ajouter aux poignées de groupe d’objets habituelles. Chaque point de contrôle est associé à une propriété visuelle spécifique de la forme. Lorsque vous déplacez un point de contrôle, vous modifiez uniquement la propriété visuelle qui y est associée. La plupart des points de contrôle des formes automatiques disposent d’info-bulles décrivant leur effet sur la forme. Placez le pointeur au-dessus d’un point de contrôle pour en afficher l’info-bulle. Les outils Formes automatiques créent des formes avec des orientations prédéfinies. Par exemple, l’outil Flèche dessine des flèches horizontales. Vous pouvez modifier l’orientation d’une forme automatique. Pour plus d’informations, voir Transformation et distorsion d’objets sélectionnés et de sélections, page 21. Bien que la facilité de dessin soit identique pour tous les outils Forme automatique du panneau Outils, les attributs que vous pouvez modifier sont différents pour chacun d’eux. L’outil Flèche dessine des groupes d’objets représentant des flèches simples de toutes proportions. Grâce aux points de contrôle, vous pouvez régler le style de la pointe de flèche, la longueur et l’épaisseur de la queue, ainsi que la longueur de la pointe. L’outil Flèche courbée dessine des groupes d’objets représentant des flèches à angle droit de toutes proportions. Grâce aux points de contrôle, vous pouvez régler le style de la pointe de flèche, la longueur et l’épaisseur de la queue, ainsi que la longueur de la pointe. L’outil Rectangle biseauté dessine des groupes d’objets représentant des rectangles avec des angles biseautés. Grâce aux points de contrôle, vous pouvez modifier le biseautage de tous les angles ou de chaque angle individuellement. 58 Chapitre 3 : Utilisation d’objets vectoriels L’outil Rectangle chanfreiné dessine des groupes d’objets représentant des rectangles avec des chanfreins, autrement dit des angles arrondis vers l’intérieur du rectangle. Vous pouvez modifier le rayon de chanfrein de tous les angles ou de chaque angle individuellement. L’outil Ligne connecteur dessine des groupes d’objets représentant des lignes connecteurs à trois segments, utilisées notamment pour relier les éléments d’un organigramme ou d’un diagramme organisationnel. Grâce aux points de contrôle, vous pouvez modifier les extrémités de la première et de la troisième section de la ligne connecteur, ainsi que l’emplacement de la seconde section reliant la première et la troisième. L’outil Anneau dessine des groupes d’objets représentant des anneaux remplis. Grâce aux points de contrôle, vous pouvez ajuster le périmètre intérieur ou séparer la forme en éléments séparés. L’outil Forme en L dessine des groupes d’objets représentant des formes à angle droit. Grâce aux points de contrôle, vous pouvez modifier la longueur et l’épaisseur des sections horizontales et verticales, ainsi que la courbure de l’angle. L’outil Graphique à secteurs dessine des groupes d’objets représentant des graphiques à secteurs. Grâce aux points de contrôle, vous pouvez découper la forme en éléments séparés. L’outil Polygone intelligent dessine des groupes d’objets représentant des polygones équilatéraux de 3 à 25 côtés. Grâce aux points de contrôle, vous pouvez redimensionner, faire pivoter, ajouter ou supprimer des segments, augmenter ou réduire le nombre de côtés ou ajouter un polygone intérieur à la forme. L’outil Rectangle arrondi dessine des groupes d’objets représentant des rectangles à angles arrondis. Grâce aux points de contrôle, vous pouvez modifier l’arrondi de tous les angles ou de chaque angle individuellement. L’outil Spirale dessine des groupes d’objets représentant des spirales ouvertes. Grâce aux points de contrôle, vous pouvez modifier le nombre de rotations et choisir d’ouvrir ou de fermer la spirale. L’outil Etoile dessine des groupes d’objets représentant des étoiles de 3 à 25 points. Grâce aux points de contrôle, vous pouvez ajouter ou supprimer des points et en ajuster les angles intérieur et extérieur. Pour dessiner une forme automatique à l’aide du panneau Outils : 1 Choisissez un outil Forme automatique à partir de son menu déroulant dans la catégorie Vecteur du panneau Outils. 2 Utilisez l’une des méthodes suivantes : ■ Faites glisser le curseur sur le document pour dessiner la forme. ■ Cliquez sur le document pour y placer la forme à sa taille par défaut. Réglage des formes automatiques représentant des flèches Les flèches disposent de cinq points de contrôle. Ils permettent de régler le style de la pointe de flèche, la longueur et l’épaisseur de la queue, ainsi que la longueur de la pointe. Pour régler le style d’une pointe de flèche : • Déplacez le point de contrôle de pointe de la flèche sélectionnée. Pour augmenter ou réduire la taille d’une pointe de flèche : • Déplacez le point de contrôle de pointe de la flèche sélectionnée. Traçage d’objets vectoriels 59 Pour allonger ou raccourcir la queue d’une flèche : • Déplacez le point de contrôle de longueur de la flèche sélectionnée. Pour régler l’épaisseur de la queue d’une flèche : • Déplacez le point de contrôle d’épaisseur de la flèche sélectionnée. Réglage des formes automatiques représentant des flèches courbées Les flèches courbées disposent de cinq points de contrôle. Ils permettent de régler le style de la pointe de flèche, la longueur de la pointe et de la queue, l’épaisseur de la queue, ainsi que l’arrondi de la courbe de la flèche. Pour régler le style de pointe d’une flèche courbée : • Déplacez le point de contrôle de pointe de la flèche sélectionnée. Pour réduire ou augmenter la taille de la pointe d’une flèche courbée : • Déplacez le point de contrôle de pointe de la flèche sélectionnée. Pour allonger ou raccourcir la queue d’une flèche courbée : • Déplacez le point de contrôle de longueur de la flèche courbée sélectionnée. Pour régler l’épaisseur de la queue d’une flèche courbée : • Déplacez le point de contrôle d’épaisseur de la flèche courbée sélectionnée. Pour régler l’angle de la courbe de la queue d’une flèche courbée : • Déplacez le point de contrôle du rayon d’angle de la flèche sélectionnée. Réglage des formes automatiques représentant des rectangles biseautés, chanfreinés et arrondis Les rectangles biseautés, chanfreinés et arrondis disposent de cinq points de contrôle. Le point de contrôle de chaque angle permet de régler tous les angles en même temps. Appuyez sur la touche Alt (Windows) ou Option (Macintosh) et déplacez le point de contrôle pour modifier un seul angle à la fois. Le point de contrôle restant redimensionne le rectangle sans modifier l’arrondi de l’angle. Remarque : Pour modifier le rayon d’angle des rectangles dessinés avec l’outil Rectangle, utilisez le paramètre Arrondi de rectangle de l’Inspecteur des propriétés. Pour régler les angles d’une forme automatique représentant un rectangle biseauté, chanfreiné ou arrondi : • Déplacez un point de contrôle d’angle de la forme sélectionnée. Pour régler un seul angle d’une forme automatique représentant un rectangle biseauté, chanfreiné ou arrondi : • Appuyez sur la touche Alt (Windows) ou Option (Macintosh) et déplacez un point de contrôle d’angle de la forme sélectionnée. 60 Chapitre 3 : Utilisation d’objets vectoriels Pour redimensionner une forme automatique représentant un rectangle biseauté, chanfreiné ou arrondi sans modifier les angles : • Déplacez le point de contrôle de redimensionnement. Pour changer le type des angles d’un rectangle : • Appuyez sur la touche Alt (Windows) ou Option (Macintosh) et cliquez sur le point de contrôle de votre choix. Pour changer le type d’un seul angle : • Appuyez sur les touches Maj+Alt (Windows) ou Maj+Option (Macintosh) et cliquez sur le point de contrôle de votre choix. Réglage des formes automatiques représentant des lignes connecteurs Les lignes connecteurs disposent de cinq points de contrôle. Ils permettent de placer les points de départ et de fin, de régler la position de la barre transversale (la ligne qui relie le premier et le troisième segment) et de régler l’arrondi des angles. Pour déplacer les points de départ ou de fin d’une ligne connecteur : • Déplacez le point de contrôle au début ou à la fin de la ligne connecteur. Pour repositionner la barre transversale d’une ligne connecteur : • Déplacez le point de contrôle de position horizontale. Pour régler tous les angles de la ligne connecteur sélectionnée : • Déplacez un point de contrôle d’angle. Pour régler un seul angle de la ligne connecteur sélectionnée : • Appuyez sur la touche Alt (Windows) ou Option (Macintosh) et déplacez le point de contrôle d’un angle. Réglage des formes automatiques représentant des anneaux Les anneaux disposent initialement de trois points de contrôle. Ils permettent de régler le périmètre intérieur, de définir ce dernier à zéro et de diviser la forme en découpes pour en faire un graphique à secteurs. Vous pouvez ajouter autant de sections que vous le souhaitez grâce aux points de contrôle. Pour chaque nouvelle section, Fireworks ajoute un point de contrôle permettant de la redimensionner ou de la diviser. Pour ajouter des sections à un anneau sélectionné : • Appuyez sur la touche Alt (Windows) ou Option (Macintosh) et faites glisser un point de contrôle d’ajout/division de secteur dans le périmètre extérieur de la forme. Pour supprimer une section d’un anneau sélectionné : • Déplacez le point de contrôle d’ajout/division de secteur dans le périmètre extérieur de la forme pour définir la portion de la forme qui doit rester dans le document. Pour redimensionner le rayon intérieur d’un anneau sélectionné : • Déplacez le point de contrôle du rayon intérieur. Traçage d’objets vectoriels 61 Pour définir le rayon intérieur d’un anneau sélectionné à zéro : • Cliquez sur le point de contrôle de réinitialisation du rayon. Réglage des formes automatiques représentant des graphiques à secteurs Les graphiques à secteurs disposent initialement de trois points de contrôle. Ils permettent de diviser la forme en découpes, de régler la taille de ces dernières et de regrouper le graphique en un seul secteur. Vous pouvez ajouter autant de sections que vous le souhaitez grâce aux points de contrôle. Pour chaque nouvelle section, Fireworks ajoute un point de contrôle permettant de la redimensionner ou de la diviser. Pour ajouter des sections à un graphique sélectionné : • Appuyez sur la touche Alt (Windows) ou Option (Macintosh) et déplacez un point de contrôle de segmentation dans le périmètre extérieur de la forme. Pour redimensionner une découpe d’un graphique sélectionné : • Déplacez un point de contrôle de segmentation dans le périmètre extérieur de la forme. Pour redéfinir le graphique sélectionné en un seul secteur : • Cliquez sur le point de contrôle de réinitialisation. Réglage des formes automatiques représentant des formes en L Les formes en L disposent de quatre points de contrôle. Ils permettent de régler la longueur et l’épaisseur de chaque section de la forme, ainsi que l’arrondi de la courbe du L. Pour modifier la longueur ou l’épaisseur d’une section sélectionnée de la forme en L : • Déplacez l’un des deux points de contrôle de longueur/épaisseur. Pour régler l’arrondi des angles de la forme en L sélectionnée : • Déplacez le point de contrôle du rayon d’angle. Réglage des formes automatiques représentant des polygones intelligents Les polygones intelligents ont initialement la forme de pentagones disposant de quatre points de contrôle. Ces derniers permettent de redimensionner, faire pivoter, ajouter ou supprimer des segments de polygone, d’augmenter ou de diminuer le nombre de côtés du polygone et d’ajouter un polygone intérieur à la forme pour créer un anneau. Pour redimensionner ou faire pivoter un polygone intelligent sélectionné, procédez de l’une des façons suivantes : • Déplacez le point de contrôle de mise à l’échelle/rotation. • Appuyez sur la touche Alt (Windows) ou Option (Macintosh) et déplacez le point de contrôle de mise à l’échelle/rotation pour effectuer une rotation uniquement. Pour ajouter ou supprimer des sections dans le polygone intelligent sélectionné : • Déplacez le point de contrôle des sections. Pour modifier le nombre de côtés du polygone intelligent sélectionné : • Déplacez le point de contrôle des côtés. 62 Chapitre 3 : Utilisation d’objets vectoriels Pour diviser le polygone intelligent sélectionné en plusieurs segments : • Appuyez sur la touche Alt (Windows) ou Option (Macintosh) et déplacez le point de contrôle des côtés. Pour redimensionner le polygone intérieur d’un polygone intelligent, procédez de l’une des façons suivantes : • Si le polygone possède un polygone intérieur, déplacez le point de contrôle du polygone intérieur. • Dans le cas contraire, déplacez le point de contrôle de réinitialisation du polygone intérieur. Pour redimensionner le polygone intérieur du polygone intelligent sélectionné : • Cliquez sur le point de contrôle de réinitialisation du polygone intérieur. Réglage des formes automatiques représentant des spirales Les spirales disposent de deux points de contrôle. Ils permettent de régler le nombre de tours dans la spirale et d’ouvrir ou fermer la spirale. Pour régler le nombre de tours dans la spirale sélectionnée : • Déplacez le point de contrôle de spirale. Pour ouvrir ou fermer la spirale sélectionnée : • Cliquez sur le point de contrôle d’ouverture/fermeture de la spirale. Réglage des formes automatiques représentant des étoiles Les étoiles disposent initialement de cinq points de contrôle. Ils permettent d’ajouter ou de supprimer des points, de régler les angles intérieur et extérieur des points, ainsi que l’arrondi des pics et des creux. Pour changer le nombre de côtés de l’étoile sélectionnée : • Déplacez le point de contrôle des points. Pour régler les creux de l’étoile sélectionnée : • Déplacez le point de contrôle des creux. Pour régler les pics de l’étoile sélectionnée : • Déplacez le point de contrôle des pics. Pour régler l’arrondi des creux et des pics de l’étoile sélectionnée : • Déplacez un point de contrôle d’arrondi. Traçage d’objets vectoriels 63 Ajout de formes automatiques à un dessin à l’aide du panneau Actifs Le panneau Actifs renferme un onglet Formes contenant des formes automatiques supplémentaires. Ces dernières sont généralement plus complexes que celles du panneau Outils. Au lieu de les dessiner directement dans le document, vous les placez dans votre dessin en les faisant glisser du panneau Actifs vers le document. Pour créer une forme automatique à l’aide du panneau Actifs : 1 Choisissez Fenêtre > Formes automatiques pour afficher l’onglet Formes, si ce dernier n’est pas déjà à l’écran. 2 Faites glisser un aperçu de forme automatique du panneau Actifs vers le document. 3 Modifiez la forme automatique en déplaçant l’un ou l’autre de ses points de contrôle comme vous le souhaitez. Ajout de nouvelles formes automatiques dans Fireworks Vous pouvez ajouter de nouvelles formes automatiques dans Fireworks à l’aide du site Web Fireworks Exchange. Certaines apparaîtront dans l’onglet Formes du panneau Actifs tandis que d’autres apparaîtront dans le menu Outils, regroupées avec d’autres formes automatiques. Vous pouvez également ajouter des formes automatiques dans Fireworks en les créant vous-même à l’aide du code JavaScript. Pour plus d’informations, voir Extension de Fireworks. Pour ajouter de nouvelles formes automatiques dans Fireworks : 1 Choisissez Fenêtre > Formes automatiques pour afficher l’onglet Formes, si ce dernier n’est pas déjà à l’écran. 2 Choisissez Acquérir plus de formes automatiques dans le menu Options du panneau Formes automatiques. Fireworks se connecte au site Web Fireworks Exchange. 3 Suivez les instructions à l’écran pour sélectionner de nouvelles formes automatiques et les ajouter dans Fireworks. Dessin de trajets de forme libre Vous pouvez dessiner des trajets vectoriels de forme libre à l’aide de l’outil Trajet vectoriel, pratiquement de la même manière qu’avec un feutre ou un crayon. L’outil Trajet vectoriel se trouve dans le menu déroulant de l’outil Plume. Vous pouvez changer les attributs de trait et de trame des trajets dessinés avec l’outil Trajet vectoriel. Voir Chapitre 5, Application de couleurs, de traits et de remplissages, page 101. Utilisation de l’outil Trajet vectoriel L’outil Trajet vectoriel dispose de nombreux types de traits, ce qui inclut l’aérographe, le vaporisateur, la calligraphie, la craie grasse et l’artifice. Ces catégories disposent elles-mêmes de divers traits, ce qui inclut les feutres sombres et clairs, les éclaboussures d’essence, bambou, ruban, 3D, dentifrice et peinture alien visqueuse. 64 Chapitre 3 : Utilisation d’objets vectoriels Bien que les traits ressemblent à de la peinture ou à de l’encre, ils sont constitués de points et de trajets comme tous les objets vectoriels. Par conséquent, vous pouvez changer la forme des traits en déplaçant ces points de différentes manières. Lorsque vous reformez un trajet, le trait est redessiné. Graphisme modifié en déplaçant des points de vecteurs Vous pouvez également modifier les traits de pinceau existants et ajouter des trames aux objets sélectionnés qui ont été dessinés avec l’outil Trajet vectoriel. Les nouveaux paramètres de trait et de remplissage sont enregistrés et pourront être utilisés ultérieurement avec l’outil Trajet vectoriel dans le document actif. Pour dessiner un trajet vectoriel de forme libre : 1 Choisissez l’outil Trajet vectoriel dans le menu déroulant de l’outil Plume. 2 Si nécessaire, sélectionnez les attributs de trait et de trame dans l’Inspecteur des propriétés. Voir Chapitre 5, Application de couleurs, de traits et de remplissages, page 101. 3 Faites glisser la souris pour dessiner. Pour contraindre le trajet à une ligne horizontale ou verticale, maintenez enfoncée la touche Maj et faites glisser la souris. 4 Relâchez le bouton de la souris à la fin du trajet. Pour fermer le trajet, relâchez le bouton de la souris après avoir placé le pointeur sur le premier point du trajet. Dessin de trajets par tracé de points L’une des façons de dessiner et de modifier des objets vectoriels sous Fireworks est de tracer des points et de les relier comme dans un dessin pour enfant. Lorsque vous cliquez sur chaque point avec l’outil Plume, Fireworks dessine automatiquement le trajet de l’objet vectoriel à partir du dernier point sur lequel vous avez cliqué. Traçage d’objets vectoriels 65 L’outil Plume permet non seulement de relier des points avec une ligne droite, mais également de dessiner des segments de courbe lisses dérivés d’une fonction mathématique appelée courbes de Bézier. Le type de point, point d’angle ou point de courbe, détermine si la forme adjacente doit être une ligne droite ou une courbe. Vous pouvez modifier des segments de droite et de courbe en faisant glisser leurs points. Vous pouvez modifier encore les segments de courbe en faisant glisser les glissières de leurs points. Vous pouvez convertir un segment de droite en segment de courbe et vice-versa en convertissant ses points. Dessin de trajet en tant que segments de droite Le dessin de segments de droite avec l’outil Plume nécessite simplement de cliquer pour placer les points. Lorsque vous cliquez avec l’outil Plume, vous formez un point d’angle. Pour dessiner un trajet avec des segments de droite : 1 Choisissez l’outil Plume. 2 Si nécessaire, choisissez Edition > Préférences et activez les options suivantes appropriées de l’onglet Edition de la boîte de dialogue Préférences, puis cliquez sur OK : Afficher l’aperçu de la plume permet d’obtenir un aperçu du segment de ligne tel qu’il doit apparaître lors du clic suivant. Afficher les points unis permet d’afficher des points unis à mesure que vous dessinez. Remarque : Sur Mac OS X, choisissez Fireworks > Préférences pour ouvrir la boîte de dialogue des préférences. 3 Cliquez sur le document pour placer le premier point d’angle. 4 Déplacez le pointeur et cliquez pour placer le point suivant. Un segment de droite réunit les deux points. 5 Continuez à tracer des points. Les segments de droites relient les points. 6 Procédez de l’une des manières suivantes pour créer un trajet ouvert ou fermé : ■ Double-cliquez sur le dernier point pour terminer le trajet dans le cas d’un trajet ouvert. ■ Choisissez un autre outil pour terminer ce trajet ouvert. Remarque : Lorsque vous choisissez un outil de sélection ou vectoriel autre que l’outil Texte et que vous revenez à l’outil Plume, Fireworks reprend le dessin de l’objet à votre prochain clic. ■ 66 Pour fermer le trajet, cliquez sur le premier point que vous avez tracé. Les points de départ et de fin d’un trajet fermé sont les mêmes. Chapitre 3 : Utilisation d’objets vectoriels Remarque : Les boucles formées par un trajet qui se chevauche ne constituent pas des trajets fermés. Seuls les trajets qui commencent et se terminent par le même point sont des trajets fermés. Dessin de trajet en tant que segments de courbe Pour dessiner des segments de courbe, il suffit de cliquer et de faire glisser la souris lors du dessin des points. Les points que vous dessinez comportent des poignées de contrôle. Lorsque vous dessinez avec l’outil Plume ou un autre outil de dessin Fireworks, tous les points des objets vectoriels reçoivent des poignées de transformation. Ces poignées sont visibles uniquement sur les points des courbes . Pour dessiner un objet avec des segments de courbe : 1 Choisissez l’outil Plume. 2 Cliquez pour placer le premier point d’angle. 3 Placez le curseur à l’emplacement du point suivant, puis cliquez et faites glisser la souris pour obtenir un point de courbe. Lorsque vous cliquez et faites glisser la souris, Fireworks étend le segment de droite jusqu’au nouveau point. 4 Continuez à tracer des points. Lorsque vous cliquez et faites glisser un nouveau point, vous créez un point de courbe. Conseil : Vous pouvez utiliser temporairement l’outil Sous-sélection pour changer l’emplacement des points et la forme des courbes que vous tracez. Maintenez enfoncée la touche Ctrl (Windows) ou Commande (Macintosh) lors du dessin d’un point ou d’une poignée de contrôle avec l’outil Plume. 5 Procédez de l’une des manières suivantes pour créer un trajet ouvert ou fermé : ■ ■ ■ Double-cliquez sur le dernier point pour terminer le trajet dans le cas d’un trajet ouvert. Choisissez un autre outil pour terminer ce trajet ouvert. Lorsque vous choisissez certains outils et que vous revenez à l’outil Plume, Fireworks reprend le dessin de l’objet à votre prochain clic. Pour fermer un trajet, cliquez sur le premier point que vous avez tracé. Les points de départ et de fin d’un trajet fermé sont les mêmes. Traçage d’objets vectoriels 67 Réglage de la forme d’un trajet de segment de droite Vous pouvez allonger, raccourcir ou changer la position d’un segment de droite en déplaçant ses points. Pour changer un segment de droite : 1 Sélectionnez le trajet à l’aide de l’outil Pointeur ou Sous-sélection. 2 Cliquez sur l’un des points avec l’outil Sous-sélection pour le sélectionner. Les points d’angle sélectionnés sont affichés sous la forme de carrés bleus. 3 Faites glisser le point ou utilisez l’une des touches fléchées pour déplacer le point vers un autre emplacement. Réglage de la forme d’un trajet de segment de courbe Vous pouvez modifier la forme d’un objet vectoriel en déplaçant ses poignées de contrôle à l’aide de l’outil Sous-sélection. Les poignées de contrôle déterminent l’angle de la courbe entre deux points fixes. Ces courbes s’appellent des courbes de Bézier. Pour modifier la courbe de Bézier d’un segment de trajet : 1 Sélectionnez le trajet à l’aide de l’outil Pointeur ou Sous-sélection. 2 Cliquez sur l’un des points de la courbe avec l’outil Sous-sélection pour le sélectionner. Les points de courbe sélectionnés sont affichés sous forme de carrés unis bleus. Les poignées de point s’étendent depuis le point. 3 Faites glisser les poignées vers un nouvel emplacement. Pour contraindre la direction du déplacement par incréments de 45° degrés, maintenez la touche Maj enfoncée pendant que vous faites glisser la poignée. L’aperçu du trajet en bleu indique par où passera le nouveau trajet si vous relâchez le bouton de la souris. Poignées de points Pointeur de sous-sélection Aperçu du trajet Trajet Point sélectionné 68 Chapitre 3 : Utilisation d’objets vectoriels Par exemple, si vous faites glisser la poignée de contrôle vers le bas, la poignée de contrôle droite monte. Appuyez sur la touche Alt et faites glisser la souris pour déplacer la poignée séparément. Conversion de segments de trajet en droites ou en courbes Les trajets des segments de droite comportent des points d’angle. Les segments de courbe comportent des points de courbe. Vous pouvez convertir un segment de droite en segment de courbe et vice-versa en convertissant ses points. Pour convertir un point d’angle en point de courbe : 1 Choisissez l’outil Plume. 2 Cliquez sur un point d’angle du trajet sélectionné et faites-le glisser à l’écart de sa position initiale. Les poignées s’étendent et les segments adjacents se courbent. Remarque : Pour modifier les poignées du point, choisissez l’outil Sous-sélection ou appuyez sur la touche Ctrl (Windows) ou Commande (Mac) lorsque l’outil Plume est actif. Traçage d’objets vectoriels 69 Pour convertir un point de courbe en point d’angle : 1 Choisissez l’outil Plume. 2 Cliquez sur un point de courbe du trajet sélectionné. Les poignées se rétractent et les segments adjacents se redressent. Sélection de points L’outil Sous-sélection permet de sélectionner plusieurs points. Avant de sélectionner un point avec l’outil Sous-sélection, sélectionnez le trajet avec l’outil Pointeur ou Sous-sélection ou en cliquant sur sa vignette dans le panneau Calques. Pour sélectionner des points spécifiques sur un trajet sélectionné : 1 Choisissez l’outil Sous-sélection. 2 Utilisez l’une des méthodes suivantes : ■ ■ Cliquez sur un point ou maintenez la touche Maj enfoncée et cliquez successivement sur les points. Tracez une zone autour des points à sélectionner. Pour afficher les poignées d’un point de courbe : • Cliquez sur le point avec l’outil Sous-sélection. Si l’un des points situés près du point sur lequel vous avez cliqué est un point de courbe, sa poignée est également affichée. 70 Chapitre 3 : Utilisation d’objets vectoriels Déplacement des points et de leurs poignées de contrôle Vous pouvez modifier la forme d’un objet en faisant glisser ses points et ses poignées de contrôle avec l’outil Sous-sélection. Pour déplacer un point : • Faites-le glisser avec l’outil Sous-sélection. Fireworks redessine le trajet en tenant compte de la nouvelle position du point. Pour changer la forme d’un segment de trajet : • Faites glisser une poignée avec l’outil Sous-sélection. Pour déplacer une seule poignée à la fois, maintenez enfoncée la touche Alt (Windows) ou Option (Macintosh) et déplacez la poignée. Pour ajuster la poignée d’un angle : 1 Choisissez l’outil Sous-sélection. 2 Sélectionnez un angle. 3 Appuyez sur la touche Alt (Windows) ou Option (Macintosh) et faites glissez la souris pour afficher sa poignée et courber le segment adjacent. Pour modifier un segment de trajet adjacent, faites glisser la poignée d’un point à l’aide de l’outil Sous-sélection. Insertion et suppression de points sur un trajet Vous pouvez ajouter ou supprimer des points à un trajet. Ajoutez des points à un trajet pour contrôler l’un des segments du trajet. Supprimez-en pour reformer le trajet ou simplifier sa modification. Pour insérer un point sur un trajet sélectionné : • Avec l’outil Plume, cliquez sur l’une des parties du trajet qui ne comporte pas encore de point. Pour supprimer un point d’un segment de trajet sélectionné, procédez comme suit : • Cliquez avec l’outil Plume sur l’un des points d’angle d’un objet sélectionné. • Double-cliquez avec l’outil Plume sur l’un des points de courbe d’un objet sélectionné. • Sélectionnez un point avec l’outil Sous-sélection et appuyez sur la touche Suppr ou Retour arrière. Traçage d’objets vectoriels 71 Prolongement d’un trajet existant Vous pouvez utiliser l’outil Plume pour continuer à dessiner un trajet ouvert. Pour reprendre le dessin d’un trajet ouvert : 1 Choisissez l’outil Plume. 2 Cliquez sur le point de terminaison, puis reprenez le tracé. Le curseur de l’outil Plume change de forme pour indiquer que vous ajoutez un trajet. Fusion de deux trajets ouverts Vous pouvez relier deux trajets ouverts (ou plus) afin de constituer un trajet continu. Lorsque vous reliez deux trajets, les attributs de trait, de remplissage et d’effet les plus élevés deviennent les attributs du trajet fusionné. Pour fusionner deux trajets ouverts : 1 Choisissez l’outil Plume. 2 Cliquez sur le point de terminaison de l’un des trajets. 3 Placez le pointeur sur le point de terminaison de l’autre trajet et cliquez. Liaison automatique de trajets ouverts similaires Vous pouvez facilement relier deux trajets ouverts qui partagent des attributs de trait et de trame similaires. Pour relier automatiquement deux trajets ouverts : 1 Sélectionnez un trajet ouvert. 2 Choisissez l’outil Sous-sélection et faites glisser l’un des points de terminaison du trajet à quelques pixels de la fin d’un trajet similaire. Le point de terminaison s’accroche alors à l’autre trajet et les deux ne forment plus qu’un. Modification des trajets Vous disposez de plusieurs méthodes pour modifier les objets vectoriels sous Fireworks. Vous pouvez changer la forme d’un objet en déplaçant, ajoutant ou supprimant les points ou vous pouvez déplacer les poignées des points pour changer la forme de segments de trajets adjacents. Les outils de forme libre permettent de modifier la forme des objets en modifiant leurs trajets directement. Vous pouvez également utiliser les fonctions de trajet pour créer des formes en combinant ou en modifiant les trajets existants. Modification de trajets avec les outils vectoriels Certains outils de Fireworks permettent non seulement de déplacer des points et des poignées de point, mais aussi de modifier directement des objets vectoriels. 72 Chapitre 3 : Utilisation d’objets vectoriels Incurvation et remodelage des objets vectoriels Utilisez l’outil Forme libre pour incurver et remodeler directement les objets vectoriels au lieu de manipuler les points. Vous pouvez pousser ou tirer l’une des parties d’un trajet, quel que soit l’emplacement des points. L’ajout, le déplacement et la suppression de points du trajet s’effectuent automatiquement au fur et à mesure que vous changez la forme de l’objet vectoriel. Longueur spécifiée Outil Forme libre tirant un segment de trajet Outil Forme libre poussant un segment de trajet Lorsque vous déplacez le pointeur au-dessus d’un trajet sélectionné, il se transforme en pointeur de poussée ou de traction, en fonction de sa position par rapport au trajet sélectionné. Pointeur Signification L’outil Forme libre est utilisé. L’outil Forme libre est en cours d’utilisation et le pointeur de traction est en position pour tirer sur le trajet sélectionné. L’outil Forme libre est en cours d’utilisation et le pointeur de traction tire sur le trajet sélectionné. L’outil Forme libre est utilisé et le pointeur de poussée est activé. L’outil Reformer la zone est utilisé et le pointeur correspondant est activé. La zone comprise entre le cercle intérieur et le cercle extérieur reforme le trajet selon une intensité inférieure à l’intensité maximale. Lorsque le pointeur se trouve juste au-dessus du trajet, vous pouvez tirer sur celui-ci. Lorsque le pointeur ne se trouve pas positionné juste au-dessus du trajet, vous pouvez pousser sur celui-ci. Vous pouvez également changer la taille du pointeur de poussée ou de traction. Remarque : L’outil Forme libre reporte également la pression exercée sur une tablette Wacom ou compatible. Modification des trajets 73 Pour tirer un chemin sélectionné : 1 Choisissez l’outil Forme libre. 2 Positionnez le pointeur directement sur le trajet sélectionné. Le pointeur se transforme en pointeur de traction. 3 Dessinez le trajet. Pour pousser un chemin sélectionné : 1 Choisissez l’outil Forme libre. Le pointeur se transforme en pointeur de poussée ou de traction. 2 Pointez légèrement à l’écart du trajet. 3 Faites glisser vers le trajet pour exercer une poussée. Poussez sur le trajet sélectionné pour lui donner une nouvelle forme. Pour changer la forme du pointeur de poussée, exécutez l’une des actions suivantes : • Cliquez et maintenez enfoncé le bouton de la souris, puis appuyez sur la touche Flèche droite ou sur 2 pour élargir le pointeur. • Cliquez et maintenez enfoncé la bouton de la souris, puis appuyez sur la touche Flèche gauche ou sur 1 pour réduire le pointeur. • Pour définir la taille du pointeur et la longueur du segment de trajet affecté par ce dernier, désélectionnez tous les objets du document et entrez une valeur comprise entre 1 et 500 dans la zone de texte Taille de l’Inspecteur des propriétés. Cette valeur indique la taille du pointeur en pixels. Distorsion de trajets L’outil Reformer la zone permet de tirer sur la zone de tous les trajets sélectionnés à l’intérieur du cercle extérieur du pointeur Reformer la zone. Le cercle intérieur du pointeur correspond à la délimitation de l’outil lorsque l’intensité est maximale. La zone comprise entre le cercle intérieur et le cercle extérieur reforme le trajet selon une intensité inférieure à l’intensité maximale. Le cercle extérieur du pointeur détermine la force d’attraction. Vous pouvez définir son intensité. Remarque : L’outil Reformer la zone reporte également la pression exercée sur une tablette Wacom ou compatible. 74 Chapitre 3 : Utilisation d’objets vectoriels Pour appliquer une distorsion aux trajets sélectionnés : 1 Choisissez l’outil Reformer la zone du menu déroulant de l’outil Forme libre. 2 Faites glisser le pointeur sur les trajets pour les dessiner de nouveau. Pour changer la taille du pointeur Reformer la zone, procédez de l’une des manières suivantes : • Cliquez et maintenez enfoncé le bouton de la souris, puis appuyez sur la touche Flèche droite • • ou sur 2 pour élargir le pointeur. Cliquez et maintenez enfoncé la bouton de la souris, puis appuyez sur la touche Flèche gauche ou sur 1 pour réduire le pointeur. Pour définir la taille du pointeur et la longueur du segment de trajet affecté par ce dernier, désélectionnez tous les objets du document et entrez une valeur comprise entre 1 et 500 dans la zone de texte Taille de l’Inspecteur des propriétés. Cette valeur indique la taille du pointeur en pixels. Pour définir l’intensité du cercle intérieur du pointeur Reformer la zone : • Entrez une valeur comprise entre 1 et 100 dans la zone de texte Intensité de l’Inspecteur des propriétés. Cette valeur indique le pourcentage de l’intensité potentielle du pointeur. L’intensité est directement proportionnelle au pourcentage exprimé. Dessiner de nouveau des trajets Utilisez l’outil Redessiner le trajet pour redessiner ou étendre un segment de trajet sélectionné sans modifier les caractéristiques du trait, du remplissage et de l’effet du trajet. Pour redessiner ou étendre un segment de trajet sélectionné : 1 Dans le menu déroulant de l’outil Plume, choisissez Redessiner le trajet. 2 Positionnez le pointeur directement sur le trajet. Le pointeur se transforme en pointeur Redessiner le trajet. 3 Faites glisser le pointeur pour redessiner ou étendre le segment de trajet. La portion de trajet à redessiner apparaît en surbrillance rouge. 4 Relâchez le bouton de la souris. Changement de l’aspect en modifiant la pression et la vitesse Vous pouvez changer l’apparence d’un trajet à l’aide des outils Modulateur de trajet. En utilisant une pression ou une vitesse différente, vous pouvez changer les propriétés de trait d’un trajet. Ces propriétés comprennent la taille de trait, l’angle, la quantité l’encre, la dispersion, la teinte, la luminosité et la saturation. Vous pouvez définir les propriétés affectées par la modulation de trajet en utilisant l’onglet Sensibilité de la boîte de dialogue Modifier le trait. Vous pouvez également spécifier comment la pression et la vitesse s’appliquent à ces propriétés. Pour plus d’informations sur la définition des options de la boîte de dialogue Modifier le trait, voir Utilisation des traits, page 110. Modification des trajets 75 Division de trajets en objets multiples Utilisez l’outil Cutter pour découper un trajet en deux trajets ou plus. Pour couper un trajet sélectionné : 1 Choisissez l’outil Cutter. Remarque : L’utilisation de la gomme des plumes Wacom sélectionne automatiquement l’outil Cutter. 2 Utilisez l’une des méthodes suivantes : Faites glisser le pointeur sur le trajet. Cliquez sur le trajet. 3 Désélectionnez le trajet. ■ ■ Modification avec les options de trajet Les options de trajet du menu Modification permettent de créer de nouvelles formes en combinant ou en modifiant des trajets existants. Pour certaines options de trajet, l’ordre d’empilage des objets trajet sélectionnés définit le déroulement de l’opération. Pour plus d’informations sur l’ordre d’empilage des objets sélectionnés, voir la section Empilage des objets, page 26. Remarque : L’utilisation des options de trajet supprime toutes les informations de pression et de vitesse des trajets concernés. Combinaison des objets de trajet Vous pouvez combiner des objets de trajet en un seul objet trajet. Vous pouvez relier les extrémités de deux trajets ouverts pour créer un seul trajet fermé ou joindre plusieurs trajets pour créer un trajet composite. 76 Chapitre 3 : Utilisation d’objets vectoriels Pour créer un trajet continu à partir de deux trajets ouverts : 1 Choisissez l’outil Sous-sélection. 2 Sélectionnez deux extrémités sur deux trajets ouverts. 3 Choisissez Modification > Combiner les trajets > Joindre. Pour créer un trajet composite : 1 Choisissez deux ou plusieurs trajets ouverts ou fermés. 2 Choisissez Modification > Combiner les trajets > Joindre. Pour diviser un trajet composite : 1 Sélectionnez le trajet composite. 2 Choisissez Modification > Combiner les trajets > Séparer. Pour combiner des trajets fermés sélectionnés pour former un trajet englobant toute la zone occupée par les trajets d’origine : • Choisissez Modification > Combiner les trajets > Union. Le trajet qui en résulte a les attributs de trait et de remplissage de l’objet situé à l’arrière plan. Création d’un objet à partir de l’intersection d’autres objets Vous pouvez créer un objet à partir de l’intersection de deux ou de plusieurs objets à l’aide de la commande Intersection. Pour créer un trajet fermé qui entoure la zone commune à tous les trajets fermés sélectionnés : • Choisissez Modification > Combiner les trajets > Intersection. Le trajet qui en résulte a les attributs de trait et de remplissage de l’objet situé à l’arrière plan. Suppression de portions d’un objet trajet Vous pouvez supprimer des portions d’un objet trajet sélectionné telles qu’elles sont définies par les portions d’un autre objet trajet placé devant et qui le chevauchent. Modification des trajets 77 Pour supprimer des portions d’un objet trajet : 1 Sélectionnez l’objet trajet qui définit la zone à supprimer. 2 Choisissez Modification > Disposer > Premier plan. 3 Maintenez la touche Maj enfoncée et ajoutez à la sélection l’objet trajet dont les portions doivent être supprimées. 4 Choisissez Modification > Combiner les trajets > Poinçon. Les attributs de trait et de trame restent identiques. Recadrage d’un trajet Vous pouvez recadrer un trajet à l’aide de la forme d’un autre trajet. Le trajet au premier plan définit la forme de la zone à recadrer. Pour recadrer un trajet sélectionné : 1 Sélectionnez l’objet trajet qui définit la zone à recadrer. 2 Choisissez Modification > Disposer > Premier plan. 3 Maintenez la touche Maj enfoncée et ajoutez à la sélection l’objet trajet à recadrer. 4 Choisissez Modification > Combiner les trajets > Recadrer. L’objet trajet qui en résulte a les attributs de trait et de remplissage de l’objet trajet situé à l’arrière plan. Simplification d’un trajet Vous pouvez supprimer des points d’un trajet sans altérer la forme de ce dernier. La commande Simplifier permet de supprimer les points redondants du trajet correspondant au nombre que vous définissez. Vous pouvez utiliser cette commande, par exemple, sur une ligne droite contenant plus de deux points (deux points seulement sont nécessaires pour créer une ligne droite) ou sur un trajet contenant des points superposés. La commande Simplifier supprime les points qui ne sont pas nécessaires à la reproduction du trajet que vous avez dessiné. Pour simplifier un trajet sélectionné : 1 Choisissez Modification > Modifier le trajet > Simplifier. La boîte de dialogue Simplifier s’affiche. 2 Entrez une valeur de simplification, puis cliquez sur OK. Lorsque vous augmentez la valeur de simplification, vous augmentez le degré de modification du trajet utilisé par Fireworks pour réduire le nombre de points du trajet. 78 Chapitre 3 : Utilisation d’objets vectoriels Extension d’un trait Vous pouvez convertir le trait d’un trajet sélectionné en trajet fermé. Le trajet qui en résulte crée l’illusion d’un trajet sans trame dont le trait est similaire à la trame de l’objet d’origine. Remarque : L’extension du trait d’un trajet qui s’entrecoupe peut produire des résultats intéressants. Si le trajet d’origine contient un remplissage, les sections du trajet qui s’entrecoupent ne contiennent pas de remplissage une fois le trait étendu. Pour étendre un trait d’objet sélectionné : 1 Choisissez Modification > Modifier le trajet > Etendre le trait pour ouvrir la boîte de dialogue 2 3 4 5 Etendre le trait. Entrez la largeur du trajet fermé obtenu. Spécifiez un type d’angle : pointu, arrondi ou biseauté. Si vous avez choisi la forme en pointe, définissez la limite, 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. Choisissez une option de terminaison : bout, carré ou rond, puis cliquez sur OK. Un trajet fermé reprenant la forme de l’original, ainsi que ses attributs de trait et de trame, remplace cet original. Réduction ou extension d’un trajet Vous pouvez réduire ou étendre le trajet d’un objet sélectionné en fonction d’un nombre de pixels. Pour étendre ou réduire un trajet sélectionné : 1 Choisissez Modification > Modifier le trajet > Rapporter le trajet pour ouvrir la boîte de 2 3 4 5 6 dialogue Rapporter le trajet. Choisissez la direction à suivre pour réduire ou étendre le trajet : A l’intérieur réduit le trajet. A l’extérieur étend le trajet. Définissez la largeur séparant le trajet d’origine et le trajet réduit ou étendu. Spécifiez un type d’angle : pointu, arrondi ou biseauté. Si vous avez choisi la forme en pointe, définissez la limite, 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. Cliquez sur OK. Un objet trajet plus petit ou plus grand, avec les mêmes attributs de trait et de remplissage, remplace l’objet trajet original. Modification des trajets 79 80 Chapitre 3 : Utilisation d’objets vectoriels CHAPITRE 4 Utilisation de texte Macromedia Fireworks MX 2004 dispose de nombreuses fonctions de traitement de texte normalement réservées aux applications de PAO complexes. Vous pouvez ainsi tirer parti de la diversité des polices et des tailles, régler le crénage, l’espacement, la couleur, l’interlignage, le décalage de la ligne de base, et de bien d’autres options. Associez les fonctions de modification du texte de Fireworks à la gamme étendue de traits, de trames, d’effets et de styles pour donner encore plus de vie à vos graphismes. D’autre part, vous pouvez utiliser le correcteur orthographique de Fireworks pour corriger les erreurs orthographiques. Vous pouvez modifier le texte à tout moment, même après application d’effets en direct tels que des ombres et des biseaux. Vous pouvez également copier des objets qui incluent du texte et modifier ce texte au niveau des différentes copies. Les fonctions de texte vertical, transformé, attaché aux trajets, converti en trajets et en images permettent d’étendre les possibilités de conception. Vous pouvez conserver les attributs du texte importé au format RTF (Rich Text Format). En outre, lorsque vous importez un document Photoshop contenant du texte, ce dernier reste modifiable. Lors de l’importation, Fireworks gère les polices manquantes en vous demandant de choisir des polices de substitution ou en vous permettant d’importer le texte sous la forme d’une image statique. Saisie de texte Tapez, formatez et modifiez le texte de vos graphismes avec l’outil Texte et les options de l’Inspecteur des propriétés. Outil Texte 81 Remarque : Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, agrandissez-la en cliquant sur la flèche d’extension figurant dans l’angle inférieur droit pour afficher toutes les propriétés de texte. Inspecteur des propriétés lorsque l’outil texte est sélectionné Création de blocs de texte Le texte des documents Fireworks est affiché dans un rectangle entouré de poignées, appelé bloc de texte. Pour saisir du texte : 1 Choisissez l’outil Texte. L’Inspecteur des propriétés affiche les options de l’outil Texte. 2 Choisissez la couleur, la police, la taille, l’espacement des caractères ou tout autre paramètre en fonction de vos besoins. 3 Utilisez l’une des méthodes suivantes : Cliquez dans le document, à l’endroit où vous souhaitez commencer le bloc de texte. Cette opération crée un bloc de texte à redimensionnement automatique. ■ Faites glisser la souris pour tracer un bloc de texte. Cette opération crée un bloc de texte de largeur fixe. Pour plus d’informations sur les différents types de blocs de texte, voir Utilisation de blocs de texte à dimensionnement automatique et de largeur fixe, page 83. 4 Tapez le texte. Pour entrer un saut de paragraphe, appuyez sur Entrée. 5 Si nécessaire, sélectionnez le texte dans le bloc après l’avoir tapé et reformatez-le. 6 Une fois le texte entré, procédez de l’une des manières suivantes : ■ Cliquez en dehors du bloc de texte. ■ Choisissez un autre outil dans le panneau Outils. ■ Appuyez sur Echap. ■ 82 Chapitre 4 : Utilisation de texte Déplacement des blocs de texte Vous pouvez sélectionner un bloc de texte et le transférer vers n’importe quel emplacement dans le document, à l’instar de n’importe quel autre objet. Vous pouvez également déplacer des blocs de texte lorsque vous faites glisser la souris pour les créer. Pour déplacer un bloc de texte : • Faites-le glisser jusqu’à son nouvel emplacement. Pour déplacer un bloc de texte lorsque vous faites glisser la souris pour le créer : 1 Maintenez le bouton de la souris et la barre d’espacement enfoncés et faites glisser le bloc de texte vers un autre emplacement du document. 2 Relâchez la barre d’espacement pour continuer à tracer le bloc de texte. Utilisation de blocs de texte à dimensionnement automatique et de largeur fixe Le programme Fireworks utilise des blocs de texte à dimensionnement automatique et des blocs de texte de largeur fixe. Un bloc de texte à dimensionnement automatique s’agrandit lorsque vous tapez du texte. De même, si vous effacez une partie du texte, le bloc se réduit proportionnellement. Des blocs de texte à dimensionnement automatique sont créés par défaut lorsque vous cliquez sur le document avec l’outil Texte et saisissez du texte. Les blocs de largeur fixe permettent de contrôler la largeur des lignes de texte. Des blocs de largeur fixe sont créés par défaut lorsque vous tracez un bloc de texte à l’aide de l’outil Texte. Lorsque le pointeur de texte est actif dans un bloc de texte, un cercle ou un carré vide apparaît dans l’angle supérieur droit du bloc de texte. Le cercle indique qu’il s’agit d’un bloc de texte à dimensionnement automatique tandis que le carré identifie un texte de largeur fixe. Doublecliquez sur l’angle pour basculer d’un type de bloc de texte à l’autre. Indicateur de largeur fixe Indicateur de dimensionnement automatique Bloc de texte de largeur fixe et bloc de texte à dimensionnement automatique Pour convertir un bloc de texte en bloc de texte de largeur fixe ou en bloc de texte à dimensionnement automatique : 1 Double-cliquez sur le bloc de texte. 2 Double-cliquez sur le cercle ou le carré dans l’angle supérieur droit du bloc de texte. Le bloc de texte est converti en conséquence. Pour convertir un bloc de texte sélectionné en bloc de texte de largeur fixe en le redimensionnant : • Faites glisser une poignée de redimensionnement. Cette opération convertit le bloc de texte à dimensionnement automatique en bloc de texte de largeur fixe. Saisie de texte 83 Modification d’un texte Au sein d’un bloc de texte, vous pouvez modifier tous les aspects du texte : la taille, la police, l’espacement, l’interlignage et le décalage de la ligne de base. Lorsque vous modifiez du texte, Fireworks redessine ses attributs de trait, de remplissage et d’effet en conséquence. Pour changer les attributs d’un bloc de texte, utilisez l’Inspecteur des propriétés. Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, agrandissez-la en cliquant sur la flèche d’extension figurant dans l’angle inférieur droit pour afficher toutes les propriétés de texte. Inspecteur des propriétés lorsqu’un bloc de texte est sélectionné Vous pouvez également utiliser l’Editeur de texte et les commandes du menu Texte pour changer un texte, mais l’Inspecteur des propriétés permet une modification plus rapide et plus précise des attributs du texte que ces deux autres options. Pour plus d’informations sur l’Editeur de texte, voir Utilisation de l’Editeur de texte, page 99. Remarque : Les modifications que vous effectuez au cours d’une session de modification de texte correspondent globalement à une seule modification et sont donc toutes annulées lorsque vous utilisez la commande Annuler. Si vous choisissez Edition > Annuler lorsque vous modifiez un texte, vous annulez toutes les modifications apportées depuis le moment où vous avez double-cliqué sur le bloc de texte pour le modifier. Pour modifier un texte : 1 Sélectionnez le texte : Cliquez sur le bloc de texte avec l’outil Pointeur ou Sous-sélection pour le sélectionner en totalité. Pour sélectionner plusieurs blocs de texte simultanément, maintenez la touche Maj enfoncée et sélectionnez les blocs voulus. ■ Double-cliquez sur un bloc de texte avec l’outil Pointeur ou Sous-sélection et sélectionnez une zone de texte. ■ Cliquez dans un bloc de texte avec l’outil Texte et sélectionnez du texte. 2 Effectuez les modifications appropriées. Pour plus d’informations sur la modification des attributs de texte, voir Choix d’une police, d’une taille et d’un style de texte, page 85, Application de couleurs au texte, page 85, Définition du crénage, page 87, Définition de l’interlignage, page 88, Définition de l’orientation, page 89, Définition de l’alignement du texte, page 90 et Mise en retrait d’un texte, page 90. 3 Procédez de l’une des manières suivantes pour appliquer les modifications : ■ Cliquez en dehors du bloc de texte. ■ Choisissez un autre outil dans le panneau Outils. ■ Appuyez sur Echap. ■ 84 Chapitre 4 : Utilisation de texte Choix d’une police, d’une taille et d’un style de texte L’Inspecteur des propriétés permet de changer les attributs de police, de taille et de style d’un bloc de texte. Pour changer la police, la taille et le style du texte sélectionné à l’aide de l’Inspecteur des propriétés : 1 Pour changer la police, choisissez-en une dans le menu contextuel Police. 2 Pour changer la taille de police, déplacez la glissière du menu déroulant de tailles de police ou entrez une valeur dans la zone de texte. La taille de police est exprimée en points. 3 Pour appliquer le style gras, italique ou souligné, cliquez sur le bouton de style correspondant. Application de couleurs au texte La couleur du texte est contrôlée par la case Couleur de remplissage. Par défaut le texte est noir et ne comporte pas d’attributs de trait. Vous pouvez changer la couleur de l’ensemble d’un bloc de texte ou d’une partie du texte de ce dernier. L’outil Texte conserve la couleur de texte en cours d’un bloc de texte à l’autre. L’outil Texte conserve la couleur de texte en cours indépendamment de la couleur de remplissage des autres outils. Lorsque vous utilisez un autre outil après avoir utilisé l’outil Texte, les derniers paramètres de trait et de remplissage appliqués avant l’utilisation de l’outil texte sont utilisés. De même, lorsque vous réutilisez l’outil Texte, la couleur de remplissage est réinitialisée sur le paramètre le plus récent de l’outil Texte, et le trait sur Aucun. La couleur de l’outil Texte reste active d’un document à l’autre ou lorsque vous fermez et rouvrez Fireworks. Vous pouvez ajouter un trait et des effets en direct à l’ensemble d’un bloc de texte sélectionné, mais pas à un texte sélectionné dans le bloc. Les caractéristiques de trait et les effets en direct appliqués à un bloc de texte sont mis à jour lorsque vous modifiez le texte du bloc de texte, mais l’outil Texte ne les conserve pas si vous créez un bloc de texte. Pour plus d’informations, voir Applications de traits, de trames et d’effets à un texte, page 93. Modification d’un texte 85 Application d’une couleur à l’ensemble du texte des blocs de texte sélectionnés Vous pouvez appliquer une couleur à l’ensemble d’un bloc de texte sélectionné à l’aide de l’Inspecteur des propriétés, de toute zone Couleur de remplissage ou de l’outil Pipette. Vous pouvez également l’une des méthodes suivantes pour définir la couleur de texte dans l’outil Texte. Pour définir la couleur de l’ensemble du texte d’un bloc de texte sélectionné, procédez de l’une des manières suivantes : • Cliquez sur la zone Couleur de remplissage de l’Inspecteur des propriétés et choisissez une couleur dans la fenêtre contextuelle des couleurs, ou échantillonnez une couleur à partir de tout emplacement de l’écran à l’aide du pointeur de la pipette lorsque la fenêtre contextuelle des couleurs est ouverte. Zone Couleur de remplissage Zone Couleur de trait Fenêtre contextuelle Couleur de remplissage Zone Couleur de remplissage dans l’Inspecteur des propriétés • Cliquez sur la zone Couleur de remplissage du panneau Outils et choisissez une couleur dans la • 86 source de couleurs ou échantillonnez une couleur n’importe où dans l’écran à l’aide du pointeur Pipette pendant que le puits de couleur de trame est ouvert. Cliquez sur l’icône située à côté de la zone Couleur de remplissage du panneau Outils, choisissez l’outil Pipette, puis cliquez pour échantillonner une couleur n’importe où dans un document ouvert. La couleur de la zone Couleur de remplissage du panneau Outils change pour refléter la couleur que vous avez échantillonnée à l’aide du pointeur Pipette ou de l’outil Pipette ; la couleur du texte sélectionné change également. Chapitre 4 : Utilisation de texte Application d’une couleur à un texte sélectionné dans un bloc de texte Vous pouvez changer la couleur du texte sélectionné dans un bloc de texte à l’aide de l’Inspecteur des propriétés ou de la zone Couleur de remplissage. Vous ne pouvez pas utiliser l’outil Pipette pour modifier la couleur du texte sélectionné. Remarque : Si vous essayez d’appliquer un trait ou des effets en direct au texte sélectionné d’un bloc de texte, l’ensemble du bloc de texte est sélectionné automatiquement. Pour appliquer une couleur de texte uniquement au texte sélectionné dans un bloc de texte, procédez de l’une des manières suivantes : • Cliquez sur la zone de couleur de texte de l’Inspecteur des propriétés et choisissez une couleur • dans la source de couleurs ou échantillonnez une couleur n’importe où dans l’écran à l’aide du pointeur Pipette pendant que la source de couleurs de texte est ouvert. Cliquez sur la zone Couleur de remplissage du panneau Outils et choisissez une couleur dans la source de couleurs ou échantillonnez une couleur n’importe où dans l’écran à l’aide du pointeur Pipette pendant que le sélecteur de couleur de remplissage est ouvert. Définition du crénage Le crénage permet d’augmenter ou de réduire la distance entre deux lettres pour des raisons d’esthétisme. La plupart des polices incluent des informations permettant de réduire automatiquement l’espace entre certaines paires de lettres telles que TA ou Va. La fonction de crénage automatique Fireworks utilise les informations de crénage d’une police pour afficher le texte, mais vous pouvez la désactiver sur des tailles de points plus petites ou lorsque le texte n’utilise pas l’anticrénelage. Le crénelage est mesuré sous la forme d’un pourcentage. Utilisez l’Inspecteur des propriétés ou le clavier pour définir le crénelage. Pour désactiver le crénage automatique : • Dans l’Inspecteur des propriétés, désélectionnez la fonction de crénelage automatique. Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension dans l’angle inférieur droit pour afficher toutes les propriétés. Pour définir le crénage : 1 Pour sélectionner le texte à créneler, procédez de l’une des manières suivantes : Cliquez entre deux caractères avec l’outil Texte. ■ Utilisez l’outil Texte pour sélectionner les caractères à modifier. ■ Utilisez l’outil Pointeur pour sélectionner l’ensemble d’un bloc de texte. Appuyez sur la touche MAJ et cliquez pour sélectionner plusieurs blocs de texte. 2 Utilisez l’une des méthodes suivantes : ■ Dans l’Inspecteur des propriétés, déplacez le curseur du menu déroulant Crénage ou entrez un pourcentage dans la zone de texte. ■ Pourcentage de crénage Curseur du menu déroulant Crénage Modification d’un texte 87 ■ Une valeur nulle correspond à un crénage normal. Les valeurs positives écartent les lettres et les valeurs négatives les rapprochent. texte:direction;texte:orientation Maintenez la touche Ctrl (Windows) ou la touche Commande (Macintosh) enfoncée et appuyez sur la touche Flèche gauche ou Flèche droite du clavier. La touche Flèche gauche augmente l’espace entre les lettres de 1 % et la touche Flèche droite rapproche les lettre de 1 %. Conseil : Maintenez les touches Maj et Ctrl (Windows) ou la touche Commande (Macintosh) enfoncées et appuyez sur la touche Flèche gauche ou Flèche droite du clavier pour ajouter le crénage par incrément de 10 %. Définition de l’interlignage L’interlignage conditionne l’espace séparant les lignes d’un paragraphe. L’interlignage peut être mesuré en pixels ou sous la forme d’un pourcentage de la distance en points séparant les lignes de base. Vous pouvez utiliser l’Inspecteur des propriétés ou le clavier pour définir l’interlignage. Options d’interlignage de l’Inspecteur des propriétés Pour définir l’interlignage d’un texte sélectionné dans l’Inspecteur des propriétés : 1 Dans l’Inspecteur des propriétés, déplacez le curseur du menu déroulant Interlignage ou entrez une valeur dans la zone de texte. (valeur par défaut : 100 %). 2 Pour changer le type d’unité, choisissez % ou px (pixels) dans le menu déroulant Unités d’interlignage. Pour définir l’interlignage du texte sélectionné à l’aide du clavier : • Maintenez enfoncée la touche Ctrl (Windows) ou Commande (Macintosh) tout appuyant sur la touche Flèche Haut ou Flèche Bas. La touche Flèche haut augmente l’espace entre les lignes et la touche Flèche Bas le diminue. Conseil : Maintenez enfoncées les touches Maj et Ctrl (Windows) ou la touche Commande (Macintosh) tout en appuyant sur la touche Flèche haut ou Flèche Bas pour ajuster l’interligne par incrément de 10. 88 Chapitre 4 : Utilisation de texte Définition de l’orientation Vous pouvez orienter un texte horizontalement ou verticalement. Par défaut, le texte est orienté à l’horizontale. Orientations horizontale et verticale Le texte peut également s’enchaîner de droite à gauche ou de gauche à droite. Texte enchaîné de droite à gauche et de gauche à droite Dans Fireworks, vous définissez les orientations horizontale et verticale ainsi que la direction de l’enchaînement du texte dans l’Inspecteur des propriétés. Ces paramètres s’appliquent à l’ensemble du bloc de texte. Pour définir l’orientation d’un bloc de texte sélectionné : 1 Cliquez sur le bouton Orientation du texte dans l’Inspecteur des propriétés. 2 Sélectionnez une option d’orientation dans le menu déroulant : De gauche à droite horizontalement est l’orientation par défaut du texte dans la majorité des langues dans Fireworks. Cette valeur oriente le texte horizontalement et affiche les caractères de gauche à droite. De droite à gauche horizontalement oriente le texte horizontalement et affiche les caractères de droite à gauche. Cette option est utile pour afficher un texte dans des langues pour lesquelles le texte s’enchaîne de droite à gauche, telles que l’hébreu ou l’arabe. De gauche à droite verticalement oriente le texte verticalement. Si vous appliquez cette option à des lignes de texte séparées par un retour à la ligne matériel ou logiciel, chaque ligne du texte s’affiche sous la forme d’une colonne. Les colonnes s’enchaînent de la gauche vers la droite. De droite à gauche verticalement oriente le texte verticalement. Des lignes de texte séparées par des retours chariots s’affichent sous forme de colonnes qui s’enchaînent de la droite vers la gauche. Cette option est utile pour afficher du texte dans des langues telles que le japonais, dans lesquelles le texte s’enchaîne de droite à gauche dans des colonnes. Remarque : Le texte vertical s’enchaîne toujours du haut vers le bas. Si vous choisissez l’une des options d’orientation verticale, seul l’ordre des colonnes de texte est affecté ; celui des caractères ne change pas. Modification d’un texte 89 Définition de l’alignement du texte L’alignement détermine la position des lignes de texte d’un paragraphe par rapport aux bords gauche et droit d’un bloc de texte. L’alignement horizontal aligne le texte par rapport aux bords gauche et droit du bloc de texte. L’alignement vertical aligne le texte par rapport aux bords supérieur et inférieur du bloc de texte. Pour plus d’informations sur l’orientation de texte horizontale ou verticale, voir Définition de l’orientation, page 89. Vous pouvez aligner le texte sur le bord gauche ou droit du bloc de texte, le centrer au sein du bloc ou le justifier pour l’aligner sur les bords gauche et droit. Par défaut, le texte horizontal est aligné sur la gauche. Un texte vertical peut être aligné sur le bord supérieur ou inférieur du bloc de texte, centré dans le bloc de texte ou justifié entre les bords supérieur et inférieur. Pour étirer le texte ou pour le placer dans un espace spécifique, choisissez le type d’alignement permettant de remplir le bloc de texte à l’horizontale ou à la verticale en fonction de l’orientation du texte. Texte étiré à l’horizontale pour remplir un bloc de texte Les commandes d’alignement apparaissent dans l’Inspecteur des propriétés lorsqu’un texte ou un bloc de texte est sélectionné. Options d’alignement de texte dans l’Inspecteur des propriétés Pour définir l’alignement d’un texte : 1 Sélectionnez le texte. 2 Cliquez sur un bouton d’alignement dans l’Inspecteur des propriétés. Mise en retrait d’un texte Vous pouvez mettre en retrait la première ligne d’un paragraphe à l’aide de l’Inspecteur des propriétés. La mise en retrait est exprimée en pixels. Option de mise en retrait de paragraphe dans l’Inspecteur des propriétés Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension dans l’angle inférieur droit pour afficher toutes les propriétés. Pour mettre en retrait la première ligne des paragraphes sélectionnés : • Dans l’Inspecteur des propriétés, faites glisser le curseur du menu déroulant Renforcement du paragraphe ou entrez une valeur dans la zone de texte. 90 Chapitre 4 : Utilisation de texte Définition de l’espacement des paragraphes Vous pouvez définir l’espacement avant et après les paragraphes à l’aide de l’Inspecteur des propriétés. L’espacement des paragraphes est exprimé en pixels. Options d’espacement de paragraphes dans l’Inspecteur des propriétés Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension dans l’angle inférieur droit pour afficher toutes les propriétés. Pour définir l’espacement qui précède des paragraphes sélectionnés : • Dans l’Inspecteur des propriétés, déplacez le curseur du menu contextuel Espace avant un paragraphe ou entrez une valeur dans la zone de texte. Pour définir un espace après des paragraphes sélectionnés : • Dans l’Inspecteur des propriétés, déplacez le curseur du menu déroulante Espace après un paragraphe ou entrez une valeur dans la zone de texte. Lissage du bord des caractères Pour lisser le bord des caractères, vous leur appliquez un anticrénelage. Cela permet de fusionner les bords du texte avec l’arrière-plan, ce qui le rend plus nette et lisible lorsque vous utilisez de grandes polices. Texte original ; après lissage Utilisez l’Inspecteur des propriétés pour définir l’anticrénelage. Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension dans l’angle inférieur droit pour afficher toutes les propriétés. L’anticrénelage s’applique à l’ensemble des caractères d’un bloc. Sans anticrénelage Anticrénelage net désactive le lissage du texte. crée une transition nette entre les bords du texte et l’arrière-plan. Anticrénelage fort crée une transition très nette entre les bords du texte et l’arrière-plan, préservant la forme des caractères du texte et améliorant la netteté des zones détaillées des caractères. Anticrénelage lissé crée une transition douce entre les bords du texte et l’arrière-plan. Anticrénelage système utilise la méthode de lissage de texte de Windows XP ou de Mac OS X. Anticrénelage personnalisé fournit les commandes d’anticrénelage avancées suivantes : Suréchantillonnage détermine la quantité de détails utilisée pour créer la transition entre les bords du texte et l’arrière-plan. Netteté détermine le lissage de la transition entre les bords du texte et l’arrière-plan. Quantité détermine le degré de mélange entre les bords du texte et l’arrière-plan. Modification d’un texte 91 Pour appliquer un bord anticrénelé au texte sélectionné : • Dans l’Inspecteur des propriétés, choisissez l’une des options du menu contextuel Anticrénelage : Remarque : Lorsque vous ouvrez des fichiers vectoriels, tels que des fichiers FreeHand, sous Fireworks, le texte est anticrénelé. Vous pouvez changer cet attribut en utilisant l’Inspecteur des propriétés.Pour plus d’informations, voir l’aide de Fireworks. Augmentation et réduction de la largeur des caractères Vous pouvez augmenter ou réduire la largeur des caractères d’un texte horizontal à l’aide de l’option Echelle horizontale de l’Inspecteur des propriétés. L’échelle horizontale est exprimée sous la forme d’un pourcentage. 100 % est la valeur par défaut. Option Echelle horizontale dans l’Inspecteur des propriétés Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension dans l’angle inférieur droit pour afficher toutes les propriétés. Pour augmenter ou réduire la largeur des caractères sélectionnés : • Dans le l’Inspecteur des propriétés, déplacez le curseur du menu déroulant Echelle horizontale ou entrez une valeur dans la zone de texte. Pour augmenter la largeur ou la hauteur des caractères, déplacez le curseur au-delà de 100 % ; pour les réduire, déplacez le curseur en deçà de 100 %. Définition du décalage de la ligne de base Le décalage de la ligne permet de placer le texte en dessous ou au-dessus de sa ligne de base normale. S’il n’existe pas de décalage de ligne de base, le texte repose sur la ligne de base. Vous pouvez utiliser le décalage de la ligne de base pour créer des indices et des exposants. Les commandes de décalage de la ligne de base se trouvent dans l’Inspecteur des propriétés. Le décalage de la ligne de base est exprimé en pixels. Options de décalage de la ligne de base dans l’Inspecteur des propriétés Pour définir le décalage de la ligne de base d’un texte sélectionné : • Dans l’Inspecteur des propriétés, déplacez le curseur du menu contextuel Décalage de la ligne de base ou entrez la valeur d’indice ou d’exposant à appliquer au texte dans la zone de texte correspondante. Si vous entrez des valeurs positives, vous créez des exposants. Si vous entrez des valeurs négatives, vous créez des indices. 92 Chapitre 4 : Utilisation de texte Applications de traits, de trames et d’effets à un texte Vous pouvez appliquer des traits, des remplissages et des effets à un bloc de texte sélectionné de la même façon qu’à tout autre objet. Vous pouvez appliquer n’importe quel style du panneau des styles à un texte, même s’il ne s’agit pas d’un style de texte. Vous pouvez également créer un style en enregistrant des attributs de texte. Une fois le texte créé, vous pouvez le modifier dans Fireworks. Les traits, les remplissages, les effets et les styles sont automatiquement mis à jour pendant l’édition. Texte avec des options de trait, de remplissage, d’effet et de style Vous pouvez appliquer une couleur de texte unie à un texte sélectionné dans un bloc de texte. Toutefois, les attributs de trait, d’effets en direct et de trame non unie, tels que le dégradés, sont appliqués à l’ensemble du texte du bloc et pas seulement au texte sélectionné. Pour en savoir plus sur les traits et les remplissages, voir Chapitre 5, Application de couleurs, de traits et de remplissages, page 101. Pour plus d’informations sur l’utilisation des styles, voir Utilisation des styles, page 161. Pour plus d’informations sur les effets directs, voir Application d’effets en direct, page 124. L’outil Texte ne conserve pas les paramètres de trait ou d’effets en direct lorsque vous créez un bloc de texte. Toutefois, vous pouvez enregistrer les attributs de trait, de trame et d’effet direct que vous appliquez au texte pour les réutiliser sous la forme d’un style dans le panneau des styles. L’enregistrement d’attributs de texte en tant que style enregistre les attributs, mais pas le texte. Pour enregistrer les attributs de texte en tant que style : 1 Créez un objet texte et appliquez les attributs appropriés. 2 Sélectionnez l’objet texte. 3 Choisissez Nouveau style dans le menu Options du panneau des styles. 4 Choisissez les propriétés du nouveau style et nommez-le. 5 Cliquez sur OK. Rattachement de texte à un trajet Pour libérer le texte des restrictions des blocs de texte rectangulaires, vous pouvez dessiner un trajet et y attacher du texte. Le texte suit la forme du trajet et reste modifiable. Lorsque vous attachez temporairement du texte à un trajet, ce dernier perd ses attributs de trait, de trame et d’effet. Les attributs de trait, de trame et d’effet appliqués par la suite, le sont au texte et non pas au trajet. Lorsque vous détachez du texte d’un trajet, le trajet retrouve ses attributs de trait, de trame et d’effet. Remarque : Le rattachement d’un texte contenant des retours à la ligne obligatoires ou facultatifs à un trajet peut produire des résultats inattendus. Rattachement de texte à un trajet 93 Si le texte rattaché à un trajet ouvert est plus long que ce dernier, les caractères excédentaires apparaissent sur la ligne suivante et prennent la même forme que le trajet. Le texte de trajet qui s’affiche sur la ligne suivante et qui prend la forme du trajet Pour placer du texte sur un trajet : 1 Maintenez enfoncée la touche Maj, sélectionnez un bloc de texte et un trajet. 2 Choisissez Texte > Attacher au trajet. Pour détacher le texte d’un trajet sélectionné : • Choisissez Texte > Détacher du trajet. Modification des trajets et des textes attachés aux trajets Vous pouvez modifier le texte que vous avez attaché à un trajet. En outre, vous pouvez modifier la forme du trajet. Pour modifier un texte attaché à un trajet, procédez de l’une des manières suivantes : • Double-cliquez sur l’objet texte sur trajet avec l’outil Pointeur ou Sous-sélection. • Choisissez l’outil Texte et sélectionnez le texte à modifier. Pour modifier la forme du trajet : 1 Choisissez Texte > Détacher du trajet. 2 Modifiez le trajet. 3 Replacez le texte sur le trajet. Modification de l’orientation et la direction d’un texte dans un trajet L’ordre de dessin du trajet détermine la direction du texte qui lui est attaché. Par exemple, lorsque vous dessinez un trajet allant de droite à gauche, le texte attaché est à l’envers et retourné. Texte attaché à un trajet dessiné de droite à gauche Vous pouvez inverser la direction ou changer l’orientation du texte attaché à un trajet. Vous pouvez également changer le point de départ du texte sur un trajet. 94 Chapitre 4 : Utilisation de texte Pour changer l’orientation du texte d’un trajet sélectionné : • Choisissez Texte > Orientation et sélectionnez une orientation. Texte enroulé autour d’un trajet Texte vertical sur un trajet Texte incliné verticalement autour d’un trajet Texte incliné horizontalement autour d’un trajet Pour inverser la direction du texte sur un trajet sélectionné : • Choisissez Texte > Inverser la direction. Pour déplacer le point de départ d’un texte rattaché à un trajet : 1 Sélectionnez l’objet texte sur un trajet. 2 Dans l’Inspecteur des propriétés, entrez une valeur dans la zone de texte Décalage du texte. Appuyez sur Entrée. Remarque : Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension dans l’angle inférieur droit pour afficher toutes les propriétés. Transformation du texte Les blocs de texte sont transformés de la même façon que les autres objets. Vous pouvez mettre le texte à l’échelle, le faire pivoter, l’incliner et le retourner pour créer des effets inédits. Vous pouvez également modifier le texte transformé, mais si vous le transformez considérablement, vous risquez de le rendre illisible. Lorsque la transformation d’un bloc de texte provoque le redimensionnement ou la mise à l’échelle du texte, la taille de police qui en résulte apparaît dans l’Inspecteur des propriétés lorsque le texte est sélectionné. Transformation du texte 95 Conversion de texte en trajets Vous pouvez convertir un texte en trajets, puis modifier la forme des lettres comme vous le feriez pour n’importe quel autre objet vectoriel. Tous les outils de modification des vecteurs sont disponibles une fois le texte converti en trajets. Cependant, vous perdez la possibilité de modifier le texte avec l’Editeur de texte. Pour convertir le texte sélectionné en trajets : • Sélectionnez Texte > Convertir en trajets. Le texte converti en trajets conserve tous ses attributs visuels, mais ne peut être modifié que sous forme de trajets. Vous pouvez modifier le texte converti sous la forme d’un groupe ou modifier chaque caractère converti. Pour convertir des trajets de caractères convertis individuellement, procédez de l’une des manières suivantes : • Sélectionnez le texte converti, à l’aide de l’outil Sous-sélection. • Sélectionnez le texte converti et choisissez Modification > Dissocier. Vous pouvez modifier les trajets de caractères convertis individuellement à l’aide des outils de modification vectorielle. Pour plus d’informations sur la modification des trajets, voir Modification des trajets, page 72. Vous pouvez créer un trajet composite à partir d’un objet texte créé par la conversion d’un texte en trajets. Pour créer un trajet composite à partir d’un groupe de trajets créé par la conversion de texte en trajets : 1 Définissez le groupe de trajets. 2 Choisissez Modification > Dissocier. 3 Choisissez Modification > Combiner les trajets > Joindre. Importation de texte Vous pouvez copier du texte à partir d’un document source et le coller dans le document Fireworks actuel ou le faire glisser depuis la source vers le document actuel. Vous pouvez également ouvrir ou importer un fichier texte dans Fireworks. Fireworks permet d’importer des fichiers texte RTF (rich text format) et ASCII (texte ordinaire). Pour ouvrir ou importer un fichier texte : 1 Choisissez Fichier > Ouvrir ou Fichier > Importer. 2 Ouvrez le dossier contenant le fichier. 3 Choisissez le fichier et cliquez sur OK. 96 Chapitre 4 : Utilisation de texte Texte Photoshop Vous pouvez ouvrir ou importer un fichier Photoshop contenant du texte. Vous pouvez également copier du texte à partir d’un fichier Photoshop et le coller dans le document Fireworks actuel ou le faire glisser depuis le fichier Photoshop vers le document actuel.Pour plus d’informations, voir l’aide de Fireworks. Fichiers RTF Lorsque vous importez du texte au format RTF, Fireworks préserve les attributs suivants : • • • • • • • Police, taille et style (gras, italique, souligné) ; Alignement (à gauche, à droite, centré, justifié) ; Interlignage Décalage de la ligne de base Crénage Echelle horizontale Couleur du premier caractère Les autres informations RTF sont ignorées. Il est impossible d’importer du texte RTF dans Fireworks par copier-coller ou glisser-déposer. Texte ASCII Toutes les méthodes d’importations sont à votre disposition pour les fichiers ASCII. Le texte ASCII importé est paramétré sur la police par défaut (12 pixels de hauteur) et sur la couleur de remplissage active. Traitement des polices manquantes Si vous ouvrez un document dans Fireworks comportant des polices qui ne sont pas installées sur votre ordinateur, Fireworks vous demande si vous voulez remplacer les polices ou conserver l’apparence. Cela est particulièrement utile si vous partagez des fichiers avec des utilisateurs sur d’autres ordinateurs qui n’utilisent pas les mêmes polices. L’option Conserver l’apparence remplace le texte par une image bitmap qui présente le texte avec sa police d’origine. Vous pouvez toujours modifier le texte, mais dans ce cas Fireworks remplace l’image bitmap par une police installée sur votre système. Dans ce cas, l’apparence du texte peut changer. Choisissez les polices devant remplacer les polices non installées. Une fois les polices remplacées, le document s’ouvre pour vous permettre de modifier le texte et de l’enregistrer. Lorsque le fichier est ouvert de nouveau sur un ordinateur disposant des polices d’origine, Fireworks utilise ces polices. Pour sélectionner une police de remplacement : 1 Ouvrez un document avec des polices manquantes. La boîte de dialogue Polices manquantes s’ouvre. 2 Choisissez une police dans la liste Changer les polices manquantes. Importation de texte 97 3 Utilisez l’une des méthodes suivantes : Choisissez une police de remplacement dans la liste. Indiquez que vous voulez afficher le texte dans la police par défaut du système. ■ Pour laisser la police manquant telle quelle, cliquez sur Pas de modification. 4 Cliquez sur OK. Ainsi, lorsque vous ouvrez un document comportant la même police, la boîte de dialogue Polices manquantes affiche les polices que vous avez choisies. ■ ■ Correction orthographique Utilisez la commande Vérifier l’orthographe du menu Texte pour vérifier l’orthographe de blocs de texte spécifiques ou du texte intégral d’un document. Pour vérifier l’orthographe d’un texte : 1 Sélectionnez au moins un bloc de texte. Si vous ne sélectionnez pas de bloc de texte, Fireworks vérifie l’orthographe de l’ensemble du document. 2 Choisissez Texte > Vérifier l’orthographe 3 Si vous vérifiez l’orthographe pour la première fois dans Fireworks, une boîte de dialogue s’ouvre pour vous demander de choisir un dictionnaire. Cliquez sur OK pour fermer la boîte de dialogue. Choisissez une langue dans la liste Dictionnaire, puis cliquez sur OK. Si vous ne choisissez pas de langue spécifique, Fireworks vous invite à choisir un dictionnaire de langue chaque fois que vous vérifiez l’orthographe d’un document. Remarque : L’option Macromedia.tlx est toujours sélectionnée en tête de la liste des dictionnaires. Pour plus d’informations sur cette option, voir Personnalisation de la vérification orthographique, page 99. 4 La boîte de dialogue Vérifier l’orthographe s’affiche. Pour chaque mot trouvé, choisissez l’option appropriée : Ajouter à Personnel ajoute le mot inconnu à votre dictionnaire personnel. Ignorer ignore l’occurrence actuelle du mot inconnu. Ignorer tout ignore toutes les occurrences du mot inconnu lors de la vérification orthographique. Lors de la vérification suivante, Fireworks identifiera de nouveau le mot comme étant inconnu. Modifier remplace l’occurrence en cours du mot inconnu par le texte que vous tapez dans la zone Remplacer par ou par la sélection figurant dans la liste des suggestions. Remplacer tout remplace toutes les occurrences du mot inconnu de la même manière. Supprimer supprime les mots en double. Lorsque Fireworks a terminé de vérifier l’orthographe d’un document, la boîte de dialogue Vérifier l’orthographe se ferme et un message apparaît pour indiquer que la vérification orthographique est terminée. 98 Chapitre 4 : Utilisation de texte Personnalisation de la vérification orthographique Vous pouvez personnaliser la manière dont Fireworks vérifie l’orthographe en utilisant la boîte de dialogue installation du correcteur orthographique. Cette boîte de dialogue vous permet de définir les dictionnaires de langue que Fireworks doit utiliser pour vérifier l’orthographe et modifier les mots de votre dictionnaire personnel. Vous pouvez également modifier les éléments que Fireworks doit vérifier, notamment les adresses Internet et de fichier. Pour personnaliser la vérification orthographique dans Fireworks : 1 Utilisez l’une des méthodes suivantes : Choisissez Texte > Installation du correcteur orthographique. ■ Cliquez sur le bouton Configurer de la boîte de dialogue Vérifier l’orthographe. 2 Choisissez les options nécessaires dans la boîte de dialogue Installation du correcteur orthographique : ■ Choisissez les dictionnaires de langue. ■ Remarque : L’option Macromedia.tlx est toujours sélectionnée en tête de la liste des dictionnaires. Il s’agit du fichier contenant votre dictionnaire orthographique personnalisé. Recherchez un dictionnaire personnalisé en cliquant sur l’icône de dossier située à côté de la zone de texte Chemin d’accès du dictionnaire personnel. ■ Modifiez le dictionnaire personnalisé en cliquant sur le bouton Modifier le dictionnaire personnel et en ajoutant, supprimant ou modifiant les mots de la liste. ■ Choisissez les types de mots à inclure dans la vérification orthographique. 3 Cliquez sur OK. ■ Utilisation de l’Editeur de texte Dans Fireworks 4 et les versions précédentes, le texte était créé et modifié à l’aide de l’Editeur de texte. Toutes les options de modification de texte et de formatage de l’Editeur de texte se trouvent désormais dans l’Inspecteur des propriétés. Toutefois, vous pouvez toujours accéder à l’Editeur de texte via le menu Texte. L’Editeur de texte est utile pour travailler sur des textes difficiles à éditer à l’écran, tels que les grands blocs de texte, les textes attachés aux trajets ou un texte dont les polices et la taille sont difficilement lisibles. Vous pouvez afficher ces textes dans la police système et la taille par défaut pour faciliter l’édition. Pour afficher l’Editeur de texte : 1 Sélectionnez un bloc de texte et choisissez Texte > Editeur. 2 Modifiez et formatez le texte à l’aide des options disponibles. 3 Cliquez sur OK pour appliquer les modifications et fermer l’Editeur de texte. Pour afficher le texte avec la police système : • Désactivez l’option Afficher la police à partir de l’Editeur de texte. Utilisation de l’Editeur de texte 99 Pour afficher le texte dans la taille par défaut : • Désactivez l’option Afficher la taille et la couleur dans l’Editeur de texte. 100 Chapitre 4 : Utilisation de texte CHAPITRE 5 Application de couleurs, de traits et de remplissages Le programme Macromedia Fireworks MX 2004 dispose de nombreux panneaux, outils et options permettant d’organiser, de choisir et d’appliquer des couleurs aux images bitmap et aux objets vectoriels. Dans le panneau Nuanciers, vous pouvez choisir un groupe d’échantillons de couleurs prédéfinis, telle que Cubes de couleurs, Tons continus ou Echelle de gris, ou créer des couleurs favorites ou des couleurs acceptées par votre client. Dans le Mélangeur, vous pouvez choisir un modèle de couleur, tel que Hexadécimal, RVB ou Echelle de gris, ainsi que les couleurs de trait et de remplissage directement dans la barre des couleurs ou en entrant des valeurs de couleur. L’espace de travail Fireworks contient des sélecteurs de couleurs contenant les sélections de couleurs en cours des options et des caractéristiques d’objets. Lorsque vous cliquez sur un sélecteur de couleurs, une fenêtre contextuelle de couleurs s’affiche permettant de choisir la couleur du sélecteur de couleurs. Eloignez le pointeur d’une source de couleurs ouverte et cliquez sur une couleur pour l’appliquer à la zone de couleur. La section Couleurs du panneau Outils contient des commandes de trait et de remplissage et d’autres options de couleur. La section Bitmap contient les outils Pot de peinture, Trame de dégradé et Pipette que vous pouvez utiliser pour appliquer une couleur à des bitmaps, des zones ayant une couleur similaire et des objets vectoriels. Pour plus d’informations sur ces outils de bitmap, voir Chapitre 2, Traitement des bitmaps, page 29. Remarque : Pour plus d’informations sur la correction des couleurs à l’aide des effets en direct et des filtres, voir Réglage de la couleur et du ton d’un bitmap, page 39. Utilisation de la section Couleurs du panneau Outils La partie Couleurs du panneau Outils contient des commandes permettant d’activer les zones Couleur de trait et Couleur de remplissage qui déterminent si les traits ou les remplissages des objets sélectionnés sont affectés par les choix de couleurs. Cette partie contient également des commandes qui permettent de restaurer rapidement les couleurs par défaut, de définir les paramètres de couleur de trait et de remplissage sur Aucune et de permuter les couleurs de trait et de remplissage. 101 Pour activer la zone Couleur de trait ou Couleur de remplissage : • Cliquez sur l’icône située à côté de la zone Couleur de trait ou Couleur de remplissage dans le panneau Outils. Le sélecteur de couleurs actif apparaît sous la forme d’un bouton enfoncé dans le panneau Outils. Remarque : L’outil Pot de peinture remplit les sélections de pixels et les objets vectoriels avec la couleur figurant dans la zone Couleur de remplissage du panneau Outils. Sélecteurs de couleurs dans le panneau Outils et source de couleurs Pour rétablir les couleurs par défaut : • Cliquez sur le bouton Couleurs par défaut du panneau Outils ou du Mélangeur. Pour retirer le trait ou la trame des objets sélectionnés à l’aide du bouton Aucun trait ou Trame : 1 Cliquez sur le bouton Aucun trait ou Trame de la section Couleurs du panneau Outils. La caractéristique de trait ou de trame active devient Aucune. 2 Pour affecter également la valeur Aucune à la caractéristique inactive, cliquez de nouveau sur le bouton Aucun trait ou Trame. Remarque : Vous pouvez également affecter la valeur Aucune au paramètre de trait ou de trame des objets sélectionnés en cliquant sur le bouton Transparent dans un menu déroulant Couleur de remplissage ou Couleur de trait ou en choisissant Aucune dans le menu déroulant Options de remplissage ou Options de trait de l’Inspecteur des propriétés. Pour permuter les couleurs du trait et du remplissage : • Cliquez sur le bouton Permuter les couleurs du panneau Outils ou dans le Mélangeur. Organisation des groupes d’échantillons et des modèles de couleurs Le panneau Nuanciers et le Mélangeur se combinent pour former le groupe du panneau Couleurs. Dans le panneau Nuanciers vous pouvez afficher, modifier, créer et modifier les groupes d’échantillons et choisir des couleurs de trait et de remplissage. Vous pouvez utiliser le Mélangeur pour choisir un modèle de couleur, mélanger des couleurs de trait et de remplissage (en déplaçant les curseurs des valeurs de couleur ou en entrant des valeurs de couleur) et choisir des couleurs de trait et de remplissage directement dans la barre de couleurs. 102 Chapitre 5 : Application de couleurs, de traits et de remplissages Application de couleurs à l’aide du panneau Nuanciers Le panneau Nuanciers contient toutes les couleurs du groupe de nuanciers en cours. Utilisez ce panneau pour appliquer des couleurs de trait et de remplissage aux objets vectoriels ou au texte sélectionnés. Pour appliquer une couleur au trait ou à la trame d’un objet sélectionné depuis le panneau Nuanciers : 1 Cliquez sur l’icône située à côté de la zone Couleur de trait ou Couleur de remplissage du panneau Outils ou de l’Inspecteur des propriétés pour l’activer. 2 Si le panneau Nuanciers n’est pas déjà ouvert, choisissez Fenêtre > Nuanciers. 3 Cliquez sur l’échantillon pour appliquer la couleur au trait ou à la trame de l’objet sélectionné. La couleur apparaît dans la zone active Couleur de trait ou Couleur de remplissage. Modification de groupes d’échantillons Vous pouvez utiliser ou créer un autre groupe d’échantillons. Le menu Options du panneau Nuanciers contient les groupes de nuanciers suivants : Cubes de couleur, Ton continu, Système Macintosh, Système Windows et Niveaux de gris. Vous pouvez importer des nuanciers personnalisés à partir de fichiers de palette de couleurs enregistrés au format ACT ou GIF. Pour choisir un groupe de nuanciers : • Dans le menu déroulant des options du panneau Nuancier, sélectionnez un groupe d’échantillons. Remarque : La sélection de cubes de couleurs affiche le groupe d’échantillon par défaut. Pour choisir un groupe de nuanciers : 1 Choisissez Remplacer le nuancier dans le menu Options du panneau Nuanciers. 2 Accédez au dossier et choisissez un fichier d’échantillons. 3 Cliquez sur Ouvrir. Les nuanciers de couleurs du fichier remplacent les nuanciers précédents. Remarque : Pour plus d’informations sur la création d’un groupe de nuanciers personnalisé, voir Personnalisation du panneau Nuanciers, page 104 et Enregistrement de palettes, page 253. Pour ajouter des nuanciers issus d’une palette de couleurs externe aux nuanciers actifs : 1 Dans le menu déroulant des options du panneau Nuanciers, sélectionnez Ajouter des échantillons. 2 Naviguez vers le dossier approprié et choisissez un fichier de palette de couleurs. Remarque : Fireworks permet d’ajouter des échantillons de palettes exportées sous forme de fichiers ACT ou GIF. 3 Cliquez sur OK. Fireworks ajoute les nouveaux nuanciers à la fin de la liste des nuanciers actifs. Organisation des groupes d’échantillons et des modèles de couleurs 103 Personnalisation du panneau Nuanciers Vous pouvez ajouter, supprimer, remplacer et trier des groupes d’échantillons de couleurs dans le panneau Nuanciers. Remarque : La commande Edition > Annuler ne permet pas d’annuler l’ajout ou la suppression d’un nuancier. Nuanciers Pour ajouter une couleur au panneau Nuanciers : 1 A partir du panneau Outils, choisissez l’outil Pipette. 2 Choisissez le nombre de pixels à échantillonner dans le menu contextuel Echantillon de l’Inspecteur des propriétés : 1 pixel, Moyenne 3x3 ou Moyenne 5x5. 3 Cliquez n’importe où dans une fenêtre de document Fireworks ouverte pour échantillonner une couleur. 4 Placez le bout de la pipette dans l’espace ouvert après le dernier échantillon dans le panneau Nuanciers. La pipette se transforme en pot de peinture. 5 Cliquez à cet endroit pour ajouter l’échantillon. Conseil : Lorsque vous sélectionnez l’option Couleurs Web dans le menu Options de la source de couleurs, toutes les couleurs sélectionnées avec la pipette prennent la valeur de la couleur WebSafe la plus proche. Pour remplacer un échantillon par une autre couleur : 1 A partir du panneau Outils, choisissez l’outil Pipette. 2 Choisissez le nombre de pixels à échantillonner dans le menu contextuel Echantillon de l’Inspecteur des propriétés : 1 pixel, Moyenne 3x3 ou Moyenne 5x5. 3 Cliquez n’importe où dans une fenêtre de documents Fireworks pour échantillonner une couleur. 4 Maintenez la touche Maj enfoncée et placez le pointeur sur un échantillon du panneau Nuanciers. Le pointeur prend alors la forme de l’outil Pot de peinture. 5 Cliquez sur l’échantillon pour le remplacer par la nouvelle couleur. 104 Chapitre 5 : Application de couleurs, de traits et de remplissages Pour supprimer un échantillon du panneau Nuanciers : 1 Maintenez la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée et pointez sur un échantillon. Le pointeur prend la forme de ciseaux. 2 Cliquez sur l’échantillon pour le supprimer du panneau Nuanciers. Pour enregistrer une sélection de couleurs échantillonnées : 1 Ajoutez les couleurs échantillonnées dans le panneau Nuanciers. 2 Dans le menu déroulant des options du panneau Nuanciers sélectionnez Enregistrer le nuancier. La boîte de dialogue Exporter le nuancier est alors ouverte. 3 Choisissez un nom de fichier et de répertoire, puis cliquez sur Enregistrer. Effacement et tri des échantillons Vous pouvez effacer et trier des échantillons de couleurs à l’aide du menu Options du panneau Nuanciers. Pour effacer ou trier des échantillons : • Dans le menu déroulant des options du panneau Nuanciers, choisissez l’une des options suivantes : Effacer le nuancier efface la totalité du panneau Nuanciers. Trier par couleur trie les nuanciers par valeur de couleur. Création de couleurs avec le Mélangeur Dans le Mélangeur, vous pouvez créer des couleurs en déplaçant les curseurs ou en entrant des valeurs pour chaque composant d’un modèle de couleur, tel que RVB, Hexadécimal ou CMJ. La couleur créée est appliquée à la zone active Couleur de trait ou Couleur de remplissage. Le Mélangeur contient également une barre de couleurs qui affiche les couleurs du modèle de couleur actif. Cliquez n’importe où dans la barre de couleurs pour appliquer une couleur. Vous pouvez également cliquer sur le bouton de l’outil de sélection des couleurs système pour choisir une couleur du système Windows ou Macintosh. Conseil : Bien que CMJ soit une option de modèle de couleur, les graphiques exportés directement depuis Fireworks ne donnent pas de très bons résultats à l’impression. Pour repréparer des graphiques Fireworks exportés, vous pouvez les importer dans FreeHand MX qui convertit en mode CMJ les images RVB lors d’une sortie en séparations de couleurs numériques. Pour plus d’informations, voir la documentation FreeHand. Organisation des groupes d’échantillons et des modèles de couleurs 105 Mélange de couleurs dans le Mélangeur Utilisez le Mélangeur pour afficher les valeurs de la couleur active et modifier des valeurs de couleur pour créer de nouvelles couleurs. Par défaut, le Mélangeur identifie les couleurs RVB comme étant hexadécimales ; il affiche donc des valeurs de couleur hexadécimales pour les composants de couleur rouge (R), verte (V) et bleue (B). Les valeurs RVB hexadécimales sont comprises entre 00 et FF. Modèle de couleurs Mode d’expression de couleur RVB Valeurs de rouge, de vert et de bleu, où chacun des composants correspond à une valeur comprise entre 0 et 255. 0-0-0 correspond au noir et 255-255-255 au blanc. Hexadécimal RVB Rouge, Vert et Bleu, chacun de ces composants étant affecté d’une valeur hexadécimale comprise entre 00 et FF. 00-00-00 correspond au noir et FF- FFFF au blanc. TSL Teinte, saturation et luminosité, la teinte étant affectée d’une valeur comprise entre 0 et 360 degrés et la saturation et la luminosité, d’une valeur comprise entre 0 et 100 %. CMJ Valeurs de cyan, de magenta et de jaune, où chacun des composants a une valeur comprise entre 0 et 255. 0-0-0 correspond au blanc et 255-255-255 au noir. Niveaux de gris Un pourcentage de noir. L’unique composant Noir (N) correspond à une valeur comprise entre 0 et 100 %, 0 correspondant au blanc et 100 au noir. Les valeurs intermédiaires correspondent à des nuances de gris. Vous pouvez choisir d’autres modèles de couleurs à partir du menu Options du Mélangeur. Les valeurs de composition de la couleur utilisée changent avec chaque nouveau modèle. Pour afficher le Mélangeur : • Choisissez Fenêtre > Mélangeur. Pour appliquer une couleur à partir de la barre de couleurs à un objet vectoriel sélectionné : 1 Cliquez sur l’icône située à côté de la zone des couleurs de trait ou de remplissage du Mélangeur. 2 Positionnez le pointeur sur la barre de couleurs. Le pointeur se transforme en pipette. 106 Chapitre 5 : Application de couleurs, de traits et de remplissages 3 Cliquez sur une couleur pour la sélectionner. La couleur est appliquée à l’objet sélectionné et devient la couleur de trait ou de remplissage active. Pour sélectionner une couleur dans le Mélangeur : 1 Afin d’éviter que des objets ne soient malencontreusement modifiés lors du mélange des couleurs, désélectionnez tous les objets avant de commencer à mélanger une couleur. 2 Cliquez sur la zone des couleurs de trait ou de remplissage pour définir la destination de la nouvelle couleur. 3 Choisissez un modèle de couleur dans le menu Options du mélangeur. 4 Procédez de l’une des manières suivantes pour définir les valeurs des composants de couleur : ■ Entrez des valeurs dans les champs de composition de la couleur. ■ Utilisez les curseurs du menu déroulant. ■ Sélectionnez une couleur dans la barre de couleurs. Vous pouvez ajouter la couleur au panneau Nuanciers afin de pouvoir la réutiliser. Pour plus d’informations, voir Personnalisation du panneau Nuanciers, page 104. Pour parcourir les modèles de couleur à l’aide de la barre de couleurs : • La barre de couleurs s’affiche au bas du Mélangeur. Remarque : Les options du Mélangeur ne sont pas changées. Création de couleurs à l’aide des outils de sélection des couleurs système Vous pouvez créer des couleurs à l’aide de la boîte de dialogue Couleurs (Windows) ou du sélecteur de couleurs Apple (Macintosh) au lieu d’utiliser le panneau Mélangeur ou Nuancier. Pour sélectionner une couleur à partir de l’outil de sélection des couleurs système : 1 Cliquez sur un sélecteur de couleurs. 2 Choisissez le système Windows ou Mac dans un menu Options de la fenêtre de la source de couleurs. Le nuancier du système s’affiche dans la fenêtre de la source de couleurs. 3 Choisissez une couleur dans le sélecteur de couleurs du système. La couleur est appliquée à l’objet sélectionné et devient la couleur de trait ou de remplissage active. Pour plus d’informations sur l’ajout d’une couleur au panneau Nuanciers avec l’outil de sélection des couleurs système, voir Personnalisation du panneau Nuanciers, page 104. Affichage des valeurs de couleur Pour identifier des valeurs de couleurs, vous pouvez également utiliser le panneau Informations en plus du Nuancier. Pour afficher la valeur de la couleur d’une partie de votre document avec le panneau Info : 1 A partir du panneau Outils, choisissez l’outil Pipette. 2 Choisissez Fenêtre > Info pour afficher le panneau Info. Organisation des groupes d’échantillons et des modèles de couleurs 107 3 Placez le pointeur au-dessus de l’objet contenant la couleur que vous voulez afficher (Windows uniquement). Pour afficher la valeur de la couleur active de trait ou de remplissage, procédez de l’une des manières suivantes : • Choisissez Fenêtre > Mélangeur pour les valeurs RVB ou les autres valeurs de couleur système. • Cliquez sur le sélecteur de couleurs pour ouvrir la fenêtre de la source de couleurs et afficher la • valeur hexadécimale dans la partie supérieure de la fenêtre. Placez le pointeur sur un sélecteur de couleurs et lisez l’info-bulle (Windows uniquement). Remarque : Par défaut, les valeurs RVB apparaissent dans le panneau Info et le Mélangeur, et les valeurs hexadécimales correspondantes apparaissent dans la fenêtre contextuelle de couleurs, ainsi que dans l’info-bulle du sélecteur de couleurs de Windows. Toutefois, vous pouvez changer à tout moment le modèle de couleur affiché dans le Mélangeur ou le panneau Informations. Pour afficher des informations de couleur pour un autre modèle de couleur : • Choisissez un autre modèle de couleur dans le menu Options du panneau Informations ou du Mélangeur. Tramage à l’aide de couleurs Websafe Il est parfois nécessaire d’utiliser une couleur non Websafe. Par exemple, le logo de votre entreprise peut utiliser une couleur qui n’est pas Websafe. Pour s’approcher d’une couleur Websafe qui ne génère ni décalage ni tramage lorsqu’elle est exportée à l’aide d’une palette Websafe, utilisez un tramage Web. Remarque : Notez que le tramage Web peut augmenter la taille du fichier. Deux couleurs Websafe créent un remplissage de trame Web. Pour utiliser le remplissage de trame Web : 1 Sélectionnez un objet contenant une couleur non Websafe. 2 Dans le menu Options de remplissage de l’Inspecteur des propriétés, choisissez Tramage Web. 3 Dans l’Inspecteur des propriétés, cliquez sur la source de couleurs de remplissage. La fenêtre de la source de couleurs s’ouvre avec les options de trames Web. La couleur non-Websafe de l’objet apparaît dans la zone Couleur source de la fenêtre Options de remplissage. Les deux couleurs de tramage Websafe figurent dans les sélecteurs de couleurs de droite. Le tramage Web est appliqué à l’objet et devient la couleur de remplissage active. Remarque : La définition du bord d’un remplissage de trame Web sur Anticrénelé ou Diffusion génère des couleurs non Websafe. 4 Cliquez en dehors de la fenêtre contextuelle pour la fermer. 108 Chapitre 5 : Application de couleurs, de traits et de remplissages Pour créer l’illusion d’un remplissage transparent dans un navigateur Web : 1 Sélectionnez l’objet auquel vous voulez appliquer une trame transparente. 2 Dans le menu Options de remplissage de l’Inspecteur des propriétés, choisissez Tramage Web. 3 Dans l’Inspecteur des propriétés, cliquez sur le sélecteur de couleurs de remplissage. La fenêtre de la source de couleurs s’ouvre avec les options de trames Web. 4 Cliquez sur l’option Transparent. Les sélecteurs de couleurs sur la droite de la fenêtre contextuelle changent pour refléter votre sélection et l’objet sur le document devient semi-opaque ou translucide. 5 Cliquez en dehors de la fenêtre contextuelle pour la fermer. 6 Exportez l’objet au format GIF ou PNG après avoir sélectionné l’option Transparence d’index ou Transparence alpha. Pour plus d’informations sur l’exportation de fichiers comportant des options de transparence, voir Création de zones de transparence, page 253. Lorsque le graphique est affiché dans un navigateur Web, l’arrière-plan de la page Web est visible au travers de chaque pixel du remplissage de trame Web transparent, créant un effet de transparence. Remarque : Les navigateurs ne prennent pas tous en charge les fichiers PNG. Utilisation des sélecteurs de couleurs et des fenêtres contextuelles Vous trouverez des sélecteurs de couleurs dans toute l’application Fireworks, de la partie Couleurs du panneau Outils jusqu’à l’Inspecteur des propriétés en passant par le Mélangeur. Chacun de ces emplacements affiche la couleur actuellement affectée à la propriété de l’objet associé. Choix d’une couleur dans une source de couleurs Lorsque vous cliquez sur un sélecteur de couleurs, une fenêtre contextuelle de couleur similaire au Nuancier s’ouvre. Dans une fenêtre contextuelle de couleurs, vous pouvez afficher les mêmes nuanciers que ceux du panneau Nuanciers ou afficher des nuanciers différents. Pour choisir la couleur d’un sélecteur de couleurs : 1 Cliquez sur le sélecteur de couleurs. La fenêtre contextuelle des couleurs s’affiche. 2 Utilisez l’une des méthodes suivantes : ■ Cliquez sur un échantillon pour l’appliquer au sélecteur de couleurs. ■ Cliquez avec le pointeur de pipette sur une couleur de l’écran pour l’appliquer au sélecteur de couleurs. ■ Cliquez sur le bouton Transparent dans la fenêtre contextuelle pour rendre le remplissage ou le trait transparent. Pour afficher le groupe d’échantillons en cours du panneau Nuanciers dans la fenêtre contextuelle de couleurs : • Choisissez le panneau Nuanciers dans le menu options de la fenêtre contextuelle des couleurs. Utilisation des sélecteurs de couleurs et des fenêtres contextuelles 109 Pour afficher un groupe de nuanciers différent dans la fenêtre contextuelle des couleurs : • Choisissez un groupe d’échantillons dans le menu Option de la fenêtre contextuelle des couleurs. Ce choix n’affecte pas le panneau Nuanciers. Echantillonnage de couleurs à partir d’une fenêtre contextuelle de couleurs Lorsqu’une fenêtre contextuelle de couleurs est ouverte, le pointeur se transforme en pipette spéciale permettant d’échantillonner des couleurs depuis quasiment tous les endroits de l’écran. Cette opération s’appelle l’échantillonnage. Pour échantillonner une couleur depuis n’importe quel emplacement de l’écran pour le sélecteur de couleurs actif : 1 Cliquez sur un sélecteur de couleurs. La fenêtre contextuelle de couleurs s’ouvre et le pointeur se transforme en pipette. 2 Cliquez n’importe où dans l’espace de travail Fireworks pour choisir la couleur du sélecteur de couleurs. La couleur est appliquée à la caractéristique ou l’élément associé au sélecteur de couleurs et la fenêtre contextuelle des couleurs se ferme. Conseil : Maintenez la touche Maj enfoncée et cliquez pour choisir une couleur Websafe. Utilisation des traits Avec l’Inspecteur des propriétés, le menu contextuel Options de trait et la boîte de dialogue Modifier le trait, vous contrôlez chaque nuance de pinceau, notamment la quantité d’encre, la taille et la forme de la pointe du pinceau, la texture, l’effet de bord et l’aspect. Application de traits Vous pouvez changer les attributs de trait des outils Plume, Crayon et Pinceau de façon à ce que les nouveaux objets vectoriels adoptent ces attributs ou vous pouvez appliquer ces attributs après le dessin des objets. La couleur de trait en cours apparaît dans la zone correspondante du panneau Outils, l’Inspecteur des propriétés et le Mélangeur. Vous pouvez changer la couleur de trait d’un outil de dessin ou des objets sélectionnés dans ces trois panneaux. L’icône de crayon indique la zone Couleur de trait dans le panneau Outils, l’Inspecteur des propriétés et le Mélangeur. Pour changer les attributs de trait des objets sélectionnés, procédez de l’une des manières suivantes : • Choisissez un attribut de trait dans l’Inspecteur des propriétés. Conseil : Choisissez des options de trait dans le menu déroulant Options de trait pour définir des attributs supplémentaires. 110 Chapitre 5 : Application de couleurs, de traits et de remplissages • Cliquez sur la zone Couleur de trait du panneau Outils, puis sur Options de trait. Choisissez des attributs de trait dans la fenêtre contextuelle Options de trait. Utilisez l’Inspecteur des propriétés ou la fenêtre contextuelle Options de trait pour changer le trait d’un objet. Pour changer la couleur de trait d’un outil de dessin : 1 Appuyez sur Ctrl+D (Windows) ou Command+D (Macintosh) pour désélectionner tous les 2 3 4 5 objets. Choisissez un outil de dessin dans le panneau Outils. Cliquez sur la zone Couleur de trait du panneau Outils ou de l’Inspecteur des propriétés pour ouvrir la fenêtre contextuelle de couleurs. Choisissez une couleur de trait parmi les échantillons proposés. Faites glisser la souris pour dessiner l’objet. Remarque : Un nouveau trait utilise la couleur actuellement affichée dans la zone Couleur de trait. Pour supprimer tous les attributs de trait d’un objet sélectionné, procédez de l’une des manières suivantes : • Choisissez Aucun dans le menu contextuel Options de trait de l’Inspecteur des propriétés ou dans la fenêtre contextuelle Options de trait. • Cliquez sur la zone Couleur de trait du panneau Outils ou de l’Inspecteur des propriétés, puis sur le bouton Transparent. Utilisation des traits 111 Création de traits personnalisés Utilisez la boîte de dialogue de modification de trait pour changer les caractéristiques de trait. La boîte de dialogue Modifier le trait contient trois onglets : Options, Forme et Sensibilité. L’aperçu de trait au bas de chaque onglet indique le pinceau et les paramètres en cours. Dans l’aperçu, les paramètres de sensibilité à la pression et à la vitesse sont représentés par un trait tracé de gauche à droite qui s’effile, s’estompe ou se transforme d’une manière ou d’une autre. Pour ouvrir la boîte de dialogue de modification de trait : 1 Pour ouvrir la fenêtre contextuelle Options de trait, procédez de l’une des manières suivantes : Choisissez Options de trait dans le menu déroulant Options de trait de l’Inspecteur des propriétés. ■ Cliquez sur Options de trait dans le menu déroulant Couleur de trait du panneau Outils. 2 Cliquez sur Avancé. La boîte de dialogue de modification de trait s’ouvre. ■ Pour définir les options de trait de pinceau générales : 1 Dans l’onglet Options de la boîte de dialogue de modification de trait, définissez la quantité d’encre, l’espacement et le débit. Une vitesse d’écoulement élevée génère des traits de pinceau qui s’enchaînent progressivement comme si vous utilisiez un aérographe. 2 Pour que les traits de pinceau se chevauchent et créent des traits denses, choisissez Repasser. 3 Pour définir la texture du trait, changez l’option Texture. La transparence de la texture est proportionnelle à la valeur définie. 112 Chapitre 5 : Application de couleurs, de traits et de remplissages 4 Pour définir la texture des bords, entrez une valeur dans le champ Texture du bord et choisissez un effet de bord dans le menu déroulant Effet de bord. 5 Définissez le nombre de pointes du trait de pinceau. Pour plusieurs extrémités, entrez une valeur d’espacement des pointes et choisissez la méthode de variation de couleur. Vous pouvez choisir Aléatoire, Uniforme, Complémentaire, Teinte ou Ombré. 6 Pour choisir une ligne pointillée ou discontinue, sélectionnez une option dans le menu contextuel Tiret. 7 Pour définir la longueur des tirets et des espaces d’une ligne pointillée, utilisez les trois ensembles de zones d’entrée de texte Activé(e) et Désactivé(e) pour contrôler le premier, le deuxième et le troisième tiret. 8 Cliquez sur Appliquer pour appliquer les paramètres aux traits sélectionnés, puis cliquez sur OK. Pour modifier la pointe du pinceau : 1 Dans l’onglet Forme de la boîte de dialogue Modifier le trait, sélectionnez Carré pour définir une pointe carrée ou désélectionnez cette option pour utiliser une pointe ronde. 2 Définissez la taille de la pointe du pinceau, l’épaisseur, l’aspect de la pointe et son angle. 3 Cliquez sur Appliquer, puis sur OK. Lors de l’utilisation d’une tablette et d’un crayon Wacom sensibles à la pression, Fireworks utilise des paramètres de trait pour définir précisément les attributs de trait contrôlés par la vitesse et la pression. Vous pouvez choisir l’attribut de trait à contrôler avec une plume. Pour définir la sensibilité de trait : 1 Dans l’onglet Sensibilité de la boîte de dialogue de modification de trait, choisissez une propriété de trait, telle que la taille, la quantité d’encre ou la saturation dans le menu déroulant Propriété du trait. 2 Dans les options Facteurs de variation, choisissez le degré auquel la sensibilité affecte la propriété de trait en cours, puis cliquez sur OK. 3 Cliquez sur OK. Insertion de traits dans les trajets Par défaut, le trait de pinceau d’un objet est centré sur un trajet. Vous pouvez placer le trait de pinceau à l’intérieur ou à l’extérieur du trajet. Ceci vous permet de contrôler la taille générale des objets tracés et de créer des effets, tels que le traçage de traits sur les bords des boutons biseautés. Trait centré, trait situé à l’intérieur et trait situé à l’extérieur Utilisation des traits 113 Vous pouvez utiliser le menu déroulant Trait de la fenêtre Options de trait pour réorienter les traits de pinceau. Pour déplacer un trait à l’intérieur ou à l’extérieur du trajet sélectionné : 1 Cliquez sur la zone Couleur de trait du panneau Outils ou de l’Inspecteur des propriétés pour ouvrir la fenêtre contextuelle du sélecteur de couleurs. 2 Choisissez une option dans le menu contextuel Emplacement du trait par rapport au trajet : A l’intérieur, Centré ou A l’extérieur. 3 Vous pouvez également choisir l’option Recouvrir le tracé avec la trame. Normalement, le trait chevauche la trame. L’option Recouvrir le tracé avec la trame permet de dessiner une trame sur le trait. Si vous sélectionnez cette option pour un objet comportant une trame opaque, toutes les parties du trait qui figurent dans le trajet sont obscurcies. Les trames comportant un niveau de transparence risquent de teinter les traits de pinceau à l’intérieur des trajets ou de se mélanger avec ces derniers. Création de styles de trait Vous pouvez modifier des caractéristiques de trait spécifiques telles que la quantité d’encre, la forme et la pression de la pointe, et enregistrer le trait personnalisé en tant que style, de façon à l’utiliser de nouveau dans les autres documents. Pour créer des traits personnalisés : 1 Utilisez l’une des méthodes suivantes : Cliquez sur la zone Couleur de trait du panneau Outils, puis sur Options de trait. Choisissez Options de trait dans le menu déroulant Options de trait de l’Inspecteur des propriétés. La boîte de dialogue Options de trait s’affiche. 2 Modifiez les attributs de trait de pinceau. 3 Enregistrez les attributs de trait personnalisés sous la forme d’un style. Pour plus d’informations, voir Création et suppression de styles, page 162. ■ ■ Utilisation de remplissages L’Inspecteur des propriétés, le menu contextuel Options de remplissage, la fenêtre contextuelle Options de remplissage, la fenêtre contextuelle Dégradé et un ensemble de textures et de motifs bitmap vous permettent de créer un large éventail de remplissages pour les objets vectoriels et le texte. L’outil Pot de peinture ou Dégradé permet également de remplir des pixels en fonction des paramètres de trame en cours. 114 Chapitre 5 : Application de couleurs, de traits et de remplissages Définition des attributs de remplissage des outils de dessin Vous pouvez définir les attributs de trame des outils de dessin Rectangle, Rectangle arrondi, Ellipse et Polygone pour les appliquer aux nouveaux objets. La trame active figure dans la zone Couleur de remplissage de l’Inspecteur des propriétés, le panneau Outils et le Mélangeur. Vous pouvez utiliser ces panneaux pour changer la trame d’un outil de dessin. L’icône du pot de peinture représente la zone Couleur de remplissage dans le panneau Outils, l’Inspecteur des propriétés et le Mélangeur. Pour changer la couleur de remplissage unie des outils de dessin vectoriels applicables et de l’outil Pot de peinture : 1 Choisissez un outil de dessin ou l’outil Pot de peinture. 2 Utilisez l’une des méthodes suivantes : Appuyez sur Ctrl+D (Windows) ou Commande +D (Macintosh) pour désélectionner tous les objets, puis cliquez sur la zone Couleur de remplissage de l’Inspecteur des propriétés pour ouvrir la fenêtre contextuelle Couleur de remplissage. ■ Cliquez sur la zone Couleur de remplissage du panneau Outils ou du mélangeur pour ouvrir le sélecteur de couleurs. 3 Choisissez la couleur de remplissage dans les nuanciers ou échantillonnez une couleur de l’écran à l’aide du pointeur de pipette. 4 Utilisez l’outil de manière appropriée. ■ Remarque : L’outil Texte affecte toujours à la zone Couleur de remplissage la dernière couleur de texte unie utilisée. Modification des trames unies Une trame unie est simplement une couleur unie remplissant l’intérieur d’un objet. Vous pouvez modifier la couleur de remplissage d’un objet à l’aide du panneau Outils, de l’Inspecteur des propriétés ou du Mélangeur. Pour modifier le remplissage uni d’un objet vectoriel sélectionné : 1 Cliquez sur la zone Couleur de remplissage de l’Inspecteur des propriétés, du panneau Outils ou du Mélangeur pour ouvrir la fenêtre contextuelle des couleurs. 2 Choisissez un nuancier à partir de la fenêtre contextuelle de couleurs. La trame apparaît dans l’objet sélectionné et devient la couleur de remplissage active. Utilisation de remplissages 115 Application de remplissages dégradés et à motif Vous pouvez modifier des remplissages pour afficher une série de caractéristiques d’uni, de tramé, de motif ou de dégradé, allant de l’uni au dégradé. Ces caractéristiques imitent le satin, les ondes, les plis ou les dégradés et suivent le contour de l’objet auquel vous les appliquez. En outre, vous pouvez changer divers attributs d’une trame, tels que la couleur, le bord, la texture et la transparence. Vous disposez de différents types de trames et de dégradés ou vous pouvez en créer. Remarque : Les nouveaux remplissages utilisent la couleur actuellement affichée dans la zone Couleur de remplissage du panneau Outils. Utilisez les options de trame de l’Inspecteur des propriétés ou de la fenêtre contextuelle Options de trame pour modifier les attributs de trame. Application d’un remplissage à motif Vous pouvez remplir un objet de trajet avec un graphique bitmap. Cette opération est appelée remplissage à motif. Fireworks comprend plus de douze remplissages à motif, dont Berbère, Feuilles et Bois. Pour appliquer une trame texturée à un objet sélectionné : 1 Utilisez l’une des méthodes suivantes : Choisissez Motif dans le menu déroulant Options de trame de l’Inspecteur des propriétés. ■ Cliquez sur la zone Couleur de remplissage du panneau Outils, puis sur Options de remplissage et choisissez Motif dans le menu contextuel Options de remplissage. 2 Choisissez le motif dans le menu déroulant correspondant. Le motif apparaît dans l’objet sélectionné et devient la couleur de remplissage active. ■ Ajout d’un motif personnalisé Vous pouvez également définir un fichier bitmap pour l’utiliser comme texture. Vous pouvez utiliser des fichiers des formats suivants comme textures : PNG, GIF, JPEG, BMP, TIFF et PICT (Macintosh seulement). Lorsqu’un fichier de motif est une image transparente de 32 bits, la transparence affecte la trame lorsqu’elle est utilisée dans Fireworks. Les images qui ne sont pas de 32 bits apparaissent opaques. Lorsque vous ajoutez un motif, son nom apparaît dans le menu déroulant Nom de motif de la fenêtre contextuelle Options de trame. 116 Chapitre 5 : Application de couleurs, de traits et de remplissages Pour créer un motif depuis un fichier externe : 1 Affichez les propriétés de l’objet vectoriel dans l’Inspecteur des propriétés et choisissez Trame dans le menu déroulant Options de trame. 2 Cliquez sur la zone Couleur de remplissage et choisissez Autre dans le menu déroulant des noms de motifs. 3 Recherchez le fichier bitmap à utiliser comme nouveau motif, puis cliquez sur Ouvrir. Le nouveau motif est ajouté à la liste Nom de motif, dans l’ordre alphabétique. Application d’une trame en dégradé Les catégories de trame, à l’exception de Aucune, Unie, Motif et Tramage Web sont des trames en dégradé. Ces trames en dégradé mélangent les couleurs pour créer différents effets. Objets avec trames en dégradé Pour appliquer une trame en dégradé à un objet sélectionné : • Choisissez un dégradé dans le menu déroulant Options de trame de l’Inspecteur des propriétés. La trame apparaît dans l’objet sélectionné et devient la trame active. Modification de trame dégradée Vous pouvez modifier la trame dégradée active en cliquant sur n’importe quelle zone Couleur de remplissage et en utilisant la fenêtre contextuelle Modifier le dégradé. rampe de couleurs aperçu Fenêtre contextuelle Modifier le dégradé Application de remplissages dégradés et à motif 117 Pour ouvrir la fenêtre Modifier le dégradé : 1 Sélectionnez un objet ayant une trame dégradée ou choisissez une trame dégradée dans le menu déroulant Options de trame de l’Inspecteur des propriétés. 2 Cliquez sur la zone Couleur de remplissage de l’Inspecteur des propriétés ou du panneau Outils pour ouvrir la fenêtre contextuelle. La fenêtre contextuelle Modifier le dégradé s’ouvre avec le dégradé en cours dans la rampe de couleurs et l’aperçu. Pour ajouter une nouvelle couleur ou un nouveau nuancier d’opacité au dégradé, procédez de l’une des manières suivantes : • Pour ajouter un nouvel échantillon de couleur, cliquez sur la zone sous la rampe de couleur dégradée. • Pour ajouter un échantillon d’opacité, cliquez sur la zone au-dessus de la rampe de couleur dégradée. Pour supprimer un nuancier de couleur ou d’opacité du dégradé : • Faites glisser le nuancier à l’écart de la fenêtre contextuelle Modifier le dégradé. Pour définir ou changer la couleur d’un nuancier de couleur : 1 Cliquez sur un nuancier. 2 Choisissez une couleur. Pour définir ou changer la transparence d’un nuancier d’opacité : 1 Cliquez sur l’échantillon d’opacité. 2 Utilisez l’une des méthodes suivantes : ■ ■ Faites glisser le curseur de transparence, où 0 correspond à une transparence totale et 100 à une opacité totale. Entrez une valeur numérique comprise entre 0 et 100 pour définir l’opacité. Remarque : L’échiquier apparaît à travers le dégradé dans les zones transparentes. 3 Après avoir modifié le dégradé, appuyez sur Entrée ou cliquez en dehors de la fenêtre contextuelle Modifier le dégradé. La trame en dégradé apparaît dans les objets sélectionnés et devient la trame active. Pour régler la transition entre les couleurs de la trame : • Faites glisser les nuanciers de gauche à droite. Création de trames ave l’outil Dégradé L’outil Dégradé appartient au même groupe d’outils que l’outil Pot de peinture. Ce nouvel outil fonctionne comme l’outil Pot de peinture, mais il remplit un objet avec un dégradé au lieu d’une couleur unie. A l’instar de l’outil Pot de peinture, il conserve les propriétés du dernier élément utilisé. Pour utiliser l’outil dégradé : 1 Cliquez sur l’outil Pot de peinture dans le panneau Outils et choisissez l’outil Dégradé dans le menu déroulant. 2 Choisissez les attributs suivants appropriés dans l’Inspecteur des propriétés : 118 Chapitre 5 : Application de couleurs, de traits et de remplissages Options de remplissage : menu contextuel permettant de choisir un type de dégradé. Zone Couleur de remplissage : lorsque vous cliquez dessus, la fenêtre contextuelle Modifier le dégradé s’affiche pour vous permettre de définir des options de couleur et de transparence. Bord : détermine si le dégradé à un bord de remplissage net, anticrénelé ou diffusé. Si vous choisissez un bord diffusé, vous pouvez déterminer la valeur de la diffusion. Texture : permet d’accéder à diverses options, telles que Grain, Métal, Grille, Maille ou Emeri. 3 Cliquez et faites glisser le pointeur pour définir le point de départ du dégradé, ainsi que la direction et la longueur de la zone dégradée. Transformation et distorsion de remplissages Vous pouvez déplacer, faire pivoter, incliner et changer la largeur de la trame texturée ou en dégradé d’un objet. Lorsque vous utilisez l’outil Pointeur ou Dégradé pour sélectionner un objet avec une trame ou un motif dégradé, des poignées apparaissent autour ou à côté de l’objet. Tirez sur ces poignées pour ajuster la trame de l’objet. Utilisez les poignées de la trame pour régler de façon interactive une trame en dégradé ou texturée Pour déplacer le remplissage dans l’objet : • Faites glisser la poignée ronde ou cliquez sur un nouvel emplacement du remplissage avec l’outil Dégradé. Pour appliquer une rotation au remplissage : • Faites glisser les lignes reliant les poignées. Pour régler la largeur et l’inclinaison du dégradé : • Tirez sur une poignée carrée. Spécification de bords de trame nets, anticrénelés ou avec diffusion Fireworks permet de tracer le bord d’un remplissage sous forme de ligne continue et régulière, ou d’adoucir le bord en lui appliquant une diffusion ou un anticrénelage. Par défaut, les bords sont anticrénelés. L’anticrénelage lisse les bords dentelés pouvant apparaître sur des objets arrondis, tels que les ellipses et les cercles, en fondant subtilement le bord dans l’arrière-plan. En revanche, la diffusion produit un effet fondu perceptible de part et d’autre du bord. Elle adoucit le bord, créant un effet néon. Pour changer le bord d’un objet sélectionné : 1 Dans le menu déroulant Bord, procédez de l’une des manières suivantes : Cliquez dans le menu déroulant Bord de l’Inspecteur des propriétés. ■ Cliquez sur la zone Couleur de remplissage du panneau Outils, puis sur Options de remplissage, puis sur le menu contextuel Bord. 2 Choisissez une option de bord : Bord net, Anticrénelage ou Diffusion. ■ Application de remplissages dégradés et à motif 119 3 Pour un bord diffusé, choisissez également le nombre de pixels qui doivent être diffusés de part et d’autre du bord. La valeur par défaut est 10. Vous pouvez choisir une valeur comprise entre 0 et 100. La diffusion est proportionnelle à la valeur définie. Enregistrement d’un remplissage par dégradés personnalisé Pour enregistrer les paramètres de dégradé en cours sous la forme d’un dégradé personnalisé pour l’utiliser dans plusieurs documents, créez un style. Pour plus d’informations, voir Création et suppression de styles, page 162. Suppression d’une trame Vous pouvez aisément supprimer les attributs de trame des objets sélectionnés. Pour retirer une trame d’un objet sélectionné, procédez de l’une des manières suivantes : • Choisissez Aucune dans le menu contextuel Options de remplissage de l’Inspecteur des propriétés ou de la fenêtre contextuelle Options de remplissage. • Cliquez sur la zone Couleur de remplissage et sur le bouton Transparente. Cette option supprime uniquement les remplissages unis. Ajout d’une texture aux traits et aux remplissages Vous pouvez ajouter des effets 3D aux traits et aux trames en ajoutant une texture. Fireworks dispose de textures, mais vous pouvez également utiliser des textures externes. Ajout d’une texture à un trait Les textures modifient la luminosité du trait, mais non sa teinte ; elles lui confèrent un aspect moins mécanique, plus organique, comme de la peinture sur surface texturée. Les textures produisent plus d’effet sur les traits larges. Vous pouvez ajouter une texture à n’importe quel trait. Fireworks comprend plusieurs textures, telles que Chiffon, Marée noire et Emeri. Utilisez les options de trait de l’Inspecteur des propriétés ou de la fenêtre contextuelle Options de trait pour ajouter une texture à un trait de pinceau. 120 Chapitre 5 : Application de couleurs, de traits et de remplissages Pour ajouter une texture au trait d’un objet sélectionné : 1 Pour ouvrir le menu déroulant Texture du trait, procédez comme suit : Cliquez sur le menu déroulant Texture du trait de l’Inspecteur des propriétés. Cliquez sur la zone Couleur de trait du Panneau Outils, sur Options de trait, puis sur le menu contextuel Texture. 2 Utilisez l’une des méthodes suivantes : ■ Choisissez une texture dans le menu déroulant. ■ Choisissez Autre dans le menu déroulant et accédez à un fichier de texture à utiliser comme texture externe. ■ ■ Remarque : Vous pouvez appliquer des textures issues de fichiers aux formats suivants : PNG, GIF, JPEG, BMP, TIFF et PICT (Macintosh seulement). 3 Entrez un pourcentage compris entre 0 et 100 afin de contrôler la profondeur de la texture. L’augmentation du pourcentage augmente l’intensité de la texture. Ajout d’une texture à une trame Les textures modifient la luminosité de la trame, mais non sa teinte ; elles lui confèrent un aspect moins mécanique, plus organique. Vous pouvez ajouter une texture à n’importe quelle trame. Fireworks comprend plusieurs textures parmi lesquelles vous pouvez opérer votre choix, telles que Chiffon Marée noire et Emeri. Vous pouvez également utiliser des fichiers bitmap comme textures. Cela permet de créer pratiquement n’importe quel type de texture personnalisée. Pour ajouter une texture à la trame d’un objet sélectionné : 1 Pour ouvrir le menu déroulant Texture de la trame, procédez de l’une des manières suivantes : Cliquez sur le menu déroulant Texture de la trame dans l’Inspecteur des propriétés. ■ Cliquez sur la zone Couleur de remplissage du panneau Outils, puis sur Options de remplissage, puis sur le menu contextuel Texture. 2 Utilisez l’une des méthodes suivantes : ■ Choisissez une texture dans le menu déroulant. ■ Choisissez Autre dans le menu déroulant et accédez à un fichier de texture à utiliser comme texture externe. 3 Entrez un pourcentage compris entre 0 et 100 afin de contrôler la profondeur de la texture. L’augmentation du pourcentage augmente l’intensité de la texture. 4 Pour donner un effet de transparence à la trame, choisissez Transparente. Le pourcentage de texture contrôle également le degré de transparence. ■ Ajout d’une texture aux traits et aux remplissages 121 Ajout d’une texture personnalisée Vous pouvez également utiliser des fichiers bitmap de Fireworks et de d’autres applications. Vous pouvez appliquer des textures issues de fichiers aux formats suivants : PNG, GIF, JPEG, BMP, TIFF et PICT (Macintosh seulement). Lorsque vous ajoutez une nouvelle texture, son nom apparaît dans le menu déroulant du nom de trame. Pour créer une texture depuis un fichier externe : 1 Affichez les propriétés de l’objet dans l’Inspecteur des propriétés et choisissez Autre dans l’un des menus déroulants Nom de la trame. 2 Accédez au fichier bitmap à utiliser comme nouvelle texture et cliquez sur Ouvrir. La nouvelle texture est ajoutée à la liste Nom de la texture, par ordre alphabétique. 122 Chapitre 5 : Application de couleurs, de traits et de remplissages CHAPITRE 6 Utilisation des effets en direct Les effets en direct de Macromedia Fireworks MX 2004 sont des améliorations que vous pouvez appliquer aux objets vectoriels, aux images bitmap et aux textes. Les effets en direct incluent les biseaux, les estampes, les ombres portées et les néons, la correction de couleur, le flou et le renforcement. Vous pouvez appliquer des effets en direct aux objets sélectionnés directement depuis l’Inspecteur des propriétés. Fireworks met automatiquement à jour les effets en direct lorsque vous modifiez des objets auxquels ils sont appliqués. Après avoir appliqué un effet en direct, vous pouvez changer ses options à tout moment ou changer l’ordre des effets en direct pour tester un effet combiné. Vous pouvez activer ou désactiver les effets en direct ou les supprimer dans l’Inspecteur des propriétés. Lorsque vous supprimez un effet, l’objet ou l’image reprend son apparence précédente. Vous disposez, entre autres, des effets en direct suivants Niveaux automatiques, Flou gaussien et Masque d’accentuation, qui étaient auparavant disponibles uniquement comme plug-ins irréversibles ou filtres. En outre, vous pouvez ajouter des plug-ins tiers pour les utiliser comme effets en direct dans Fireworks. Si vous préférez, vous pouvez utiliser ces filtres de manière traditionnelle à l’aide du menu Filtres. Pour plus d’informations, voir Réglage de la couleur et du ton d’un bitmap, page 39. 123 Application d’effets en direct Vous pouvez appliquer un ou plusieurs effets en direct aux objets sélectionnés à l’aide de l’Inspecteur des propriétés. Chaque fois que vous ajoutez un effet en direct à un objet, il est ajouté à la liste des effets du menu déroulant de l’Inspecteur des propriétés. Vous pouvez activer ou désactiver chaque effet en direct. Menu déroulant des effets de l’Inspecteur des propriétés Lorsque vous sélectionnez des objets auxquels peuvent être appliqués des effets en direct, l’emplacement des options d’effets en direct diffère légèrement selon que la fenêtre de l’Inspecteur des propriétés est affichée en totalité ou à moitié : • Lorsque la totalité de la fenêtre est affichée, utilisez le bouton Ajouter des effets, le bouton • Supprimer l’effet et la liste des effets en direct appliqués figurant dans l’Inspecteur des propriétés. Lorsque la moitié de la fenêtre est affichée, cliquez sur Modifier l’effet pour afficher le bouton Ajouter des effets, le bouton Supprimer l’effet et la liste de effets en direct appliqués. Remarque : Dans Utilisation de Fireworks MX 2004, les étapes impliquant des effets en direct sont décrites pour l’affichage de la totalité de la fenêtre de l’Inspecteur des propriétés. Vous pouvez personnaliser chaque effet en direct en fonction de vos préférences. Lorsque vous choisissez un effet Biseau, Estampe, Ombre ou Néon, une fenêtre contextuelle s’affichée pour vous permettre de sélectionner les paramètres voulus. Lorsque vous choisissez les effets de correction de couleurs, des boîtes de dialogue s’ouvrent contenant des commandes pour ajuster les caractéristiques des couleurs, telles que les niveaux automatiques, la luminosité et le contraste, la teinte et la saturation, l’inversion des couleurs, les courbes et les trames de couleur. Lorsque vous choisissez un effet flou ou accentué, l’effet est appliqué directement à l’objet. 124 Chapitre 6 : Utilisation des effets en direct Essayez les différents paramètres à votre disposition pour obtenir l’aspect voulu. Pour changer les paramètres d’effet ultérieurement, voir Modification des effets en direct, page 129. Largeur du biseau Contraste Adoucissement Angle du biseau Bouton de biseau prédéfini Fenêtre Biseau intérieur Pour appliquer directement un effet aux objets sélectionnés : 1 Cliquez sur le bouton Ajouter des effets dans l’Inspecteur des propriétés, puis choisissez une effet dans le menu déroulant des effets. L’effet est ajouté à la liste des effets de l’objet sélectionné. Conseil : Pour appliquer un effet en direct pour qu’il n’affecte qu’un ensemble de pixels d’une image, coupez et collez la sélection de pixels au lieu de créer une image bitmap, sélectionnez-la et appliquez l’effet en direct. 2 Si une fenêtre contextuelle ou une boîte de dialogue s’affiche, entrez les paramètres de l’effet et procédez de l’une des manières suivantes : ■ Si l’effet en direct a une boîte de dialogue, cliquez sur OK. ■ Si l’effet en direct a une fenêtre contextuelle, appuyez sur Entée ou cliquez n’importe où dans l’espace de travail. 3 Répétez les étapes 1 et 2 pour appliquer d’autres effets en direct. Remarque : L’ordre d’application des effets en direct affecte l’ensemble de l’effet. Vous pouvez faire glisser les effets en direct pour changer leur ordre d’empilage. Pour plus d’informations, voir Réorganisation des effets en direct, page 129. Pour activer ou désactiver un effet appliqué à un objet : • Cochez la case à côté de l’effet dans la liste des effets de l’Inspecteur des propriétés. Pour activer ou désactiver tous les effets appliqués à un objet : • Cliquez sur le bouton Ajouter des effets dans l’Inspecteur des propriétés, puis choisissez Options > Tous actifs ou Options > Tous inactifs dans le menu contextuel. Pour plus d’informations sur la suppression permanente des effets, voir Suppression des effets en direct, page 129. Application d’effets en direct 125 Application de bords biseautés L’application d’un bord biseauté à un objet permet de créer une impression de relief. Vous pouvez créer un biseau intérieur ou extérieur. Rectangle avec biseau intérieur et biseau extérieur Pour appliquer un bord biseauté à un objet sélectionné : 1 Cliquez sur le bouton Ajouter des effets de l’Inspecteur des propriétés, puis choisissez une option de biseau dans le menu déroulant : ■ Biseau et estampe > Biseau intérieur ■ Biseau et estampe > Biseau extérieur. 2 Modifiez les paramètres d’effet dans la fenêtre contextuelle. 3 Cliquez en dehors de la fenêtre ou appuyez sur Entrée pour fermer cette fenêtre. Application d’estampes Utilisez l’effet d’estampe pour donner l’impression qu’une image, un objet ou un texte est rapporté ou en relief sur le document. Objet avec estampe enfoncée et surélevée Pour appliquer un effet d’estampe : 1 Cliquez sur le bouton Ajouter des effets dans l’Inspecteur des propriétés, puis choisissez une option d’estampe dans le menu déroulant : ■ Biseau et estampe > Estampe rapportée. ■ Biseau et estampe > Estampe en relief. 2 Modifiez les paramètres d’effet dans la fenêtre contextuelle. Si vous voulez que l’objet d’origine apparaisse dans la zone estampée, choisissez Afficher l’objet. 3 Lorsque vous avez terminé, cliquez en dehors de la fenêtre ou appuyez sur Entrée pour fermer cette fenêtre. Remarque : Pour assurer la compatibilité à rebours, lorsque l’effet estampe provient d’un document plus ancien, l’option Afficher l’objet est désactivée. 126 Chapitre 6 : Utilisation des effets en direct Application d’ombres et d’effets néon Le programme Fireworks facilite l’application d’ombres portées, d’ombres intérieures et d’effets néon aux objets. Spécifiez l’angle de l’ombre pour indiquer la direction de la lumière éclairant l’objet. Effets Ombre portée, Ombre intérieure et Effet néon Pour appliquer une ombre ou une ombre intérieure : 1 Cliquez sur le bouton Ajouter des effets de l’Inspecteur des propriétés, puis choisissez une option d’ombre dans le menu déroulant : ■ Ombre et néon > Ombre portée. ■ Ombre et néon > Ombre intérieure. 2 Modifiez les paramètres d’effet dans la fenêtre contextuelle : ■ Faites glisser le curseur Distance pour définir la distance séparant l’ombre de l’objet. ■ Cliquez sur le sélecteur de couleurs pour ouvrir la fenêtre contextuelle des couleurs et définir une couleur d’ombre. ■ Faites glisser le curseur Opacité pour régler le niveau de transparence de l’ombre. ■ Faites glisser le curseur d’adoucissement pour définir le facteur d’adoucissement de l’ombre. ■ Utilisez la molette Angle pour définir la direction de l’ombre. ■ Sélectionnez Emporte-pièce pour masquer l’objet et afficher l’ombre uniquement. 3 Lorsque vous avez terminé, cliquez en dehors de la fenêtre ou appuyez sur Entrée pour fermer cette fenêtre. Pour appliquer un effet néon : 1 Cliquez sur le bouton Ajouter des effets de l’Inspecteur des propriétés, puis choisissez Ombre et Néon > Néon. 2 Modifiez les paramètres d’effet dans la fenêtre contextuelle : Cliquez sur le sélecteur de couleurs pour ouvrir la fenêtre contextuelle des couleurs et définir une couleur de néon. ■ Faites glisser le curseur Largeur pour définir la largeur du néon. ■ Faites glisser le curseur Opacité pour régler le pourcentage de transparence du néon. ■ Faites glisser le curseur Adoucissement pour définir le facteur d’adoucissement du néon. ■ Faites glisser le curseur Décalage pour spécifier la distance entre le rayonnement néon et l’objet. 3 Lorsque vous avez terminé, cliquez en dehors de la fenêtre ou appuyez sur Entrée pour fermer cette fenêtre. ■ Application d’effets en direct 127 Application de filtres et de plug-ins Photoshop sous forme d’effets en direct Vous pouvez appliquer tous les filtres et plug-ins intégrés du menu Filtres comme effets en direct en utilisant l’Inspecteur des propriétés. Cela vous permet de les modifier ou de les supprimer d’un objet à tout moment. Remarque : Les plug-ins Photoshop 6 et 7 ne sont pas compatibles avec Fireworks MX 2004. Remarque : Le menu Xtras de certaines versions précédentes de Fireworks s’appelle désormais Filtres dans Fireworks MX 2004. Les extensions Xtras de Fireworks sont appelés filtres. Plug-ins dans le menu Filtres Lorsque vous installez un plug-in Photoshop dans Fireworks, le plug-in est ajouté au menu Filtres et à l’Inspecteur des propriétés. Utilisez le menu Filtres pour n’appliquer les filtres et les plug-ins Photoshop que si vous êtes certain de ne pas devoir modifier ou supprimer l’effet obtenu. Vous ne pouvez supprimer un filtre que si la commande Annuler est disponible. Installation des plug-ins Photoshop Vous pouvez utiliser l’Inspecteur des propriétés pour appliquer des plug-ins Photoshop comme effets en direct. Certains plug-ins Photoshop ne peuvent pas être utilisés en tant qu’effets en direct. Vous pouvez également importer des plug-ins Photoshop en pointant sur les plug-ins dans la boîte de dialogue des préférences. Pour plus d’informations, voir Préférences de l’onglet Dossiers, page 298. Lorsque vous partagez un fichier Fireworks où un plug-in Photoshop est appliqué en direct, le destinataire doit disposer du plug-in sur son ordinateur pour afficher cet effet. Les effets intégrés de Fireworks, quant eux, sont enregistrés dans le fichier. Pour installer les plug-ins Photoshop : 1 Cliquez sur le bouton Ajouter des effets dans l’Inspecteur des propriétés, puis choisissez Options > Rechercher les plug-ins. 2 Ouvrez le dossier où sont installés les plug-ins Photoshop, puis cliquez sur OK. 3 Redémarrez Fireworks pour charger les plug-ins. Remarque : Si vous placez les plug-ins dans un autre dossier, recommencez la procédure cidessus, ou choisissez Fichier > Préférences, puis cliquez sur l’onglet Dossiers pour changer le chemin des plug-ins Redémarrez ensuite Fireworks. Pour appliquer un plug-in Photoshop à un objet sélectionné en tant qu’effet en direct applicable : • Cliquez sur le bouton Ajouter des effets dans l’Inspecteur des propriétés, puis choisissez un effet dans le sous-menu Options. Application d’effets à un groupe d’objets Lorsque vous appliquez un effet à un groupe, cet effet est appliqué à tous les objets du groupe. Si les objets sont dissociés, ces derniers retrouvent leurs paramètres d’effet d’origine. Vous pouvez appliquer un effet à un objet d’un groupe d’objets en sélectionnant l’objet avec l’outil Sous-sélection. Pour plus d’informations sur la sélection d’un groupe ou d’objets au sein d’un groupe, voir Sélection d’objets dans des groupes, page 25. 128 Chapitre 6 : Utilisation des effets en direct Modification des effets en direct Lorsque vous cliquez sur le bouton Info d’un effet en direct dans l’Inspecteur des propriétés, Fireworks ouvre une fenêtre contextuelle contenant les paramètres en cours de l’effet pour vous permettre de les modifier. Pour modifier un effet appliqué en direct : 1 Dans l’Inspecteur des propriétés, cliquez sur le bouton Informations à côté de l’effet à modifier. La fenêtre contextuelle ou la boîte de dialogue appropriée s’ouvre. 2 Sélectionnez les paramètres voulus. Remarque : Si un effet n’est pas modifiable, le bouton Info n’est pas disponible. Par exemple, vous ne pouvez pas modifier l’effet Niveaux automatiques. 3 Cliquez en dehors de la fenêtre ou appuyez sur Entrée. Réorganisation des effets en direct Vous pouvez changer l’ordre des effets appliqués à un objet. La réorganisation des effets change la séquence d’application de ces derniers, ce qui peut changer l’effet combiné. En général, les effets qui changent l’intérieur d’un objet, tels que l’effet Biseau intérieur, doivent être appliqués avant les effets changeant l’extérieur. Par exemple, appliquez l’effet Biseau intérieur avant l’effet Biseau extérieur, Néon ou Ombre. Pour réorganiser les effets appliqués à un objet sélectionné : • Faites glisser l’effet vers l’emplacement approprié dans l’Inspecteur des propriétés. Remarque : Les effets figurant en haut de la liste sont appliqués en premier. Suppression des effets en direct Vous pouvez supprimer aisément chaque effet ou tous les effets d’un objet. Pour supprimer un effet unique appliqué à un objet sélectionné : • Sélectionnez l’effet à supprimer dans la liste des effets de l’Inspecteur des propriétés, puis cliquez sur le bouton Supprimer les effets. Pour supprimer tous les effets d’un objet sélectionné : • Cliquez sur le bouton Ajouter des effets dans l’Inspecteur des propriétés et choisissez Aucun dans le menu déroulant. Modification des effets en direct 129 Création d’effets en direct personnalisés Vous pouvez enregistrer une combinaison de paramètres d’effets en direct en créant un effet en direct personnalisé. Tous les effets en direct apparaissent dans le menu déroulant Ajouter des effets de l’Inspecteur des propriétés et du panneau des styles. Les effets en direct personnalisés sont des styles dont les options de propriété sont toutes désélectionnées, à l’exception de l’option Effet. • Pour créer un effet en direct personnalisé, utilisez l’Inspecteur des propriétés ou le panneau • • Styles. Vous pouvez appliquer un effet en direct aux objets sélectionnés dans le menu déroulant Ajouter des effets ou le panneau Styles. Vous pouvez renommer ou supprimer un effet personnalisé dans le panneau Styles. Pour créer un effet personnalisé dans l’Inspecteur des propriétés : 1 Appliquez des paramètres d’effet en direct aux objets sélectionnés. Pour plus d’informations, voir Application d’effets en direct, page 124. 2 Cliquez sur le bouton Ajouter des effets de l’Inspecteur des propriétés, puis choisissez Options > Enregistrer en tant que style. La boîte de dialogue d’ajout de style s’affiche. 3 Tapez le nom du style et cliquez sur OK. Le nom de l’effet en direct personnalisé est ajouté au menu contextuel Ajouter des effets et une icône de style représentant l’effet en direct est ajoutée dans le panneau Styles. Pour créer un effet en direct personnalisé à l’aide du panneau des styles : 1 Appliquez des paramètres d’effet en direct aux objets sélectionnés. Pour plus d’informations, voir Application d’effets en direct, page 124. 2 Sélectionnez l’option d’ajout de style dans le menu déroulant des options du panneau Styles. La boîte de dialogue d’ajout de style s’affiche. 3 Désélectionnez toutes les propriétés (sauf la propriété Effet) entrez un nom, puis cliquez sur OK. Le nom de l’effet en direct personnalisé est ajouté au menu déroulant Ajouter des effets et une icône de style représentant l’effet en direct est ajoutée dans le panneau Styles. Remarque : Si vous choisissez des propriétés supplémentaires dans la boîte de dialogue Nouveau style, le style ne figure plus dans le menu déroulant Ajouter des effets de l’Inspecteur des propriétés, bien qu’il reste dans le panneau Styles sous la forme d’un style type. Pour appliquer un effet en direct personnalisé à des objets sélectionnés, procédez de l’une des manières suivantes : • Cliquez sur le bouton Ajouter des effets dans l’Inspecteur des propriétés, puis choisissez l’effet • en direct personnalisé. Cliquez sur l’icône de l’effet en direct personnalisé dans le panneau des styles. Vous pouvez renommer ou supprimer un effet en direct personnalisé comme n’importe quel autre style du panneau des styles. Pour plus d’informations, voir Création et suppression de styles, page 162 et Modification de styles, page 163. Remarque : Vous ne pouvez pas renommer ou supprimer un effet standard de Fireworks. 130 Chapitre 6 : Utilisation des effets en direct Enregistrement d’effets en direct sous forme de commandes Vous pouvez enregistrer et réutiliser un effet en créant une commande à partir de l’effet. Avec le panneau d’historique, vous pouvez automatiser tous les effets en direct appliqués à un objet en créant une commande disponible dans le menu Commandes. Vous pouvez utiliser ces commandes dans un traitement par lot. Pour plus d’informations, voir Exécution de commandes à l’aide d’un traitement par lots, page 287. Pour enregistrer des paramètres d’effet en tant que commande : 1 Appliquez les effets à l’objet. 2 Si l’historique n’est pas visible, choisissez Fenêtre > Historique. 3 Appuyez sur la touche Maj et cliquez sur les actions à enregistrer sous la forme d’une commande. 4 Utilisez l’une des méthodes suivantes : ■ ■ Choisissez la commande Enregistrer sous dans le panneau Historique du menu Options. Cliquez sur le bouton Enregistrer situé en bas du panneau Historique. Bouton Enregistrer 5 Entrez un nom de commande, puis cliquez sur OK pour l’ajouter au menu Commandes. Modification des effets en direct 131 132 Chapitre 6 : Utilisation des effets en direct CHAPITRE 7 Calques, masques et fondus Les calques divisent les documents Macromedia Fireworks MX 2004 en plusieurs plans discrets, donnant l’impression que les divers composants de l’illustration sont dessinés sur différentes couches de papier superposées. Un document peut être composé de plusieurs calques, et chaque calque peut contenir de nombreux objets. Dans Fireworks, le panneau des calques affiche la liste des calques et les objets contenus dans chaque calque. Les calques Fireworks sont l’équivalent des ensembles de calques utilisés dans Photoshop. Les calques de Photoshop sont équivalents à des objets individuels de Fireworks. Le masquage vous permet de contrôler de manière créative les calques et les objets. Vous pouvez appliquer des masques et des modes de fondu depuis le panneau Calques. Vous pouvez également créer des masques à l’aide des options des menus Sélection et Modification. Vous pouvez utiliser un objet vectoriel ou bitmap pour masquer une partie d’une image sous-jacente. Par exemple, si vous souhaitez masquer une partie d’une photographie pour entourer cette dernière d’une ellipse, vous pouvez coller une forme elliptique en tant que masque sur la photographique. Toutes les zones situées à l’extérieur de l’ellipse sont alors masquées et seule reste visible la partie de l’image située à l’intérieur de l’ellipse. Les modes de fondu offrent un autre niveau de créativité. Vous pouvez créer des effets uniques en mélangeant les couleurs d’objets qui sont superposés. Fireworks possède plusieurs modes de fondu qui permettent d’obtenir les effets désirés. Utilisation des calques Chaque objet d’un document est placé sur un calque. Vous pouvez créer des calques avant de commencer à dessiner ou en ajouter au fur et à mesure de vos besoins. Le document de base est situé au-dessous des calques, et n’est pas un calque en soi. Pour plus d’informations, voir l’aide de Fireworks. 133 Vous pouvez afficher l’ordre d’empilement des calques et des objets dans le panneau Calques. Ils apparaissent de bas en haut, selon leur ordre d’apparition dans le document. Fireworks superpose les calques dans leur ordre de création, en plaçant les calques les plus récents en haut de la pile. L’ordre d’empilement des calques détermine la façon dont les objets d’un calque se superposent aux objets d’un autre calque. Vous pouvez modifier l’ordre d’empilement des calques et des objets des calques. Le panneau Calques affiche l’état en cours de tous les calques de l’image actuelle d’un document. Pour afficher d’autres images, vous pouvez utiliser le panneau Images ou choisir une option dans le menu déroulant Images, dans la partie inférieure du panneau Calques. Pour plus d’informations, voir Utilisation des images, page 228. Le nom du calque actif apparaît en surbrillance dans le panneau Calques. Vous pouvez développer un calque pour afficher la liste de tous les objets qu’il contient. Ces objets sont affichés sous forme de vignettes. Les masques apparaissent également dans le panneau Calques. Pour modifier un masque, sélectionnez la vignette de ce masque. Vous pouvez également créer des masques bitmap à l’aide du panneau Claques. Pour plus d’informations sur les masques, voir Masquage d’images, page 139. Les boutons de contrôle des modes d’opacité et de fondu figurent en haut du panneau Calques. Pour plus d’informations, voir Réglage de l’opacité et application des fondus, page 160. Développer/réduire le calque Afficher/Masquer le calque Verrouiller/Déverrouiller le calque Calque actif Supprimer le calque Nouvelle image bitmap Ajouter un masque Nouveau calque/Dupliquer Activation des calques Lorsque vous cliquez sur un calque ou un objet du calque, le calque devient le calque actif. Les objets que vous tracez, collez ou importez sont stockés en haut du calque actif. Pour activer un calque, procédez de l’une des manières suivantes : • Cliquez sur le nom du calque dans le panneau Calques. • Sélectionnez un objet de ce calque. 134 Chapitre 7 : Calques, masques et fondus Ajout et suppression de calques A partir du panneau Calques, vous pouvez ajouter de nouveaux calques, supprimer des calques inutiles et dupliquer des calques et des objets existants. Lorsque vous créez un calque, un calque vide est inséré au-dessus du calque sélectionné. Ce nouveau calque devient le calque actif et apparaît en surbrillance dans le panneau Calques. Lorsque vous supprimez un calque, le calque qui le précède devient le calque actif. La duplication d’un calque créé un nouveau calque contenant les mêmes objets que le calque sélectionné. Les objets dupliqués conservent l’opacité et le mode de fondu des objets originaux. Vous pouvez modifier les objets dupliqués sans modifier les originaux. Pour ajouter un calque, procédez de l’une des manières suivantes : • Cliquez sur le bouton Nouveau calque/Dupliquer, si aucun calque n’est sélectionné. • Choisissez Edition > Insérer > Calque. • Choisissez Nouveau calque dans le menu Options du panneau Calques et cliquez sur OK. Pour supprimer un calque, procédez de l’une des manières suivantes : • Faites glisser le calque jusqu’à l’icône de la poubelle du panneau Calques. • Sélectionnez le calque et cliquez sur l’icône de la poubelle, dans le panneau Calques. Pour dupliquer un calque, procédez de l’une des manières suivantes : • Tirez un calque sur le bouton Nouveau calque/Dupliquer. • Sélectionnez un calque et choisissez Dupliquer le calque dans le menu Options du panneau Calques. Indiquez ensuite le nombre d’exemplaires à insérer, ainsi que leur emplacement dans l’ordre de superposition. En haut : place les nouveaux calques en haut du panneau Calques. Comme le calque Web est toujours situé au sommet de la pile, le choix de l’option En haut place le calque dupliqué immédiatement sous le calque Web. Avant le calque actif : place les nouveaux calques au-dessus du calque sélectionné. Après le calque actif : place les nouveaux calques en dessous du calque sélectionné. En bas : place les nouveaux calques en bas du panneau Calques. Pour dupliquer un objet : • Maintenez enfoncée la touche Alt (Windows) ou Option (Macintosh) et faites glisser l’objet vers l’emplacement approprié. Affichage des calques Le panneau Calques affiche les objets et les calques dans une structure hiérarchique. Lorsqu’un document contient de nombreux objets et calques, le panneau Claques peut être encombré et il devient difficile d’y naviguer. La réduction de l’arborescence des calques permet d’éliminer cet encombrement. Lorsque vous devez afficher ou sélectionner des objets spécifiques d’un calque, vous pouvez développer ce calque. Vous pouvez également réduire ou développer simultanément tous les calques. Utilisation des calques 135 Pour développer ou réduire l’arborescence des objets d’un calque : • Cliquez sur le signe plus (+) ou moins (-) (Windows) ou sur le triangle (Macintosh) à gauche du nom du calque dans le panneau Calques. Pour développer ou réduire l’arborescence de tous les calques : • Maintenez enfoncée la touche Alt et cliquez sur le signe plus (+) ou moins (-) (Windows), ou maintenez enfoncée la touche Option et cliquez sur le triangle (Macintosh) à gauche du nom du claque dans le panneau Calques. Organisation des calques Vous pouvez organiser les calques et les objets d’un document en les renommant et en changeant leur disposition dans le panneau Calques. Les objets peuvent être déplacés au sein d’un même calque, ou d’un calque à l’autre. Le déplacement des calques et des objets dans le panneau Calques modifie l’ordre des objets dans le document. Les objets situés en haut d’un calque apparaissent au-dessus des autres objets de ce calque dans le document. Les objets situés sur le calque de niveau supérieur apparaissent devant les objets des calques de niveau inférieur. Remarque : Le panneau Calques défile automatiquement lorsque vous faites glisser un calque ou un objet au-delà de la limite supérieure ou inférieure de la zone visible. Pour nommer un calque ou un objet : 1 Double-cliquez sur le calque ou l’objet dans le panneau Calques. 2 Tapez le nouveau nom du calque ou de l’objet et appuyez sur Entrée. Remarque : Il est impossible de renommer le calque Web. Toutefois, vous pouvez nommer les objets Web du calque Web, tels que les découpes et les références. Pour plus d’informations, voir Utilisation du calque Web, page 139. Pour déplacer un calque ou un objet : • Faites glisser le calque ou l’objet vers l’emplacement approprié dans le panneau Calques. Pour déplacer vers un autre emplacement tous les objets sélectionnés sur un calque : • Faites glisser le petit indicateur bleu du calque vers un autre calque. Tous les objets sélectionnés sur le calque sont transférés simultanément vers l’autre calque. Pour copier vers un autre emplacement tous les objets sélectionnés sur un calque : • Maintenez enfoncée la touche Alt (Windows) ou Option (Macintosh) et faites glisser le petit indicateur bleu du calque vers un autre calque. Fireworks copie tous les objets sélectionnés sur le calque vers l’autre calque. 136 Chapitre 7 : Calques, masques et fondus Protection des calques et des objets Le panneau Calques contient des options permettant de contrôler l’accessibilité des objets. Vous pouvez protéger les objets du document pour éviter de les sélectionner ou de les modifier par inadvertance. Le verrouillage d’un calque empêche la sélection et la modification des objets du calque. La fonction Modification par calque protège les objets de tous calques contre la sélection ou les modifications intempestives, mais pas ceux du claque actif. Vous pouvez également contrôler la visibilité des objets et des calques du document à l’aide du panneau Calques. Lorsqu’un objet ou un calque est masqué dans le panneau Calques, il n’apparaît pas dans le document et ne peut donc pas être sélectionné ou modifié par inadvertance. Remarque : Les calques et objets masqués ne sont pas inclus lorsque vous exportez le document. Toutefois, les objets du calque Web peuvent toujours être exportés, qu’ils soient masqués ou pas. Pour plus d’informations sur l’exportation, voir Exportation depuis Fireworks, page 260. Pour verrouiller un calque : • Cliquez sur le carré dans la colonne située immédiatement à gauche du nom du calque. Une icône de cadenas indique que le calque est verrouillé. Remarque : Les calques peuvent être verrouillés, pas les objets. Pour verrouiller plusieurs calques : • Dans le panneau Claques, faites glisser le pointeur le long de la colonne Verrouillage. Pour verrouiller ou déverrouiller tous les calques : • Choisissez Tout verrouiller ou Tout déverrouiller dans le menu Options du panneau Calques. Pour activer ou désactiver la fonction Modification par calque : • Choisissez Modification par calque dans le menu Options du panneau Calques. La présence d’une coche signifie que la fonction Modification par calque est activée. Pour afficher ou masquer un calque ou les objets d’un calque : • Cliquez dans la case de la deuxième colonne qui apparaît à gauche du nom du calque ou du nom de l’objet. L’icône représentant un oeil signifie que le calque est visible. Pour afficher ou masquer plusieurs calques ou plusieurs objets : • Faites glisser le pointeur le long de la colonne Oeil du panneau Calques. Pour afficher ou masquer tous les calques ou tous les objets : • Choisissez Afficher tout ou Masquer tout dans le menu déroulant Options du panneau Calques. Utilisation des calques 137 Fusion d’objets dans le panneau Calques Si vous travaillez avec des objets bitmap, vous remarquerez que le panneau Calques est vite encombré. Vous pouvez fusionner des objets dans ce panneau si l’objet sélectionné situé le plus bas dans la pile se trouve immédiatement au-dessus d’un objet bitmap. Les objets et les bitmaps à fusionner ne doivent pas être contigus dans le panneau Calques ou se trouver sur le même calque. La fusion vers le bas permet de fusionner tous les objets vectoriels et bitmap sélectionnés avec l’objet bitmap qui se trouve juste au-dessous de l’objet sélectionné tout au bas de la pile. Vous obtenez un seul objet bitmap. Les objets vectoriels et bitmap fusionnés ne peuvent pas être modifiés et les possibilités de modification des objets vectoriels sont perdues. Pour fusionner des objets : 1 Dans le panneau Calques, sélectionnez l’objet ou les objets à fusionner avec un objet bitmap. Appuyez sur la touche Maj et cliquez pour sélectionner plusieurs objets. Conseil : Vous pouvez fusionner les contenu d’un claque sélectionné avec un objet bitmap correspondant à l’objet le plus haut dans le calque immédiatement situé sous le calque sélectionné. 2 Utilisez l’une des méthodes suivantes : Choisissez Fusionner vers le bas dans le menu Options du panneau Calques. Choisissez Modification > Fusionner vers le bas. ■ Choisissez Fusionner vers le bas dans le menu contextuel qui s’affiche lorsque vous cliquez sur le bouton droit (Windows) ou maintenez enfoncée la touche Contrôle (Macintosh) et cliquez sur les objets sélectionnés du document. Le ou les objets sélectionnés sont fusionnés avec l’objet bitmap. Vous obtenez un seul objet bitmap. ■ ■ Remarque : La commande Fusionner vers le bas n’affecte ni les découpes ni les références ni les boutons. Partage des calques Vous pouvez partager un calque entre toutes les images dans un document. Cela permet de mettre à jour un objet sur un calque et de procéder à la mise à jour automatique de cet objet dans toutes les images. Cette fonction est particulièrement utile si vous désirez que des objets tels que des éléments d’arrière-plan apparaissent dans toutes les images d’une animation. Pour partager un calque sélectionné dans toutes les images, procédez de l’une des manières suivantes : • Choisissez Partager ce calque dans le menu Options du panneau Calques. • Double-cliquez sur le nom du calque dans le panneau Calques et choisissez Utiliser pour toutes les images. 138 Chapitre 7 : Calques, masques et fondus Utilisation du calque Web Le calque Web est un calque spécial qui apparaît au niveau supérieur de chaque document. Il est destiné à contenir les objets Web, tels que les découpes et les références, qui rendent les documents Fireworks exportés interactifs. Pour plus d’informations sur les objets Web, voir Chapitre 9, Découpes, survols et références, page 175. Il est impossible de renommer, départager, dupliquer ou supprimer le calque Web. Vous ne pouvez pas non plus fusionner les objets du calque Web. Il est toujours partagé entre toutes les images et les objets Web sont visibles sur chaque image. Pour renommer une découpe ou une référence dans le calque Web : 1 Double-cliquez sur la découpe ou la référence dans le panneau des calques. 2 Tapez le nouveau nom et cliquez en dehors de la fenêtre ou appuyez sur Entrée. Remarque : Lorsque vous renommez une découpe, ce nom est utilisé lors de l’exportation de la découpe. Importation de calques groupés Photoshop Lorsque des fichiers Photoshop contenant des calques sont importés dans Fireworks, chaque calque est placé en tant qu’objet séparé dans un même calque de Fireworks. Les calques groupés sont importés un par un, comme s’ils avaient été dissociés dans Photoshop avant d’être importés dans Fireworks. L’effet de détourage des calques groupés de Photoshop est perdu lors de l’importation. Masquage d’images Comme le nom l’indique, les masques permettent de cacher ou d’afficher des parties d’un objet ou d’une image. Il existe différentes techniques de masquage permettant d’obtenir de nombreux types d’effet créatif à partir d’objets. Vous pouvez créer un masque qui recadre ou découpe les objets ou les images sous-jacents, faisant office d’emporte-pièce. Vous pouvez également créer un masque qui révèle ou masque certaines parties des objets situés sous lui, générant un effet de brouillard. Ce type de masque utilise des niveaux de gris pour rendre les objets sélectionnés plus ou moins visibles. Vous pouvez encore créer un masque qui utilise sa propre transparence pour affecter la visibilité. Vous pouvez créer un masque à l’aide du panneau Calques ou du menu Edition, Sélection ou Modification Après avoir créé un masque, vous pouvez ajuster la position de la sélection masquée sur le document ou modifier l’apparence d’un masque en modifiant l’objet masque. Vous pouvez également appliquer des transformations au masque en totalité ou à chaque composant d’un masque. Masques Vous pouvez créer un objet de masque à partir d’un objet vectoriel (masque vectoriel) ou d’un objet bitmap (masque bitmap). Vous pouvez également utiliser plusieurs objets ou des groupes d’objets pour créer un masque. Masquage d’images 139 Masques vectoriels Si vous avez utilisé d’autres applications d’illustration vectorielle, telles que Macromedia FreeHand, vous savez probablement utiliser les masques vectoriels, parfois appelés « chemins de recadrage » ou « collages intérieurs ». Les objets de masque vectoriel recadrent ou découpent les objets sous-jacents selon la forme de leur trajet pour créer un effet d’emporte-pièce. Masque vectoriel appliqué à l’aide de son contour de trajectoire Lorsque vous créez un masque vectoriel, une vignette de masque avec une icône de plume apparaît dans le panneau des calques pour indiquer que vous avez créé un masque vectoriel. Vignette de masque vectoriel dans le panneau des calques Lorsqu’un masque vectoriel est sélectionné, l’Inspecteur des propriétés affiche des informations sur l’application du masque. La moitié inférieure de la fenêtre de l’Inspecteur des propriétés contient d’autres propriétés permettant de modifier le trait et la trame de l’objet masque. Propriétés de masque vectoriel dans l’Inspecteur des propriétés Par défaut, les masques vectoriels sont appliqués en utilisant le contour de trajectoire, mais vous pouvez également les appliquer en appliquant d’autres méthodes. Pour plus d’informations, voir Changement de l’application des masques, page 155. Remarque : Les masques vectoriels créés dans Fireworks 4 et appliqués à l’aide de l’aspect d’échelle de gris sont importés dans Fireworks MX 2004 sous forme de masques bitmap non modifiables. 140 Chapitre 7 : Calques, masques et fondus Masques bitmap Si vous avez l’habitude de travailler avec Photoshop, vous savez probablement utiliser les masques de calque. Les masques bitmap Fireworks sont similaires aux masques de calques par le fait que les pixels d’un masque affectent la visibilité des objets sous-jacents. Toutefois, les masques bitmap Fireworks sont beaucoup plus souples à utiliser : vous pouvez aisément changer leur mode d’application en utilisant leur aspect d’échelle de gris ou leur propre transparence. En outre, l’Inspecteur des propriétés Fireworks facilite l’accès aux propriétés des masques et aux options des outils bitmap, simplifiant considérablement la modification des masques. Lorsqu’un masque est sélectionné, l’Inspecteur des propriétés affiche, en plus des propriétés du masque sélectionné, les propriétés des outils de masque que vous pouvez utiliser pour modifier le masque. Objets et masque bitmap d’origine appliqués avec l’aspect d’échelle de gris Vous pouvez appliquer des masques bitmap de deux manières. • Utilisation d’un objet existant pour masquer d’autres objets. Cette technique est similaire à l’application des masques vectoriels. • Création d’un masque vide. Au début, les masques vides sont totalement transparents ou totalement opaques. Un masque transparent (ou blanc) montre l’ensemble de l’objet masqué et un masque opaque (ou noir) cache l’ensemble de l’objet masqué. Vous pouvez utiliser les outils bitmap pour dessiner sur un objet ou modifier un objet masque en révélant ou en cachant les objets masqués sous-jacents. Lorsque vous créez un masque bitmap, l’Inspecteur des propriétés affiche les informations sur l’application du masque. Si vous choisissez un outil bitmap lorsqu’un masque bitmap est sélectionné, l’Inspecteur des propriétés affiche les propriétés du masque et des options de l’outil sélectionné pour simplifier la modification du masque. Propriétés de masque bitmap dans l’Inspecteur des propriétés lorsqu’un outil bitmap est sélectionné. Par défaut, la plupart des masques bitmap sont appliqués en utilisant leur aspect d’échelle de gris, mais vous pouvez également les appliquer à l’aide de leur couche alpha. Pour plus d’informations, voir Changement de l’application des masques, page 155. Masquage d’images 141 Remarque : Les masques d’échelle de gris de Fireworks MX et Fireworks MX 2004 se comportent plus comme les masques des autres applications graphiques que ceux des versions précédentes de Fireworks. Dans les masques d’échelle de gris créés dans Fireworks MX et Fireworks MX 2004, le blanc révèle toujours les objets masqués tandis que le noir les dissimule. Cela diffère de la version Fireworks 4 dans laquelle un masque noir révèle les objets sous-jacents et un masque blanc les masque. Création d’un masque à partir d’un objet existant Vous pouvez créer un masque à partir d’un objet existant. Lorsqu’il est utilisé comme masque, le contour de trajectoire d’un objet vectoriel peut être utilisé pour couper ou recadrer d’autres objets. Lorsque vous utilisez un objet bitmap en tant masque, la luminosité de ses pixels ou de sa transparence affecte la visibilité des autres objets. Masquage des objets à l’aide de la commande Coller en tant que masque La commande Coller en tant que masque permet de créer des masques en masquant un objet ou un groupe d’objets à l’aide d’un autre objet. Cette commande permet de créer soit un masque vectoriel, soit un masque bitmap. Lorsque vous utilisez un objet vectoriel en tant que masque, la commande Coller en tant que masque crée un masque vectoriel qui recadre ou coupe les objets masqués à l’aide du contour de trajectoire de l’objet vectoriel. Lorsque vous utilisez une image bitmap en tant que masque, la commande Coller en tant que masque crée un masque bitmap qui affecte la visibilité des objets masqués en utilisant les valeurs d’échelle de gris de l’objet bitmap. Pour créer un masque à l’aide de la commande Coller en tant que masque : 1 Sélectionnez l’objet à utiliser comme masque. Maintenez enfoncée la touche Maj et sélectionnez les différents objets. Remarque : L’utilisation de plusieurs objets en tant que masque crée toujours un masque vectoriel, même si les deux objets sont des bitmaps. 2 Positionnez la sélection pour qu’elle recouvre l’objet ou le groupe d’objets à masquer. L’objet ou les objets à utiliser comme masque peuvent se trouver devant ou derrière l’objet ou les groupes d’objets à masquer. 3 Choisissez Edition > Couper pour couper l’objet ou les objets à utiliser comme masque. 142 Chapitre 7 : Calques, masques et fondus 4 Sélectionnez l’objet ou le groupe à masquer. Si vous masquez plusieurs objets, les objets doivent être groupés. Pour plus d’informations sur le groupement d’objets, voir Association d’objets, page 25. 5 Pour coller des masques, procédez de l’une des manières suivantes : ■ ■ Choisissez Edition > Coller en tant que masque. Choisissez Modification > Masque > Coller en tant que masque. Masque appliqué à une image avec un fond noir Masque dans le panneau des calques Masquage d’images 143 Masquage des objets à l’aide de la commande Coller dedans Si vous utilisez Macromedia FreeHand, vous devez connaître la commande de création de masques Coller dedans. Cette commande crée un masque vectoriel ou bitmap en fonction du type d’objet masque que vous utilisez. La commande Coller dedans crée un masque en remplissant un trajet fermé ou un objet bitmap avec d’autres objets : graphiques vectoriels, texte ou images bitmap. Le trajet lui-même est parfois appelé trajet de détourage et les éléments qu’ils contiennent s’appellent contenu ou collages intérieurs. Le contenu qui s’étend au-delà du trajet de détourage est masqué. La commande Coller dedans de Fireworks produit un effet similaire à celui de la commande Coller en tant que masque, mais présente deux différences : • Avec la commande Coller dedans, l’objet que vous coupez et collez est l’objet à masquer. • Comparez cette commande avec la commande Coller en tant que masque dans laquelle l’objet que vous coupez et collez est l’objet masque. Avec les masques vectoriels, La commande Coller dedans affiche le trait et la trame de l’objet masque lui-même. Par défaut, le trait et la trame d’un masque vectoriel ne sont pas visibles lorsque vous utilisez la commande Coller en tant que masque. Toutefois, vous pouvez activer ou désactiver l’affichage du trait ou du remplissage d’un masque vectoriel à l’aide de l’Inspecteur des propriétés. Pour plus d’informations, voir Changement de l’application des masques, page 155. Pour créer un masque à l’aide de la commande Coller dedans : 1 Sélectionnez l’objet ou les objets à utiliser comme contenu à coller dedans. 2 Positionnez l’objet ou les objets pour qu’ils recouvrent l’objet de destination du collage. Remarque : L’ordre d’empilage n’est pas important dès lors que les objets à utiliser comme contenu à coller dedans reste sélectionnés. Ces objets peuvent se trouver au-dessus ou en dessous de l’objet masque dans le panneau Calques. 3 Choisissez Edition > Couper pour placer les objets dans le Presse-papiers. 144 Chapitre 7 : Calques, masques et fondus 4 Sélectionnez l’objet dans lequel vous voulez coller le contenu. Cet objet sera utilisé comme masque ou trajet de détourage. 5 Choisissez Edition > Coller à l’intérieur. Les objets collés apparaissent dans l’objet masque ou sont détourés par le masque. Utilisation de texte comme masque Les masques de texte sont un type de masque vectoriel. Ils sont appliqués de la même manière que les masques utilisant des objets existants : utilisez simplement le texte comme un objet masque. La méthode la plus courante pour appliquer un masque de texte consiste à utiliser son contour de trajectoire. Cependant, vous pouvez également appliquer un masque de texte en utilisant son aspect d’échelle de gris. Masque de texte appliqué en utilisant son contour de trajectoire Pour plus d’informations, voir Création d’un masque à partir d’un objet existant, page 142. Pour plus d’informations sur les méthodes d’application des masques, voir Changement de l’application des masques, page 155. Masquage d’images 145 Masquage d’objets à l’aide du panneau Calques La méthode la plus rapide pour ajouter un masque bitmap transparent vide consiste à utiliser le panneau Calques. Le panneau Calques ajoute un masque blanc à un objet que vous pouvez personnaliser en dessinant dessus avec les outils bitmap. Remarque : Pour plus d’informations sur la création de masques vides, opaques (ou noirs), voir Masquage d’objet à l’aide des commandes Révéler la sélection et Masquer la sélection, page 147. Pour créer un masque bitmap à l’aide du panneau Calques : 1 Sélectionnez l’objet à masquer. 2 Cliquez sur le bouton Ajouter un masque, dans la partie inférieure du panneau Calques. 3 4 5 6 Un masque vide est appliqué à l’objet sélectionné. Le panneau Calques affiche une vignette de masque représentant le masque vide. Si l’objet masqué est un objet bitmap, utilisez également l’un des outils Cadre de sélection ou lasso pour créer une sélection de pixels. Choisissez un outil de dessin bitmap dans le panneau Outils, tel que Pinceau, Crayon, Pot de peinture ou Dégradé. Définissez les options appropriées de l’outil dans l’Inspecteur des propriétés. Le masque étant sélectionné, dessinez sur le masque vide. Dans les zones où vous dessinez, l’objet masqué sous-jacent est masqué. Image avec masque appliqué Masque tel qu’il apparaît dans le panneau Calques Remarque : Pour plus d’informations sur la modification de l’apparence d’un masque bitmap en dessinant dessus, voir Modification de l’aspect d’un masque, page 154. 146 Chapitre 7 : Calques, masques et fondus Masquage d’objet à l’aide des commandes Révéler la sélection et Masquer la sélection Le sous-menu Modification > Masque contient plusieurs options permettant d’appliquer des masques bitmap vides aux objets : Tout révéler applique un masque transparent vide à un objet qui révèle la totalité de l’objet. Cette commande revient à cliquer sur le bouton Ajouter un masque dans le panneau Calques. Masquer tout applique un masque opaque vide à un objet qui cache la totalité de l’objet. Révéler la sélection peut être utilisé uniquement avec des sélection de pixels. La commande applique un masque de pixels transparent en utilisant la sélection de pixels en cours. Les autres pixels de l’objet bitmap sont masqués. Cette commande revient à sélectionner des pixels, puis à cliquer sur le bouton Ajouter un masque. Masquer la sélection peut être utilisé uniquement avec des sélections de pixels. La commande applique un masque de pixels opaque en utilisant la sélection de pixels en cours. Les autres pixels de l’objet bitmap sont visibles. Cette commande revient à sélectionner des pixels, puis à appuyer sur la touche Alt (Windows) ou Option (Macintosh) et à cliquer sur le bouton Ajouter un masque. Pour créer un masque à l’aide des commandes Tout révéler et Masquer tout : 1 Sélectionnez l’objet à masquer. 2 Exécutez ensuite l’une des opérations suivantes pour créer le masque : Choisissez Modification > Masque > Tout révéler pour afficher l’objet. ■ Choisissez Modification > Masque > Masquer tout pour cacher l’objet. 3 Choisissez un outil de dessin bitmap dans le panneau Outils, tel que Pinceau, Crayon ou Pot de peinture. 4 Définissez les options appropriées de l’outil dans l’Inspecteur des propriétés. Si vous avez exécuté la commande Masquer tout, vous devez choisir une couleur autre que le noir. 5 Dessinez sur le masque vide. Dans les zones dans lesquelles vous dessinez, l’objet masqué sousjacent sera masqué ou visible, selon le type de masque que vous avez appliqué. ■ Remarque : Pour plus d’informations sur la modification de l’apparence d’un masque bitmap en dessinant dessus, voir Modification de l’aspect d’un masque, page 154. Pour créer un masque à l’aide des commandes Révéler la sélection et Masquer la sélection : 1 Choisissez la baguette magique ou un outil Cadre de sélection ou Lasso dans le panneau Outils. Masquage d’images 147 2 Sélectionnez des pixels dans un bitmap. Image d’origine ; pixels sélectionnés à l’aide de la baguette magique 3 Exécutez ensuite l’une des opérations suivantes pour créer le masque : ■ ■ Choisissez Modification > Masque > Révéler la sélection pour afficher la zone définie par les pixels sélectionnés. Choisissez Modification > Masque > Masquer la sélection pour cacher la zone définie par les pixels sélectionnés. Résultats des commandes Révéler la sélection et Masquer la sélection Un masque bitmap est appliqué à l’aide de la sélection de pixels. Vous pouvez modifier davantage le masque pour afficher ou masquer les pixels restants de l’objet masqué en utilisant les outils bitmap du panneau Outils. Pour plus d’informations sur la modification de l’apparence d’un masque bitmap en dessinant dessus, voir Modification de l’aspect d’un masque, page 154. 148 Chapitre 7 : Calques, masques et fondus Importation et exportation de masques de calques Photoshop Dans Photoshop, vous pouvez masquer les images à l’aide de masques de calques ou de calques groupés. Fireworks vous permet d’importer des images employant des masques de calques sans perdre la possibilité de les modifier, et sans altérer leur apparence. Les masques de calques sont importés sous forme de masques bitmap. Les masques Fireworks peuvent être également exportés vers Photoshop. Ils sont alors convertis en masques de calques Photoshop. Si l’objet masqué contient du texte que vous voulez rendre modifiable dans Photoshop, vous devez choisir Conserver le caractère modifiable et sacrifier l’aspect lors de l’exportation. Remarque : Si le texte est utilisé comme objet masque, il est converti en bitmap et ne peut plus être modifié comme texte une fois importé dans Photoshop. Regroupement d’objets pour former un masque Vous pouvez grouper au moins deux objets pour créer un masque. Le premier objet devient l’objet masque. Vous pouvez grouper des objets comme masques bitmap ou vectoriels. L’ordre d’empilage détermine le type de masque appliqué. Si le premier objet est un objet vectoriel, le résultat est un masque vectoriel. S’il correspond à un objet bitmap, le résultat est un masque bitmap. Remarque : Pour plus d’informations sur les masques vectoriels et bitmap, voir Masques, page 139. Pour grouper des objets pour créer un masque : 1 Maintenez enfoncée la touche Maj et cliquez sur deux objets superposés au moins. Vous pouvez sélectionner les objets sur différents calques. Masquage d’images 149 2 Choisissez Modification > Masque > Grouper en tant que masque. Modification de masques Il existe différentes manières pour modifier un masque. En modifiant la position, la forme et la couleur d’un masque, vous pouvez changer la visibilité des objets masqués. Vous pouvez également changer le type d’un masque et son application. En outre, les masques peuvent être remplacés, désactivés ou supprimés. Les modifications apportées à un masque sont immédiatement visibles, même si l’objet masque n’est pas visible sur le document. La vignette de masque du panneau Calques indiquent les modifications apportées au masque. Les objets masqués peuvent être également modifiés. Vous pouvez réorganiser les objets masqués sans déplacer le masque. Vous pouvez également ajouter des objets masqués à un groupe de masques existant. 150 Chapitre 7 : Calques, masques et fondus Sélection de masques et d’objets masqués à l’aide de vignettes de masques Les masques et les objets masqués peuvent être aisément identifiés et sélectionnés à l’aide des vignettes, dans le panneau Calques. Les vignettes facilitent la sélection et la modification du masque ou des objets masqués uniquement sans affecter les autres objets. Lorsque vous sélectionnez la vignette d’un masque, son icône apparaît à côté du masque dans le panneau des calques et les propriétés du masque figurent dans l’Inspecteur des propriétés dans lequel vous pouvez les modifier. Pour sélectionner un masque : • Cliquez sur la vignette du masque dans le panneau des calques. Lorsque vous sélectionnez une vignette de masque dans le panneau des calques, la vignette apparaît en jaune. Pour sélectionner des objets masqués : • Cliquez sur la vignette de l’objet masqué dans le panneau des calques. Lorsque vous sélectionnez une vignette d’objet masqué dans le panneau des calques, la vignette apparaît en bleu clair. Sélection de masques et d’objets masqués à l’aide de l’outil Sous-sélection Utilisez l’outil Sous-sélection pour sélectionner des masques et des objets masqués individuels sur le document sans sélectionner les autres composants du masque. Lorsque vous sélectionnez un masque ou un objet masqué avec l’outil Sous-sélection, l’Inspecteur des propriétés affiche les propriétés de l’objet sélectionné. Pour sélectionner un masque ou un objet masqué de manière indépendante : • Cliquez avec l’outil Sous-sélection sur l’objet dans le document. Lorsqu’ils sont sélectionnés, les masques apparaissent en jaune et les objets masqués en bleu clair. Masquage d’images 151 Déplacement de masques et d’objets masqués Vous pouvez repositionner les masques et les objets masqués. Vous pouvez les déplacer ensemble ou individuellement. Pour déplacer un masque et ses objets masqués simultanément : 1 A l’aide de l’outil Pointeur, sélectionnez le masque dans le document. 2 Faites glisser le masque vers son nouvel emplacement sans tirer la poignée de déplacement, à moins que vous ne souhaitiez déplacer l’objet masqué indépendamment du masque. Pour déplacer les masques et les objets masqués indépendamment en les déliant : 1 Cliquez sur l’icône de lien du masque dans le panneau des calques. Cette opération permet de dissocier les masques des objets masqués pour les déplacer indépendamment. icône Lien 2 Sélectionnez la vignette de l’objet à déplacer : le masque ou les objets masqués. 3 A l’aide de l’outil Pointeur, faites glisser l’objet ou les objets masqués sur le document. Remarque : S’il existe plusieurs objets masqués, tous les objets masqués sont déplacés simultanément. 4 Cliquez entre les vignettes des masques dans le panneau des calques. Cette opération permet de relier les objets masqués au masque. 152 Chapitre 7 : Calques, masques et fondus Pour déplacer un masque indépendamment à l’aide de sa poignée de déplacement : 1 A l’aide de l’outil Pointeur, sélectionnez le masque dans le document. 2 Choisissez l’outil Sous-sélection et faites glisser la poignée de déplacement du masque vers le nouvel emplacement. Pour déplacer les objets masqués indépendamment du masque à l’aide de la poignée de déplacement : 1 A l’aide de l’outil Pointeur, sélectionnez le masque dans le document. 2 Faites glisser la poignée de déplacement vers le nouvel emplacement. Les objets sont déplacés sans modifier la position du masque. Remarque : S’il existe plusieurs objets masqués, tous les objets masqués sont déplacés simultanément. Pour déplacer les objets masqués indépendamment les uns des autres : • Cliquez avec l’outil Sous-sélection sur l’objet pour le sélectionner, puis faites glisser l’objet. C’est la seule méthode permettant de sélectionner et de déplacer un objet masqué sans affecter les autres objets masqués. Masquage d’images 153 Modification de l’aspect d’un masque En modifiant la forme et la couleur d’un masque, vous pouvez changer la visibilité des objets masqués. Vous pouvez modifier la forme d’un masque bitmap en dessinant dessus avec les outils bitmap. Il est possible de modifier la forme d’un masque vectoriel en déplaçant les points de l’objet masqué. Lorsqu’un masque est appliqué avec son aspect d’échelle de gris, vous pouvez modifier ses couleurs pour changer l’opacité des objets masqués sous-jacents. L’utilisation de couleurs de demiton sur un masque d’échelle de gris rend les objets masqués translucides. Utilisez des couleurs claires pour afficher les objets masqués et des couleurs sombres pour les cacher et afficher l’arrièreplan. Vous pouvez également modifier un masque en lui ajoutant des objets masques ou en utilisant les outils de transformation. Pour modifier la forme d’un masque sélectionné, procédez de l’une des manières suivantes : • Dessinez sur le masque bitmap avec n’importe quel outil de dessin bitmap. • A l’aide de l’outil Sous-sélection, déplacez les points d’un objet masque vectoriel. Pour modifier la couleur d’un masque sélectionné, procédez de l’une des manières suivantes : • Pour les masques bitmap en échelle de gris, utilisez les outils bitmap pour dessiner sur le masque en utilisant diverses valeurs d’échelle de gris. • Pour les masques vectoriels en échelle de gris, changez la couleur de l’objet masque. Remarque : Utilisez des couleurs claires pour afficher les objets masqués et des couleurs sombres pour les cacher. Pour modifier un masque en ajoutant des objets masque : 1 Choisissez Edition > Couper pour couper l’objet ou les objets sélectionnés à ajouter. 2 Dans le panneau Calques, sélectionnez la vignette de l’objet masqué. 3 Choisissez Edition > Coller en tant que masque. 4 Choisissez Ajouter lorsqu’un message vous demande si vous voulez remplacer le masque ou y ajouter des objets. L’objet ou les objets sont ajoutés au masque. Pour modifier un masque à l’aide des outils de transformation : 1 A l’aide de l’outil Pointeur, sélectionnez le masque dans le document. 2 Dans le sous-menu Modification > Transformer, choisissez un outil ou une commande de transformation pour appliquer une transformation au masque. Pour plus d’informations sur l’utilisation des outils de transformation, voir Transformation et distorsion d’objets sélectionnés et de sélections, page 21. La transformation est appliquée au masque et à ses objets masqués. Remarque : Pour appliquer une transformation à l’objet masqué uniquement, déliez-le d’abord des autres objets masque du panneau des calques, puis exécutez la transformation. 154 Chapitre 7 : Calques, masques et fondus Changement de l’application des masques Vous pouvez utiliser l’Inspecteur des propriétés pour vous assurer que vous modifiez un masque et pour identifier le type de masque que vous utilisez. Lorsqu’un masque est sélectionné, l’Inspecteur des propriétés permet de changer de méthode d’application du masque. Si la fenêtre de l’Inspecteur des propriétés est réduite, cliquez sur la flèche d’agrandissement pour visualiser toutes les propriétés. Par défaut, les masques vectoriels sont appliqués avec leur contour de trajectoire. Le contour de trajectoire ou le texte est utilisé comme masque. Vous pouvez également afficher le trait et la trame du masque. Cela revient à utiliser la commande Coller dedans pour créer des masques. Pour plus d’informations, voir Création d’un masque à partir d’un objet existant, page 142. Masque vectoriel appliqué avec son contour de trajectoire et avec l’option Afficher la trame et le trait activée En appliquant un masque bitmap avec son canal alpha, vous pouvez créer un masque qui ressemble à un masque vectoriel appliqué avec son contour de trajectoire. Lorsque vous appliquez un masque avec son canal alpha, la transparence de l’objet masque affecte la visibilité de l’objet à masquer. Masque appliqué avec son canal alpha Masquage d’images 155 Vous pouvez appliquer les masques vectoriels et bitmap avec leur aspect de niveaux de gris. Par défaut, les masques bitmap sont appliqués avec leur aspect d’échelle de gris. Lorsque vous appliquez un masque avec son aspect d’échelle de gris, la luminosité des pixels détermine le pourcentage d’affichage de l’objet masqué. Les pixels clairs laissent apparaître l’objet masqué. Les pixels sombres du masque dissimulent l’image et laissent apparaître l’arrière-plan. L’application de masques avec leur aspect d’échelle de gris crée des effets intéressants si l’objet masque contient un motif ou une trame de dégradé. Masque vectoriel avec une trame de motif appliqué avec son aspect d’échelle de gris Vous pouvez également convertir les masques vectoriels en masques bitmap. Il est cependant impossible d’effectuer l’opération inverse. Pour plus d’informations sur les masques vectoriels et bitmap, voir Masques, page 139. Pour appliquer un masque vectoriel avec son contour de trajectoire : • Si un masque vectoriel est sélectionné, choisissez Contour de trajectoire dans l’Inspecteur des propriétés. Pour afficher le trait et la trame d’un masque vectoriel : • Dans l’Inspecteur des propriétés, choisissez Afficher la trame et le trait, si le masque vectoriel sélectionné a été appliqué avec son contour de trajectoire. Pour appliquer un masque avec son canal alpha : • Si un masque bitmap est sélectionné, choisissez Canal alpha dans l’Inspecteur des propriétés. Pour appliquer un masque vectoriel ou bitmap avec son aspect d’échelle de gris : • Si un masque est sélectionné, choisissez Aspect échelle de gris dans l’Inspecteur des propriétés. Pour convertir un masque vectoriel en masque bitmap : 1 Dans le panneau Calques, sélectionnez la vignette de l’objet masque. 2 Choisissez Modification > Fusionner la sélection. Ajout d’objets à une sélection masquée Vous pouvez ajouter plusieurs objets à une sélection masquée existante. Pour ajouter des objets masqués à une sélection masquée : 1 Choisissez Edition > Couper pour couper l’objet ou les objets sélectionnés à ajouter. 2 Dans le panneau Calques, sélectionnez la vignette de l’objet masqué. 156 Chapitre 7 : Calques, masques et fondus 3 Choisissez Edition > Coller à l’intérieur. L’objet ou les objets sont ajoutés aux objets masqués. Remarque : L’exécution de la commande Coller dedans sur un masque existant ne permet pas d’afficher le trait et la trame de l’objet masque, à moins que le masque d’origine ait été appliqué avec son trait et sa trame. Remplacement, désactivation et suppression de masques Vous pouvez remplacer un masque par un nouvel objet masque. Vous pouvez également désactiver ou supprimer un masque. La désactivation d’un masque le masque provisoirement. La suppression d’un masque le supprime définitivement. Pour remplacer un masque : 1 Choisissez Edition > Couper pour couper l’objet ou les objets sélectionnés à utiliser comme masque. 2 Dans le panneau Calques, sélectionnez la vignette de l’objet masqué, puis choisissez Edition > Coller en tant que masque. 3 Cliquez sur Remplacer lorsqu’un message vous demande si vous voulez remplacer ou ajouter le masque existant. Le masque objet est remplacé par le nouveau. Pour désactiver ou activer un masque sélectionné, procédez de l’une des manières suivantes : • Choisissez Désactiver le masque ou Activer le masque dans le menu Options du panneau • Calques. Choisissez Modification > Masque > Désactiver le masque ou Modification > Masque > Activer le masque. Un X rouge apparaît sur la vignette du masque lorsqu’il est désactivé. Cliquez sur X pour activer le masque. Pour supprimer un masque sélectionné : 1 Pour supprimer le masque, procédez de l’une des manières suivantes : Choisissez Supprimer le masque dans le menu Options du panneau Calques. Choisissez Modification > Masque > Supprimer le masque. ■ Tirez la vignette du masque sur l’icône de la poubelle, dans le panneau Calques. 2 Avant de supprimer le masque, indiquez si vous voulez appliquer ou annuler l’effet du masque sur les objets masqués : Appliquer permet de conserver les modifications que vous effectuez dans l’objet, mais le masque ne peut plus être modifié. Si l’objet à masquer est un objet vectoriel, le masque et l’objet vectoriel sont convertis en une image bitmap unique. Rejeter permet d’annuler tous les changements effectués et restaure l’objet à son état d’origine. Annuler annule la suppression et laisse le masque intact. ■ ■ Masquage d’images 157 Fondu et transparence La création d’une image composite est une technique consistant à faire varier la transparence ou l’interaction des couleurs de plusieurs objets superposés. Dans Fireworks, les modes de fondu permettent de créer des images composites. Les modes de fondu permettent également de contrôler l’opacité des objets et des images. Modes de fondu Lorsque vous choisissez un mode de fondu, il est appliqué aux objets sélectionnés dans leur intégralité. Les objets d’un document ou d’un calque unique peuvent avoir des modes de fondu différents de ceux des autres objets du document ou du calque. Lorsque des objets ayant des modes de fondu différents sont associés, ces modes sont remplacés par le mode de fondu du groupe. La dissociation des objets restaure le mode de fondu individuel de chacun de ces objets. Un mode de fondu contient les éléments suivants : La Couleur de fondu est la couleur à laquelle est appliqué le mode de fondu. L’Opacité est le degré de transparence auquel est appliqué le mode de fondu. La Couleur de base est la couleur des pixels situés sous la couleur de fondu. La Couleur résultante est le résultat de l’effet du mode de fondu sur la couleur de base. Voici les divers modes de fondu de Fireworks : Normal n’applique aucun mode de fondu. Multiplicateur multiplie la couleur de base par la couleur de fondu, ce qui produit des couleurs plus sombres. Ecran multiplie la couleur inverse de la couleur de fondu par la couleur de base, ce qui produit un effet de blanchiment. Foncer sélectionne la couleur la plus dense, entre la couleur de fondu et la couleur de base, pour l’utiliser comme couleur résultante. Seuls sont remplacés les pixels qui sont plus clairs que la couleur de fondu. Eclaircir sélectionne la couleur la plus claire, entre la couleur de fondu et la couleur de base, pour l’utiliser comme couleur résultante. Seuls sont remplacés les pixels qui sont plus sombres que la couleur de fondu. Différence soustrait la couleur de fondu de la couleur de base, ou la couleur de base de la couleur de fondu. La couleur la moins lumineuse est soustraite de la couleur la plus lumineuse. Teinte combine la valeur de teinte de la couleur de fondu avec la luminance et la saturation de la couleur de base afin de créer la couleur résultante. Saturation combine la saturation de la couleur de fondu avec la luminance et la teinte de la couleur de base afin de créer la couleur résultante. Couleur combine la teinte et la saturation de la couleur de fondu avec la luminance de la couleur de base afin de créer la couleur résultante, en préservant les niveaux de gris pour la coloration des images monochromes et pour teinter les images en couleur. 158 Chapitre 7 : Calques, masques et fondus Luminosité combine la luminance de la couleur de fondu avec la teinte et la saturation de la couleur de base. Inverser inverse la couleur de base. Nuance ajoute du gris à la couleur de base. Effacer supprime tous les pixels de la couleur de base, y compris ceux de l’image d’arrière-plan. Exemples de mode de fondu Image d’origine Normal Multiplicateur Ecran Foncer Eclaircir Différence Teinte Saturation Couleur Luminosité Inverser Nuance Effacer Fondu et transparence 159 Réglage de l’opacité et application des fondus Vous pouvez utiliser l’Inspecteur des propriétés ou le panneau Calques pour régler l’opacité des objets sélectionnés et appliquer des modes de fondu. Une opacité de 100 rend un objet totalement opaque. La valeur 0 (zéro) donne un objet complètement transparent. Vous pouvez également définir un mode de fondu et une opacité avant de dessiner un objet. Pour définir un mode de fondu et une opacité avant de dessiner un objet : • Après avoir sélectionné l’outil approprié dans le panneau Outils, définissez les options de fondu et d’opacité dans l’Inspecteur des propriétés avant de dessiner l’objet. Remarque : Les options de fondu et d’opacité ne sont pas disponibles avec tous les outils. Pour définir un mode de fondu et un niveau d’opacité sur des objets existants : 1 Entre deux objets superposés, sélectionnez celui qui se trouve au-dessus de l’autre. 2 Choisissez une option de fondu dans le menu déroulant Mode de fondu de l’Inspecteur des propriétés ou du panneau Calques. 3 Choisissez une valeur avec le curseur, dans la zone Opacité, ou tapez une valeur dans le champ. Pour définir un mode de fondu et un niveau d’opacité par défaut à appliquer aux objets que vous dessinez : 1 Choisissez Sélection > Désélectionner pour éviter d’appliquer un mode de fondu et une opacité par inadvertance. 2 Après avoir sélectionné un outil de dessin vectoriel ou bitmap, choisissez un mode de fondu et un niveau d’opacité dans l’Inspecteur des propriétés. Le mode de fondu et le niveau d’opacité que vous choisissez sont utilisés par défaut pour tous les nouveaux objets que vous dessinez avec cet outil. A propos de l’effet en direct Couleur de remplissage Fireworks dispose également d’une fonction d’effets en direct qui permet de régler la couleur d’un objet en modifiant son opacité ou son fondu. Cette fonction, appelé Couleur de remplissage, produit le même effet que la superposition d’un objet sur un autre objet utilisant un niveau d’opacité et un fondu différents. Pour plus d’informations sur l’effet en direct Couleur de remplissage, voir Chapitre 6, Utilisation des effets en direct, page 123. 160 Chapitre 7 : Calques, masques et fondus CHAPITRE 8 Utilisation des styles, des symboles et des adresses URL Macromedia Fireworks MX 2004 fournit trois panneaux qui permettent de conserver et de réutiliser des styles, des symboles et des adresses URL. Les styles sont stockés dans le panneau Styles, les symboles dans le panneau Bibliothèque et les adresses URL dans le panneau URL. Par défaut, ces trois panneaux sont placés dans le groupe de panneaux Actifs. Le panneau Styles contient un jeu de styles Fireworks prédéfinis. En outre, si vous avez créé une combinaison de traits, de remplissages et d’autres attributs que vous voulez réutiliser, vous pouvez enregistrer ces attributs sous forme de style. Plutôt que de recréer ces attributs à chaque fois, il suffit de les enregistrer dans le panneau Styles et d’appliquer ensuite cette combinaison d’attributs à d’autres objets. Fireworks dispose de trois types de symboles : symbole graphique, d’animation et de bouton. Chaque type possède des caractéristiques exclusives pour une utilisation spécifique. Vous pouvez créer de nouveaux symboles, dupliquer, importer et modifier des symboles à l’aide du panneau Bibliothèque. Pour plus d’informations sur les fonctions spécifiques intégrées aux symboles d’animation et de bouton, voir Chapitre 11, Création d’animations, page 223 et Chapitre 10, Création de boutons et de menus contextuels, page 201. Une adresse URL (Uniform Resource Locator), est l’adresse d’une page ou d’un fichier spécifique sur l’Internet. Si vous utilisez la même URL à plusieurs reprises, vous pouvez l’ajouter au panneau URL. Vous pouvez organiser vos URL et les grouper en bibliothèques d’URL. Utilisation des styles Vous pouvez enregistrer et réutiliser un ensemble prédéfini d’attributs de remplissage, de trait, d’effet et de texte en créant un style. Lorsque vous appliquez un style à un objet, celui-ci reprend les caractéristiques de ce style. 161 Fireworks possède de nombreux styles prédéfinis. Vous pouvez ajouter, changer ou supprimer des styles. Le CD-ROM de Fireworks et le site Web de Macromedia proposent de nombreux autres styles prédéfinis que vous pouvez importer dans Fireworks. Vous pouvez également exporter des styles et les partager avec d’autres utilisateurs de Fireworks, ou importer des styles depuis d’autres documents Fireworks. Remarque : Vous ne pouvez pas appliquer de styles aux objets bitmap. Application d’un style Le panneau Styles permet de créer, de stocker et d’appliquer des styles à des objets ou à du texte. Panneau Styles Lorsque vous appliquez un style à un objet, vous pouvez modifier ce style par la suite sans affecter l’objet original. Fireworks ne garde pas la trace du style que vous avez appliqué à un objet. Si vous supprimez un style personnalisé, vous ne pouvez pas le récupérer. Cependant, tout objet utilisant le style en conserve les attributs. Si vous supprimez l’un des styles fournis avec Fireworks, vous pouvez le récupérer à l’aide de la commande Réinitialiser les styles du menu contextuel Options du panneau Styles. Toutefois, une réinitialisation des styles supprimera les styles personnalisés que vous avez créés. Pour appliquer un style à un objet ou à un bloc de texte : 1 Choisissez Fenêtre > Styles pour afficher le panneau Styles. 2 Dans le panneau Styles, cliquez sur le nom d’un style. Création et suppression de styles Vous pouvez créer un style basé sur les attributs d’un objet sélectionné. Le style apparaît dans le panneau Styles. Vous pouvez également supprimer des styles du panneau Styles. Les attributs suivants peuvent être enregistrés dans un style : • Type de remplissage et couleur, y compris des attributs de motifs, de textures et de dégradé de vecteur tels que l’angle, la position et l’opacité 162 Chapitre 8 : Utilisation des styles, des symboles et des adresses URL • Type de trait et couleur • Effets • Attributs de texte tels que la police, la taille du point, le style (gras, italique ou souligné), l’alignement, l’anticrénelage, le crénage automatique, l’échelle horizontale, le crénage et l’interlignage Pour créer un nouveau style : 1 Créez ou sélectionnez un objet vectoriel ou du texte avec les attributs de trait, de trame, d’effet ou de texte désirés. 2 Cliquez sur le bouton Nouveau style dans la partie inférieure du panneau Styles. 3 Dans la boîte de dialogue Nouveau Style, choisissez les attributs devant être enregistrés comme faisant partie du style. Remarque : Pour enregistrer d’autres attributs de texte non listés, tels que l’alignement, l’anticrénelage, le crénage automatique, l’échelle horizontale, le crénage et l’interlignage, choisissez l’option Texte autre. 4 Nommez le style, si vous le désirez, et cliquez sur OK. Une icône représentant le style apparaît dans le panneau Styles. Pour créer un nouveau style basé sur un style existant : 1 Appliquez le style existant à l’objet sélectionné. 2 Modifiez les attributs de cet objet. 3 Enregistrez ces attributs en créant un nouveau style, comme décrit dans la procédure précédente. Pour supprimer un style : 1 Dans le panneau Styles, cliquez sur le nom d’un style. Appuyez sur la touche Maj et cliquez pour sélectionner des styles multiples ; appuyez sur la touche Contrôle (Windows) ou Commande (Macintosh) et cliquez pour sélectionner des styles multiples non contigus. 2 Cliquez sur le bouton Supprimer le style dans le panneau Styles. Modification de styles Vous pouvez changer les attributs contenus dans un style en modifiant le style à partir du panneau Styles. Pour modifier un style : 1 Choisissez Sélection > Désélectionner pour désélectionner tous les objets du document. 2 Dans le panneau Styles, double-cliquez sur le nom d’un style. 3 Dans la boîte de dialogue Modifier le style, choisissez ou désactivez les composants des attributs à appliquer. La boîte de dialogue Modifier le style possède les mêmes options que la boîte de dialogue Nouveau style. Pour plus de détails sur la sélection d’attributs à inclure dans un style, voir Création et suppression de styles, page 162. 4 Cliquez sur OK pour appliquer les modifications au style. Utilisation des styles 163 Exportation et importation de styles Il pourrait être souhaitable de partager des styles avec d’autres utilisateurs de Fireworks afin de gagner du temps et de conserver une cohérence. Vous pouvez partager des styles en les exportant afin de les utiliser sur d’autres ordinateurs. Pour exporter des styles : 1 Dans le panneau Styles, cliquez sur le nom d’un style. Appuyez sur la touche Maj et cliquez pour sélectionner des styles multiples ; appuyez sur la touche Contrôle (Windows) ou Commande (Macintosh) et cliquez pour sélectionner des styles multiples non contigus. 2 Choisissez Exporter des styles dans le menu Options du panneau Styles. 3 Indiquez un nom et un emplacement pour le document qui contiendra les styles enregistrés. 4 Cliquez sur Enregistrer. Pour importer des styles : 1 Choisissez Importer des styles dans le menu Options du panneau Style. 2 Choisissez le document de styles à importer. Tous les styles de ce document de styles sont importés et placés directement après le style sélectionné dans le panneau Styles. Utilisation des styles par défaut Si vous voulez supprimer tous les styles personnalisés du panneau Styles et restaurer tous les styles par défaut qui ont été supprimés, vous pouvez réinitialiser le panneau Styles à son état par défaut. Vous pouvez également changer la taille des icônes affichées dans le panneau Styles. Pour réinitialiser le panneau Styles avec les styles par défaut : • Choisissez Réinitialiser les styles dans le menu Options du panneau Styles. Remarque : Une réinitialisation des styles supprimera les styles personnalisés que vous aurez enregistrés. Pour changer la taille des icônes d’aperçu des styles : • Choisissez Grandes icônes dans le menu Options du panneau Styles, pour passer des icônes de grande taille aux icônes de petite taille, et réciproquement. Application d’attributs sans création d’un style Vous pouvez copier des attributs d’un objet et les appliquer à d’autres objets, sans créer un nouveau style dans le panneau Styles. Vous pouvez utiliser cette méthode pour appliquer rapidement des attributs à un objet si vous ne comptez pas réutiliser ces attributs sur d’autres objets. Les attributs pouvant être copiés et appliqués comprennent les attributs de remplissage, de trait, d’effet et de texte. 164 Chapitre 8 : Utilisation des styles, des symboles et des adresses URL Pour copier les attributs d’un objet et les appliquer à d’autres objets : 1 Sélectionnez l’objet dont vous voulez copier les attributs. 2 Choisissez Edition > Copier. 3 Désélectionnez l’objet original, puis sélectionnez le ou les objets auxquels vous voulez appliquer les nouveaux attributs. 4 Choisissez Edition > Coller les attributs. Les objets sélectionnés héritent des mêmes attributs que l’objet original. Utilisation de symboles Fireworks dispose de trois types de symboles : symbole graphique, d’animation et de bouton. Chaque type possède des caractéristiques exclusives pour une utilisation spécifique. Les occurrences sont des représentations d’un symbole Fireworks. Lorsque l’objet utilisé pour le symbole (l’objet original) est changé, les occurrences (copies) changent automatiquement pour refléter les modifications apportées au symbole. Les symboles sont utiles pour réutiliser un élément graphique. Vous pouvez placer des occurrences dans plusieurs documents Fireworks et conserver l’association avec le symbole. Les symboles sont utiles pour créer des boutons et animer des objets sur plusieurs images. Pour plus d’informations sur les fonctions supplémentaires intégrées aux fonctions d’animation et de bouton, voir Création de symboles d’animations, page 225 et Création d’un symbole de bouton, page 201. Création d’un symbole Pour créer des symboles graphiques, d’animation et de bouton, choisissez Edition > Insérer. Vous pouvez créer un symbole à partir d’un objet, d’un bloc de texte ou d’un groupe, puis les organiser dans le panneau Bibliothèque. Pour placer des occurrences dans un document, il suffit de les faire glisser du panneau Bibliothèque vers le document. Pour créer un nouveau symbole à partir d’un objet sélectionné : 1 Sélectionnez l’objet et choisissez Modification > Symbole > Convertir en symbole. 2 Dans le champ Nom de la boîte de dialogue Propriétés du symbole, tapez le nom du symbole. 3 Choisissez un type de symbole : Graphique, Animation ou Bouton. puis cliquez sur OK. Le symbole apparaît dans la bibliothèque, l’objet sélectionné devient une occurrence du symbole et l’Inspecteur des propriétés affiche les options du symbole. Pour créer ex nihilo un symbole : 1 Utilisez l’une des méthodes suivantes : Choisissez Edition > Insertion > Nouveau symbole. Choisissez Nouveau symbole dans le menu Options du panneau Bibliothèque. 2 Choisissez un type de symbole : Graphique, Animation ou Bouton. puis cliquez sur OK. Selon le type de symbole que vous choisissez, l’éditeur de symboles ou l’éditeur de bouton apparaît. 3 Créez le symbole à l’aide des outils du panneau Outils, puis fermez l’éditeur. ■ ■ Pour plus d’informations, voir Création d’un symbole de bouton, page 201 et Création de symboles d’animations, page 225. Utilisation de symboles 165 Mise en place d’occurrences Vous pouvez placer les occurrences d’un symbole dans le document actuel. Pour placer une occurrence : • Faites glisser un symbole du panneau Bibliothèque vers le document actif. Occurrence d’un symbole dans le document Modification de symboles Vous pouvez modifier un symbole dans l’éditeur de symboles, qui met automatiquement à jour toutes les occurrences associées lorsque vous avez terminé vos modifications. Remarque : Pour la plupart des types de modification, la modification d’une occurrence affecte son symbole et toutes les autres occurrences. Il existe toutefois des exceptions. Pour plus d’informations, voir Modification d’occurrences, page 167. Pour modifier un symbole et toutes ses occurrences : 1 Utilisez l’une des méthodes suivantes pour ouvrir l’éditeur de symboles : Double-cliquez sur une occurrence. ■ Sélectionnez une occurrence et choisissez Modification > Symbole > Modifier le symbole. 2 Modifiez le symbole et fermez la fenêtre. Le symbole et toutes les occurrences associées reprennent ces modifications. ■ Pour renommer un symbole : 1 Double-cliquez sur le nom du symbole dans le panneau Bibliothèque. 2 Changez le nom dans la boîte de dialogue Propriétés du symbole, et cliquez sur OK. Pour dupliquer un symbole : 1 Sélectionnez le symbole dans le panneau Bibliothèque. 2 Dans le menu des options du panneau Bibliothèque, choisissez Dupliquer. Pour changer un type de symbole : 1 Double-cliquez sur le nom du symbole dans la Bibliothèque. 2 Choisissez une autre option de type de symbole. Pour sélectionner tous les symboles inutilisés dans le panneau Bibliothèque : • Choisissez Sélectionner les éléments non utilisés dans le menu Options du panneau Bibliothèque. 166 Chapitre 8 : Utilisation des styles, des symboles et des adresses URL Pour supprimer un symbole : 1 Sélectionnez le symbole dans le panneau Bibliothèque. 2 Dans le menu Options du panneau Bibliothèque, choisissez Supprimer. 3 Cliquez sur Supprimer. Le symbole et toutes ses occurrences sont supprimés. Modification d’occurrences Lorsque vous double-cliquez sur une occurrence afin de la modifier, vous modifiez en fait le symbole dans l’éditeur de symboles ou dans l’éditeur de boutons. Pour modifier uniquement l’occurrence active, vous devez rompre le lien entre l’occurrence et le symbole. Cela rompt de manière définitive la relation entre les deux éléments et les modifications futures qui seront apportées au symbole n’affecteront pas l’occurrence précédente. Les symboles de bouton possèdent plusieurs fonctions pratiques permettant de conserver la relation symbole/occurrence pour un groupe de boutons, tandis qu’un texte de bouton et une adresse URL unique sont assignés à chaque occurrence. Pour plus d’informations, voir Modification des symboles de bouton, page 206. Rupture du lien d’un symbole Vous pouvez modifier une occurrence sans toucher au symbole ni aux autres occurrences, en rompant auparavant le lien entre cette occurrence et son symbole. Pour séparer une occurrence d’un symbole : 1 Sélectionnez l’occurrence. 2 Choisissez Modification > Symbole > Séparer. L’occurrence sélectionnée devient un groupe. Le symbole qui apparaît dans le panneau Bibliothèque n’est plus associé à ce groupe. Après séparation du symbole, l’occurrence d’un bouton antérieur perd les caractéristiques du symbole de son bouton, et une occurrence de l’animation antérieure perd les caractéristiques de son symbole d’animation. Modification des propriétés d’une occurrence Les propriétés d’une occurrence peuvent être modifiées dans l’Inspecteur des propriétés sans affecter le symbole ou d’autres occurrences : • • • • • Mode de fondu Opacité Effets Largeur et hauteur Coordonnées X et Y Remarque : Les occurrences de bouton possèdent des propriétés supplémentaires pouvant être modifiées sans affecter le symbole. Pour plus d’informations sur la modification des occurrences de boutons, voir Modification des symboles de bouton, page 206. Pour modifier les propriétés d’une occurrence sans affecter le symbole ou rompre le lien du symbole : 1 Sélectionnez l’occurrence. 2 Modifiez les propriétés de l’occurrence dans l’Inspecteur des propriétés. Utilisation de symboles 167 Importation et exportation de symboles Le panneau Bibliothèque conserve les symboles d’animation, de graphisme et de bouton que vous créez dans le document actuel. Il conserve également les symboles que vous importez dans le document actuel. Le panneau Bibliothèque est spécifique au document actif, mais vous pouvez utiliser les symboles d’une bibliothèque dans plusieurs documents Fireworks en important et en exportant, en coupant et en collant, ou en effectuant un glisser-déposer. Vous pouvez importer des symboles d’autres bibliothèques, y compris des bibliothèques contenant des symboles préparés dans Macromedia Fireworks et des bibliothèques contenant des symboles que vous, ou une autre personne, a préalablement exportés. Inversement, si vous avez créé des symboles que vous désirez réutiliser ou partager, vous pouvez exporter vos propres bibliothèques de symboles. Lorsque vous exportez une bibliothèque de symboles, elle est exportée sous la forme d’un fichier PNG. Importation de symboles Fireworks possède des bibliothèques de symboles dans le sous-menu Edition > Bibliothèques, à partir duquel vous pouvez importer des symboles d’animation préparés, des symboles graphiques et des symboles de bouton, ainsi que des barres de navigation et des thèmes de symboles multiples. En utilisant ces symboles, vous pouvez créer rapidement une page Web sophistiquée contenant des éléments de navigation avancés sans avoir besoin de créer des symboles originaux. Pour importer un ou plusieurs symboles préparés à partir d’une bibliothèque de symboles Fireworks : 1 Ouvrez un document Fireworks. 2 Choisissez Edition > Bibliothèques, puis choisissez une bibliothèque : Animations ouvre un ensemble de symboles animés. ouvre un ensemble de symboles graphiques ressemblant à différents types de puces. Boutons ouvre un ensemble de boutons Fireworks à 2, 3 et 4 états. Thèmes ouvre une liste de symboles d’animations, de graphiques et de boutons. Chaque thème se compose de trois symboles ayant une conception et un nom identiques et dont les couleurs coordonnées permettent de les utiliser ensemble. Autre affiche une boîte de dialogue Ouvrir, à partir de laquelle vous pouvez ouvrir des fichiers PNG de bibliothèques de symboles préalablement exportés. Pour plus d’informations, voir la procédure suivante. Puces En outre, vous pouvez importer des symboles de fichiers PNG de bibliothèques préalablement exportés et localisés sur votre disque dur, un CD ou un réseau. Pour plus d’informations sur l’exportation de symboles, voir Exportation de symboles, page 169. Pour importer des symboles d’un autre fichier dans le document actif : 1 Utilisez l’une des méthodes suivantes : Choisissez Importer des symboles dans le menu Options du panneau Bibliothèque. ■ Choisissez Edition > Bibliothèques > Autre. 2 Naviguez jusqu’au dossier qui contient le fichier, sélectionnez-le et cliquez sur Ouvrir. 3 Sélectionnez les symboles à importer, et cliquez sur Importer. ■ 168 Chapitre 8 : Utilisation des styles, des symboles et des adresses URL Les symboles importés apparaissent dans le panneau Bibliothèque. Vous pouvez également importer et exporter individuellement des symboles vers et à partir des panneaux Bibliothèque de plusieurs documents en effectuant un glisser-déposer ou bien un copier-coller avec les occurrences. Pour importer un symbole en effectuant un glisser-déposer ou un copier-coller, utilisez l’une des méthodes suivantes : • A partir du document contenant le symbole, faites glisser l’occurrence d’un symbole vers le • document de destination. Copiez l’occurrence d’un symbole dans le document contenant le symbole, puis collez-le dans le document de destination. Le symbole est importé dans le panneau Bibliothèque du document de destination et conserve un lien avec le symbole du document original. Pour plus d’informations, voir Mise à jour de symboles et d’occurrences exportés dans plusieurs documents, page 170. Exportation de symboles Si, dans un document Fireworks, vous avez créé ou importé des symboles que vous voulez enregistrer afin de les réutiliser dans d’autres documents ou de les partager avec d’autres personnes, vous pouvez utiliser le menu Options du panneau Bibliothèque afin de les exporter dans un fichier PNG. Vous pouvez ensuite importer les symboles en naviguant jusqu’au fichier PNG qui contient les symboles en utilisant le sous-menu Edition > Bibliothèques. Pour plus d’informations, voir Importation de symboles, page 168. Pour exporter des symboles : 1 Dans le menu Options du panneau Bibliothèque, choisissez Exporter des symboles. 2 Sélectionnez les symboles à exporter, et cliquez sur Exporter. 3 Choisissez un emplacement, indiquez un nom pour le fichier de symboles, et cliquez sur Enregistrer. Fireworks enregistre les symboles dans un seul fichier PNG. Utilisation de symboles 169 Mise à jour de symboles et d’occurrences exportés dans plusieurs documents Les symboles importés restent liés à leur document de symbole d’origine. Vous pouvez modifier le document de symbole d’origine, puis mettre à jour les documents cible pour appliquer vos modifications. Pour mettre à jour tous les symboles et toutes les occurrences exportés : 1 Dans le document d’origine, double-cliquez sur une occurrence ou sélectionnez-en une et 2 3 4 5 choisissez Modification > Symbole > Modifier le symbole pour ouvrir l’éditeur de symbole correspondant. Effectuez vos modifications et fermez l’éditeur. Enregistrez le fichier. Dans le document dans lequel le symbole a été importé, sélectionnez le symbole dans le panneau Bibliothèque. Choisissez Mettre à jour dans le menu Options du panneau Bibliothèque. Remarque : Pour mettre à jour tous les symboles importés, sélectionnez tous les symboles dans le panneau Bibliothèque et choisissez Mettre à jour. Utilisation des URL L’affectation d’une adresse URL à un objet Web crée un lien vers un fichier tel qu’une page Web. Vous pouvez affecter des adresses URL à des objets références, boutons et découpes. Lorsque vous devez utiliser une URL à plusieurs reprises, vous pouvez créer une bibliothèque d’URL à partir du panneau URL, puis enregistrer les URL dans cette bibliothèque. Le panneau URL permet d’ajouter, modifier et organiser vos URL. Par exemple, si votre site Web contient plusieurs boutons de navigation permettant de revenir à la page d’accueil, ajoutez l’adresse URL de cette dernière au panneau URL. Sélectionnez l’URL dans la bibliothèque d’URL, puis affectez cette URL à chaque bouton de navigation. Utilisez la fonction Rechercher et remplacer pour modifier une URL dans plusieurs documents (voir Recherche et remplacement, page 278). Les bibliothèques d’URL sont disponibles pour l’ensemble des documents de Fireworks et sont enregistrées entre deux sessions. Panneau URL 170 Chapitre 8 : Utilisation des styles, des symboles et des adresses URL Affectation d’une URL à un objet Web Pour affecter une URL à un objet Web : 1 Saisissez l’URL dans la zone de texte Lien. 2 Cliquez sur le bouton Plus (+) et ajoutez l’URL. 3 Sélectionnez un objet Web. 4 Sélectionnez l’URL à partir du panneau d’aperçu des URL. Création d’une bibliothèque d’URL Vous pouvez regrouper les URL dans des bibliothèques. En étant regroupées, les URL relevant du même domaine sont ainsi plus faciles à retrouver. Vous pouvez enregistrer les URL dans la bibliothèque d’URL par défaut, URLs.htm, ou dans les nouvelles bibliothèques d’URL que vous créez. Vous pouvez également importer les URL d’un document HTML existant et les regrouper dans une bibliothèque. Le fichier URLs.htm et toutes les nouvelles bibliothèques que vous créez sont stockés dans le dossier URL Libraries sous Application Data/Macromedia/Fireworks MX 2004 (Windows) ou Application Support/Macromedia/Fireworks MX 2004 (Macintosh). Pour plus d’informations sur l’emplacement de ce dossier, voir Utilisation des fichiers de configuration, page 301. Pour créer une nouvelle bibliothèque d’URL : 1 Choisissez Nouvelle bibliothèque d’URL dans le menu Options du panneau URL. 2 Indiquez le nom de la bibliothèque dans la zone de texte, puis cliquez sur OK. Le nom de la nouvelle bibliothèque apparaît dans le menu contextuel Bibliothèque du panneau URL. Pour ajouter une nouvelle URL à une bibliothèque d’URL : 1 Choisissez une bibliothèque dans le menu contextuel Bibliothèque. 2 Tapez une adresse d’URL dans le champ Lien. 3 Cliquez sur le bouton Plus (+). Le bouton Plus (+) ajoute l’URL courante à la bibliothèque. Vous pouvez améliorer l’organisation de vos URL en n’ajoutant que celles qui sont utilisées dans votre document. Pour ajouter simultanément une URL à la bibliothèque lorsque vous affectez cette URL à un objet Web : 1 Sélectionnez l’objet. 2 Pour spécifier l’adresse de l’URL, procédez de l’une des manières suivantes : Choisissez Ajouter une URL dans le menu Options du panneau URL, saisissez une URL absolue ou relative, puis cliquez sur OK. ■ Tapez une adresse d’URL dans le champ Lien. Cliquez sur le bouton Plus (+). L’URL apparaît dans le panneau d’aperçu des URL. Voir Affectation des URL, page 190 et Définition de l’URL d’un symbole ou d’une occurrence de bouton, page 208. ■ Utilisation des URL 171 Pour ajouter les URL utilisées à une bibliothèque d’URL : 1 Choisissez une bibliothèque dans le menu contextuel Bibliothèque. 2 Choisissez Ajouter les URL utilisées à la bibliothèque dans le menu Options du panneau URL. Pour supprimer une URL dans le panneau d’aperçu des URL : • Cliquez sur le bouton Supprimer une URL dans la partie inférieure du panneau URL. Pour supprimer de la bibliothèque toutes les URL non utilisées : 1 Choisissez Supprimer les URL inutilisées dans le menu Options du panneau URL. 2 Cliquez sur OK. Modification d’une URL Vous pouvez modifier facilement des URL à partir du panneau URL. Vous pouvez modifier une seule occurrence d’une URL ou faire en sorte que vos modifications affectent l’ensemble du document. Pour modifier une URL : 1 Sélectionnez l’adresse URL à modifier dans le panneau d’aperçu des URL. 2 Choisissez Modifier une URL dans le menu Options du panneau URL. 3 Modifiez l’adresse URL. Si vous désirez mettre ce lien à jour dans tout le document, activez l’option Remplacer toutes les occurrences dans le document. URL absolues et relatives Lorsque vous saisissez une URL dans le panneau URL, vous pouvez indiquer une URL absolue ou relative. • Si vous établissez un lien vers une page Web n’appartenant par à votre site, vous devez spécifier une URL absolue. • Par contre, si vous établissez un lien vers une page Web figurant dans votre site, vous pouvez spécifier une URL absolue ou relative. Les URL absolues sont des adresses URL complètes, incluant le protocole de serveur (qui est généralement http:// pour les pages Web). Par exemple, http://www.macromedia.com/fr/support/ est l’URL absolue de la page Web du Centre de support de Macromedia Fireworks. Les URL absolues restent précises, quel que soit l’emplacement du document source, mais le lien est rompu si le document cible est déplacé. Les URL relatives sont indiquées par rapport au dossier contenant le document source. Les exemples ci-dessous sont des syntaxes de navigation d’URL relatives : • fichier.htm établit un lien avec un fichier situé dans le même 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 ../ représente un niveau. htmldocs/fichier.htm établit un lien vers un fichier situé dans un dossier appelé htmldocs, figurant dans le dossier contenant le document source. Les URL relatives sont généralement les plus simples pour établir un lien avec un fichier qui restera toujours placé dans le même dossier que le document actif. 172 Chapitre 8 : Utilisation des styles, des symboles et des adresses URL Importation et exportation d’URL Si le panneau URL contient des URL que vous voulez réutiliser dans d’autres documents Fireworks, vous pouvez les exporter pour des utilisations ultérieures. Ensuite, vous pouvez facilement les importer vers n’importe quel autre document Fireworks, ce qui en facilitera l’accès. Vous pouvez également importer toutes les URL référencées dans un document HTML existant. Pour exporter des URL : 1 Choisissez Exporter des URL dans le menu Options du panneau URL. 2 Indiquez un nom de fichier, puis cliquez sur Enregistrer. Un fichier HTML est créé. Il contient les URL que vous avez exportées. Pour importer des URL : 1 Choisissez Importer des URL dans le menu Options du panneau URL. 2 Sélectionnez un fichier HTML, puis cliquez sur Ouvrir. Toutes les URL de ce fichier sont importées. Utilisation des URL 173 174 Chapitre 8 : Utilisation des styles, des symboles et des adresses URL CHAPITRE 9 Découpes, survols et références Les découpes sont les composants de base de l’interactivité dans Macromedia Fireworks MX 2004. Il s’agit d’objets Web : elles n’existent pas réellement en tant qu’images, mais, en dernière instance, comme code HTML. Vous pouvez les afficher, les sélectionner et les renommer à partir du calque Web, dans le panneau Calques. Ce chapitre présente les concepts fondamentaux de la découpe et en explique les procédures d’utilisation pour affecter des comportements interactifs à vos pages Web. En appliquant la technique de survol Glisser-déposer pour affecter un comportement interactif aux découpes, vous pouvez rapidement créer des effets de survol et de permutation d’images dans l’espace de travail. Vous pouvez afficher les comportements affectés à partir du panneau Comportements et créer des interactions plus complexes dans ce panneau. Vous pouvez également utiliser des références pour affecter des comportements interactifs à vos pages Web. Les références permettent de créer une carte-image, autrement dit du code HTML qui détermine une zone sensible dans un document HTML. Ces zones ne représentent pas nécessairement des liens. Elles peuvent simplement déclencher un comportement ou définir un texte de description. Les références peuvent également recevoir des événements de souris, ce qui permet à des comportements JavaScript d’agir dans des découpes. Création et modification d’une découpe La découpe d’images en zones consiste à diviser un document Fireworks en plusieurs segments dont chacun sera exporté séparément dans un fichier distinct. Pendant l’exportation, Fireworks crée également un fichier HTML contenant le code des tables permettant de réassembler l’image dans un navigateur. La découpe d’images en zones consiste à diviser un document en plusieurs segments dont chacun sera exporté dans un fichier distinct. 175 La découpe d’images présente au moins trois avantages majeurs : Optimisation L’une des principales difficultés de la conception graphique pour le Web réside dans la nécessité de produire des images pouvant être téléchargées rapidement sans pour autant sacrifier la qualité graphique. La découpe d’images permet d’optimiser chaque découpe individuelle en utilisant le format de fichier et les options de compression les plus appropriés. Pour plus d’informations, voir Chapitre 12, Optimisation et exportation, page 237. Interactivité Vous pouvez utiliser les découpes pour créer des zones qui répondront aux événements de souris. Pour plus d’informations sur l’affectation de comportements interactifs aux découpes, voir Affectation de comportements interactifs aux découpes, page 182. Mise à jour partielle d’une page Web La découpe d’images facilite la mise à jour des éléments d’une page Web qui changent fréquemment. Par exemple, prenez le cas d’une entreprise qui aurait une page Web dans laquelle les informations de la section Collaborateur du mois doivent être modifiées tous les mois. Grâce à la découpe, il est possible de remplacer rapidement le nom et la photo du collaborateur sans devoir modifier la page entière. Création d’objets de découpe Vous pouvez créer un objet découpe en le dessinant à l’aide de l’outil Découpe ou en insérant une découpe basée sur un objet sélectionné. Les traits qui partent de l’objet découpe sont les repères de découpe, qui définissent les limites des divers fichiers image entre lesquels le document sera divisé lors de l’exportation. Par défaut, ces repères sont de couleur rouge. Pour insérer une découpe rectangulaire basée sur un objet sélectionné : 1 Choisissez Edition > Insertion > Découpe. La découpe est un rectangle dont la zone couverte comprend les bords les plus extérieurs de l’objet sélectionné. 2 Si vous avez sélectionné plusieurs objets, choisissez le mode d’application des découpes : Simple crée une découpe unique, qui recouvre tous les objets sélectionnés. Multiple crée un objet découpe pour chaque objet sélectionné. Pour tracer un objet découpe rectangulaire : 1 Choisissez l’outil Découpe. 2 Tracez l’objet découpe. L’objet découpe apparaît dans le calque Web tandis que les repères de découpe apparaissent dans le document. Remarque : Vous pouvez ajuster la position d’une découpe à mesure que vous la dessinez. Maintenez le bouton de la souris et la barre d’espacement enfoncés et faites glisser la découpe vers un autre emplacement du document. Relâchez la barre d’espacement pour continuer à dessiner la découpe. 176 Chapitre 9 : Découpes, survols et références Création d’une découpe HTML Une découpe HTML représente une zone dans laquelle du texte HTML apparaît dans le navigateur. Une découpe HTML n’exporte aucune image mais du texte HTML qui apparaît dans la cellule de tableau définie par la découpe. Les découpes HTML sont utiles pour actualiser rapidement le texte qui apparaît sur votre site Web, sans devoir créer de nouveaux graphismes. Pour créer une découpe HTML : 1 Dessinez un objet découpe et laissez-le sélectionné. 2 A partir de l’Inspecteur des propriétés, choisissez HTML dans le menu déroulant Type. 3 Cliquez sur Edition. 4 Tapez le texte dans la fenêtre Modifier découpe du code HTML et, au besoin, insérez des balises de mise en forme HTML pour mettre en forme le texte. Remarque : Vous pouvez également insérer les balises de mise en forme HTML dans le code HTML après l’avoir exporté à l’aide d’un éditeur de texte ou d’un éditeur de code HTML comme Macromedia Dreamweaver. 5 Cliquez sur OK pour appliquer les modifications et refermer la fenêtre Modifier découpe du code HTML. Le texte et les balises HTML que vous avez insérés apparaissent comme code HTML brut dans le corps de la découpe dans le fichier PNG Fireworks. Remarque : L’aspect des découpes de texte HTML peut varier selon les navigateurs et les systèmes d’exploitation, car la taille et le type des polices peuvent être définis dans le navigateur. Création et modification d’une découpe 177 Création d’une découpe non rectangulaire Les découpes rectangulaires peuvent ne pas suffire à affecter une interaction à une image non rectangulaire. Si vous envisagez, par exemple, d’affecter un comportement de survol à une découpe et que les objets découpe se chevauchent ou sont de forme irrégulière, une découpe rectangulaire peut faire apparaître des informations non désirées en même temps que l’image de remplacement. Pour résoudre ce problème, Fireworks permet d’utiliser l’outil Découpe Polygonale pour tracer des découpes ayant n’importe forme polygonale. Vous pouvez également insérer une découpe au-dessus du trajet vectoriel pour créer des découpes de forme irrégulière. Pour tracer un objet découpe polygonal : 1 Choisissez l’outil Découpe polygonale. 2 Cliquez pour placer les points vectoriels du polygone. L’outil Découpe polygonale ne permet de tracer que des segments de ligne droite. 3 Lorsque vous tracez un objet découpe polygonal autour d’objets ayant des bords adoucis, veillez à inclure la totalité de l’objet pour éviter de créer des bords nets indésirables sur le graphisme. 4 Pour sortir de l’outil Découpe polygonale, choisissez un autre outil dans la palette d’outils. Il n’est pas nécessaire de cliquer une seconde fois sur le premier point pour fermer le polygone. Remarque : Veillez à ne pas faire un usage abusif des découpes polygonales, car elles réclament plus de code JavaScript que les découpes rectangulaires équivalentes. Vous risquez ainsi d’accroître le temps de traitement du navigateur Web. Pour créer une découpe polygonale à partir d’un objet ou d’un trajet vectoriel : 1 Sélectionnez un trajet vectoriel. 2 Choisissez Edition > Insertion > Référence. 3 Choisissez Edition > Insertion > Découpe. Une découpe est générée avec la forme de l’objet vectoriel. Remarque : Pour éviter l’exportation d’une carte-image inutile dans le code HTML, supprimez la référence une fois que vous avez accompli ces procédures. 178 Chapitre 9 : Découpes, survols et références Visualisation et affichage des découpes et des repères de découpe Vous pouvez contrôler la visibilité des découpes et autres objets Web de votre document l’aide des panneaux Calques et Outils. Lorsque vous masquez des découpes dans l’ensemble du document, vous masquez du même coup les repères de découpe. A l’aide de l’Inspecteur des propriétés, vous pouvez organiser les découpes en affectant une couleur unique à chaque objet découpe. Vous pouvez également changer la couleur des repères de découpe grâce au menu Affichage. Affichage des découpes dans le panneau Calques Le calque Web affiche tous les objets Web du document ; vous pouvez alors sélectionner et afficher chacun de ces objets. Pour afficher et sélectionner une découpe dans le panneau Calques : 1 Choisissez Fenêtre > Calques pour ouvrir le panneau Calques. 2 Développez le calque Web en cliquant sur le signe Plus (+) (Windows) ou sur le triangle (Macintosh). Le calque Web répertorie tous les objets Web utilisés dans votre document. 3 Cliquez sur le nom d’une découpe pour la sélectionner. La découpe est alors sélectionnée dans le calque Web et dans la fenêtre du document. Affichage et masquage des découpes Une découpe masquée est invisible dans le fichier PGN Fireworks. Vous pouvez désactiver tout ou partie des objets Web. Les découpes étant des objets Web, elles apparaissent sous le calque Web du panneau Calques ; vous pouvez choisir d’afficher ou de masquer la découpe sélectionnée. Vous pouvez également utiliser le panneau Outils pour contrôler la visibilité des découpes. Le masquage d’un objet découpe n’empêche pas l’exportation de la découpe dans le texte HTML. Pour masquer et afficher des découpes et références spécifiques : 1 Cliquez sur l’icône représentant un œil à côté de l’objet Web dans le panneau des calques. 2 Cliquez dans la colonne de l’œil pour rendre l’objet à nouveau visible. L’icône représentant un œil réapparaît lorsque les objets Web sont à nouveau visibles. Pour afficher ou masquer l’ensemble des références, découpes et repères, procédez de l’une des manières suivantes : • Cliquez sur le bouton Masquer/Afficher les découpes approprié dans la section Web du panneau Outils. • Cliquez sur l’icône représentant un œil à côté de calque Web dans le panneau des calques. Pour afficher ou masquer les repères de découpe dans tous les modes d’affichage du document : • Choisissez Affichage > Repères de découpe. Création et modification d’une découpe 179 Modification de la couleur des découpes et des repères de découpe Si les couleurs utilisées dans le document sont identiques à celles de la découpe, vous pouvez éprouver des difficultés à distinguer les découpes des objets du document. Pour faciliter leur consultation, affectez une nouvelle couleur aux découpes sélectionnées. Vous pouvez également organiser les découpes en affectant une couleur spécifique à chacune d’elles. Vous pouvez également modifier la couleur des repères de découpe. Remarque : Lorsque vous prévisualisez le document, les découpes désélectionnées y apparaissent comme du papier calque blanc. Pour changer la couleur de l’objet découpe sélectionné : • Dans l’Inspecteur des propriétés, choisissez une nouvelle couleur dans le sélecteur de couleurs. Pour changer la couleur des repères de découpe : 1 Choisissez Affichage > Repères > Modifier les repères. 2 Sélectionnez une nouvelle couleur dans la section Couleur de la découpe de la boîte de dialogue Repères, puis cliquez sur OK. Modification d’une découpe Sous Fireworks, vous pouvez travailler sur la disposition d’une découpe comme s’il s’agissait d’un tableau dans un programme de traitement de texte. Lorsque vous déplacez le repère d’une découpe pour redimensionner la découpe, toutes les découpes rectangulaires adjacentes sont automatiquement redimensionnées. En outre, vous pouvez utiliser l’Inspecteur des propriétés pour redimensionner et transformer des découpes, comme s’il s’agissait d’objets vectoriels et bitmap. Déplacement des repères d’une découpe pour modifier la découpe Les repères d’une découpe déterminent le périmètre et la position de la découpe. Les repères qui s’étendent au-delà des objets découpe déterminent la manière dont le reste du document sera découpé lors de l’exportation. Vous pouvez modifier la forme d’un objet découpe rectangulaire en déplaçant les repères de découpe qui entourent l’objet. Il n’est pas possible de redimensionner des objets découpe rectangulaires en déplaçant les repères de découpe. Redimensionnement d’un objet découpe par déplacement de ses repères de découpe Remarque : Lorsque vous déplacez des repères de découpe entourant un bouton Fireworks dans la fenêtre du document, vous redimensionnez du même coup la découpe définissant la zone active de ce bouton. Cependant, vous ne pouvez pas supprimer la zone active d’un bouton Fireworks en déplaçant les repères de découpe qui l’entourent. 180 Chapitre 9 : Découpes, survols et références Si plusieurs objets découpe sont alignés sur un même repère de découpe, faites glisser ce repère pour redimensionner simultanément tous les objets découpe. Redimensionnement de plusieurs objets découpe par déplacement d’un seul repère De plus, lorsque vous faites glisser un repère le long d’une coordonnée, tous les autres repères figurant sur cette coordonnée se déplacent en même temps. Pour redimensionner une ou plusieurs découpes : 1 Placez l’outil Pointeur ou Sous-sélection sur un repère de découpe. Le pointeur se transforme en pointeur de déplacement de repère. 2 Faites glisser le repère de découpe vers la position voulue. Les découpes sont alors redimensionnées et toutes les découpes adjacentes sont également redimensionnées automatiquement. Pour repositionner un repère de découpe au bord du document : • A l’aide de l’outil Pointeur ou Sous-sélection, faites glisser le repère de découpe au-delà des limites du document. Pour déplacer des repères de découpe adjacents : 1 Appuyez sur la touche Maj tout en faisant glisser un repère de découpe sur les repères de découpe adjacents. 2 Déposez le repère de découpe à l’endroit voulu. Tous les repères que vous déplacerez ainsi seront positionnés à cet endroit. Conseil : Vous pouvez annuler cette opération en relâchant la touche Maj avant de relâcher le bouton de la souris. Tous les repères sélectionnés et déplacés reviennent à leur position d’origine. Utilisation des outils pour modifier des objets découpe Vous pouvez utiliser l’outil Pointeur, Sous-sélection et les outils Transformation pour modifier la forme ou redimensionner une découpe. Vous pouvez incliner ou appliquer une distorsion sur les découpes polygonales uniquement. Remarque : En redimensionnant ou en modifiant la forme des découpes à l’aide de ces outils, vous pouvez créer des découpes se chevauchant car la taille des objets découpe adjacents sera modifiée automatiquement. Lorsque des découpes se chevauchent et que des effets interactifs leur sont affectés, la découpe située au sommet de la pile est prioritaire. Pour éviter le chevauchement des découpes, utilisez les repères de découpe pour modifier les découpes. Pour plus d’informations, voir Déplacement des repères d’une découpe pour modifier la découpe, page 180. Création et modification d’une découpe 181 Pour modifier la forme d’une découpe sélectionnée, procédez de l’une des manières suivantes : • Choisissez l’outil Pointeur ou Sous-sélection et faites glisser les angles de la découpe pour modifier sa forme. • Effectuez la transformation souhaitée à l’aide d’un outil de transformation. Pour plus d’informations sur l’utilisation des outils de transformation, voir Transformation et distorsion d’objets sélectionnés et de sélections, page 21. Remarque : La transformation d’une découpe rectangulaire peut changer sa forme, sa position ou ses dimensions, mais la découpe elle-même reste rectangulaire. Utilisation de l’Inspecteur des propriétés ou du panneau Info pour la modification des objets découpe Vous pouvez également modifier la position et les dimensions d’un objet découpe dans l’Inspecteur des propriétés. Pour plus d’informations sur la modification des dimensions d’un objet, voir Transformation numérique d’objets, page 24. Pour plus d’informations sur la modification de la position d’un objet, voir Edition d’objets sélectionnés, page 20. Affectation de comportements interactifs aux découpes Les éléments de base permettant de créer une interactivité dans Fireworks sont les objets découpe. Le programme Fireworks offre deux possibilités pour rendre des découpes interactives : • Pour rendre une découpe interactive, la méthode la plus simple consiste à utiliser la technique • de survol Glisser-déposer. En faisant glisser simplement la poignée du comportement de la découpe et en la déposant sur une découpe cible, vous pouvez créer rapidement une interactivité. Le panneau Comportements permet de créer des interactivités plus complexes. Il contient une variété de comportements interactifs que vous pouvez affecter aux découpes. En affectant plusieurs effets à une seule découpe, vous pouvez créer des effets très intéressants. Vous pouvez également choisir différents événements de souris qui déclenchent des comportements interactifs. Les comportements de Fireworks sont compatibles avec ceux de Macromedia Dreamweaver. Après avoir exporté un survol de Fireworks vers Dreamweaver, vous pouvez le modifier à l’aide du panneau Comportements de Dreamweaver. Ajout d’une interactivité simple aux découpes La technique de survol Glisser-déposer est la plus rapide et la plus efficace pour créer des effets de survol et de permutation d’images. Elle permet en particulier de déterminer le comportement d’une découpe lorsque le pointeur la survole. On utilise généralement le terme effet de survol pour désigner ce comportement. Les effets de survol sont des graphismes qui changent d’apparence dans un navigateur Web lorsqu’ils sont survolés par le pointeur de la souris. 182 Chapitre 9 : Découpes, survols et références Lorsqu’une découpe est sélectionnée, un petit cercle avec un croix intérieure apparaît au centre de la découpe. Il s’agit d’une poignée de comportement. Nom d’une découpe Poignée de comportement Poignée de sélection En faisant glisser la poignée de comportement d’une découpe de déclenchement et en la déposant sur une découpe cible, vous pouvez créer rapidement des effets de survol et de permutation d’images. La découpe de déclenchement et la découpe cible peuvent correspondre à la même découpe. Les références disposent également de poignées de comportement pour l’intégration d’effets de survol. Pour plus d’informations, voir Création de références, page 195. Les survols Les effets de survol fonctionnent de la même manière. Un graphisme déclenche l’affichage d’un autre graphisme lorsqu’il est survolé par le pointeur de la souris. L’objet déclencheur est toujours un objet Web—une découpe, une référence ou un bouton. La forme la plus simple d’un effet de survol consiste à remplacer le graphique de l’image 1 par celui qui se trouve directement après, dans l’image 2. Vous pouvez également élaborer des survols plus compliqués : Les survols de permutation d’image permettent de remplacer le graphisme d’une image par celui d’une autre image tandis que les survols séparés font apparaître l’image d’une découpe autre que la découpe de déclenchement. Lorsque vous sélectionnez dans Fireworks un objet Web déclencheur créé à l’aide d’une poignée de comportement ou du panneau Comportements, Fireworks affiche toutes les relations de ses comportements. Par défaut, une interaction de survol est représentée par un trait bleu. Affectation de comportements interactifs aux découpes 183 Création d’un survol simple Un survol simple remplace l’image directement sous l’image du dessus et implique une seule découpe. Pour affecter un survol simple à une découpe : 1 Assurez-vous que l’objet de déclenchement ne se trouve pas sur un calque partagé. Pour plus 2 3 4 5 6 d’informations, voir Partage des calques, page 138. Choisissez Edition > Insertion > Découpe pour créer une découpe par-dessus l’objet de déclenchement. Cliquez sur le bouton Nouvelle image/Dupliquer dans le panneau Images pour créer une nouvelle image. Créez, collez ou importez une image à utiliser pour la permutation dans la nouvelle image. Placez l’image sous la découpe créée à l’étape 1, et qui est encore visible, bien que vous vous trouviez dans l’image 2. Les découpes sont visibles dans toutes les images. Sélectionnez Image 1 dans le panneau Images pour revenir à l’image associée au graphisme d’origine. Sélectionnez la découpe et placez le pointeur au-dessus de la poignée de comportement. Le pointeur prend la forme d’une main. Remarque : Vous pouvez sélectionner la découpe dans n’importe quelle image. 7 Cliquez sur la poignée de comportement et choisissez Survol simple dans le menu. 8 Cliquez sur l’onglet Aperçu pour tester le survol simple ou appuyez sur la touche F12 pour le prévisualiser dans un navigateur. 184 Chapitre 9 : Découpes, survols et références Création d’un survol séparé Un survol séparé permet de permuter une image sous un objet Web lorsque le pointeur de la souris survole un autre objet Web. Dans un survol séparé, en réponse à un événement de souris (survol ou clic), une image apparaît à un autre endroit de la page Web. Le graphisme survolé est considéré comme le graphisme déclencheur, alors que le graphisme qui change est considéré comme le graphisme cible. A l’instar des survols simples qui utilisent une seule découpe, vous devez d’abord définir la découpe de déclenchement, la découpe cible et l’image dans laquelle se trouve le graphisme de la permutation d’images. Vous devez ensuite relier le déclencheur à la découpe cible à l’aide d’un trait de comportement. Remarque : Le déclencheur d’un survol non superposé n’est pas nécessairement une découpe. Les références et les boutons disposent également de poignées de comportement qui peuvent être utilisées pour créer des effets de survol non superposé. Pour plus d’informations sur les références, voir Création de références, page 195. Pour plus d’informations sur les boutons, voir Création d’un symbole de bouton, page 201. Pour affecter un effet de survol non superposé à une image : 1 Choisissez Edition > Insertion > Découpe ou Référence pour affecter une découpe ou une référence à l’image de déclenchement. Remarque : Cette étape n’est pas indispensable si l’objet sélectionné est un bouton ou si une découpe ou une référence recouvre le graphisme. 2 Cliquez sur le bouton Nouvelle image/Dupliquer dans le panneau Images pour créer une nouvelle image. 3 Placez le deuxième graphisme qui servira de cible dans la nouvelle image à l’endroit voulu, dans 4 5 6 7 le document. Vous pouvez placer le graphisme à un autre endroit que sous la découpe créée à l’étape 1. Sélectionnez l’image, puis choisissez Edition > Insertion > Découpe pour associer une découpe à cette image. Sélectionnez Image 1 dans le panneau Images pour revenir à l’image associée au graphisme d’origine. Sélectionnez la découpe, la référence ou le bouton qui couvre la zone de déclenchement (le graphisme d’origine) et placez le pointeur sur la poignée de comportement. Le pointeur prend la forme d’une main. Tirez la poignée de comportement de la découpe de déclenchement vers la découpe cible créée à l’étape 4. Le trait de comportement part du centre du déclencheur au coin supérieur gauche de la découpe cible, et la boîte de dialogue de permutation d’images apparaît. Affectation de comportements interactifs aux découpes 185 8 Dans le menu Permuter l’image à partir de, sélectionnez le graphisme créé à l’étape 2, puis cliquez sur OK. 9 Cliquez sur l’onglet Aperçu et testez l’effet de survol séparé. Application de plusieurs survols à une découpe Vous pouvez tirer plusieurs poignées de comportement à partir d’une seule découpe pour créer plusieurs interactions de survol. Par exemple, vous pouvez déclencher un effet de survol et de survol séparé à partir de la même découpe. Une découpe déclenchant un comportement de survol et un comportement de survol non superposé Remarque : Vous pouvez également ajouter plusieurs comportements à l’aide du panneau Comportements. Pour plus d’informations, voir Utilisation du panneau Comportements pour l’ajout d’effets interactifs aux découpes, page 187. Pour appliquer plusieurs survols à une découpe sélectionnée : 1 Tirez une poignée de comportement de la découpe sélectionnée vers le bord de cette découpe ou d’une autre découpe. Tirez la poignée vers le bord supérieur gauche de cette même découpe pour créer un survol simple ou tirez-la vers une autre découpe pour créer un survol séparé. 2 Sélectionnez l’image de la permutation d’images, puis cliquez sur OK. 3 Pour créer d’autres survols, répétez les étapes 1 et 2 autant de fois que vous le désirez. Suppression d’un survol glisser-déplacer Vous pouvez supprimer aisément le survol glisser-déposer d’une découpe, d’une référence ou d’un bouton. Pour supprimer le survol glisser-déposer d’un objet Web ou d’un bouton sélectionné : 1 Cliquez sur le trait bleu de comportement à supprimer. 2 Cliquez sur OK pour supprimer le comportement de permutation d’image. 186 Chapitre 9 : Découpes, survols et références Utilisation du panneau Comportements pour l’ajout d’effets interactifs aux découpes Outre les survols, vous pouvez affecter d’autres types d’interactivité aux découpes à l’aide du panneau Comportements. Vous pouvez créer des interactions personnalisées en modifiant des comportements existants. Remarque : Bien qu’il soit possible de créer des survols simples, séparés et sophistiqués à l’aide du panneau Comportements, la technique de survol glisser-déposer est recommandée. Pour plus d’informations, voir Ajout d’une interactivité simple aux découpes, page 182. Les comportements ci-dessous sont disponibles dans Fireworks : Survol simple ajoute un comportement de survol à la découpe sélectionnée en utilisant l’image 1 pour l’état Relevé et l’image 2 pour l’état Au-dessus. Après avoir sélectionné ce comportement, vous devez créer un graphisme dans la deuxième image, en utilisant la même découpe, pour créer l’état Au-dessus. L’option Survol simple est en fait un groupe de comportements contenant les comportements Permutation d’images et Restaurer la permutation d’image. Permuter les images remplace le graphique qui figure sous la découpe spécifiée par le contenu d’une autre image ou d’un fichier externe. Restaurer la permutation d’image redonne son apparence d’origine à l’objet cible de l’image 1. Définir image barre de navigation définit une découpe comme faisant partie d’une barre de navigation Fireworks. Toutes les découpes faisant partie de la barre de navigation doivent posséder ce comportement. L’option Image de la barre de navigation est en fait un groupe de comportements contenant les comportements Barre de navigation - Au-dessus, Barre de navigation - Enfoncé, et Restaurer la barre de navigation. Ce comportement est défini automatiquement par défaut lorsque vous créez un bouton qui inclut un état Inclure l’état audessus enfoncé ou Afficher l’image enfoncée lors du chargement avec l’éditeur de boutons. Lorsque vous créez un bouton à deux états, un comportement de survol simple est affecté à sa découpe. Lorsque vous créez un bouton à trois ou quatre états, un comportement Définir image barre de navigation est affecté à sa découpe. Pour plus d’informations sur les boutons, voir Création d’un symbole de bouton, page 201. Barre de navigation - Au-dessus indique l’état Au-dessus de la découpe sélectionnée lorsqu’elle fait partie d’une barre de navigation et permet éventuellement de spécifier les états Précharger les images et Inclure l’état au-dessus enfoncé. Barre de navigation - Enfoncée indique l’état Enfoncé de la découpe sélectionnée lorsqu’elle fait partie d’une barre de navigation et permet éventuellement de spécifier l’état Précharger les images. Restaurer la barre de navigation ramène toutes les autres découpes de la barre de navigation à leur état Relevé. Afficher le menu contextuel affecte un menu contextuel à une découpe ou à une référence. Vous pouvez appliquer un comportement de menu contextuel à l’aide de l’éditeur de menus contextuels. Pour plus d’informations, voir Création de menus contextuels, page 211. Définir le texte de la barre d’état permet de définir le texte d’un message à afficher dans la barre d’état, en bas de la plupart des fenêtres de navigateur. Affectation de comportements interactifs aux découpes 187 Affectation de comportements Vous pouvez affecter un comportement à une découpe à partir du panneau Comportements. Vous pouvez également affecter plusieurs comportements. Pour affecter un comportement à la découpe sélectionnée à l’aide du panneau Comportements : 1 Cliquez sur le bouton Ajouter un comportement (le bouton Plus) dans le panneau Comportements. Bouton Ajouter un comportement Bouton Supprimer le comportement 2 Sélectionnez un comportement dans le menu Ajouter un comportement. Pour une explication de chaque comportement, voir Utilisation du panneau Comportements pour l’ajout d’effets interactifs aux découpes, page 187. Modification des comportements Le panneau Comportements vous permet également de modifier des comportements existants. Vous pouvez spécifier le type d’événement de souris (onClick, par exemple) qui déclenche le comportement. Remarque : Vous ne pouvez pas changer l’événement associé aux comportements Survol simple et Définir image barre de navigation. Pour changer l’événement souris activant le comportement : 1 Sélectionnez la découpe ou zone réactive de déclenchement qui contient le comportement à modifier. Tous les comportements associées à cette découpe ou référence apparaissent dans le panneau Comportements. 2 Sélectionnez le comportement à modifier. 3 Cliquez sur la flèche située à côté de l’événement et choisissez un nouvel événement dans le menu déroulant : onMouseOver déclenche le comportement lorsque le pointeur survole la zone de déclenchement. onMouseOut déclenche le comportement lorsque le pointeur quitte la zone de déclenchement. onClick déclenche le comportement lorsque vous cliquez sur l’objet de déclenchement. onLoad déclenche le comportement lorsque la page Web est chargée. 188 Chapitre 9 : Découpes, survols et références Utilisation de fichiers externes pour la permutation d’image Vous pouvez utiliser une image externe au document Fireworks actif comme image source pour une permutation. Les images source peuvent être au format GIF, GIF animé, JPEG ou PNG. Si vous utilisez un fichier externe comme source d’image, le fichier est substitué à la découpe cible lorsque la permutation d’image est déclenchée dans un navigateur Web. Ce fichier doit avoir les mêmes dimensions que la découpe à laquelle il doit se substituer. Si ce n’est pas le cas, le navigateur redimensionne l’image de ce fichier pour l’adapter aux dimensions de l’objet découpe. Le redimensionnement d’un fichier peut en dégrader la qualité, en particulier dans le cas d’une image GIF animée. Pour choisir un fichier externe comme source pour une permutation d’image : 1 A partir de la boîte de dialogue Permuter les images, Barre de navigation-Au-dessus ou Barre de navigation-Enfoncé, choisissez Fichier et cliquez sur l’icône de dossier. Remarque : Si cette option n’apparaît pas dans la boîte de dialogue Permuter les images, choisissez Options supplémentaires, puis exécutez l’étape 1. 2 Recherchez le fichier que vous désirez utiliser, puis cliquez sur Ouvrir. 3 Si nécessaire, désactivez la case Précharger les images (si le fichier externe est de type GIF animé). Notez que la mise en mémoire cache peut interrompre l’affichage des images GIF animées utilisées comme états du survol. Pour éviter ce problème, désactivez l’option Précharger les images lorsque vous définissez le survol. Remarque : Si vous comptez exporter votre document pour l’utiliser sur le Web, assurez-vous que le fichier externe est accessible à partir du code HTML Fireworks exporté. Fireworks crée des trajets de document vers les fichiers image. Il est conseillé de placer les fichiers externes dans votre site local avant de les utiliser comme images de permutation dans Fireworks. Ensuite, lorsque vous chargez vos fichiers sur le Web, assurez-vous que le fichier externe est également chargé. Pour plus d’informations sur le code HTML Fireworks, voir Exportation du fichier au format HTML, page 265. Préparation des découpes pour l’exportation A l’aide de l’Inspecteur des propriétés, vous pouvez rendre des découpes interactives en leur affectant des liens et des cibles. Vous pouvez également spécifier le texte à afficher dans un navigateur pendant le chargement d’une image. Par ailleurs, vous pouvez choisir un format de fichier d’exportation pour optimiser la découpe sélectionnée. Si la fenêtre de l’Inspecteur des propriétés est réduite, cliquez sur la flèche d’agrandissement située dans l’angle inférieur gauche pour visualiser toutes les propriétés de découpe. Propriétés de découpe dans l’Inspecteur des propriétés Préparation des découpes pour l’exportation 189 A partir de l’Inspecteur des propriétés ou du panneau Calques, vous pouvez affecter des noms exclusifs aux découpes. Fireworks utilise le nom que vous spécifiez pour nommer les fichiers générés par la découpe lors de l’exportation. Si aucun nom de découpe n’est spécifié dans l’Inspecteur des propriétés ou dans le panneau Calques, Fireworks affecte automatiquement un nom aux découpes lors de l’exportation. Vous pouvez modifier la convention d’affectation automatique de nom que Fireworks utilise, à partir de la boîte de dialogue Configuration HTML. Le fichier HTML Fireworks découpé est exporté sous la forme d’un fichier HTML accompagné de fichiers graphiques. Vous pouvez définir les propriétés d’un fichier HTML exporté, à partir de la boîte de dialogue Configuration HTML. Affectation des URL Une adresse URL, ou Uniform Resource Locator (localisateur uniforme de ressources), est l’adresse d’une page ou d’un fichier spécifique sur l’Internet. Lorsque vous affectez une URL à une découpe, l’utilisateur peut accéder à cette adresse en cliquant sur la zone définie par la découpe dans son navigateur Web. Pour affecter une URL à une découpe : • Indiquez une URL dans le champ Lien de l’Inspecteur des propriétés. Conseil : Si vous devez réutiliser une URL, vous pouvez créer une bibliothèque d’URL dans le panneau URL, puis enregistrer les URL dans cette bibliothèque. Pour plus d’informations, voir Utilisation des URL, page 170. Saisie du texte de description Le texte de description est affiché dans le cadre de l’image pendant le téléchargement de cette dernière à partir du Web ou à la place d’un graphisme ne pouvant pas être chargé. Dans les versions récentes d’Internet Explorer, ce texte apparaît à côté du pointeur de souris, dans une infobulle. La saisie de texte de description bref et explicite devient de plus en plus important dans la conception de page Web. En effet, un nombre croissant de malvoyants utilisent des applications de lecture à l’écran qui convertissent le texte de description en signal verbal élaboré par ordinateur lorsque le pointeur de la souris survole des graphiques sur une page Web. Pour spécifier le texte de description d’une découpe ou d’une référence : • Dans l’Inspecteur des propriétés, tapez le texte dans le champ Alt \. Affectation d’une cible La cible est l’un des cadres de la page Web, ou la fenêtre du navigateur Web, dans lequel ou laquelle s’ouvre le document lié. Vous pouvez spécifier, dans l’Inspecteur des propriétés, la cible de la découpe sélectionnée. Si la fenêtre de l’Inspecteur des propriétés est réduite, cliquez sur la flèche d’agrandissement pour visualiser toutes les propriétés. 190 Chapitre 9 : Découpes, survols et références Pour spécifier, dans l’Inspecteur des propriétés, la cible de la découpe ou de la référence sélectionnée : • Dans le menu déroulant Cible, tapez le nom du cadre HTML dans le champ Cible ou choisissez un nom de cible réservé : blank charge les documents liés dans une nouvelle fenêtre, sans nom, du navigateur. parent charge les documents liés dans le jeu de cadres parent, ou dans la fenêtre parente du cadre contenant le lien. Si le cadre contenant le lien n’est pas imbriqué, le document lié sera chargé dans la fenêtre de base du navigateur. self Charge le document lié dans le même cadre ou la même fenêtre que le lien. Cette cible est implicite et ne nécessite normalement pas d’être spécifiée. _top charge les documents liés dans la fenêtre de base du navigateur, remplaçant ainsi tous les cadres. Paramètres d’exportation Vous pouvez optimiser une découpe en sélectionnant une option dans le menu contextuel Paramètres d’exportation de l’Inspecteur des propriétés ou du panneau Optimiser. Vous pouvez choisir des paramètres d’optimisation courants, afin de définir rapidement un format de fichier et d’appliquer des paramètres spécifiques à un format précis. Pour plus d’informations sur l’utilisation et la personnalisation de ces paramètres, voir Utilisation des paramètres d’optimisation, page 243. Affectation de nom aux découpes Une découpe permet de découper une image en plusieurs parties. Chacune de ces parties est exportée sous forme d’un fichier séparé ; ces fichiers doivent donc avoir un nom. Fireworks donne automatiquement un nom à chaque fichier de découpe lors de l’exportation. Vous pouvez accepter la convention de nom par défaut, modifier ou indiquer des noms personnalisés pour chaque découpe. Noms de fichiers de découpe personnalisés Vous pouvez affecter des noms aux découpes, afin d’identifier aisément les fichiers de découpe dans la structure de fichiers de votre site Web. Par exemple, si vous avez dans une barre de navigation un bouton qui renvoie à la page d’accueil, vous pouvez baptiser cette découpe « Accueil ». Pour indiquer un nom de découpe personnalisé, procédez de l’une des manières suivantes : • Sélectionnez la découpe dans le document, tapez un nom dans la zone Nom de l’objet de l’Inspecteur des propriétés, puis appuyez sur Entrée. • Dans le calque Web, double-cliquez sur le nom de la découpe, indiquez un nouveau nom et appuyez sur Entrée. N’ajoutez pas d’extension au nom de fichier. Fireworks ajoute automatiquement les extensions aux noms des fichiers lors de l’exportation. Préparation des découpes pour l’exportation 191 Affectation automatique d’un nom aux fichiers de découpe Si vous n’indiquez aucun nom de découpe dans l’Inspecteur des propriétés ou dans le panneau Calques, Fireworks en crée un automatiquement. L’affectation automatique de nom affecte systématiquement un nom à chaque fichier de découpe selon les conventions de nom par défaut. Pour nommer automatiquement un fichier de découpe : • Lorsque vous exportez vos images en découpes, indiquez un nom dans la zone Fichier (Windows) ou Nom (Macintosh) de la boîte de dialogue d’exportation. N’ajoutez pas d’extension de fichier. Fireworks ajoute automatiquement les extensions aux noms des fichiers lors de l’exportation. Modification de la convention de nom par défaut Vous pouvez modifier la convention de nom des découpes dans l’onglet Propre au document de la boîte de dialogue Configuration HTML. Fireworks vous permet de créer votre propre convention de nom à l’aide de nombreuses options. Vous pouvez créer une convention de nom comprenant jusqu’à huit éléments. Un élément peut être l’une des options de nom automatique suivantes : Option Description Aucun Aucun nom n’est appliqué à l’élément. doc.nom L’élément prend le nom du document. ”découpe” Vous pouvez insérer le mot ”découpe” dans la convention de nom. Découpe # (1,2,3...) L’élément est numéroté de façon numérique ou alphabétique, selon le Découpe # (01,02,03...) style choisi. Découpe # (a,b,c...) Découpe # (a,b,c...) ligne/colonne (l3_c2, l4_c7...) Ligne (l##) et Colonne (c##) désignent les lignes et colonnes du tableau que les navigateurs Web utilisent pour reconstruire une image découpée. Vous pouvez utiliser ces informations dans la convention de nom. Souligné Point Espace Tiret L’élément utilise l’un de ces caractères, en général comme séparateur entre d’autres éléments. Par exemple, si le nom du document est mondoc, avec la convention nom.doc + « découpe » + N° de découpe (A,B,C...), la découpe sera appelée mondocdécoupeA. Vous n’aurez pratiquement jamais à utiliser une convention de nom utilisant les huit éléments. Si une découpe s’étend sur plusieurs images, Fireworks ajoutera par défaut un numéro au nom de fichier de chaque image. Par exemple, si vous indiquez le nom de fichier accueil pour un bouton à trois états, Fireworks nomme le graphisme de l’état Relevé accueil.gif, celui de l’état Au-dessus accueil_f2.gif et celui de l’état Abaissé accueil_f3.gif. Vous pouvez créer votre propre convention de nom pour les découpes en plusieurs images, dans la boîte de dialogue Configuration HTML. 192 Chapitre 9 : Découpes, survols et références Pour changer la convention de nom par défaut : 1 Choisissez Fichier > Configuration HTML pour ouvrir la boîte de dialogue correspondante. 2 Cliquez sur l’onglet Propre au document. 3 Dans la section Noms de fichier, créez votre propre convention de nom en choisissant dans les listes. 4 (Facultatif) Pour définir ces données comme paramètres par défaut pour tous les nouveaux documents Fireworks, cliquez sur Paramètres par défaut. Remarque : Soyez prudent lorsque vous choisissez Aucun comme option pour la convention de nom des découpes. Si vous choisissez cette option pour l’un des trois premiers menus, Fireworks exportera des fichiers de découpe qui s’écraseront successivement. Vous obtiendrez en définitive qu’un seul graphisme exporté et un tableau affichant ce graphisme dans chaque cellule. Définition du mode d’exportation des tables HTML La découpe définit la présentation de la structure de la table HTML lorsqu’un document Fireworks est exporté pour être utilisé sur le Web. Lorsque vous exportez en format HTML un document Fireworks découpé, le document est assemblé dans une table HTML. Chaque partie du document Fireworks occupe une cellule de la table. Une fois le document exporté, une découpe Fireworks correspond à une cellule de la table dans le code HTML. Vous pouvez préciser la manière dont la table Fireworks doit être reconstruite dans un navigateur. Entre autres options, vous pouvez, lorsque vous exportez un document en fichier HTML, choisir d’utiliser des séparateurs ou des tables imbriquées : • Les séparateurs sont des images permettant de régler les espaces entre les cellules de la table de • façon à ce que ces dernières soient alignées correctement lorsqu’elles sont affichées dans un navigateur. Une table imbriquée est littéralement une table figurant au sein d’une autre table. Les tables imbriquées ne comportent pas de séparateurs. Elles peuvent mettre plus de temps être chargées dans les navigateurs mais, dans la mesure où elles ne comportent pas de séparateurs, il est plus simple de modifier leur code HTML. Préparation des découpes pour l’exportation 193 Pour plus d’informations sur le code HTML, voir Exportation du fichier au format HTML, page 265. Pour spécifier le mode d’exportation des tables HTML à partir de Fireworks : 1 Choisissez Fichier > Configuration HTML, ou cliquez sur le bouton Options de la boîte de dialogue Exporter. 2 Cliquez sur l’onglet Table. 3 Choisissez une option d’espacement dans le menu déroulant Espace avec : Tables imbriquées, pas de séparateurs crée une table imbriquée sans séparateur. Table unique, pas de séparateurs crée une table unique sans séparateur. Cette option risque d’entraîner un affichage incorrect dans certains cas. Espace transparent de 1 pixel utilise une image GIF de 1 pixel carré comme séparateur. Ce séparateur peut ensuite être agrandi en fonction des besoins dans le code HTML. Cela génère un ligne de 1 pixel de hauteur dans la partie supérieure de la table et une colonne de 1 pixel de largeur dans la partie inférieure droite de la table. 4 Sélectionnez une couleur de cellule pour les découpes HTML : ■ Pour affecter aux cellules la même couleur d’arrière-plan que celle du document, choisissez Utiliser la couleur du fond. ■ Désactivez Utiliser la couleur du fond pour choisir une autre couleur à partir de la source de couleurs. Remarque : Si vous choisissez une couleur à partir du menu déroulant, elle est appliquée aux découpes HTML uniquement. Les découpes d’image conservent la couleur du document. 5 Cliquez sur le menu déroulant Contenu pour choisir ce qui doit être placé dans les cellules vides : Aucun laisse les cellules vides. place une petite image transparente appelée spacer.gif dans les cellules Image du séparateur vides. Espace insécable place une balise d’espacement HTML dans les cellules vides. Ce type cellule est d’aspect creux. Remarque : Des cellules vides ne sont ajoutées que si vous avez désélectionné Inclure les zones sans découpe à partir de la boîte de dialogue Exporter pendant l’exportation. 6 Cliquez sur OK. Pour plus d’informations sur la définition des options d’exportation HTML, voir Définition des options d’exportation du code HTML, page 272. Remarque : Vous pouvez spécifier des paramètres d’exportation de table propres aux objets découpe des documents. Si nécessaire, utilisez le bouton Paramètres par défaut de dans l’onglet Propre au document la boîte de dialogue Configuration HTML pour appliquer les valeurs par défaut à l’ensemble des documents. 194 Chapitre 9 : Découpes, survols et références Utilisation de références et de cartes images Les concepteurs Web peuvent utiliser des références pour créer des petites parties interactives dans un graphique plus grand en liant des zones de ce graphique Web à une URL. Dans Fireworks, vous pouvez créer une carte-image en exportant le code HTML d’un document contenant des références. Carte image avec références Les références et les cartes images utilisent souvent moins de ressources que les images découpées. La découpe peut exiger plus de ressources au navigateur, en raison du code HTML supplémentaire qu’il doit télécharger et de la puissance de traitement requise pour rassembler les images découpées. Remarque : Il est possible de créer une carte image découpée. L’exportation d’une carte image découpée génère en général de nombreux fichiers graphiques. Pour plus d’informations sur les découpes, voir Création d’objets de découpe, page 176. Les références sont une solution idéale lorsque vous liez des zones d’une image à des pages Web et que vous ne souhaitez pas que ces zones soient sélectionnées ou produisent des effets de survol en réponse à un événement souris (déplacement ou clic). Les références et les cartes images sont également très intéressantes si le graphisme sur lequel vous avez placé les références était mieux exporté sous forme d’un seul fichier graphique. En d’autres termes, l’ensemble du graphisme serait mieux exporté en utilisant les mêmes format de fichier et paramètres d’optimisation. Création de références Après avoir identifié les zones du graphique source représentant de bons repères de navigation, créez les références, puis affectez-leur des liens URL, des menus contextuels, des messages de barre d’état et du texte de description. Il existe deux méthodes pour créer des zones réactives : • Vous pouvez tracer la zone réactive au-dessus de la zone cible du graphique, à l’aide des Outils • de zone réactive rectangulaire, circulaire ou polygonale (forme irrégulière). Vous pouvez sélectionner un objet et insérer la zone réactive par-dessus cet objet. Une Zone réactive ne doit pas nécessairement être un rectangle ou un cercle. Vous pouvez également créer des zones réactives polygonales, composées de nombreux points. Cette approche est particulièrement intéressante avec les images complexes. Utilisation de références et de cartes images 195 Pour créer une zone réactive rectangulaire ou circulaire : 1 Choisissez l’outil Référence rectangulaire ou référence circulaire dans la section Web du panneau Outils. 2 Faites glisser l’outil Référence pour dessiner une référence sur l’une des zones du graphique. Maintenez enfoncée la touche Alt (Windows) ou Option (Macintosh) pour dessiner à partir du point central. Remarque : Vous pouvez ajuster la position d’une référence à mesure que vous la dessinez. Maintenez le bouton de la souris et la barre d’espacement enfoncés et faites glisser la référence vers un autre emplacement du document. Relâchez la barre d’espacement pour continuer à dessiner la référence. Pour créer une zone réactive de forme irrégulière : 1 Choisissez l’outil Zone réactive polygonale. 2 Cliquez aux endroits désirés pour placer des points vectoriels, un peu de la même façon que pour dessiner des segments de droites avec l’outil Plume. Le remplissage définit la zone de la référence, que le trajet soit ouvert ou fermé. Pour créer une zone réactive en décalquant un ou plusieurs objets sélectionnés : 1 Choisissez Edition > Insertion > Référence. Si vous avez sélectionné plusieurs objets, un message vous demande si vous souhaitez créer une référence rectangulaire unique couvrant tous les objets ou plusieurs références, une pour chaque objet. 2 Cliquez sur Simple ou Multiple. Le calque Web affiche la ou les nouvelles zones réactives. Modification d’une référence Les références sont des objets Web et, à l’instar de nombreux objets, elles peuvent être modifiées à l’aide des outils Pointeur, Sous-sélection et Transformation. Pour plus d’informations sur l’utilisation de ces outils pour modifier un objet Web, voir Utilisation des outils pour modifier des objets découpe, page 181. Vous pouvez changer la position et les dimensions d’une référence dans l’Inspecteur des propriétés ou le panneau Info. Pour plus d’informations sur la modification des dimensions d’un objet, voir Transformation numérique d’objets, page 24. Pour plus d’informations sur la modification de la position d’un objet, voir Edition d’objets sélectionnés, page 20. Vous pouvez également modifier la forme d’une référence dans l’Inspecteur des propriétés. Pour convertir une référence sélectionnée en rectangle, cercle ou polygone : • Dans l’Inspecteur des propriétés, choisissez Rectangle, Cercle ou Polygone dans le menu déroulant Forme de la référence. 196 Chapitre 9 : Découpes, survols et références Préparation des découpes pour l’exportation Vous pouvez utiliser l’Inspecteur des propriétés pour affecter aux références des URL, du texte de description, des cibles et des noms personnalisés. Si la fenêtre de l’Inspecteur des propriétés est réduite, cliquez sur la flèche d’agrandissement située dans l’angle inférieur droit pour visualiser toutes les propriétés. Vous affectez des propriétés à des références de la même façon que pour des découpes. Pour plus d’informations sur l’utilisation de l’Inspecteur des propriétés pour affecter des URL, du texte de description, des images cible et des noms personnalisés, voir Préparation des découpes pour l’exportation, page 189. Création d’une carte image Après avoir inséré plusieurs références au-dessus d’un graphisme, vous devez exporter ce dernier sous forme de carte image pour qu’il puisse fonctionner dans un navigateur Web. L’exportation d’une carte image génère le fichier graphique et le fichier HTML qui contient les informations de la carte relatives aux références et aux liens URL correspondants. Remarque : Les exportations de Fireworks ne peuvent produire que des cartes images côté client. Comme autre solution d’exportation, copiez une carte image dans le Presse-papiers et collez-la dans Dreamweaver ou dans un autre éditeur HTML. Pour exporter une carte image ou pour la copier dans le Presse-papiers : 1 Optimisez le graphique avant son exportation. 2 3 4 5 6 7 Pour plus d’informations, voir Optimisation, page 237. Choisissez Fichier > Exporter. Si vous choisissez d’exporter l’image (plutôt que de la copier dans le Presse-papiers), placez-vous dans le dossier où vous souhaitez placer le fichier HTML et nommez ce dernier. Si vous avez déjà créé l’arborescence locale de votre site Web, enregistrez le graphisme dans le dossier approprié de ce site. Dans le menu déroulant Type, choisissez HTML et images. Choisissez une option dans menu déroulant HTML : Exporter le fichier HTML crée le fichier HTML approprié et les fichiers graphiques correspondants, que vous pouvez importer ensuite dans Dreamweaver ou dans un autre éditeur HTML. Copier dans le Presse-papiers copie tout le code HTML approprié, y compris une table si le document est découpé, dans le Presse-papiers pour que vous puissiez ensuite le coller dans Dreamweaver ou dans un autre éditeur HTML. Dans la zone Découpes, choisissez Aucune si le document ne contient pas de découpes. Si nécessaire, activez la case à cocher Placer les images dans des sous-dossiers, et ouvrez le dossier approprié. Utilisation de références et de cartes images 197 Remarque : Si vous choisissez l’option Copier dans le Presse-papiers, cette option est désactivée car inutile. 8 Cliquez sur Enregistrer pour fermer la boîte de dialogue Exporter. Conseil : Lorsque vous exportez des fichiers, Fireworks permet d’utiliser les commentaires en HTML pour identifier clairement le début et la fin du code des cartes images et autres éléments Web créées dans Fireworks. Par défaut, aucun commentaire n’est ajouté dans le code HTML. Pour en ajouter, sous l’onglet Général de la boîte de dialogue Configuration HTML, choisissez Inclure les commentaires HTML. Pour plus d’informations sur le placement dans Dreamweaver de contenu Fireworks exporté, sélectionnez « Dreamweaver » dans la rubrique « Working with Other Programs » (Travailler avec d’autres applications)du centre de support de Fireworks à l’adresse suivante : . Création de survols avec références Avec la technique de survol de Glisser-déposer, utilisée pour la création d’effets interactifs, vous pouvez aisément affecter un effet de survol non superposé à une référence, si la zone cible est une découpe. Les effets de survol sont appliqués aux références de la même manière que pour les découpes. Pour plus d’informations, voir Ajout d’une interactivité simple aux découpes, page 182. Remarque : Une référence ne peut déclencher qu’un survol séparé. Elle ne peut pas être la cible d’un survol provenant d’une autre référence ou d’une découpe. Une fois que vous avez affecté un survol séparé à une référence, la ligne bleue de connexion n’est visible que lorsque la référence est sélectionnée. 198 Chapitre 9 : Découpes, survols et références Utilisation de références par-dessus des découpes Vous pouvez placer une référence par-dessus une découpe pour déclencher une action ou un comportement. Choisissez cette méthode si vous avez un graphisme de taille importante et n’utilisez qu’une petite section du graphisme comme déclencheur d’action. Par exemple, appliquez cette méthode si ce graphisme comporte du texte et que vous voulez que le texte uniquement déclenche une action ou un comportement tel qu’un effet de survol. Vous pouvez placer une découpe par-dessus le graphisme et une référence par-dessus le texte. Le simple déplacement du pointeur au-dessus du texte déclenche alors l’effet de survol, mais l’ensemble du graphisme placé sous la découpe est substitué lorsque l’effet de survol se produit. Ne créez pas de références qui chevauchent plusieurs découpes car leur comportement peut être imprévisible. Pour créer le déclencheur d’un effet de survol à l’aide d’une référence placée par-dessus une découpe : 1 Insérez une découpe par-dessus l’image originale de l’effet de substitution. 2 Dans le panneau Images, créez une nouvelle image et insérez le graphisme qui sera utilisé comme image permutée. Veuillez à placer cette image sous la découpe insérée à l’étape 1. 3 Tirez un trait de comportement de la référence à la découpe contenant l’image à permuter. La boîte de dialogue Permuter l’image s’affiche alors. 4 Dans la liste Permuter l’image à partir de, choisissez l’image qui contient le graphisme du survol, puis cliquez sur OK. Utilisation de références et de cartes images 199 200 Chapitre 9 : Découpes, survols et références CHAPITRE 10 Création de boutons et de menus contextuels Avec Macromedia Fireworks MX 2004, vous pouvez créer tout un ensemble de boutons et de menus contextuels JavaScript, même si vous n’avez jamais utilisé JavaScript. L’éditeur de boutons de Fireworks vous guide tout au long du processus de création des boutons et permet d’automatiser de nombreuses tâches. Vous obtenez ainsi un symbole de bouton très utile. Une fois que ce symbole est créé, vous pouvez facilement produire des occurrences du symbole pour créer une barre de navigation. Fireworks dispose également d’un Editeur de menus déroulants qui permet de créer rapidement et aisément des menus déroulants verticaux et horizontaux. Dans l’éditeur de menus contextuels, l’onglet Avancé vous permet de définir l’espacement des cellules et leur marge intérieure, le retrait du texte, les bordures des cellules et bien d’autres propriétés. Lors de l’exportation d’un bouton ou d’un menu déroulant, Fireworks génère automatiquement le code JavaScript nécessaire pour l’afficher dans un navigateur Web. Macromedia Dreamweaver permet d’insérer aisément le code HTML et JavaScript de Fireworks dans vos pages Web ou de couper/coller le code dans un fichier HTML. Création d’un symbole de bouton Les boutons sont des éléments de navigation dans une page Web. Les boutons créés dans l’éditeur de boutons présentent les caractéristiques suivantes : • Vous pouvez insérer n’importe quel type d’objet graphique ou textuel dans un bouton. • Vous pouvez créer entièrement un nouveau bouton, convertir un objet existant en bouton ou importer des boutons déjà créés. • Un bouton est un type particulier de symbole. Vous pouvez en faire glisser ses occurrences de la • • Bibliothèque vers le document. Cette opération va permettre de changer l’aspect d’un bouton et de mettre automatiquement à jour l’aspect de toutes les occurrences de ce bouton dans la barre de navigation. Pour plus d’informations sur les symboles, voir Utilisation de symboles, page 165. Vous pouvez modifier le texte, l’URL et la cible d’une occurrence d’un bouton sans toucher à ses autres occurrences, ni rompre le lien entre cette occurrence et son symbole. Une occurrence d’un bouton est un objet encapsulé. Lorsque vous déplacez une occurrence du bouton dans le document, Fireworks déplace également tous les composants et les états qui lui sont associés. Il n’est plus nécessaire de modifier plusieurs images. 201 • Un bouton est facile à modifier. Double-cliquez sur l’occurrence au sein du document, et effectuez les modifications dans l’éditeur de boutons ou dans l’Inspecteur des propriétés. • Comme les autres symboles, les boutons ont un point d’alignement. Le point d’alignement est un point de centrage qui vous aide à aligner le texte et les différents états du bouton lorsque vous utilisez l’éditeur de boutons. Etats de bouton Vous pouvez affecter quatre états différents à un bouton. Chaque état correspond à l’aspect que doit prendre le bouton en réponse à un événement de souris : L’état Relevé (état par défaut) représente l’apparence normale du bouton. L’état Au-dessus conditionne l’aspect du bouton lorsque le pointeur le survole. Cet état signale à l’utilisateur que le fait de cliquer produira une action. L’état Enfoncé représente le bouton une fois que vous avez cliqué dessus. Une image concave du bouton est souvent utilisée pour indiquer que l’utilisateur a appuyé dessus. Ce bouton représente généralement la page Web active d’une barre de navigation comportant plusieurs boutons. L’état Au-dessus Enfoncé est affiché lorsque l’utilisateur déplace le pointeur de la souris sur le bouton en état Enfoncé ; il indique généralement que le pointeur se trouve au-dessus du bouton de la page Web active d’une barre de navigation comportant plusieurs boutons. L’éditeur de boutons permet de créer les différents états, ainsi que la zone active qui déclenche les actions du bouton. Utilisation de l’Editeur de boutons Dans Fireworks, l’Editeur de boutons est le programme dans lequel vous créez et modifiez un symbole de boutons JavaScript. Les onglets figurant au-dessus de l’Editeur de boutons représentent les quatre états de bouton et à la zone active. Les conseils affichés dans les différentes options de l’Editeur de boutons facilitent les décisions de conception des quatre états. Création d’un bouton simple à deux états L’éditeur de boutons permet de créer des boutons en dessinant des formes, en important des images ou en déplaçant des objets de la fenêtre du document. Différentes étapes vous alors proposées pour définir le comportement du bouton. Pour créer un bouton à l’état Relevé : 1 Choisissez Edition > Insertion > Nouveau bouton pour ouvrir l’éditeur de bouton. L’éditeur de boutons affiche l’onglet de l’état Relevé. 2 Importer ou créer le graphisme Relevé : ■ ■ ■ 202 Utilisez la méthode Glisser-déposer ou importer le graphisme qui représentera l’état Relevé du bouton dans la zone active de l’éditeur de boutons. A l’aide des outils de dessins, créez un graphisme ou utiliser l’outil Texte pour créer un bouton à partir d’un texte. Cliquez sur Importer un bouton ou sélectionnez un bouton modifiable dans la bibliothèque d’importation de boutons. Si vous choisissez cette option, vous n’aurez pas à vous soucier de la création des autres états du bouton. Tous les autres états du bouton seront créés automatiquement avec les graphismes et texte correspondants. Chapitre 10 : Création de boutons et de menus contextuels 3 Si nécessaire, choisissez l’outil Texte et créer le texte associé au bouton. Pour créer un bouton à l’état Au-dessus : 1 Ouvrez l’éditeur de boutons, puis cliquez sur l’onglet Au-dessus. 2 Exécutez ensuite l’une des opérations suivantes : ■ ■ Cliquez sur l’option Copier le graphisme Relevé pour coller une copie de l’état Relevé dans la fenêtre Au-dessus, puis modifiez l’aspect ou le texte de cette copie. Faites glisser-déposer, importez ou dessinez le graphisme. Création d’un bouton à trois ou quatre états Lorsque vous créez un bouton, vous pouvez ajouter un état Enfoncé et Au-dessus Enfoncé aux états Relevé et Au-dessus. Les utilisateurs des pages Web disposent alors d’indications visuelles supplémentaires. Vous pouvez créer une barre de navigation comportant des boutons à deux ou trois états, mais dans Fireworks, seuls les boutons à quatre états sont considérés comme de véritables boutons de barre de navigation. Dans Fireworks, plusieurs comportements de barre de navigation peuvent être appliqués pour faire fonctionner les boutons comme s’ils étaient interdépendants. Par exemple, vous pouvez créer des boutons de navigation dont le comportement est identique à celui des boutons d’un vieil auto-radio : lorsque vous appuyez sur un bouton, il reste enfoncé jusqu’à ce que vous appuyiez sur un autre bouton. Les boutons à quatre états ne sont pas indispensables pour la création d’une barre de navigation. Toutefois, leur utilisation permet de tirer parti des comportements de barre de navigation intégrés dans Fireworks. Pour plus de détails sur la création des états de bouton Relevé et Au-dessus, voir Création d’un bouton simple à deux états, page 202. Pour créer un bouton à l’état Enfoncé : 1 Dans l’éditeur de boutons, ouvrez un bouton à deux états, puis cliquez sur l’onglet Enfoncé. 2 Exécutez ensuite l’une des opérations suivantes : ■ ■ Cliquez sur l’option Copier le graphisme Au-dessus pour coller une copie du graphisme de l’état Au-dessus dans la fenêtre Au-dessus, puis modifiez cette copie pour changer son aspect. Faites glisser-déposer, importez ou dessinez le graphisme. Remarque : Lorsque vous insérez ou créez le graphisme associé à l’état Enfoncé, l’option Inclure l’état Enfoncé de la barre de navigation est automatiquement sélectionnée. Cet état est associé aux boutons faisant partie de la barre de navigation. Pour créer un état Au-dessus Enfoncé : 1 Dans l’éditeur de boutons, ouvrez un bouton à trois états, puis cliquez sur l’onglet Au-dessus Enfoncé. 2 Exécutez ensuite l’une des opérations suivantes : ■ ■ Cliquez sur l’option Copier le graphisme Enfoncé pour coller une copie du graphisme de l’état Enfoncé dans la fenêtre Au-dessus Enfoncé, puis modifiez cette copie pour changer son aspect. Faites glisser-déposer, importez ou dessinez le graphisme. Création d’un symbole de bouton 203 Remarque : Lorsque vous insérez ou créez le graphisme associé à l’état Au-dessus Enfoncé, l’option Inclure l’état Au-dessus Enfoncé de la barre de navigation est automatiquement sélectionnée. Cet état est associé aux boutons faisant partie de la barre de navigation. Utilisation d’effets de biseau pour tracer les états des boutons Pendant la création du graphisme associé à chaque état de bouton, vous pouvez appliquer des effets en direct prédéfinis pour affecter des aspects communs à chaque état. Par exemple, si vous créez un bouton à quatre états, vous pouvez appliquer l’effet En relief au graphisme de l’état Relevé, l’effet En surbrillance au graphisme de l’état Enfoncé, etc. Pour appliquer à un symbole de bouton des effets en direct prédéfinis : 1 Dans l’éditeur de bouton, ouvrez le symbole de bouton désiré, sélectionnez le graphisme dans lequel vous allez ajouter un effet en direct. 2 Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter l’effet. 3 A partir du menu déroulant qui s’affiche, choisissez l’une des options suivantes : ■ Choisissez Biseau et estampe > Biseau intérieur. ■ Choisissez Biseau et estampe > Biseau extérieur. 4 Dans la fenêtre contextuelle qui s’affiche, choisissez un effet prédéfini de bouton. Ces derniers sont décrits ci-dessous. Effet de réglage prédéfini Description En relief Le biseau semble en relief au-dessus des objets environnants. En surbrillance Les couleurs du bouton s’illuminent. Cartouche Le biseau semble enfoncé au-dessous des objets environnants. Inversé Le biseau semble enfoncé au-dessous des objets environnants, et les couleurs s’illuminent. 5 Répétez les étapes 1 à 4 pour les autres boutons en affectant un effet prédéfini différent à chaque état de bouton. Conversion des survols de Fireworks en boutons Vous pouvez créer des boutons à partir des survols créés dans les précédentes versions de Fireworks. Les composants sont convertis en bouton et le nouveau bouton est placé dans la bibliothèque. Pour plus d’informations sur les survols, voir Affectation de comportements interactifs aux découpes, page 182. 204 Chapitre 10 : Création de boutons et de menus contextuels Pour convertir un survol Fireworks en bouton : 1 Supprimez la découpe ou la référence recouvrant les images de survol. 2 Dans le panneau Images, choisissez Afficher toutes les images dans le menu déroulant Séquence de calques. 3 Sélectionnez tous les objets à inclure dans le bouton. Conseil : A l’aide de l’outil Sélectionner derrière, sélectionnez les objets masqués par d’autres objets. Pour plus d’informations, voir Utilisation de l’outil Sélectionner derrière, page 9. 4 Choisissez Modification > Symbole > Convertir en symbole. La boîte de dialogue Propriétés du symbole s’affiche. 5 Dans le champ Nom, tapez le nom du symbole. 6 Choisissez le type de symbole du bouton. 7 Cliquez sur OK. Le nouveau bouton est ajouté à la bibliothèque. Conseil : Vous pouvez également convertir en bouton des animations à quatre images. Sélectionnez tous les quatre objets, et chacun d’eux est placé dans son état respectif. Insertion de boutons dans un document Vous pouvez insérer des occurrences de symboles de bouton à partir du panneau Bibliothèque. Pour placer des occurrences d’un symbole de bouton dans un document : 1 Ouvrez le panneau Bibliothèque. 2 Tirez le symbole de bouton dans le document. Pour placer des occurrences supplémentaires d’un symbole de bouton dans un document, exécutez l’une des opérations suivantes : • Sélectionnez une occurrence, puis choisissez Edition > Cloner pour placer une autre occurrence directement devant l’occurrence sélectionnée. La nouvelle occurrence devient l’objet sélectionné. Conseil : Le clonage des occurrences de bouton est pratique lorsque vous créez une barre de navigation alignée, car il permet de déplacer les clones dans un sens à l’aide des touches de direction, tout en conservant l’alignement avec l’autre coordonnée. • Tirez une autre occurrence de bouton depuis le panneau Bibliothèque dans le document. • Maintenez enfoncée la touche Alt (Windows) ou Option (Macintosh) en faisant glisser une • occurrence sur le document pour créer une autre occurrence du bouton. Copiez l’occurrence, puis collez des occurrences supplémentaires. Importation des symboles de bouton Les symboles de bouton figurant dans le panneau Bibliothèque sont spécifiques à chaque document. Si vous ouvrez un document dont les symboles figurent dans le panneau Bibliothèque, puis créez un nouveau document, le panneau Bibliothèque de ce dernier sera vide. Il existe cependant plusieurs méthodes pour importer des symboles de bouton dans le panneau Bibliothèque d’un document, que ce soit à partir d’une bibliothèque ou d’un autre document Fireworks. Création d’un symbole de bouton 205 Pour importer des symboles d’un bouton dans le panneau Bibliothèque d’un document, exécutez l’une des actions suivantes : • Tirez une occurrence du bouton d’un autre document Fireworks et déposez-la dans le document actif. • Coupez une occurrence d’un autre document Fireworks et collez-la dans le document actif. • Importez les symboles de bouton à partir d’un fichier PNG Fireworks. • Exportez les symboles de bouton depuis un autre document Fireworks vers un fichier • bibliothèque PNG, puis importez les symboles du fichier bibliothèque PNG dans le document. Choisissez Edition > Bibliothèques, puis à partir des bibliothèques de boutons du sous-menu, importez les symboles dans le panneau Bibliothèque du document. Ces bibliothèques contiennent une grande variété de symboles de bouton prédéfinis créés par Macromedia. L’importation et l’exportation de symboles de bouton se déroule de la même façon que celles des symboles graphiques et d’animation. Pour plus d’informations, voir Importation de symboles, page 168 et Exportation de symboles, page 169. Modification des symboles de bouton Les symboles de bouton Fireworks sont des symboles spéciaux. Ils disposent de deux types de propriétés : certaines changent dans toutes les occurrences lorsque vous modifiez une occurrence du symbole tandis que d’autres n’affectent que l’instance active. Dans Fireworks, les symboles de bouton permettent d’utiliser des symboles tout en autorisant la modification de certaines propriétés d’une occurrence de bouton telles que du texte, sans toucher aux autres occurrences. Modification des propriétés d’un symbole Utilisez l’éditeur de boutons pour modifier les symboles de bouton. Les propriétés d’occurrence que vous pouvez modifier sont celles qui sont généralement cohérentes d’un bouton à l’autre dans une barre de navigation : • La modification d’attributs graphiques tels que la couleur et le type des traits, la couleur et le • • • • • • 206 type de trame, la forme du trajet et les images Les effets en direct, l’opacité ou le mode de fondu appliqués à chaque objet du symbole de bouton Les dimensions et la position de la zone active Comportement du bouton principal Optimisation et paramètre d’exportation Lien URL (utilisé également comme propriété d’une occurrence) Image cible (utilisée également comme propriété d’une occurrence) Chapitre 10 : Création de boutons et de menus contextuels Pour modifier les propriétés d’un bouton au niveau de son symbole : 1 Dans l’éditeur de boutons, procédez de l’une des manières suivantes pour ouvrir le bouton : Double-cliquez sur l’occurrence du bouton dans l’espace de travail. Dans le panneau Bibliothèque, double-cliquez sur l’aperçu du bouton ou sur l’icône du symbole, à côté du symbole du bouton. 2 Modifiez les attributs graphiques du bouton et cliquez sur Terminé. Les modifications sont appliquées à toutes les occurrences du symbole du bouton. ■ ■ Modification des propriétés des occurrences Dans l’Inspecteur des propriétés, les propriétés des occurrences sont modifiées lorsque vous sélectionnez une seule occurrence. Vous modifiez ces propriétés pour une seule occurrence, sans affecter le symbole qui y est associé ou toute autre occurrence de ce symbole. Ces propriétés sont généralement différentes d’un bouton à l’autre dans une série de boutons : • Le nom d’objet d’une occurrence apparaissant dans le panneau Calques et utilisé lors de • • • • • • • l’exportation pour nommer les découpes exportées de l’occurrence du bouton Les effets en direct, l’opacité ou le mode de fondu appliqué à l’ensemble de l’occurrence Les caractères et la mise en page du texte, notamment la police, la taille des caractères, l’orientation et la couleur du texte Le lien URL (écrase toute URL existante au niveau du symbole) La description de l’image L’image cible (écrase toute image cible existante au niveau du symbole) Les comportements supplémentaires affectés à une occurrence à partir du panneau Comportements L’option Afficher l’état Enfoncé lors du chargement dans l’Inspecteur des propriétés, au sein d’une barre de navigation Remarque : Dans Fireworks MX 2004, vous n’êtes pas tenu de choisir l’option Afficher l’état Enfoncé lors du chargement pour chaque occurrence de bouton dans une barre de navigation. La section Propre au document de la boîte de dialogue Configuration HTML contient une option appelée Exportation de plusieurs fichiers. Lorsque vous choisissez cette option, puis exportez une barre de navigation, Fireworks MX 2004 exporte chaque page HTML avec l’état Enfoncé du bouton correspondant. Pour plus d’informations, voir Définition des options d’exportation du code HTML, page 272. Pour modifier les propriétés de l’occurrence d’un seul symbole de bouton : 1 Sélectionnez l’occurrence de bouton dans la zone de travail. 2 Définissez les propriétés dans l’Inspecteur des propriétés. Création d’un symbole de bouton 207 Définition des propriétés d’un bouton interactif Dans Fireworks, vous pouvez contrôler les éléments interactifs d’un bouton, notamment la zone active, l’URL, la cible et la description de l’image. Modification de la zone active d’un symbole de bouton La zone active du symbole d’un bouton déclenche les effets interactifs lorsque le pointeur survole le bouton ou que vous cliquez sur ce dernier dans un navigateur Web. La zone active d’un bouton est une propriété de symbole et est exclusive à chaque symbole de bouton. Lorsque vous créez un symbole de bouton, Fireworks crée automatiquement une découpe spéciale, suffisamment grande pour englober tous les états d’un bouton. La découpe d’un bouton ne peut être modifiée que dans l’onglet Zone active de l’éditeur de boutons. Chaque bouton ne peut avoir qu’une seule découpe. Si vous dessinez dans la zone active une découpe à l’aide d’un outil de découpe, la découpe précédente est remplacée par la nouvelle découpe dessinée. Vous pouvez dessiner des objets références dans l’onglet Zone active, mais ces objets ne sont modifiables que dans l’éditeur de boutons. Remarque : Les objets Web définissant la zone active d’un symbole de bouton apparaissent dans le document lorsque les découpes et références sont masquées, mais les objets Web d’un bouton ne s’affichent pas dans le panneau Calques et ne peuvent pas être modifiés dans la zone de travail. Pour modifier une découpe ou une référence dans la zone active d’un symbole de bouton : 1 Dans l’éditeur de boutons, ouvrez le symbole de bouton en procédant de l’une des manières suivantes : ■ Double-cliquez sur l’occurrence du bouton dans l’espace de travail. ■ Dans le panneau Bibliothèque, double-cliquez sur l’aperçu du bouton ou sur l’icône du symbole, à côté du symbole du bouton. 2 Cliquez sur l’onglet Zone active. 3 Utilisez l’une des méthodes suivantes : ■ Utilisez l’outil Pointeur pour déplacer ou reformer la découpe ou déplacez le repère de découpe. ■ Utilisez un outil de découpe ou de référence quelconque pour dessiner une nouvelle zone active. Définition de l’URL d’un symbole ou d’une occurrence de bouton Une adresse URL, ou Uniform Resource Locator, est un lien vers une autre page Web, un site Web ou un point d’ancrage sur une même page Web. L’URL peut correspondre à la propriété du symbole ou de l’occurrence d’un bouton. Dans l’Inspecteur des propriétés ou le panneau URL, vous pouvez lier une URL à l’occurrence d’un bouton. Vous pouvez lier une URL à un symbole pour que cette URL apparaisse dans le champ Lien de l’Inspecteur des propriétés de chaque occurrence. Cela est très utile lorsque vous définissez des adresses URL absolues dans un site ; dans l’Inspecteur des propriétés, il suffit d’indiquer la dernière partie de l’URL dans le champ Lien de chaque occurrence pour lier les occurrences du bouton. Remarque : Pour plus d’informations sur les adresses URL absolues et relatives, voir URL absolues et relatives, page 172. 208 Chapitre 10 : Création de boutons et de menus contextuels Pour définir l’adresse URL d’un symbole de bouton dans l’éditeur de boutons : 1 Dans l’éditeur de boutons, procédez de l’une des manières suivantes pour ouvrir le bouton : Double-cliquez sur l’occurrence du bouton dans l’espace de travail. Dans le panneau Bibliothèque, double-cliquez sur l’aperçu du bouton ou sur l’icône du symbole, à côté du symbole du bouton. 2 Cliquez sur l’onglet Zone active de l’éditeur de boutons. 3 Sélectionnez la découpe ou la référence de la zone active. 4 Utilisez l’une des méthodes suivantes : ■ Indiquez l’URL dans le champ Lien de l’Inspecteur des propriétés. ■ Choisissez une URL dans le panneau URL. ■ ■ Remarque : La modification l’URL du symbole d’un bouton ne modifie pas l’URL des autres occurrences de ce symbole qui possèdent déjà des URL exclusives. Ce principe s’applique également aux modifications de la cible et du texte de description du symbole d’un bouton. Pour définir l’URL de l’occurrence d’un bouton dans l’espace de travail, procédez de l’une des manières suivantes : • Indiquez l’URL dans le champ Lien de l’Inspecteur des propriétés. • Choisissez une URL dans le panneau URL. Définition de la cible d’un bouton La cible est la fenêtre ou le cadre dans lequel la page Web de destination s’ouvre lorsque l’utilisateur clique sur l’occurrence d’un bouton. Si aucune cible n’est spécifiée dans l’Inspecteur des propriétés, la page Web apparaît dans le même cadre ou la même fenêtre que le lien ayant servi à l’appeler. La cible peut correspondre à la propriété du symbole ou de l’occurrence d’un bouton. Vous pouvez définir la cible d’un symbole de manière à ce que toutes les occurrences du symbole aient la même cible. Pour définir la cible d’un symbole de bouton dans l’éditeur de boutons : 1 Dans l’éditeur de boutons, procédez de l’une des manières suivantes pour ouvrir le bouton : Double-cliquez sur l’occurrence du bouton dans l’espace de travail. Dans le panneau Bibliothèque, double-cliquez sur l’aperçu du bouton ou sur l’icône du symbole, à côté du symbole du bouton. 2 Dans l’Inspecteur des propriétés, procédez de l’une des manières suivantes : ■ Dans le menu déroulant Cible, choisissez une cible prédéfinie : Aucune ou _self charge la page Web dans le même cadre ou la même fenêtre que le lien. blank charge la page Web dans une nouvelle fenêtre, sans nom, du navigateur. parent charge la page Web dans le jeu de cadres parent ou dans la fenêtre du cadre contenant le lien. top charge la page Web dans la fenêtre principale du navigateur et supprime tous les cadres. ■ Indiquez la cible dans le champ Cible. ■ ■ Remarque : La modification la cible du symbole d’un bouton ne modifie pas la cible URL des autres occurrences de ce symbole qui possèdent déjà des cibles exclusives. Ce principe s’applique également aux modifications de l’URL et du texte de description du symbole d’un bouton. Création d’un symbole de bouton 209 Pour définir la cible de l’occurrence d’un bouton dans l’espace de travail : 1 Sélectionnez l’occurrence dans l’espace de travail. 2 Dans l’Inspecteur des propriétés, procédez de l’une des manières suivantes : ■ ■ Dans le menu déroulant Cible, choisissez une cible prédéfinie : Aucune ou _self charge la page Web dans le même cadre ou la même fenêtre que le lien. _blank charge la page Web dans une nouvelle fenêtre, sans nom, du navigateur. _parent charge la page Web dans le jeu de cadres parent ou dans la fenêtre du cadre contenant le lien. _top charge la page Web dans la fenêtre principale du navigateur et supprime tous les cadres. Indiquez la cible dans le champ Cible. Définition du texte de description d’un symbole ou d’une occurrence de bouton Le texte de description est affiché dans le cadre d’une image pendant le téléchargement de cette dernière à partir du Web ou à la place d’une image ne pouvant pas être chargée. Il remplace également le graphisme lorsque l’utilisateur interdit l’affichage d’images dans le navigateur. Le texte de description peut correspondre à la propriété du symbole ou de l’occurrence d’un bouton. Vous pouvez définir le texte de description du symbole ou de l’occurrence d’un bouton dans l’Inspecteur des propriétés. Conseil : Des applications d’aide aux malvoyants lisent le texte de description des graphismes des pages Web dans un navigateur. Lorsque vous rédigez du texte de description, soyez concis et explicite dans la description des éléments graphiques. Pour définir le texte de description du symbole d’un bouton dans l’éditeur de boutons : 1 Dans l’éditeur de boutons, procédez de l’une des manières suivantes pour ouvrir le bouton : Double-cliquez sur l’occurrence du bouton dans l’espace de travail. ■ Dans le panneau Bibliothèque, double-cliquez sur l’aperçu du bouton ou sur l’icône du symbole, à côté du symbole du bouton. 2 Dans l’Inspecteur des propriétés, tapez le texte devant apparaître comme texte de description dans un navigateur. ■ Remarque : La modification du texte de description du symbole d’un bouton ne modifie pas le texte de description des autres occurrences de ce bouton qui possèdent déjà un texte de description. Ce principe s’applique également aux modifications de la cible et de l’URL du symbole d’un bouton. Pour définir le texte de description de l’occurrence d’un bouton dans l’espace de travail : 1 Sélectionnez l’occurrence dans l’espace de travail. 2 Tapez le texte de description dans le champ Texte de description de l’Inspecteur des propriétés. 210 Chapitre 10 : Création de boutons et de menus contextuels Création d’une barre de navigation Une barre de navigation est un groupe de boutons qui fournissent des liens entre les différentes zones d’un site Web. En général, elle reste la même dans l’ensemble des pages du site Web, assurant ainsi une méthode de navigation constante quel que soit l’endroit où l’utilisateur se trouve dans le site. La barre de navigation est donc identique d’une page Web à l’autre mais, dans certains cas, les liens sont spécifiques à chaque page. Pour créer une barre de navigation dans Fireworks, créez un symbole de bouton dans l’éditeur de boutons, puis placez les occurrences de ce symbole dans l’espace de travail. Pour créer une barre de navigation de base : 1 Créez un symbole de bouton. Pour plus d’informations, voir Création d’un symbole de bouton, 2 3 4 5 6 page 201. Tirez une occurrence (copie) du symbole depuis le panneau Bibliothèque dans la zone de travail. Pour créer une copie de l’occurrence, procédez de l’une des manières suivantes : ■ Sélectionnez l’occurrence, puis choisissez Edition > Cloner. ■ Maintenez enfoncée la touche Alt (Windows) ou Option (Macintosh) tout en faisant glisser l’occurrence du bouton. Appuyez sur la touche Maj tout en déplaçant le bouton pour l’aligner horizontalement ou verticalement. Utilisez les touches de déplacement du clavier pour encore plus de précision. Pour créer d’autres occurrences, répétez les étapes 3 et 4. Sélectionnez chaque occurrence et affectez-leur un texte de description, une URL et d’autres propriétés exclusives à l’aide de l’Inspecteur des propriétés. Création de menus contextuels Les menus contextuels sont des menus qui apparaissent dans un navigateur en réponse à un événement de souris (survol ou clic) sur un objet Web de déclenchement tel qu’une découpe ou une référence. Vous pouvez affecter des liens URL à des éléments d’un menu contextuel pour la navigation. Par exemple, vous pouvez utiliser des menus contextuels pour organiser plusieurs options de navigation reliées à un bouton d’une barre de navigation. Vous pouvez créer autant de sous-menus que vous le souhaitez dans un menu contextuel. Chaque élément d’un menu contextuel apparaît sous la forme d’un code HTML ou d’une cellule d’image ayant un état Relevé, Au-dessus et un texte de description dans les deux états. Pour prévisualiser un menu contextuel, appuyez sur la touche F12 pour l’afficher dans un navigateur. Il n’est pas possible de prévisualiser un menu contextuel dans l’espace de travail de Fireworks. Editeur de menus contextuels L’éditeur de menus contextuels est une boîte de dialogue dotée d’onglets qui vous guide tout au long du processus de création du menu contextuel. Ses nombreuses options de contrôle des caractéristiques de menu contextuel sont réparties sur quatre onglets : L’onglet Contenu contient les options permettant de définir la structure du menu de base, ainsi que le texte, le lien URL et la cible de chaque élément du menu. L’onglet Aspect contient les options permettant de définir l’aspect de l’état Relevé et Au-dessus de chaque cellule du menu, ainsi que l’orientation verticale ou horizontale du menu. Création de menus contextuels 211 L’onglet Avancé contient les options permettant de définir les dimensions, la marge intérieure et l’espacement des cellules, la largeur et la couleur de bordure des cellules, l’intervalle des menus et le retrait du texte. L’onglet Position contient les options permettant de définir la position des menus et sous-menus : • L’option Menu place le menu contextuel par rapport à la découpe. Avec les positions • prédéfinies, vous pouvez placer le menu contextuel en bas, dans la partie inférieure, la partie supérieure et la partie supérieure droite d’une découpe. L’option Sous-menu permet de placer le sous-menu contextuel à droite ou dans la partie inférieure droite du menu parent ou en dessous de ce dernier. En fonction du menu contextuel que vous créez, vous n’aurez peut être pas besoin d’utiliser tous les onglets ou options de l’éditeur de menus contextuels. Vous pouvez à tout moment modifier des options d’un onglet, mais vous devez ajouter au moins une option de menu dans l’onglet Contenu pour créer un menu que vous prévisualiserez dans un navigateur. 212 Chapitre 10 : Création de boutons et de menus contextuels Création d’un menu contextuel de base C’est dans l’onglet Contenu de l’éditeur de menus contextuels que vous définissez la structure de base et le contenu du menu contextuel. Les options actives ou par défaut des autres onglets de l’éditeur de menus contextuels sont appliquées lors de la création du menu. Pour créer un menu contextuel simple : 1 Sélectionnez la référence ou la découpe qui servira de zone de déclenchement du menu contextuel. 2 Pour ouvrir l’éditeur de menus contextuels, procédez de l’une des manières suivantes : Choisissez Modification > Menu contextuel > Ajouter menu contextuel. Cliquez sur la poignée de comportement, au milieu de la découpe, puis choisissez Ajouter menu contextuel. 3 Cliquez sur l’onglet Contenu s’il n’apparaît pas à l’écran. 4 Cliquez sur le bouton Ajouter un menu pour ajouter une option de menu vide. Vous pouvez à tout moment ajouter, supprimer et modifier des cellules. 5 Double-cliquez sur chaque cellule et tapez ou choisissez l’information qui convient : Texte indique le texte de l’option de menu. Lien définit l’URL de l’option de menu. Vous pouvez spécifier un lien personnalisé ou en choisir un dans le menu contextuel Lien, s’il en existe de disponible. Si vous avez affecté des URL aux autres objets Web du document, elles apparaissent dans le menu contextuel Lien. Cible désigne la cible de l’URL. Vous pouvez spécifier une cible personnalisée ou en choisir une prédéfinie dans le menu contextuel Cible. La saisie du contenu sur la dernière ligne de la fenêtre insère une ligne vide en dessous de la dernière ligne. ■ ■ Conseil : Pour passer de la cellule active à une autre cellule et continuer la saisie des informations, appuyez sur la touche de tabulation. Utilisez les touches de direction Vers le bas ou Vers le haut pour faire défiler la liste verticalement. 6 Répétez les étapes 4 et 5 jusqu’à ce que tous les éléments de menu soient définis. 7 Vous pouvez également supprimer un élément de menu. Pour ce faire, sélectionnez l’élément concerné, puis cliquez sur le bouton Menu supprimer. 8 Utilisez l’une des méthodes suivantes : Cliquez sur Suivant pour accéder à l’onglet Aspect ou choisissez un autre onglet pour continuer la création du menu contextuel. ■ Créez les entrées du sous-menu du menu contextuel. Pour plus d’informations, voir Création de sous-menus dans un menu contextuel, page 214. ■ Cliquez sur Terminé pour achever la création du menu contextuel et fermer l’éditeur de menus contextuels. Dans l’espace de travail, la référence ou la découpe sur laquelle vous avez créé le menu contextuel affiche un trait de comportement de couleur bleue relié à un contour du niveau supérieur du menu contextuel. ■ Remarque : Pour prévisualiser un menu contextuel, appuyez sur la touche F12 pour l’afficher dans un navigateur. Il n’est pas possible de prévisualiser un menu contextuel dans l’espace de travail de Fireworks. Création de menus contextuels 213 Création de sous-menus dans un menu contextuel A l’aide des boutons Menu Renfoncement et Menu Renfoncement négatif de l’éditeur de menus contextuels, vous pouvez créer des sous-menus. Ces menus contextuels apparaissent lorsque le pointeur survole un autre élément de menu contextuel ou que vous cliquez sur cet élément. Vous pouvez créer autant de niveaux de sous-menus que vous le désirez. Pour créer un sous-menu contextuel : 1 Ouvrez l’onglet contenu de l’éditeur de menus contextuels et créez des éléments de menu. Créez 2 3 4 5 6 les éléments de menu que vous comptez également utiliser pour le sous-menu et placez-les directement sous l’élément pour lequel ils représenteront un sous-menu. Pour plus d’informations, voir Création d’un menu contextuel de base, page 213. Cliquez et sélectionnez l’élément de menu contextuel qui sera un élément de sous-menu. Cliquez sur le bouton Menu Renfoncement pour faire de cet élément un élément de sous-menu apparaissant sous l’élément placé directement au-dessus de lui dans la liste. Pour insérer l’élément suivant dans le sous-menu, mettez cet élément en surbrillance et cliquez sur le bouton Menu renforcement. Tous les éléments adjacents et mis en retrait au même niveau représentent un seul sous-menu contextuel. Pour insérer un nouvel élément juste en dessous de l’élément mis en surbrillance, vous pouvez également sélectionner un menu ou sous-menu et cliquez sur le bouton Ajouter un menu. Utilisez l’une des méthodes suivantes : ■ Cliquez sur Suivant pour accéder à l’onglet suivant ou choisissez un autre onglet pour continuer la création du-menu contextuel. ■ Cliquez sur Terminé pour fermer l’éditeur de menus contextuels. Pour créer un sous-menu contextuel au sein d’un sous-menu contextuel : 1 Sélectionnez un élément de sous-menu contextuel dans l’onglet Contenu de l’éditeur de menus contextuels. Pour plus d’informations, se reporter à la procédure précédente. 2 Cliquez sur le bouton Menu Renforcement pour remettre en retrait le sous-menu, afin qu’il soit positionné en retrait par rapport au sous-menu situé directement au-dessus. Continuez la mise en retrait pour créer autant de niveaux de sous-menus imbriqués que vous le souhaitez. Pour placer un élément de menu dans un sous-menu de niveau supérieur ou dans le menu contextuel principal : 1 Sélectionnez l’élément dans l’onglet Contenu de l’éditeur de menus contextuels. 2 Cliquez sur le bouton Menu Renfoncement négatif. Pour plus d’informations sur le positionnement des sous-menus, voir Positionnement des menus contextuels et des sous-menus, page 220. 3 Pour achever la création des menus contextuels ou pour continuer à en créer d’autres, procédez de l’une des manières suivantes : ■ Cliquez sur Suivant pour accéder à l’onglet Aspect ou choisissez un autre onglet pour continuer la création du menu contextuel. ■ Cliquez sur Terminé pour fermer l’éditeur de menus contextuels. 214 Chapitre 10 : Création de boutons et de menus contextuels Dans l’espace de travail, la référence ou la découpe sur laquelle vous avez créé le menu contextuel affiche un trait de comportement de couleur bleue relié à un contour du niveau supérieur du menu contextuel. Remarque : Pour prévisualiser un menu contextuel, appuyez sur la touche F12 pour l’afficher dans un navigateur. Il n’est pas possible de prévisualiser un menu contextuel dans l’espace de travail de Fireworks. Pour déplacer une entrée dans le menu contextuel : 1 Dans l’éditeur de menus contextuels, ouvrez le menu contextuel désiré et cliquez sur l’onglet Contenu. 2 Déplacez l’élément de menu vers l’emplacement désiré dans la liste. 3 Cliquez sur Terminé. Définition de l’aspect d’un menu contextuel Après avoir créé un menu de base et des sous-menus optionnels, vous pouvez mettre en forme le texte, appliquer des attributs graphiques aux états Au-dessus et Relevé ou choisir l’option d’orientation verticale ou horizontale à partir de l’onglet Aspect de l’éditeur de menus contextuels. Pour définir l’orientation d’un sous-menu contextuel : 1 Dans l’éditeur de menus contextuels, ouvrez le menu contextuel désiré et cliquez sur l’onglet Aspect. Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’éditeur de menus contextuels, voir Modification d’un menu contextuel, page 221. 2 Dans le menu Orientation, choisissez l’option Verticale ou Horizontale. Création de menus contextuels 215 Pour indiquer si un menu contextuel est un menu à base de code HTML ou de graphismes : 1 Dans l’éditeur de menus contextuels, ouvrez le menu contextuel désiré et cliquez sur l’onglet Aspect. Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’éditeur de menus contextuels, voir Modification d’un menu contextuel, page 221. 2 Choisissez une option Cellules : HTML définit l’aspect du menu en utilisant uniquement du code HTML. Cette option crée de pages correspondant à des fichiers de petite taille. Image propose une sélection de styles de graphisme pour l’arrière-plan des cellules. Cette option crée des pages correspondant à des fichiers de taille importante. Remarque : Vous pouvez enrichir cette sélection de styles en créant des styles de menu contextuel personnalisés. Pour plus d’informations, voir Ajout des styles de menu contextuel, page 217. Pour mettre en forme le texte dans le menu contextuel actif : 1 Dans l’éditeur de menus contextuels, ouvrez le menu contextuel désiré et cliquez sur l’onglet Aspect. Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’éditeur de menus contextuels, voir Modification d’un menu contextuel, page 221. 2 Dans le menu contextuel Taille, choisissez une taille prédéfinie ou indiquez une valeur dans le champ Taille. Remarque : Lorsque la largeur et la hauteur des cellules sont réglées sur Automatique, dans l’onglet Avancé de l’éditeur de menus contextuels, la taille du texte détermine celle des graphismes associés à l’élément de menu. 3 Dans le menu contextuel Police, choisissez un groupe de polices système ou indiquez le nom d’une police personnalisée. Remarque : Soyez prudent lorsque vous choisissez une police. Si les utilisateurs qui visualiseront votre page Web n’ont pas installé sur leur ordinateur la police que vous avez choisie, une police de substitution sera utilisée dans leur navigateur Web. 4 Pour appliquer le style gras ou italique, vous pouvez également cliquer sur un bouton de style de texte. 5 Cliquez sur un bouton de justification pour aligner le texte à gauche ou à droite ou pour le centrer. 6 Choisissez une couleur dans le sélecteur. 216 Chapitre 10 : Création de boutons et de menus contextuels Pour définir l’apparence des cellules de menu : 1 Dans l’éditeur de menus contextuels, ouvrez le menu contextuel désiré et cliquez sur l’onglet Aspect. Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’éditeur de menus contextuels, voir Modification d’un menu contextuel, page 221. 2 Choisissez les couleurs du texte et des cellules pour chaque état. 3 Si vous avez choisi Image comme type de cellule, choisissez un style graphique pour chaque état. 4 Utilisez l’une des méthodes suivantes : ■ Cliquez sur Suivant pour accéder à l’onglet Avancé ou choisissez un autre onglet pour continuer la création du menu contextuel. ■ Cliquez sur Terminé pour fermer l’éditeur de menus contextuels. Dans l’espace de travail, la référence ou la découpe sur laquelle vous avez créé le menu contextuel affiche un trait de comportement de couleur bleue relié à un contour du niveau supérieur du menu contextuel. Remarque : Pour prévisualiser un menu contextuel, appuyez sur la touche F12 pour l’afficher dans un navigateur. Il n’est pas possible de prévisualiser un menu contextuel dans l’espace de travail de Fireworks. Ajout des styles de menu contextuel Vous pouvez ajouter des styles de cellule personnalisés dans l’éditeur de menus contextuels. Des styles de cellule personnalisés et prédéfinis sont proposés dans l’onglet Aspect lorsque vous choisissez l’option Image comme type de cellule pour utiliser un arrière-plan graphique dans les cellules des menus contextuels. Pour ajouter un style de cellule personnalisé à l’éditeur de menus contextuels : 1 Appliquez une combinaison de trait, trame, texture et effets en direct à un objet, et enregistrez cette combinaison sous forme de style dans le panneau Styles. Pour plus d’informations, voir Création et suppression de styles, page 162. 2 Dans le panneau Styles, sélectionnez le nouveau style, puis choisissez Exporter des styles dans le menu Options du panneau Styles. 3 Localisez le dossier Nav Menu sur votre disque dur, renommez le fichier de styles si vous le souhaitez, puis cliquez sur Enregistrer. Remarque : L’emplacement exact du dossier Nav Menu varie en fonction du système d’exploitation. Pour plus d’informations, voir Utilisation des fichiers de configuration, page 301. Lorsque vous revenez à l’onglet Aspect de l’éditeur de menus contextuels et choisissez l’option Image d’arrière-plan des cellules, le nouveau style s’affiche avec les styles prédéfinis associés aux états Relevé et Au-dessus des cellules du menu contextuel. Création de menus contextuels 217 Définition des propriétés avancées de menu contextuel Dans l’éditeur de menus contextuels, l’onglet Avancé propose des options supplémentaires permettant de définir la taille, les marges intérieures et l’espacement des cellules, le retrait du texte, le délai de disparition du menu, ainsi que la largeur, la couleur, l’ombre et la surbrillance des bordures. Pour définir des propriétés de cellule avancées pour le menu contextuel actif : 1 Dans l’éditeur de menus contextuels, ouvrez le menu contextuel désiré et cliquez sur l’onglet 2 3 4 5 218 Avancé. Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’éditeur de menus contextuels, voir Modification d’un menu contextuel, page 221. Dans le menu déroulant Automatique/Pixels, choisissez une largeur ou une hauteur maximale : Automatique règle la hauteur de cellule sur la taille du texte définie dans l’onglet Aspect de l’éditeur de menus contextuels et la largeur de cellule sur celle de l’élément de menu contenant le texte le plus long. Pixels permet d’indiquer des valeurs spécifiques, en pixels, dans les champs Largeur de cellule et Hauteur de cellule. Indiquez une valeur dans le champ Marge intérieure des cellules pour définir la distance entre le texte du menu contextuel et la bordure de la cellule. Indiquez une valeur dans le champ Espacement des cellules pour définir l’espacement entre les cellules du menu. Indiquez une valeur dans le champ Retrait du texte pour définir la valeur du retrait du texte du menu contextuel. Chapitre 10 : Création de boutons et de menus contextuels 6 Indiquez une valeur dans le champ Menu Intervalle pour définir, en secondes, la durée pendant laquelle le menu reste affiché après son survol par le pointeur. 7 Propriétés prédéfinies pour bordures de menu contextuel : Afficher les bordures permet d’afficher ou de masquer les bordures du menu contextuel. Si cette option n’est pas sélectionnée, les options ci-dessous sont désactivées. Largeur de la bordure définit la largeur de la bordure du menu contextuel. Couleur de bordure, Ombre et Surbrillance permettent de modifier la couleur des bordures du menu contextuel. Remarque : Plusieurs de ces options sont désactivées lorsque l’option Image est le type de cellule sélectionnée dans l’onglet Aspect. 8 Pour achever la création des menus contextuels ou pour continuer à en créer d’autres, procédez de l’une des manières suivantes : ■ Cliquez sur Suivant pour accéder à l’onglet Position ou choisissez un autre onglet pour continuer la création du menu contextuel. ■ Cliquez sur Terminé pour fermer l’éditeur de menus contextuels. Dans l’espace de travail, la référence ou la découpe sur laquelle vous avez créé le menu contextuel affiche un trait de comportement de couleur bleue relié à un contour du niveau supérieur du menu contextuel. Remarque : Pour prévisualiser un menu contextuel, appuyez sur la touche F12 pour l’afficher dans un navigateur. Il n’est pas possible de prévisualiser un menu contextuel dans l’espace de travail de Fireworks. Création de menus contextuels 219 Positionnement des menus contextuels et des sous-menus L’onglet Position de l’éditeur de menus contextuels permet de définir la position d’un menu contextuel. Vous pouvez également positionner un menu contextuel de niveau supérieur en déplaçant son contour dans l’espace de travail lorsque le Calque Web est visible. Pour définir la position d’un menu contextuel dans l’éditeur de menus contextuels : 1 Dans l’éditeur de menus contextuels, ouvrez le menu contextuel désiré et cliquez sur l’onglet Position. Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’éditeur de menus contextuels, voir Modification d’un menu contextuel, page 221. 2 Pour définir la position du menu, procédez de l’une des manières suivantes : ■ Cliquez sur le bouton Position pour positionner le menu contextuel par rapport à sa découpe de déclenchement. ■ Indiquez les coordonnées X et Y. Les valeurs 0,0 alignent l’angle supérieur gauche du menu contextuel sur l’angle supérieur gauche de la découpe ou de la référence qui le déclenche. 3 Utilisez l’une des méthodes suivantes : ■ Si vous avez des sous-menus, positionnez-les comme indiqué dans la procédure qui suit. ■ Cliquez sur En arrière pour modifier les propriétés dans les autres onglets. ■ Cliquez sur Terminé pour fermer l’éditeur de menus contextuels. Pour définir la position d’un sous-menu contextuel dans l’éditeur de menus contextuel : 1 Dans l’éditeur de menus contextuels, ouvrez le menu contextuel désiré et cliquez sur l’onglet Position. 220 Chapitre 10 : Création de boutons et de menus contextuels Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’éditeur de menus contextuels, voir Modification d’un menu contextuel, page 221. 2 Pour définir la position du sous-menu, procédez de l’une des manières suivantes : ■ Cliquez sur le bouton Position pour positionner le sous-menu contextuel par rapport à son élément déclencheur. ■ Indiquez les coordonnées X et Y. Les valeurs 0,0 alignent l’angle supérieur gauche du sousmenu contextuel sur l’angle supérieur droit du menu ou de l’élément de menu déclencheur. 3 Utilisez l’une des méthodes suivantes : ■ Pour définir la position de chaque sous-menu par rapport à l’élément de menu parent qui le déclenche, choisissez l’option Placer à la même position. ■ Pour définir la position de chaque sous-menu par rapport au menu contextuel parent, sélectionnez l’option Placer à la même position. 4 Cliquez sur Terminé pour quitter l’éditeur de menus contextuel ou sur En arrière pour modifier les propriétés des autres onglets. Pour définir la position d’un menu contextuel en le déplaçant : 1 Procédez de l’une des manières suivantes pour afficher le Calque Web : Dans le panneau Outils, cliquez sur le bouton Affiche les découpes et les références. ■ Cliquez sur la colonne Oeil, dans le panneau Calques. 2 Sélectionnez l’objet Web de déclenchement du menu contextuel. 3 Dans l’espace de travail, tirez le contour du menu contextuel vers un autre emplacement. ■ Modification d’un menu contextuel L’éditeur de menus contextuels permet de modifier ou de mettre à jour le contenu d’un menu contextuel, de réorganiser les éléments de menu ou de modifier des propriétés dans n’importe lequel des quatre onglets. Pour modifier le contenu d’un menu dans l’éditeur de menus contextuels : 1 Procédez de l’une des manières suivantes pour afficher le Calque Web : Dans le panneau Outils, cliquez sur le bouton Affiche les découpes et les références. Cliquez sur la colonne Oeil, dans le panneau Calques. 2 Sélectionnez la découpe à laquelle le menu est affecté. 3 Double-cliquez sur le contour bleu du menu contextuel, dans l’espace de travail. L’éditeur de menus contextuel s’ouvre, affichant les entrées du menu contextuel. 4 Effectuez les modifications voulues dans n’importe lequel des quatre onglets et cliquez sur Terminé. ■ ■ Pour modifier une entrée de menu contextuel : 1 Dans l’éditeur de menus contextuels, ouvrez le menu contextuel désiré et cliquez sur l’onglet Contenu. 2 Double-cliquez dans les champs Texte, Lien ou Cible pour modifier le texte du menu. 3 Cliquez à l’extérieur de la liste des entrées pour appliquer les modifications. 4 Cliquez sur Terminé. Création de menus contextuels 221 Pour déplacer une entrée dans le menu contextuel : 1 Dans l’éditeur de menus contextuels, ouvrez le menu contextuel désiré et cliquez sur l’onglet Contenu. 2 Déplacez l’élément de menu vers l’emplacement désiré dans la liste. 3 Cliquez sur Terminé. Exportation des menus contextuels Fireworks génère tout le code JavaScript nécessaire à l’affichage de menus contextuels dans un navigateur Web. Lorsqu’un document Fireworks contenant des menus contextuels est exporté en fichier HTML, un fichier JavaScript appelé mm_menu.js est exporté vers le même emplacement que le fichier HTML. Lorsque vous transférez vos fichiers sur le serveur, ce fichier menu.js doit être transféré dans le même dossier que la page Web qui contient le menu contextuel. Si vous désirez stocker ce fichier dans un autre emplacement, tous les liens hypertextes faisant référence à mm_menu.js dans le code HTML de Fireworks doivent être mis à jour pour refléter ce nouvel emplacement. Si votre document contient plusieurs menus contextuels ou si plusieurs documents contiennent des menus contextuels, Fireworks ne crée pas pour autant de fichiers mm_menu.js supplémentaires : un seul fichier est utilisé pour tous les menus des documents. Lorsque vous incluez des sous-menus, Fireworks génère un fichier d’image intitulé Arrow.gif. Cette image est la minuscule flèche qui est affichée à côté de l’entrée de menu principal qui signale aux utilisateurs l’existence d’un sous-menu. Quel que soit le nombre de sous-menus que contient votre document, Fireworks utilise toujours le même fichier arrow.gif. Pour plus d’informations sur l’exportation de code HTML et JavaScript, voir Exportation du fichier au format HTML, page 265. 222 Chapitre 10 : Création de boutons et de menus contextuels CHAPITRE 11 Création d’animations L’animation de graphismes ajoute une dimension attrayante et sophistiquée aux sites Web. Fireworks MX 2004 permet de créer des graphismes animés pour faire se déplacer vos bannières, logos, bandes dessinées, etc. Par exemple, la mascotte qui symbolise votre société peut danser sur une page pendant que le logo apparaît et disparaît. Dans Fireworks, les animations sont réalisées en créant des symboles et en modifiant leurs propriétés sur une échelle temporelle, afin de produire l’illusion du mouvement. Vous pouvez considérer les symboles comme des acteurs dont vous mettez les mouvements en scène. L’action de chaque symbole est enregistrée dans une image. Lorsque toutes ces images sont reproduites à la suite, en séquence, vous obtenez l’illusion du mouvement. Vous pouvez appliquer divers paramètres aux symboles afin de faire changer peu à peu le contenu des images successives. Un symbole peut sembler se déplacer dans l’image, apparaître ou disparaître progressivement, grossir ou rétrécir, ou encore pivoter. Comme un même fichier contient plusieurs symboles, vous pouvez créer une animation complexe dans laquelle différents types d’actions se produisent simultanément. Le panneau Optimiser permet de définir les paramètres d’optimisation et d’exportation lors de la création du fichier. Fireworks peut exporter des animations dans les formats GIF animé ou Flash SWF. Vous pouvez également importer des animations Fireworks directement dans Macromedia Flash pour l’améliorer. Création d’une animation Dans Fireworks, vous pouvez créer une animation en affectant des propriétés aux objets appelés symboles d’animation. L’animation d’un symbole est fractionnée en deux images, qui contiennent les images et objets constituant chaque phase de l’animation. Une animation peut comporter plusieurs symboles, et chacun d’eux peut avoir une action différente. Les divers symboles peuvent être animés sur un nombre d’images différent. L’animation se termine lorsque toutes les actions de tous les symboles sont terminées. 223 Pour créer une animation à partir des symboles d’animation de Fireworks : 1 Créez un symbole d’animation, soit en créant un nouveau symbole, soit en convertissant un objet existant en symbole. Pour plus d’informations, voir Création de symboles d’animations, page 225. 2 Dans l’Inspecteur des propriétés ou dans la boîte de dialogue Animer, indiquez les paramètres d’animation du symbole. Vous pouvez définir l’angle et la direction du mouvement, l’échelle, l’opacité (pour les apparitions et disparitions progressives), ainsi que l’angle et la direction de la rotation. Pour plus d’informations, voir Modification d’un symbole d’animation, page 225. Remarque : L’angle et la direction du mouvement sont définis uniquement dans la boîte de dialogue Animer. 3 Les contrôles Cadence des images du panneau Images permettent de définir la vitesse des mouvements. Pour plus d’informations, voir Réglage de la cadence d’images, page 229. 4 Optimisez le document au format GIF animé. Pour plus d’informations, voir Optimisation d’une animation, page 235. 5 Exportez le document sous forme de fichier GIF animé ou SWF, ou enregistrez-le sous forme de fichier PNG Fireworks et importez-le dans Macromedia Flash pour l’améliorer. Pour plus d’informations, voir Formats d’exportation des animations, page 235. Utilisation des symboles d’animation Les symboles d’animation exécutent des actions dans votre fichier Fireworks, comme des acteurs de film. Par exemple, dans une animation représentant trois oies sauvages traversant le ciel, chaque oie est un personnage. Un symbole d’animation peut être composé de n’importe quel objet que vous créez ou importez, et il peut y avoir un grand nombre de symboles dans un même fichier. Chaque symbole possède ses propres propriétés et est animé indépendamment. Vous pouvez donc créer des symboles qui traversent l’écran, pendant que d’autres apparaissent progressivement ou changent de taille. Il n’est pas nécessaire d’utiliser des symboles pour chaque aspect de votre animation. Cependant, outre les avantages présentés dans ce chapitre, l’utilisation des symboles et occurrences des graphismes qui apparaissent dans plusieurs images permet de réduire la taille de vos fichiers d’animation. Vous pouvez modifier les propriétés des symboles d’animation à tout moment, à l’aide de la boîte de dialogue Animer ou de l’Inspecteur des propriétés. Vous pouvez aussi modifier les graphismes que contiennent les symboles dans l’éditeur de symboles. Celui-ci permet de modifier un symbole sans affecter le reste du document. Vous pouvez aussi changer le mouvement du symbole en déplaçant son trajet de mouvement. Comme les symboles d’animation sont automatiquement placés dans la bibliothèque, vous pouvez les réutiliser pour créer de nouvelles animations. 224 Chapitre 11 : Création d’animations Création de symboles d’animations Après avoir créé un symbole d’animation, vous pouvez définir les propriétés qui déterminent le nombre d’images de l’animation et le type d’action (changement d’échelle ou rotation, par exemple). Par défaut, le nouveau symbole d’animation comporte cinq images, dont chacune est affichée pendant 0,07 centièmes de seconde. Pour créer un symbole d’animation : 1 Choisissez Edition > Insertion > Nouveau symbole. 2 Dans la boîte de dialogue Propriétés du symbole, indiquez le nom du nouveau symbole. 3 Choisissez l’option Animation, puis cliquez sur OK. 4 Dans l’éditeur, créez un nouvel objet à l’aide des outils dessin ou texte. Vous pouvez tracer des objets vectoriels ou bitmap. 5 Fermez la fenêtre de l’éditeur de symboles. Fireworks classe le symbole dans la bibliothèque, et en place une copie au centre du document. Vous pouvez ajouter de nouvelles images au symbole à l’aide du curseur Images de l’Inspecteur des propriétés. Choisissez Fenêtre > Propriétés pour ouvrir l’Inspecteur des propriétés, si nécessaire. Pour convertir un objet en symbole d’animation : 1 Sélectionnez l’objet. 2 Choisissez Modification > Animation > Animer la sélection. 3 Indiquez les paramètres désirés dans la boîte de dialogue. Pour plus d’informations sur les paramètres, voir Modification d’un symbole d’animation, page 225. Les contrôles d’animation apparaissent sur le cadre qui délimite l’objet, et une copie de ce dernier est ajoutée à la bibliothèque. Modification d’un symbole d’animation Vous pouvez manipuler les propriétés des symboles d’animation pour rendre votre site Web attractif. Vous pouvez modifier un grand nombre de caractéristiques, de la vitesse d’animation à l’opacité en passant par la rotation. En manipulant ces caractéristiques, un symbole peut tourner sur lui-même, accélérer, apparaître et disparaître progressivement, et ces effets peuvent être combinés. La principale propriété pour tout symbole d’animation est le nombre d’images. Cette propriété détermine le nombre d’étapes nécessaires au symbole pour effectuer son animation. Lorsque vous définissez le nombre d’images d’un symbole, Fireworks ajoute automatiquement au document le nombre d’images nécessaire pour accomplir cette action. Si le symbole nécessite plus d’images qu’il n’en existe dans l’animation, Fireworks vous demande si vous souhaitez ajouter des images. Utilisation des symboles d’animation 225 Modifications des propriétés des symboles d’animation Vous pouvez modifier les propriétés des symboles d’animation, à l’aide de la boîte de dialogue Animer ou de l’Inspecteur des propriétés. Propriétés des symboles d’animation dans l’Inspecteur des propriétés Vous pouvez modifier les propriétés suivantes d’un symbole d’animation : Images est le nombre d’images à inclure dans l’animation. Bien que le curseur n’autorise qu’un maximum de 250 images, vous pouvez spécifier n’importe quelle valeur dans le champ Images. La valeur par défaut est 5. Déplacer est la distance, en pixels, que doit parcourir chaque objet. Cette option est accessible uniquement dans la boîte de dialogue Animer. Bien que la valeur par défaut soit 72, vous pouvez spécifier n’importe quelle valeur dans le champ Déplacer. Les mouvements sont linéaires et il n’existe pas d’images principales (ce qui n’est pas le cas dans Macromedia Flash et Director). Direction est la direction, en degrés, de déplacement de l’objet. Les valeurs possibles sont comprises entre 0 et 360°. Cette option est accessible uniquement dans la boîte de dialogue Animer. Vous pouvez également changer les valeurs de Mouvement et Direction en tirant les poignées d’animation de l’objet. (Voir Modification des trajets de déplacement des symboles, page 228). Echelle est le changement de taille, en pourcentage, entre le début et la fin de l’animation. Bien que la valeur par défaut soit 100 %, vous pouvez spécifier n’importe quelle valeur dans le champ Echelle. Pour mettre à l’échelle un objet de 0 à 100 %, l’objet d’origine doit être très petit ; des objets vectoriels sont recommandés. Opacité est le degré de fondu (apparition ou disparition) entre le début et la fin de l’animation. La plage de valeurs va de 0 à 100 pixels, 100% étant la valeur par défaut. La création d’effets d’ouverture en fondu et de fondu enchaîné nécessite deux occurrences du même symbole—un pour la lecture des effets d’ouverture en fondu et l’autre pour la lecture des effets de fondu enchaîné. Rotation est la valeur de rotation, en degrés, du symbole entre le début et la fin. Les valeurs possibles sont comprises entre 0 et 360°. Vous pouvez saisir des valeurs supérieures pour obtenir plusieurs rotations. La valeur par défaut est 0º. Vers la droite et Vers la gauche indiquent la direction de rotation de l’objet. Horaire signifie une rotation dans le sens des aiguilles d’une montre, et Vers la gauche dans le sens inverse. 226 Chapitre 11 : Création d’animations Pour modifier les propriétés d’un symbole d’animation : 1 Sélectionnez un symbole d’animation. 2 Choisissez Modification > Animation > Paramètres pour afficher la boîte de dialogue Animer ou Fenêtre > Propriétés pour afficher l’Inspecteur des propriétés, s’il n’est pas encore ouvert. 3 Modifiez les propriétés désirées. 4 Si vous utilisez la boîte de dialogue Animer, cliquez sur OK pour accepter les propriétés modifiées. Suppression des animations Pour supprimer des animations, supprimez le symbole d’animation de la bibliothèque ou supprimez l’animation du symbole. Pour supprimer un symbole de la bibliothèque : 1 Dans le panneau Bibliothèque, sélectionnez le symbole d’animation à supprimer. 2 Faites glisser le symbole sur l’icône de poubelle, dans le coin inférieur droit. Pour supprimer l’animation du symbole d’animation sélectionné : • Choisissez Modification > Animer > Supprimer l’animation. Le symbole devient un symbole graphique et n’est plus animé. Si, par la suite, vous convertissez à nouveau le symbole en symbole d’animation, les paramètres d’animation précédents seront restaurés. Modification des graphismes des symboles Vous pouvez changer le graphisme de votre symbole et ses propriétés. Pour modifier le graphisme de votre symbole, utilisez l’éditeur de symboles. Il vous permet de modifier vos graphismes à l’aide des outils texte, de dessin et de couleur. Lorsque vous travaillez dans l’éditeur de symboles, seul le symbole sélectionné est affecté. Le symbole est un élément de la bibliothèque. Par conséquent, si vous modifiez l’aspect de l’une de ses occurrences vous modifiez toutes les autres. Pour changer les attributs du graphisme du symbole sélectionné : 1 Utilisez l’une des méthodes suivantes pour ouvrir l’éditeur de symboles : Double-cliquez sur l’objet symbole. Choisissez Modification > Symbole > Modifier le symbole. ■ Cliquez sur le bouton Modification dans la boîte de dialogue Animer. 2 Modifiez le symbole d’animation et changez le texte, les traits, les trames ou les effets selon vos besoins. 3 Fermez l’éditeur de symboles. ■ ■ Utilisation des symboles d’animation 227 Modification des trajets de déplacement des symboles Lorsque vous sélectionnez un symbole d’animation, il est entouré d’une bordure spécifique et accompagné d’une trajectoire de déplacement qui indique la direction de son mouvement. Sur cette trajectoire, le point vert est le point de départ et le point rouge indique le point d’arrivée. Les points bleus intermédiaires représentent les images. Par exemple, la trajectoire d’un symbole qui s’étend sur cinq images comporte un point vert, trois points bleus et un point rouge. La position de l’objet sur la trajectoire indique l’image courante. Ainsi, si l’objet apparaît sur le troisième point, l’image 3 est l’image courante. Vous pouvez modifier la direction du déplacement en changeant l’angle de la trajectoire. Pour changer le mouvement ou la direction : • Tirez l’une des poignées de début ou de fin d’animation du symbole vers un nouvel emplacement. Le point vert indique le point de départ, le point rouge indique le point d’arrivée. Pour contraindre la direction du déplacement par incréments de 45°, maintenez la touche MAJ enfoncée pendant que vous faites glisser le symbole. Utilisation des images Pour créer une animation, il faut disposer d’un certain nombre d’images. Le contenu de chaque image apparaît dans le panneau Images. C’est dans le panneau Images que vous créez et organisez les images. Vous pouvez nommer les images, les réorganiser, définir manuellement la cadence de l’animation, et déplacer des objets d’une image dans une autre. Colonne de la séquence d’images Nom de l’image Colonne de cadence des images Options de la séquence d’images Supprimer l’image Nouvelle image / Dupliquer Répartir dans les images Un certain nombre de propriétés sont également associées à chaque image. En définissant la cadence des images ou en cachant une image, vous pouvez obtenir l’animation désirée durant la création et la modification. 228 Chapitre 11 : Création d’animations Réglage de la cadence d’images La cadence des images détermine la durée d’affichage de chaque image. Elle est indiquée en centièmes de seconde. Par exemple, la valeur 50 affiche l’image pendant une demi-seconde, et la valeur 300 affiche l’image pendant 3 secondes. Pour définir la cadence d’images : 1 Sélectionnez une ou plusieurs images : Pour sélectionner une plage d’images contiguës, maintenez la touche MAJ enfoncée tout en cliquant sur les noms de la première et la dernière image. ■ Pour sélectionner une plage d’images non contiguës, maintenez la touche Control (Windows) ou Commande (Macintosh) enfoncée tout en cliquant sur le nom de chaque image désirée. 2 Utilisez l’une des méthodes suivantes : ■ Choisissez Propriétés dans le menu des options du panneau Images. ■ Double-cliquez sur la colonne de cadence d’image. La fenêtre contextuelle des propriétés des images s’affiche. 3 Indiquez la valeur de cadence d’image désirée. 4 Appuyez sur Entrée ou cliquez en dehors du panneau pour fermer cette fenêtre. ■ Affichage et masquage d’images pour la lecture Vous pouvez afficher ou masquer certaines images pour la lecture. Si une image est masquée, elle ne sera pas affichée pendant la lecture et ne sera pas exportée. Pour afficher ou masquer une image : 1 Utilisez l’une des méthodes suivantes : Choisissez Propriétés dans le menu des options du panneau Images. Double-cliquez sur la colonne de cadence d’image. La fenêtre contextuelle des propriétés des images s’affiche. 2 Désactivez la case à cocher Inclure lors de l’exportation. Un X rouge s’affiche à la place de la durée de cadence de cette image. 3 Appuyez sur Entrée ou cliquez en dehors de la fenêtre des propriétés des images pour fermer cette fenêtre. ■ ■ Noms des images d’une animation Lorsque vous préparez une animation, Fireworks crée le nombre d’images nécessaire et les affiche dans le panneau Images. Par défaut, ces images sont nommées Image 1, Image 2, etc. Lorsque vous déplacez une image dans la séquence, Fireworks renomme les images concernées en fonction du nouvel ordre d’apparition. Il peut être utile de nommer vos images pour les reconnaître aisément. De la sorte, vous saurez toujours quelle image contient une partie précise de l’animation. Le déplacement d’une image renommée n’a aucune influence sur le nom : ce dernier reste identique. Utilisation des images 229 Pour renommer une image : 1 Dans le panneau Images, double-cliquez sur le nom de l’image. 2 Dans la zone de texte qui apparaît, tapez le nouveau nom et appuyez sur la touche Entrée. Ajout, déplacement, copie et suppression d’images Le panneau Images permet d’ajouter, copier et supprimer des images, ainsi que d’en changer l’ordre. Pour ajouter une nouvelle image : • Cliquez sur le bouton Nouvelle image / Dupliquer dans la partie inférieure du panneau Images. Pour ajouter des images à un emplacement spécifique de la séquence : 1 Choisissez Ajouter des images dans le menu déroulant des options du panneau Images. 2 Indiquez le nombre de nouvelles images à ajouter. 3 Choisissez où les insérer : avant l’image courante, après cette image, au début ou à la fin de la séquence. Cliquez ensuite sur OK. Pour réaliser une copie d’une image : • Tirez une image existante sur le bouton Nouvelle image / Dupliquer dans la partie inférieure du panneau Images. Pour copier l’image sélectionnée et la placer dans une séquence : 1 Choisissez Dupliquer l’image dans le menu déroulant des options du panneau Images. 2 Indiquez le nombre de copies à créer à partir de l’image sélectionnée, choisissez leur point d’insertion, puis cliquez sur OK. Il est utile de dupliquer une image si vous désirez que des objets apparaissent dans une autre partie de l’animation. Pour réorganiser les images : • Déplacez-les une par une à l’emplacement désiré dans la liste. Pour supprimer l’image sélectionnée, exécutez l’une des actions suivantes : • Cliquez sur le bouton Supprimer l’image dans le panneau Images. • Tirez le nom de l’image sur le bouton Supprimer l’image. • Choisissez Supprimer l’image dans le menu déroulant des options du panneau Images. Déplacement des objets sélectionnés dans le panneau Images Vous pouvez utiliser le panneau Images pour déplacer des objets dans une autre image. Les objets qui n’apparaissent que dans une seule image semblent disparaître en cours d’animation. Vous pouvez déplacer des objets pour les faire apparaître ou disparaître en différents points de l’animation. Pour déplacer l’objet sélectionné dans une autre image : • Dans le panneau Images, faites glisser l’indicateur de sélection (le carré bleu qui apparaît à droite de la durée de cadence de l’image) vers son image de destination. 230 Chapitre 11 : Création d’animations Partage de calques entre plusieurs images Les calques permettent de diviser un document Fireworks en plusieurs plans verticaux discrets, comme des couches superposées de papier calque. Dans le cadre d’une animation, vous pouvez utiliser les calques pour organiser les objets selon qu’ils font partie de l’action principale ou de l’arrière-plan de l’animation. Vous pouvez alors intervenir aisément sur des objets d’un calque sans qu’ils interfèrent avec le reste de l’animation. Pour plus d’informations, voir Utilisation des calques, page 133. Si vous désirez que des objets apparaissent tout au long de l’animation, vous pouvez les placer sur un calque, puis partager celui-ci entre différentes images à l’aide du panneau Calques. Lorsqu’un calque est partagé entre plusieurs images, tous les objets de calque sont visibles dans chaque image. Vous pouvez modifier les objets des calques partagés dans n’importe quelle image ; ces modifications se reflètent dans toutes les autres images. Dans cet exemple, le calque carré de couleur rouge est partagé entre plusieurs images. Pour partager un calque entre plusieurs images : 1 Double-cliquez sur le calque. 2 Activez la case à cocher Utiliser pour toutes les images. Remarque : Tout le contenu d’un calque partagé apparaît sur chacune des images de ce partage. Pour désactiver le partage d’un calque entre plusieurs images : 1 Double-cliquez sur le calque partagé. 2 Désélectionnez la case à cocher Utiliser pour toutes les images. 3 Choisissez l’une des options de ci-dessous pour copier des objets dans les images : ■ ■ Conservez le contenu du calque partagé uniquement dans l’image courante. Copiez le contenu du calque partagé dans toutes les images. Visualisation des objets dans une image spécifique Vous pouvez aisément visualiser des objets dans une image spécifique à l’aide du menu déroulant Image du panneau Calques. Utilisation des images 231 Pour visualiser des objets dans une image spécifique : • Choisissez une image dans le menu déroulant Images, dans la partie inférieure du panneau Calques. Tous les objets présents dans cette image apparaissent dans le panneau Calques et sont affichés dans le document. Utilisation de la séquence de calques L’affichage de la séquence de calques permet de voir le contenu des images qui précèdent et suivent l’image actuellement sélectionnée. Cela vous permet d’affiner la transition entre les objets sans devoir passer incessamment d’un objet à une autre. Le terme anglais équivalent, onion skinning (pelure d’oignon), vient d’une technique d’animation traditionnelle qui consiste à utiliser des couches de papier calque fin pour visualiser les séquences animées. Lorsque l’affichage de la séquence de calques est activée, le niveau lumineux des objets situés dans les images qui précèdent et suivent l’image actuellement sélectionnée est atténué, ce qui vous permet de les distinguer des objets de l’image courante. Par défaut, la modification de plusieurs images est activée, ce qui implique que vous pouvez sélectionner et modifier des objets estompés dans d’autres images sans quitter l’image active. Utilisez l’outil Sélectionner derrière pour sélectionner de manière séquentielle des objets dans des images. Pour ajuster le nombre d’images visibles avant et après l’image courante : 1 Dans le panneau Images, cliquez sur le bouton Séquence de calques. 2 Choisissez une option d’affichage : Pas de séquence de calques désactive l’affichage de la séquence de calques et n’affiche que le contenu de l’image courante. Afficher image suivante affiche le contenu de l’image courante et celui de l’image suivante. Avant et après affiche le contenu de l’image courante et celui des images adjacentes. Afficher toutes les images affiche le contenu de toutes les images. Personnalisé permet de définir un nombre personnalisé d’images et de contrôler l’opacité de la séquence de calques. Modification de plusieurs images vous permet de sélectionner et modifier tous les objets visibles. La désactivation de cette option vous permet de sélectionner et d’éditer uniquement les objets de l’image courante. 232 Chapitre 11 : Création d’animations Interpolation L’interpolation est un terme employé en technique d’animation traditionnelle pour décrire le processus selon lequel un animateur principal dessine uniquement les images clés (images contenant d’importantes modifications) pendant que des assistants dessinent les images intermédiaires. Dans Fireworks, l’interpolation permet de mélanger deux occurrences ou plus du même symbole pour générer les occurrences intermédiaires avec des attributs interpolés. L’interpolation est un technique manuel pratique applicable au mouvement plus sophistiqué d’un objet dans le document et aux objets dont les effets en direct changent dans chaque image de l’animation. Par exemple, vous pouvez interpoler un objet pour qu’il donne l’impression de se déplacer sur un trajet linéaire. Pour interpoler des occurrences : 1 Sélectionnez plusieurs occurrences du même symbole graphique dans le document. Ne sélectionnez pas des occurrences de symboles différents. 2 Choisissez Modification > Symbole > Occurrences interpolées. 3 Dans la boîte de dialogue Occurrences interpolées, indiquez le nombre d’étapes interpolées à insérer entre les deux occurrences d’origine. 4 Pour répartir les objets interpolés dans des images distinctes choisissez Répartir dans les images et cliquez sur OK. Si vous choisissez de ne pas répartir les objets dans des images distinctes, vous pouvez le faire plus tard en sélectionnant toutes les occurrences et en cliquant sur le bouton Répartir dans les images dans le panneau Images. Remarque : Dans la plupart des cas, l’utilisation de symboles d’animation est préférable à l’interpolation. Pour plus d’informations, voir Utilisation des symboles d’animation, page 224. Aperçu d’une animation Vous pouvez prévisualiser une animation en cours de travail pour en vérifier l’avancement. Vous pouvez également prévisualiser une animation après optimisation, pour vérifier l’aspect qu’elle aura dans un navigateur Web. Pour prévisualiser une animation dans l’espace de travail : • Utilisez les contrôles d’animation qui apparaissent au bas de la fenêtre du document. Contrôles d’animation Lorsque vous prévisualisez des animations, prenez en compte les points suivants : • Pour définir la durée d’apparition d’une image dans la fenêtre du document, indiquez la valeur de cadence d’image désirée dans le panneau Images. • Les images qui n’ont pas été exportées n’apparaissent pas dans la visualisation. • L’animation telle qu’elle apparaît dans la fenêtre Original affiche les sources des graphismes à leur résolution normale, et non les versions optimisées qui ont été exportées dans le fichier. Aperçu d’une animation 233 Pour prévisualiser une animation dans l’affichage d’aperçu : 1 Cliquez sur le bouton Aperçu dans le coin supérieur gauche de la fenêtre de document. 2 Utilisez les contrôles d’animation. Remarque : Il n’est pas recommandé de visualiser l’animation dans les fenêtres 2 en 1 ou 4 en 1. Pour afficher une animation dans un navigateur Web : • Choisissez Fichier > Aperçu dans le navigateur, et sélectionnez un navigateur dans le sousmenu. Remarque : Vous devez sélectionner le format de fichier GIF animé comme format de fichier d’exportation dans le panneau Optimiser, autrement vous ne percevrez aucun mouvement lorsque vous prévisualiserez le document dans le navigateur. Cela est obligatoire, même si vous comptez importer votre animation dans Flash sous forme de fichier SWF ou de fichier PNG Fireworks. Exportation d’une animation Après avoir créé et paramétré les symboles et les images qui composent votre animation, vous êtes prêt à les exporter dans un fichier d’animation. Avant d’exporter le fichier, vous devez définir quelques paramètres qui permettront à votre animation d’être chargée plus rapidement et de s’exécuter de façon plus fluide. Vous pouvez définir les paramètres de lecture (boucle et transparence), et utiliser l’optimisation pour que le fichier exporté soit plus compact et plus rapide à charger. Remarque : Si vous comptez importer votre animation dans Macromedia Flash pour l’améliorer, il n’est pas nécessaire de l’exporter. Flash permet d’importer directement les fichiers source PNG Fireworks. Pour plus d’informations, sélectionnez Flash dans la rubrique « Working with other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse suivante : http://www.macromedia.com/fr/support/. Réglage du nombre de répétitions de l’animation Le paramètre Boucle de la boîte de dialogue Images détermine le nombre de répétitions de l’animation. Comme le défilement d’images se répète autant de fois que vous l’avez indiqué, vous pouvez réduire le nombre d’images nécessaires pour créer l’animation. Pour définir le nombre de répétitions de l’image animée sélectionnée : 1 Choisissez Fenêtre > Images pour afficher le panneau Images. 2 Cliquez sur le bouton Lecture en boucle de l’animation GIF, au bas de la fenêtre du document. 3 Choisissez le nombre de répétitions après la lecture initiale. Par exemple, si vous choisissez 4, l’animation sera exécutée cinq fois en tout. Avec En continu, l’animation se répète indéfiniment. Paramétrage de la transparence Au cours du processus d’optimisation, vous pouvez définir une ou plusieurs couleurs d’une image GIF animé qui seront transparentes dans un navigateur Web. Cette possibilité est particulièrement utile pour que la couleur ou l’image d’arrière-plan d’une page Web apparaisse à travers l’animation. Pour qu’une couleur soit affichée comme transparente dans un navigateur Web : 1 Si le panneau n’est pas visible, choisissez Fenêtre > Optimiser. 234 Chapitre 11 : Création d’animations 2 Dans le menu contextuel Transparence du panneau Optimiser, choisissez Transparence d’Index ou Transparence Alpha. Pour une description de ces options, voir Création de zones de transparence, page 253. 3 Utilisez l’outil Transparence du panneau Optimiser pour sélectionner les couleurs utilisées pour la transparence. Optimisation d’une animation L’optimisation consiste à compresser les fichiers dans la mesure du possible pour en accélérer le chargement et l’exportation, ce qui les fait apparaître beaucoup plus rapidement sur la page Web. Pour optimiser une animation : 1 Si vous comptez exporter votre animation en format GIF animé, choisissez GIF animé, dans le panneau Optimiser, comme format de fichier d’exportation. Si le panneau n’est pas visible, choisissez Fenêtre > Optimiser. 2 Paramétrez les options Couleurs, Tramer et Transparence. Pour plus d’informations sur les options d’optimisation, voir Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT, page 247. 3 Dans le panneau Images, indiquez la valeur de cadence d’image désirée. Pour plus d’informations, voir Réglage de la cadence d’images, page 229. Formats d’exportation des animations Lorsque vous avez créé et optimisé une animation, elle est prête à être exportée. Le format GIF animé est celui qui donne les meilleurs résultats pour les graphiques de type aplats et dessins animés. Pour plus d’informations sur l’exportation de GIF animés, voir Exportation d’une animation, page 263. Vous pouvez exporter l’animation sous forme de fichier Flash SWF, et l’importer ensuite dans Macromedia Flash. Ou, vous pouvez sauter l’étape d’exportation et importer votre fichier source PNG Fireworks directement dans Flash. Cette option permet de mieux contrôler l’importation de votre animation. Vous pouvez importer tous les calques et images de votre animation pour l’améliorer dans Flash. Pour plus d’informations, sélectionnez Flash dans la rubrique « Working with other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse suivante : www.macromedia.com/fr/support/. Vous pouvez également exporter des images ou calques de vos animations dans des fichiers distincts. Cela peut être utile si de nombreux symboles figurent dans différents calques du même objet. Par exemple, vous pouvez exporter une bannière publicitaire sous forme de fichiers multiples si chaque lettre du nom d’une société est animée dans un graphique. Chaque lettre est séparée des autres. Pour plus d’informations sur l’exportation de calques ou d’images dans des fichiers distincts, voir Exportation des images ou calques, page 264. Exportation d’une animation 235 Utilisation d’animations existantes Vous pouvez utiliser un fichier GIF animé existant dans le cadre d’une animation Fireworks. Il existe deux façon d’utiliser le fichier : vous pouvez importer le GIF dans un fichier Fireworks existant ou l’ouvrir dans un nouveau fichier. Lorsque vous importez un fichier GIF animé, Fireworks le convertit en symbole d’animation et le place dans l’image active. Si l’animation importée compte plus d’images que l’animation en cours, vous pouvez choisir de faire ajouter automatiquement le nombre d’images nécessaire. Les images GIF importées perdent leurs paramètres de cadence d’images d’origine, au profit de ceux du document courant. Comme le fichier importé est transformé en symbole d’animation, vous pouvez lui appliquer des mouvements supplémentaires. Par exemple, vous pouvez importer l’animation d’un homme marchant sur place et lui appliquer des propriétés de direction et de mouvement qui lui feront traverser l’écran. Lorsque vous ouvrez une image GIF animé dans Fireworks, un nouveau fichier est créé, et chaque image du fichier GIF est placée dans une image séparée. Bien que l’image GIF d’origine ne soit pas un symbole d’animation, elle ne conserve pas ses paramètres de cadence d’images d’origine. Une fois le fichier importé, vous devez définir son format de fichier comme GIF animé pour exporter l’animation depuis Fireworks. Pour importer une image GIF animé : 1 Choisissez Fichier > Importer. 2 Naviguez jusqu’au fichier et cliquez sur Ouvrir. 3 Ouvrez le fichier, et cliquez sur Oui pour ajouter des images supplémentaires à votre animation. Si vous cliquez sur Annuler, seule la première image du fichier GIF animé sera affichée. Bien que tout le document d’origine soit importé, vous devez ajouter des images pour voir le reste du fichier. Pour ouvrir une image GIF animé : • Choisissez Fichier > Ouvrir, puis localisez le fichier GIF. Utilisation de fichiers multiples pour une animation Fireworks peut créer une animation à partir d’un groupe de fichiers d’image. Par exemple, vous pouvez créer une bannière publicitaire sur la base de plusieurs graphismes existants, en ouvrant chaque graphisme et en le plaçant dans une image individuelle d’un même document. Pour ouvrir plusieurs fichiers comme base d’une animation : 1 Choisissez Fichier > Ouvrir. 2 Maintenez enfoncée la touche Maj et sélectionnez les différents fichiers. 3 Choisissez Ouvrir comme animation, puis cliquez sur OK. Fireworks ouvre les fichiers dans un nouveau document unique, en plaçant chaque fichier image dans une image séparée, dans l’ordre dans lequel vous avez sélectionné les fichiers. 236 Chapitre 11 : Création d’animations CHAPITRE 12 Optimisation et exportation La gageure de la conception graphique pour le Web consiste à créer des images sophistiquées pouvant être chargées le plus vite possible. Pour ce faire, vous devez choisir un format offrant le taux de compression le mieux adapté à votre image, tout en préservant le plus possible la qualité. Cette recherche du meilleur compromis est appelée optimisation ; elle consiste à trouver les valeurs les mieux adaptées pour le nombre de couleurs, le niveau de compression et la qualité. L’exportation de graphismes depuis Macromedia Fireworks MX 2004 s’effectue en deux étapes : • Vous préparez d’abord un document ou des graphismes découpés individuellement pour • l’exportation en choisissant des options d’optimisation et en comparant les aperçus pour déterminer le juste équilibre entre la qualité et la taille des fichiers. Vous exportez ensuite le document ou les graphismes à partir d’options d’exportation adaptées à leur destination sur le Web ou ailleurs. Si vous ne maîtrisez pas les procédures d’optimisation et d’exportation des graphismes Web, utilisez l’ Assistant Exportation. Vous pourrez ainsi aborder le processus d’exportation étape par étape et bénéficier de suggestions. Il affiche également la fenêtre Aperçu avant exportation, dans laquelle vous pouvez optimiser un document dans le cadre de la procédure d’exportation. Si vous maîtrisez bien les procédures d’optimisation et d’exportation de graphismes, utilisez les outils d’optimisation et d’exportation disponibles dans Fireworks. Pour l’optimisation, utilisez le panneau Optimiser et les boutons de prévisualisation figurant dans la fenêtre du document. Ils vous permettent de mieux contrôler le processus d’optimisation. Pour l’exportation, utilisez la boîte de dialogue Exporter ou le bouton Exportation rapide. Dans certains cas, vous pouvez simplement enregistrer le graphisme sans l’exporter. Pour plus d’informations, voir l’aide de Fireworks. Le bouton Exportation rapide rend plus aisée l’exportation des graphismes vers d’autres applications, en ce sens qu’il définit automatiquement les options dans la boîte de dialogue Exporter. Si vous utilisez Fireworks avec d’autres applications, ce bouton peut simplifier le processus de conception. Optimisation Dans Fireworks, l’optimisation des graphismes implique les actions suivantes : • Le choix du meilleur format. Chaque format de fichier repose sur sa propre technique de compression des informations colorimétriques. Le choix du format le plus approprié à un type de graphisme précis permet de diminuer de manière considérable la taille de son fichier. 237 • le choix des options spécifiques au format. Chaque format de fichier possède un jeu d’options • particulier. Vous pouvez utiliser des options telles que la profondeur de couleur pour réduire la taille des fichiers. Certains formats graphiques tels que les formats GIF et JPEG possèdent également des options permettant de contrôler la compression des images. Le réglage des couleurs dans le graphisme (pour format de fichier 8 bits uniquement). Vous pouvez limiter le nombre de couleurs en confinant l’image à un jeu de couleurs spécifique, appelée palette de couleurs. Supprimez ensuite les couleurs inutilisées de la palette de couleurs. La réduction du nombre de couleurs de la palette diminue le nombre de couleurs utilisées dans l’image, ce qui permet d’obtenir des fichiers de plus petite taille pour les types de fichier d’images couleur. Vous devez essayer tous les contrôles d’optimisation pour trouver le meilleur équilibre entre la qualité et la taille de fichier. Utilisation de l’Assistant Exportation Si vous ne maîtrisez pas les procédures d’optimisation et d’exportation des graphismes Web, utilisez l’ Assistant Exportation. L’Assistant Exportation vous permet d’exporter aisément des graphismes sans connaître les détails des procédures d’optimisation et d’exportation. L’ Assistant Exportation vous guide, étape par étape, tout au long du processus d’optimisation et d’exportation. Après avoir répondu aux questions sur la destination et l’usage prévu des fichiers, choisissez l’une des suggestions de type de fichier et d’optimisation. Lorsque vous devez optimiser le fichier en fonction de la taille voulue du fichier cible, l’ Assistant Exportation permet d’optimiser le fichier exporté en fonction de la taille spécifiée. Une fois que vous maîtrisez bien les procédures d’optimisation et d’exportation, utilisez le panneau Optimiser et les boutons de prévisualisation de la fenêtre du document pour optimiser les graphismes. Elles sont plus pratiques à utiliser que l’Assistant Exportation et offrent un meilleur contrôle aux utilisateurs qui maîtrisent bien les procédures d’optimisation. Après avoir optimisé les graphismes à l’aide de cette procédure, vous devez exécuter une étape supplémentaire pour exporter (ou enregistrer) les graphismes. Pour plus d’informations sur l’exportation, voir Optimisation dans l’espace de travail, page 242 ou Exportation depuis Fireworks, page 260. Pour plus d’informations sur l’enregistrement, voir l’aide de Fireworks. Pour exporter un document avec l’Assistant Exportation : 1 Choisissez Fichier > Assistant Exportation. 2 Répondez à toutes les questions qui s’affichent et cliquez sur Continuer dans chaque panneau. Fireworks fournit quelques recommandations sur les formats de fichier. Conseil : Choisissez Taille du fichier d’exportation cible dans le premier panneau pour spécifier la taille maximum du fichier cible. 3 Cliquez sur Quitter dans la fenêtre Résultats de l’analyse de l’Assistant. Dans la fenêtre Aperçu avant exportation, la fenêtre présente des options d’exportation recommandées. Pour plus d’informations, voir Utilisation de la fenêtre Aperçu avant exportation, page 239. 238 Chapitre 12 : Optimisation et exportation Utilisation de la fenêtre Aperçu avant exportation Lorsque vous ouvrez la fenêtre d’aperçu à partir de l’Assistant Exportation, les options d’optimisation et d’exportation conseillées pour le document actif s’affichent. Si vous l’ouvrez directement à partir du menu Fichier, les paramètres d’exportation du document actif s’affichent tels qu’ils sont définis dans le panneau Optimiser. Le graphisme apparaît dans la zone de prévisualisation de la fenêtre Aperçu avant exportation tel qu’il sera exporté. Cette zone fournit également une estimation de la taille du fichier et du temps de téléchargement avec les paramètres d’exportation choisis. Estimation du temps de téléchargement et de la taille du fichier cible Enregistrement des paramètres de la vue active Prévisualisation avec les paramètres d’exportation choisis Jeu d’options enregistré pour l’exportation sélectionnée Vous pouvez afficher plusieurs vues, correspondant à des paramètres différents, de façon à obtenir le meilleur compromis possible entre la taille du fichier et le niveau de qualité requis. Vous pouvez également limiter la taille du fichier avec l’Assistant Optimiser la taille. Dans le cas de GIF animés ou de survols JavaScript, l’estimation de la taille du fichier correspond à la somme des tailles de toutes les images. Remarque : Pour accélérer le rafraîchissement de l’aperçu, désélectionnez la case Aperçu. Pour interrompre le rafraîchissement de la zone d’aperçu lorsque vous modifiez les paramètres, appuyez sur la touche Echap. Pour exporter un graphisme à partir de l’Aperçu avant exportation : 1 Choisissez Fichier > Aperçu avant exportation pour ouvrir la fenêtre correspondante. ■ ■ ■ Pour modifier les paramètres d’optimisation, cliquez sur l’onglet Options. Pour plus d’informations sur les options de cet onglet, voir les procédures ci-dessous. Pour modifier la taille et la zone de l’image exportée, cliquez sur l’onglet Fichier et changez les paramètres appropriés. Pour plus d’informations sur les options de cet onglet, voir les procédures ci-dessous. Pour modifier les paramètres d’animation de l’image, cliquez sur l’onglet Animation et changez les paramètres appropriés. Pour plus d’informations sur les options de cet onglet, voir les procédures ci-dessous. Utilisation de l’Assistant Exportation 239 2 Cliquez sur le bouton Zoom en bas de la boîte de dialogue pour appliquer un zoom avant ou arrière dans la fenêtre d’affichage. Cliquez sur ce bouton pour activer l’outil Zoom, puis cliquez dans l’aperçu pour zoomer. Appuyez sur la touche Alt (Windows) ou Option (Macintosh) et cliquez sur le bouton de zoom dans l’aperçu pour effectuer un zoom arrière. 3 Pour appliquer un panoramique sur la fenêtre d’affichage exécutez l’une des actions suivantes : ■ Cliquez sur le bouton Pointeur en bas de la boîte de dialogue et faites glisser la fenêtre d’aperçu. ■ Lorsque le pointeur Zoom est actif, maintenez la barre d’espacement enfoncée et déplacez le pointeur dans la fenêtre d’aperçu. 4 Cliquez sur un bouton de fractionnement et divisez la zone d’aperçu en deux ou quatre fenêtres pour en comparer les paramètres. Ces fenêtres permettent d’afficher un aperçu du graphisme avec des paramètres d’exportation différents. Remarque : Si vous appliquez un zoom ou un panoramique lorsque plusieurs fenêtres sont ouvertes, toutes les fenêtres sont agrandies et mises en panoramique simultanément. 5 Cliquez sur Exporter après avoir modifié les paramètres. 6 A partir de la boîte de dialogue Exporter, tapez un nom de fichier, choisissez une destination, définissez d’autres options, si vous le désirez, puis cliquez sur Enregistrer. Pour plus d’informations sur les options de la boîte de dialogue Exporter, voir Exportation depuis Fireworks, page 260. Pour définir les paramètres d’optimisation à l’aide de la fenêtre Aperçu avant exportation : 1 Cliquez sur l’onglet Options. La plupart des options de cet onglet sont identiques à celles du panneau Optimiser. Pour plus d’informations sur ces options, voir Utilisation des paramètres d’optimisation, page 243. 2 Pour optimiser un graphisme en fonction de la taille du fichier cible, cliquez sur le bouton de l’Assistant Optimiser la taille. Indiquez la taille du fichier en Ko et cliquez sur OK. L’Assistant Optimiser la taille tente d’obtenir la taille de fichier requise par les méthodes suivantes : ■ En ajustant la qualité JPEG ; ■ En modifiant le lissage JPEG ; ■ En modifiant le nombre de couleurs dans les images 8 bits ; ■ En changeant les paramètres de tramage dans les images 8 bits ; ■ En activant ou désactivant les paramètres d’optimisation. 240 Chapitre 12 : Optimisation et exportation Pour définir les dimensions de l’image exportée à partir de la fenêtre Aperçu avant exportation : 1 Cliquez sur l’onglet Fichier. 2 Spécifiez le pourcentage de mise à l’échelle ou saisissez la largeur et la hauteur souhaitées en pixels. Choisissez Contraindre les proportions pour modifier les proportions (hauteur et largeur) de l’image d’une valeur identique. Pour exporter une partie seulement d’une image à l’aide de la fenêtre Aperçu avant exportation : 1 Cliquez sur l’onglet Fichier. 2 Sélectionnez l’option Exporter zone et procédez de l’une des manières suivantes pour définir la zone à exporter : ■ Déplacez le rectangle pointillé qui apparaît autour de l’aperçu pour délimiter la zone d’exportation désirée. (Tirez le rectangle à l’intérieur de la zone d’aperçu pour voir les zones non affichées.) ■ Indiquez les coordonnées en pixels des limites de la zone à exporter. Pour définir les paramètres d’animation à l’aide de la fenêtre Aperçu avant exportation : 1 Cliquez sur l’onglet Animation. 2 Utilisez l’une des techniques suivantes pour voir les images animées : Pour afficher une seule image, sélectionnez l’image désirée dans la liste à gauche de la boîte de dialogue, ou utilisez les contrôles d’animation dans le coin inférieur droit de la boîte de dialogue. ■ Pour voir fonctionner l’animation, cliquez sur le contrôle Lire/Arrêter dans la partie inférieure droite de la boîte de dialogue. 3 Modifiez l’animation : ■ Pour choisir la méthode d’élimination d’une image, sélectionnez l’image désirée dans la liste et choisissez l’une des options du menu déroulant (indiqué par l’icône d’une poubelle). ■ Utilisation de l’Assistant Exportation 241 ■ ■ ■ ■ Pour définir la cadence d’une animation, sélectionnez l’image désirée dans la liste et indiquez la cadence en centièmes de seconde dans le champ Cadence des images. Pour que l’animation se répète en continu, cliquez sur le bouton Boucle et choisissez le nombre de répétitions désiré dans le menu déroulant. Choisissez l’option Recadrage automatique pour définir une zone rectangulaire dans chaque image, afin que seule la zone qui diffère entre les images soit exportée. Le choix de cette option réduit la taille des fichiers. Choisissez l’option Différence automatique pour que seuls les pixels qui changent entre deux images consécutives soient exportés. Le choix de cette option réduit la taille des fichiers. Optimisation dans l’espace de travail L’exportation de graphismes sur le Web s’effectue en deux étapes : l’optimisation, puis l’exportation (ou le simple enregistrement dans certains cas). L’optimisation des graphismes permet de s’assurer qu’ils possèdent le nombre de couleurs, le niveau de compression et la qualité appropriés. Après avoir défini les paramètres d’optimisation d’un graphisme, ce dernier est prêt à être exporté. Vous pouvez vous passer de l’Assistant Exportation et de la fenêtre Aperçu avant exportation si vous maîtrisez bien le procédure d’optimisation et d’exportation de graphismes. L’espace de travail de Fireworks possède des fonctions d’optimisation et d’exportation qui vous permettent de mieux contrôler la manière dont les fichiers sont exportés : • Le panneau Optimiser contient les principaux contrôles d’optimisation. Pour les formats de fichier en 8 bits, il contient également une table de couleurs qui affiche les couleurs utilisées dans la palette de couleurs exportées. Remarque : Lorsqu’une découpe est sélectionnée, le panneau Optimiser affiche les paramètres d’optimisation pour cette découpe. De la même manière, lorsque tout le document est sélectionné, le panneau Optimiser affiche les paramètres d’optimisation de tout le document. En d’autres termes, les données affichées dans le panneau Optimiser dépendent de l’élément sélectionné. • Lorsqu’une découpe est sélectionnée, vous pouvez choisir des paramètres d’optimisation • 242 prédéfinis ou sauvegardés à partir du menu contextuel Paramètres d’exportation de l’Inspecteur des propriétés. Les boutons de prévisualisation de la fenêtre du document permettent d’afficher le graphisme tel qu’il apparaîtrait une fois exporté avec les paramètres d’optimisation actifs. Chapitre 12 : Optimisation et exportation Vous pouvez ainsi optimiser l’ensemble du document ou sélectionner des découpes individuelles d’un graphisme JPEG et affecter à chacune d’elles différents paramètres d’optimisation. Utilisation des paramètres d’optimisation Vous pouvez choisir des paramètres d’optimisation courants dans l’Inspecteur des propriétés ou dans le panneau Optimiser afin de définir rapidement un format de fichier et d’appliquer des paramètres spécifiques à un format précis. Lorsque vous choisissez une option du menu déroulant des options d’exportation par défaut de l’Inspecteur des propriétés, les autres options du panneau Optimiser sont automatiquement définies. Si vous le désirez, vous pouvez améliorer chaque option individuellement. Pour obtenir un contrôle plus précis de l’optimisation que celui des options prédéfinies, vous pouvez créer vos propres paramètres d’optimisation dans le panneau Optimiser. Vous pouvez également modifier la palette de couleurs d’un graphisme à l’aide de la table de couleurs du panneau Optimiser. Pour choisir un paramètre d’optimisation prédéfini : • Choisissez un réglage prédéfini dans le menu déroulant Paramètres de l’Inspecteur des propriétés ou du panneau Optimiser : GIF Web 216 force toutes les couleurs à respecter les couleurs Websafe. Cette palette contient jusqu’à 216 couleurs. (Voir Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT, page 247). GIF WebSnap 256 convertit les couleurs non Websafe dans la couleur Websafe la plus proche. Cette palette contient jusqu’à 256 couleurs au maximum. GIF WebSnap 128 convertit les couleurs non Websafe dans la couleur Websafe la plus proche. Cette palette contient jusqu’à 128 couleurs. GIF Adaptatif 256 est une palette qui ne contient que les couleurs exactes utilisées dans le graphique. Cette palette contient jusqu’à 256 couleurs au maximum. JPEG - Qualité supérieure définit le taux de qualité à 80 et le lissage à 0, ce qui produit des graphiques de haute qualité mais des fichiers plus gros. JPEG - Fichier réduit définit le taux de qualité à 60 et le lissage à 2, ce qui produit des graphiques dont la taille de fichier est réduite de plus de la moitié par rapport au type JPEG Qualité supérieure, mais au prix d’une réduction de la qualité d’image. Optimisation dans l’espace de travail 243 GIF animé WebSnap 128 sélectionne le format de fichier GIF animé et convertit les couleurs qui ne font pas partie de la palette Websafe dans la couleur Websafe la plus proche. Cette palette contient jusqu’à 128 couleurs. Pour plus d’informations sur les types de fichiers, voir Choix d’un type de fichier, page 246. Pour spécifier des paramètres d’optimisation personnalisés : 1 Dans le panneau Optimiser, choisissez une option dans le menu contextuel du type de fichier d’exportation. 2 Définissez les options spécifiques à ce format (code des couleurs, tramage et qualité). 3 Si nécessaire, choisissez un autre paramétrage d’optimisation dans le menu contextuel du panneau Optimiser. Pour plus d’informations sur les commandes d’optimisation spécifiques, voir les sections correspondantes dans Optimisation dans l’espace de travail, page 242. 4 Vous pouvez nommer et sauvegarder vos paramètres d’optimisation personnels. Lorsque vous sélectionnez des découpes, des boutons ou le document, les noms des paramètres enregistrés apparaissent dans les paramètres d’optimisation prédéfinis du menu déroulant Paramètres du panneau Optimiser et de l’Inspecteur des propriétés. Pour plus d’informations, voir Enregistrement et réutilisation des paramètres d’optimisation, page 259. Pour modifier la palette de couleurs : • Si le panneau Optimiser est fermé, choisissez Fenêtre > Optimiser pour afficher et modifier la palette de couleurs d’un document. Pour plus d’informations, voir Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT, page 247. Pour optimiser des découpes individuelles : 1 Cliquez sur une découpe pour la sélectionner. Pour sélectionner plusieurs découpes à la fois, appuyez sur la touche Maj et cliquez sur chacune d’elles. 2 Dans le panneau Optimiser, optimisez les découpes sélectionnées. Prévisualisation et comparaison des paramètres d’optimisation Les boutons de prévisualisation affichent le graphisme tel qu’il apparaîtra dans un navigateur et tient compte des paramètres d’optimisation. Vous pouvez y vérifier les survols et les comportements de navigation, ainsi que les animations. Bouton Original et boutons de prévisualisation du document Les boutons de prévisualisation affichent la taille totale du document, une estimation du temps de téléchargement et le format du fichier. L’estimation représente la moyenne du temps nécessaire au téléchargement de l’ensemble des découpes et images du document en supposant qu’un modem de 56 K est utilisé. Les fenêtres 2 en 1 et 4 en 1 affichent des informations complémentaires qui varient en fonction du type de fichier sélectionné. 244 Chapitre 12 : Optimisation et exportation Vous pouvez utiliser le panneau Optimiser pour optimiser un document dans une fenêtre d’aperçu comme si vous vous trouviez dans la fenêtre Original. Optimisez l’ensemble du document ou uniquement les découpes sélectionnées. La couche de découpe permet de différencier la zone du document qui est en cours d’optimisation du reste du document. La couche de découpe affiche avec une teinte laiteuse, atténuée, les zones qui ne sont pas en cours d’optimisation. Vous pouvez activer ou désactiver la couche de découpe. Lorsque vous optimisez une découpe sélectionnée, les densités des parties qui ne sont pas en cours d’optimisation sont atténuées. Pour afficher l’aperçu d’un graphisme avec les paramètres d’optimisation actifs : • Cliquez sur le bouton Aperçu dans le coin supérieur gauche de la fenêtre de document. Remarque : A partir du panneau Outils, cliquez sur l’icône Masquer les découpes pour masquer les découpes et les repères de découpe pendant la prévisualisation. Pour comparer des aperçus ayant des paramètres d’optimisation différents : 1 Cliquez sur l’onglet 2 en 1 ou 4 en 1 dans le coin supérieur gauche de la fenêtre du document. 2 Cliquez sur l’un des aperçus pour le sélectionner. 3 Indiquez les paramètres d’optimisation dans le panneau Optimiser. 4 Sélectionnez les autres aperçus et spécifiez d’autres paramètres d’optimisation pour chaque aperçu afin de les comparer. Lorsque vous choisissez un aperçu 2 en 1 ou 4 en 1, la première fenêtre affiche le document PNG d’origine de Fireworks, ce qui vous permet de le comparer avec les versions optimisées. Vous pouvez afficher la version optimisée de votre choix. Optimisation dans l’espace de travail 245 Pour basculer d’une vue optimisée à la vue du document original dans un aperçu 2 en 1 ou 4 en 1 : 1 Sélectionnez une fenêtre d’aperçu. 2 Choisissez Original (pas d’aperçu) dans le menu déroulant d’affichage qui se trouve à la base de la fenêtre d’aperçu. Pour basculer de la vue du document original vers une vue optimisée dans un aperçu 2 en 1 ou 4 en 1 : 1 Sélectionnez l’affichage de l’image originale. 2 Choisissez Aperçu avant exportation dans le menu déroulant Aperçu. Pour afficher ou masquer la couche de découpe : • Choisissez Affichage > Couche de découpe. Remarque : Cette commande est utile lorsque vous êtes dans la fenêtre Aperçu, ainsi que dans les fenêtres d’aperçu 2 en 1 et 4 en 1. Choix d’un type de fichier Le choix du format de fichier doit dépendre du type de graphisme et de son utilisation. L’intégrité visuelle d’un graphisme peut varier d’un format à un autre, surtout si vous utilisez différentes méthodes de compression. En outre, seuls certains formats de fichiers graphiques sont acceptés par la plupart des navigateurs Web. Cependant, d’autres formats de fichiers sont parfaits pour l’édition et l’utilisation dans des applications multimédia. Voici les formats de fichier disponibles : GIF, ou Graphics Interchange Format, est l’un des formats les plus utilisés sur le Web. Il contient un maximum de 256 couleurs. Par ailleurs, les fichiers GIF peuvent contenir une zone transparente et être composés de plusieurs images, pour les effets d’animation. Les images dans lesquelles se trouvent des plages de couleurs identiques sont parfaites pour la compression lorsqu’elles sont exportées en en format GIF. Ce format est généralement idéal pour les graphismes de type dessin animé, les logos, les images comportant des zones transparentes ou les animations. JPEG a été développé par le Joint Photographic Experts Group pour les besoins spécifiques des images photographiques ou comportant un nombre très élevé de couleurs. Le format JPEG permet de coder 16 millions de couleurs (24 bits). Le format JPEG est idéal pour exporter des photographies numérisées, des images comportant des textures ou des dégradés, ou toute autre image nécessitant plus de 256 couleurs. PNG, ou Portable Network Graphic, est un format graphique polyvalent utilisé sur le Web. Cependant, tous les navigateurs Web ne peuvent pas prendre en charge les images PGN. Le format PNG permet de coder les graphismes sur un maximum de 32 bits, peut inclure une transparence ou une couche alpha, et prend en charge l’affichage progressif des images. PNG est le format de fichier natif de Macromedia Fireworks. Cependant, les fichiers PNG de Fireworks comportent des informations spécifiques à l’application qui ne sont pas enregistrées dans le fichier PNG exporté ou dans les fichiers créés dans d’autres applications. WBMP, ou Wireless Bitmap, est un format graphique utilisé pour les périphériques de l’informatique mobile (téléphones portables et assistants numériques personnels). Il a été conçu spécifiquement pour les pages WAP (Wireless Application Protocol). Dans la mesure où il s’agit d’un format 1 bit, seules deux couleurs sont visibles : noir et blanc. 246 Chapitre 12 : Optimisation et exportation TIFF, ou Tagged Image File Format, est un format graphique utilisé pour le stockage des images bitmap. Il s’agit du format le plus utilisé dans l’édition. De nombreuses applications multimédia prennent également en charge les images importées en format TIFF. BMP, le format de fichier graphique de Microsoft Windows, est un format de fichier couramment utilisé pour l’affichage d’images bitmap. Les fichiers BMP sont essentiellement utilisés sur des ordinateurs fonctionnant sous le système d’exploitation de Windows. De nombreuses applications peuvent importer des images BMP. PICT, mis au point par Apple Computer, est un format de fichier graphique couramment utilisé sur les ordinateurs fonctionnant sur les systèmes d’exploitation Macintosh. La plupart des applications Mac peuvent importer des images PICT. Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT Dans Fireworks, chaque format de fichier possède un jeu d’options d’optimisation. Dans la plupart des cas, seuls les fichiers sur 8 bits de type GIF, PNG 8, TIFF 8, BMP 8 et PICT 8 offrent des contrôles d’optimisation intéressants. Remarque : Les fichiers JPEG constituent l’exception. Pour plus d’informations sur les commandes d’optimisation JPEG, voir Optimisation des fichiers JPEG, page 255. Les paramètres d’optimisation de Fireworks s’appliquent de façon identique à tous les fichiers sur 8 bits. Pour les fichiers Web tels que les fichiers GIF et PNG, il est possible d’indiquer le niveau de compression à appliquer aux graphismes. Vous pouvez optimiser des fichiers sur 8 bits en modifiant leur palette de couleurs. La réduction du nombre de couleurs de la palette diminue le nombre de couleurs utilisées dans l’image, ce qui permet d’obtenir des fichiers de plus petite taille. Mais la réduction du nombre de couleurs peut également diminuer la qualité de l’image. Comme vous l’avez expérimenté avec des paramètres d’optimisation différents, utilisez les aperçus 2 en 1 et 4 en 1 pour tester et comparer l’apparence du graphisme et la taille estimée du fichier qui en résulte. Pour plus d’informations sur l’utilisation des boutons de prévisualisation de documents, voir Prévisualisation et comparaison des paramètres d’optimisation, page 244. Remarque : Dans Fireworks MX 2004, vous pouvez ouvrir et enregistrer tous les types de fichiers mentionnés ci-dessus (à l’exception du format PICT) avec leurs nom de fichier, extension et paramètres d’optimisation d’origine. Ce comportement diffère par rapport à celui des versions précédentes de Fireworks. Pour plus d’informations, voir l’aide de Fireworks. Choix d’une palette de couleurs Les formats GIF et autres formats d’images sur 8 bits incluent une palette de couleurs. Une palette de couleurs est une liste pouvant comporter jusqu’à 256 couleurs utilisables dans un fichier. Seules les couleurs définies dans la palette de couleurs apparaissent dans un graphique. Cependant, certaines palettes de couleurs contiennent des couleurs qui ne sont pas utilisées par le graphique. Voici les palettes de couleurs disponibles dans Fireworks : Adaptative est une palette personnalisée établie à partir des couleurs utilisées dans le document. Les palettes adaptatives offrent en général la meilleure qualité d’image. Adaptative pour le Web est une palette adaptative qui convertit les couleurs proches du format Websafe dans la couleur Websafe la plus proche. Les couleurs Websafe proviennent de la palette Web 216. Optimisation dans l’espace de travail 247 Web 216 est une palette des 216 couleurs qui sont communes aux ordinateurs Windows et Macintosh. Cette palette est souvent dite Websafe ou « compatible avec les navigateurs » parce qu’elle donne des résultats relativement réguliers en 256 couleurs (8 bits), quels que soient la plate-forme et le navigateur utilisés. Exacte contient exactement les couleurs utilisées dans le graphique. La palette exacte n’est utilisable que pour les images comportant au maximum 256 couleurs. Au-delà, la palette adaptative est automatiquement activée. Windows et Macintosh comportent respectivement les 256 couleurs définies par les normes des plates-formes Windows ou Macintosh. Niveaux de gris est une palette de 256 nuances de gris ou moins. Choisissez cette palette pour convertir l’image exportée en niveaux de gris. Noir et blanc Uniforme est une palette à deux « couleurs », ne comportant que du noir et du blanc. est une palette mathématique regroupant les valeurs en pixels des couleurs RVB. Personnalisée est une palette qui a été modifiée ou chargée à partir d’une palette externe (fichier ACT) ou d’un fichier GIF. Le réglage de la palette de couleurs pendant l’optimisation affecte les couleurs de l’image. Optimisez et personnalisez les palettes de couleurs en utilisant la table de couleurs ou le panneau Optimiser. Pour choisir une palette de couleurs : • Choisissez une option dans le menu déroulant des palettes indexées du panneau Optimiser. Pour importer une palette personnalisée : 1 Utilisez l’une des méthodes suivantes : Choisissez Charger la palette dans le menu déroulant des options du panneau Optimiser. Choisissez Personnalisée dans le menu déroulant Palette du panneau Optimiser. 2 Recherchez un fichier de palette ACT ou GIF, puis cliquez sur Ouvrir. Les couleurs du fichier de palette ACT ou GIF sont ajoutées dans la table de couleurs du panneau Optimiser. ■ ■ Remarque : Les utilisateurs Windows doivent sélectionner les fichiers GIF dans le menu déroulant Fichiers de type pour pouvoir afficher tous les fichiers ayant l’extension .gif dans la boîte de dialogue Ouvrir. Choix de la profondeur de couleurs La profondeur de couleur désigne le nombre de couleurs utilisées dans le graphique exporté. Vous pouvez créer des fichiers de plus petite taille en réduisant le nombre de couleurs. En réduisant la profondeur de couleur, certaines couleurs de l’image (en priorité celles les moins utilisées) sont rejetées. Les pixels qui contiennent des couleurs rejetées sont convertis dans la couleur la plus proche restant dans la palette. Cela peut affecter la qualité de l’image. Remarque : L’option de profondeur de couleur est disponible pour le format de fichier GIF et les autres formats de fichier 8 bits uniquement. 248 Chapitre 12 : Optimisation et exportation Pour choisir une profondeur de couleur : • A partir du menu déroulant Couleurs du panneau Optimiser, choisissez une option ou tapez une valeur dans le champ. Vous pouvez sélectionner une valeur entre 2 et 250. Remarque : Le nombre de couleurs utilisées dans l’image peut être inférieur au nombre maximum de couleurs que vous avez choisi. Le nombre situé dans le coin inférieur de la table de couleurs indique le nombre de couleurs visibles dans l’image. Si aucun nombre n’est indiqué, le bouton Reconstituer est affiché, ce qui indique que vous devez reconstituer la palette de couleurs. Pour plus d’informations, voir Affichage des couleurs d’une palette, page 250. Pour choisir une profondeur de couleur supérieure à 256 couleurs : • Dans le panneau Optimiser, choisissez un format de fichier 24 ou 32 bits dans le menu contextuel Exporte un format de fichier. Remarque : L’augmentation de la profondeur de couleurs s’accompagne de celle de la taille des fichiers à exporter. C’est pourquoi les profondeurs importantes ne sont généralement pas recommandées pour les graphismes sur le Web. Il est donc préférable d’utiliser des profondeurs de couleurs de 24 ou 32 bits uniquement lorsque vous exportez ou enregistrez des images photographiques à variation continue ou comportant des dégradés complexes. Pour les graphismes destinés au Web et ayant une profondeur de couleur très importante, utilisez des fichiers JPEG. Pour plus d’informations, voir Optimisation des fichiers JPEG, page 255. Suppression des couleurs non utilisées Supprimez de la palette les couleurs qui ne sont pas utilisées dans l’image avant son exportation ou son enregistrement pour diminuer la taille du fichier. Remarque : L’option de profondeur de couleur est disponible pour le format de fichier GIF et les autres formats de fichier graphique 8 bits uniquement. Pour supprimer les couleurs non utilisées : • Activez l’option Supprimer les couleurs non utilisés dans le menu déroulant des options du panneau Optimiser. Pour conserver toutes les couleurs de la palette, y compris celles ne figurant pas dans l’image exportée ou enregistrée : • Désélectionnez l’option Supprimer les couleurs non utilisées. Utilisation du tramage pour simuler les couleurs perdues Le tramage permet de créer une approximation des couleurs ne figurant pas dans la palette de couleurs active, en alternant des pixels de couleur proche. Vu de loin, le fondu des couleurs donne l’apparence de la couleur manquante. Le tramage est particulièrement utile pour exporter des images avec des fondus complexes ou des dégradés, ou pour exporter des photographies à un format de fichier graphique 8 bits, tel que GIF par exemple. Le tramage peut augmenter considérablement la taille du fichier. Remarque : L’option de tramage est disponible pour le format de fichier GIF, les formats de fichier graphique 8 bits et WBMP uniquement. Pour appliquer un tramage à un graphisme : • Indiquez une valeur en pourcentage dans le champ Tramer du panneau Optimiser. Optimisation dans l’espace de travail 249 Affichage des couleurs d’une palette La table de couleurs du panneau Optimiser indique les couleurs utilisées dans l’aperçu actif de l’image lorsque vous travaillez en mode 8 bits ou moins, et permet de modifier la palette de l’image. La table des couleurs est automatiquement mise à jour en mode Aperçu. Elle paraît vide si vous optimisez plusieurs découpes à la fois, ou si vous n’optimisez pas dans un format sur 8 bits tel que GIF. Divers petits symboles apparaissent sur certains échantillons de couleur pour en indiquer les caractéristiques, comme suit : Symbole Signification La couleur a été modifiée, ce qui n’a d’effet que sur le document exporté. Cela ne modifie pas la couleur dans le document source. La couleur est verrouillée. La couleur est transparente. La couleur est Websafe. La couleur possède plusieurs attributs. Dans le cas présent, cette couleur est Websafe, verrouillée et elle a été modifiée. Si vous modifiez le document, le panneau Table de couleurs risque de ne plus afficher l’ensemble des couleurs du document. Dans ce cas, vous devez reconstituer la table de couleurs. Le bouton Reconstituer apparaît au bas du panneau Optimiser si vous devez reconstituer la table de couleurs. Pour reconstituer la table de couleurs afin de refléter les modifications apportées au document : • Cliquez sur le bouton Reconstituer, en bas du panneau Optimiser. Une fois la table reconstruite, le bouton Reconstituer disparaît et le nombre de couleurs utilisées dans l’image apparaît à sa place. Pour sélectionner une couleur : • Cliquez sur la couleur désirée dans la table de couleurs du panneau Optimiser. 250 Chapitre 12 : Optimisation et exportation Pour sélectionner plusieurs couleurs : • Appuyez sur la touche Contrôle (Windows) ou sur la touche Commande (Macintosh) et cliquez sur les couleurs. Pour sélectionner une plage de couleurs : 1 Cliquez sur une couleur. 2 Maintenez enfoncée la touche Maj et cliquez sur la dernière couleur de la page de couleurs à sélectionner. Pour afficher un aperçu de tous les pixels du document contenant une couleur spécifique : 1 Cliquez sur le bouton Aperçu dans le coin supérieur gauche de la fenêtre de document. 2 Cliquez sur une couleur dans la table de couleurs du panneau Optimiser et maintenez le bouton de la souris enfoncé. Les pixels contenant le nuancier sélectionné changent temporairement de couleur tant que le bouton de la souris reste enfoncé. Remarque : Lorsque vous affichez un aperçu des pixels du document par l’intermédiaire des fenêtres d’aperçu 2 en 1 ou 4 en 1, ne sélectionnez pas la fenêtre de l’original. Verrouillage des couleurs d’une palette Vous pouvez verrouiller certaines couleurs de façon à empêcher leur suppression ou modification lors d’un changement de palette ou du retrait de l’une des couleurs de la palette. Lorsque vous changez de palette, les couleurs verrouillées sont ajoutées à la nouvelle palette. Pour verrouiller une couleur sélectionnée, suivez l’une des procédures suivantes : • Cliquez sur le bouton Verrouiller en bas du panneau Optimiser. • Cliquez avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle et cliquez (Macintosh) sur le nuancier, puis choisissez Verrouiller la couleur dans le menu contextuel. Pour déverrouiller une couleur : 1 Sélectionnez une couleur verrouillée dans la table de couleur du panneau Optimiser. 2 Cliquez sur le bouton Verrouiller dans le panneau Optimiser, ou cliquez avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle et cliquez (Macintosh) sur le nuancier et choisissez Verrouiller la couleur. Pour déverrouiller toutes les couleurs : • Choisissez l’option Déverrouiller toutes les couleurs dans le menu déroulant des options du panneau Optimiser. Optimisation dans l’espace de travail 251 Modification des couleurs d’une palette Vous pouvez changer l’une des couleurs de la palette en la modifiant à partir de la table de couleurs du panneau Optimiser. Ce faisant, vous remplacez toutes les instances de cette couleur dans l’image à exporter ou enregistrer comme bitmap. La couleur modifiée n’est pas remplacée dans l’image d’origine, sauf si vous travaillez dans un bitmap et que vous enregistrez l’image comme tel. Dans ce cas, il est recommandé d’enregistrer également l’image en tant que fichier PNG pour conserver une version modifiable de l’image d’origine. Pour modifier une couleur : 1 Pour ouvrir le sélecteur de couleurs du système, utilisez l’une des méthodes suivantes : Sélectionnez une couleur, puis cliquez sur le bouton Modifier une couleur au bas du panneau Optimiser. ■ Double-cliquez sur une couleur dans la table de couleurs. 2 Changez la couleur à l’aide du sélecteur de couleurs du système. La nouvelle couleur remplace toutes les occurrences de la couleur remplacée dans la zone d’aperçu. ■ Remarque : Cliquez avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle (Macintosh) et cliquez sur une couleur de la palette pour afficher un menu contextuel d’options de modification de la couleur sélectionnée. Utilisation des couleurs Websafe Les couleurs Websafe sont communes aux plates-formes Macintosh et Windows. Elles ne sont pas tramées lorsqu’elles sont affichées dans un navigateur Web sur un écran d’ordinateur paramétré pour 256 couleurs. Fireworks dispose de plusieurs méthodes permettant d’appliquer et d’utiliser les couleurs Websafe. Pour forcer l’utilisation de couleurs Websafe : • Choisissez Web 216 dans le menu déroulant des palettes indexées du panneau Optimiser. Pour créer une palette adaptative favorisant les couleurs Websafe : • Choisissez Adaptative pour le Web dans le menu déroulant Palette indexée du panneau Optimiser. Les couleurs non Websafe qui sont proches de couleurs Websafe sont converties en ces couleurs. Pour forcer l’application des couleurs Websafe équivalentes : 1 Sélectionnez une couleur dans la table de couleurs du panneau Optimiser. 2 Cliquez sur le bouton Couleurs Web. Si vous enregistrez un fichier au format PNG Fireworks, le changement des couleurs en couleurs Websafe à partir du panneau Optimiser affecte la version exportée de l’image uniquement et non l’image elle-même. 252 Chapitre 12 : Optimisation et exportation Enregistrement de palettes Vous pouvez enregistrer des palettes personnalisées en tant que fichiers de palette externe. Utilisez les palettes enregistrées avec d’autres documents Fireworks ou dans des applications prenant en charge les fichiers de palettes externes, tels que Macromedia Freehand, Macromedia Flash et Adobe Photoshop. Les fichiers des palettes enregistrées ont l’extension .act. Pour enregistrer une palette de couleurs personnalisée : 1 Choisissez Enregistrer la palette dans le menu déroulant des options du panneau Optimiser. 2 Tapez le nom de la palette et choisissez le dossier de destination. 3 Cliquez sur Enregistrer. Chargez le ficher de palette enregistré dans le panneau Nuanciers ou Optimiser et utilisez-le pour exporter d’autres documents. Réglage de la compression Vous pouvez obtenir un taux de compression encore supérieur pour les fichiers GIF en modifiant la valeur de leur paramètre Perte. Plus cette valeur est élevée, plus les fichiers sont de petite taille, mais plus la qualité de l’image est réduite. Une valeur de perte comprise entre 5 et 15 permet généralement d’obtenir les meilleurs résultats. Fichier gif d’origine ; perte de 30 ; perte de 100 Pour changer le taux de compression d’un fichier GIF : • Indiquez la valeur du paramètre Perte dans le panneau Optimiser. Création de zones de transparence Vous pouvez définir des zones de transparence dans les fichiers GIF et PNG 8 bits, de façon à ce que l’arrière-plan de la page Web soit visible au travers de ces zones dans le navigateur. Dans Fireworks, un échiquier gris et blanc dans les aperçus de documents indique les zones transparentes. Aperçu d’une image optimisée dans Fireworks ; image exportée avec transparence et placée sur une page Web ayant un fond coloré Optimisation dans l’espace de travail 253 Remarque : Des zones de transparence sont automatiquement définies dans les fichiers PNG 32 bits, même si aucune option de transparence pour fichier PGN 32 bits n’est visible dans le panneau Optimiser. Utilisez l’option Transparence d’index lorsque vous exportez des images GIF contenant des zones de transparence. La transparence d’index vous permet de spécifier les couleurs qui seront transparentes lors de l’exportation des fichiers. Cette option active ou désactive des pixels ayant des valeurs de couleur spécifiques. Etant donné que les images GIF prennent en charge la transparence d’index, elles représentent la forme de transparence la plus utilisée sur le Web. Remarque : Par défaut, les images GIF sont exportées sans transparence dans Fireworks. Bien que le document apparaissant derrière une image ou un objet soit transparent dans la fenêtre Original de Fireworks, cela n’implique pas que l’arrière-plan de l’image sera transparent lorsqu’elle sera exportée en format GIF pour être utilisée sur le Web. Vous devez sélectionner l’option Transparence d’index avant d’exporter l’image. Vous pouvez également choisir l’option Transparence Alpha, bien qu’elle ne soit pas souvent utilisée pour les graphismes du Web étant donné qu’elle n’est prise en charge que par les fichiers de format PNG et que la plupart des navigateurs Web n’utilisent pas ce format. Cette option est souvent utilisée dans les graphismes exportés qui contiennent une transparence de dégradés et des pixels semi-opaques. Elle permet également d’exporter des fichiers vers Macromedia Flash ou Director parce que ces deux applications prennent en charge ce type de transparence. Remarque : L’application de la transparence à des couleurs n’affecte pas l’image en tant que telle, mais seulement sa version exportée. Vous pouvez voir l’aspect qu’aura l’image exportée dans une fenêtre Aperçu. Pour plus d’informations sur les boutons de prévisualisation de documents, voir Prévisualisation et comparaison des paramètres d’optimisation, page 244. Pour sélectionner une couleur de transparence : 1 Cliquez sur le bouton Aperçu, 2 en 1 ou 4 en 1 dans le coin supérieur gauche de la fenêtre du document. En affichage 2 en 1 ou 4 en 1, cliquez sur une vue autre que l’original. 2 Dans le panneau Optimiser, choisissez Transparence d’index dans le menu contextuel de transparence à la base du panneau. La couleur du fond apparaît transparente dans l’aperçu. 3 Pour choisir une autre couleur, cliquez sur le bouton Sélectionne la couleur de transparence. Le pointeur prend l’aspect d’une pipette. 4 Pour choisir la couleur de la transparence, procédez de l’une des manières suivantes : ■ Cliquez sur une couleur dans la table des couleurs du panneau Optimiser. ■ Cliquez sur une couleur dans le document. Pour ajouter ou supprimer des couleurs de la transparence : 1 Cliquez sur le bouton Aperçu, 2 en 1 ou 4 en 1 dans le coin supérieur gauche de la fenêtre du document. En affichage 2 en 1 ou 4 en 1, cliquez sur une vue autre que l’original. Remarque : Vous pouvez ajouter ou supprimer des couleurs de la transparence dans la fenêtre Original, mais vous ne pourrez visualiser les résultats que dans une fenêtre d’aperçu. 2 Dans le panneau Optimiser, cliquez sur le bouton Ajoute la couleur à la transparence ou Efface la couleur de la transparence. 254 Chapitre 12 : Optimisation et exportation 3 Pour ajouter une couleur à la transparence ou l’en supprimer, procédez de l’une des manières suivantes : ■ Cliquez sur une couleur dans la table des couleurs du panneau Optimiser. ■ Cliquez sur une couleur dans la fenêtre d’aperçu. Pour appliquer un effet de transparence à l’arrière-plan d’une image : 1 Cliquez sur le bouton Aperçu, 2 en 1 ou 4 en 1 dans le coin supérieur gauche de la fenêtre du document. En affichage 2 en 1 ou 4 en 1, cliquez sur une vue autre que l’original. 2 Choisissez le format GIF dans le panneau Optimiser, puis Transparence d’index dans le menu contextuel Transparence. La couleur de fond apparaît transparente dans l’aperçu et l’image peut être alors exportée. Entrelacement : téléchargement graduel Lorsqu’elles sont affichées dans un navigateur Web, les images entrelacées apparaissent progressivement au fur et à mesure du téléchargement. Elles s’affichent à faible résolution, puis atteignent leur résolution finale à la fin du téléchargement. Remarque : Cette option est disponible pour les formats de fichier GIF et PNG. Vous pouvez obtenir des résultas identiques avec une image JPEG en rendant son téléchargement progressif. Pour plus d’informations, voir Optimisation des fichiers JPEG, page 255. Pour entrelacer un fichier GIF ou non PNG Fireworks : • Activez l’option Entrelacée dans le menu déroulant des options du panneau Optimiser. Optimisation des fichiers JPEG A partir du panneau Optimiser, vous pouvez optimiser les fichiers JPEG en définissant des options de compression et de lissage. Les fichiers JPEG étant toujours enregistrés en couleur 24 bits, vous ne pouvez pas les optimiser en modifiant leur palette de couleurs. La table de couleurs est vide lorsque vous sélectionnez une image JPEG. Comme vous l’avez expérimenté avec des paramètres d’optimisation différents, utilisez les aperçus 2 en 1 et 4 en 1 pour tester et comparer l’apparence d’une image JPEG et la taille estimée du fichier qui en résulte. Pour plus d’informations sur l’utilisation des boutons de prévisualisation de documents, voir Prévisualisation et comparaison des paramètres d’optimisation, page 244. Remarque : Dans Fireworks MX 2004, vous pouvez ouvrir et enregistrer les fichiers JPEG avec leurs nom de fichier, extension et paramètres d’optimisation d’origine. Ce comportement diffère par rapport à celui des versions précédentes de Fireworks. Pour plus d’informations, voir l’aide de Fireworks. Optimisation dans l’espace de travail 255 Réglage de la qualité JPEG Le format JPEG est un format « avec perte », ce qui signifie qu’une partie des données de l’image est rejetée lors de la compression, ce qui réduit la qualité du fichier final. Toutefois, dans la plupart des cas, certaines données de l’image peuvent être perdues sans qu’il soit possible de déceler à l’œil nu une importante différence de qualité. Image originale : réglage de la qualité sur 50 ; réglage de la qualité sur 20 Pour déterminer l’importance de la perte de qualité lors de la compression d’un fichier JPEG : • Réglez la perte de qualité à l’aide du curseur du menu déroulant Qualité du panneau Optimiser. Utilisez une valeur élevée pour préserver au maximum la qualité ; la compression sera alors moins importante et les fichiers résultants plus volumineux. A l’inverse, une valeur faible permet d’obtenir un fichier de taille réduite mais d’une qualité graphique inférieure. Compression sélective de zones dans une image JPEG La compression JPEG sélective permet de compresser différentes zones d’une image JPEG à différents niveaux. Les zones importantes d’une image peuvent ainsi être compressées en conservant un niveau de qualité élevé. Les zones moins importantes, par exemple les arrière-plans, peuvent être compressées à un niveau de qualité moins élevé, ce qui réduit la taille générale du fichier image tout en préservant la qualité des zones principales. La zone sélectionnée dans cette image est compressée à un niveau de qualité de 90, tandis que la zone non sélectionnée est compressée à un niveau de qualité de 50. 256 Chapitre 12 : Optimisation et exportation Pour compresser des zones sélectionnées dans un fichier JPEG : 1 Dans la fenêtre Original, sélectionnez la zone à compresser dans le graphisme à l’aide de l’outil Cadre de sélection. 2 Choisissez Modification > JPEG sélective > Enregistrer en tant que masque JPEG. 3 Si ce n’est déjà fait, choisissez JPEG dans le menu contextuel Export un format de fichier. 4 Cliquez sur le bouton Modifier les options de qualité sélective dans le panneau Optimiser. La boîte de dialogue Paramètres JPEG sélectifs s’affiche. 5 Activez la case à cocher Activer la qualité sélective et indiquez un taux de compression dans la 6 7 8 9 zone de texte. Plus la valeur indiquée sera faible, plus la zone de qualité JPEG sélective sera compressée à un taux important par rapport au reste de l’image. Plus la valeur indiquée sera élevée, moins la zone de qualité JPEG sélective sera compressée à un taux important par rapport au reste de l’image. Au besoin, changez la couleur de la zone de qualité JPEG sélective. Cela n’affecte pas le résultat. Activez la case à cocher Préserver la qualité du texte. Tous les éléments texte seront automatiquement exportés avec un niveau de qualité élevé, quelle que soit la valeur de qualité sélective de la zone dans laquelle ils sont inclus. Activez la case à cocher Préserver la qualité du bouton. Tous les symboles de boutons seront automatiquement exportés avec un niveau de qualité élevé. Cliquez sur OK. Pour modifier la zone de compression JPEG sélective : 1 Choisissez Modification > JPEG sélective > Restaurer le masque JPEG en tant que sélection. La sélection apparaît en surbrillance. 2 Pour modifier la taille de la zone de sélection, utilisez l’outil Cadre de sélection ou tout autre outil de sélection. 3 Choisissez Modification > JPEG sélective > Enregistrer en tant que masque JPEG. 4 Au besoin, changez les paramètres de qualité sélective dans le panneau Optimiser. Remarque : Pour annuler une sélection, choisissez Modification > JPEG sélective > Supprimer le masque JPEG. Adoucissement ou accentuation des détails Dans le panneau Optimiser, l’option Lissage permet de réduire la taille des fichiers JPEG. Le lissage consiste à adoucir les contours francs, qui n’offrent pas de bonnes possibilités de compression en JPEG. Les valeurs élevées produisent un niveau de lissage élevé dans les fichiers JPEG exportés ou enregistrés, ce qui crée en général des fichiers de plus petite taille. Une valeur de lissage de 3 environ suffit à réduire la taille du fichier image, tout en préservant une qualité raisonnable. Pour préserver la netteté des séparations entre deux couleurs : • Choisissez l’option Bords des JPEG plus nets dans le menu déroulant des options du panneau Optimiser. Utilisez cette option pour exporter ou enregistrer des fichiers JPEG qui contiennent du texte ou des détails fins et préserver la netteté de ces zones. L’option Bords des JPEG plus nets a pour conséquence d’augmenter la taille du fichier. Optimisation dans l’espace de travail 257 Utilisation d’images JPEG progressives Comme les images GIF et PNG entrelacées, les images JPEG progressives commencent par apparaître à faible résolution, et leur qualité s’améliore au cours de la suite du chargement. Pour exporter ou enregistrer une image JPEG progressive : • Choisissez JPEG progressive dans le menu déroulant des options du panneau Optimiser. Remarque : Certaines anciennes applications d’édition d’images bitmap ne peuvent pas ouvrir les JPEG à image progressive. Réglage de l’anticrénelage en fonction de la couleur d’arrière-plan cible L’anticrénelage permet d’adoucir les contours d’un objet en mélangeant progressivement sa couleur avec celle de l’arrière-plan dans lequel il est placé. Par exemple, si l’objet est noir et que la plage sur laquelle il est placé est blanche, la fonction d’anticrénelage ajoute plusieurs niveaux de gris intermédiaires aux pixels qui forment le contour de l’objet pour adoucir la transition entre le noir et le blanc. En sélectionnant l’option Matage dans le panneau Optimiser, vous pouvez appliquer la couleur mate aux objets placés directement sur le fond. Cette option est utile lorsque vous exportez ou enregistrez des graphismes à placer dans des pages Web ayant des arrière-plans de couleur. Pour régler l’anticrénelage en fonction de la couleur d’arrière-plan cible : • Dans le panneau Optimiser, choisissez une couleur dans le menu contextuel Matage. Faites en sorte qu’elle soit le plus proche possible de la couleur de l’arrière-plan cible sur lequel le graphisme exporté sera placé. Remarque : L’anticrénelage s’applique uniquement aux objets à contours adoucis placés directement sur le fond. Suppression des halos Lorsque vous rendez transparente la couleur de fond d’une image ayant été anticrénelée, les pixels créés pour assurer l’anticrénelage restent en place. Lorsque vous exportez (ou enregistrez) le graphisme et le placez sur une page Web ayant une couleur d’arrière-plan différente, les pixels qui sont à la périphérie de l’objet sur lequel a été effectué l’anticrénelage peuvent apparaître sur le fond de la page Web. Ce sont ces pixels qui forment un halo, qui se remarque particulièrement sur un arrière-plan sombre. 258 Chapitre 12 : Optimisation et exportation Vous pouvez éviter l’apparition de halos dans les fichiers natifs PNG Fireworks et les fichiers importés depuis Photoshop. Cependant, pour d’autres types de fichiers, comme les GIF, vous devez supprimer le halo manuellement. Pour éviter l’apparition de halos dans les fichiers natifs PNG Fireworks et les fichiers importés depuis Photoshop, procédez de l’une des manières suivantes : • Choisissez une couleur de fond dans l’Inspecteur des propriétés ou une couleur de matage dans • le panneau Optimiser qui soit identique à celle de l’arrière-plan de la page Web cible. Après avoir sélectionné l’objet à exporter, choisissez Net dans le menu contextuel Bord de l’Inspecteur des propriétés. Pour supprimer manuellement un halo d’une image GIF ou d’un fichier graphique : 1 Le fichier ouvert dans Fireworks, cliquez sur le bouton Aperçu, 2 en 1 ou 4 en 1 dans le coin supérieur gauche de la fenêtre du document. En affichage 2 en 1 ou 4 en 1, cliquez sur une autre fenêtre que celle de l’original. 2 Dans le panneau Optimiser, choisissez Transparence d’index dans le menu contextuel Transparence. 3 Cliquez sur le bouton Ajoute la couleur à la transparence, puis cliquez sur un pixel dans le halo. Tous les pixels de couleur identique sont effacés dans la fenêtre Aperçu. 4 Si le halo subsiste, répétez l’étape 3 jusqu’à ce qu’il disparaisse. Enregistrement et réutilisation des paramètres d’optimisation Vous pouvez enregistrer vos paramètres d’optimisation personnels pour les réutiliser ultérieurement dans un processus d’optimisation ou de traitement par lots. Les informations suivantes sont enregistrées dans les optimisations prédéfinies personnalisées : • Les paramètres et la table de couleur définis dans le panneau Optimiser • Paramètres de cadence des images du panneau Images (pour les animations uniquement) Pour enregistrer les paramètres d’optimisation comme paramètres prédéfinis : 1 Sélectionnez Enregistrer les paramètres dans le menu Options du panneau Optimiser. 2 Indiquez le nom de l’optimisation prédéfinie, et cliquez sur OK. Le paramétrage d’optimisation enregistré apparaît dans la partie inférieure du menu contextuel Paramètres du panneau Optimiser et dans l’Inspecteur des propriétés. Il sera disponible pour tous les documents ultérieurs. Le fichier prédéfini est enregistré dans le dossier des paramètres d’exportation du dossier de configuration Fireworks propre à chaque utilisateur. Pour plus d’informations sur l’emplacement de ce dossier, voir Fichiers des profils utilisateur, page 301. Pour le transmettre à un autre utilisateur de Fireworks : • Copiez le fichier de paramétrage d’optimisation depuis le dossier des paramètres d’exportation dans le dossier équivalent sur l’autre ordinateur. Remarque : L’emplacement de ce dossier varie en fonction du système d’exploitation. Pour plus d’informations, se reporter à la procédure précédente. Optimisation dans l’espace de travail 259 Pour supprimer une optimisation prédéfinie : 1 Dans le menu contextuel Paramètres enregistrés du panneau Optimiser, choisissez le paramètre d’optimisation à supprimer. 2 Sélectionnez Supprimer les paramètres dans le menu Options du panneau Optimiser. Vous ne pouvez pas supprimer l’un des paramétrages prédéfinis de Fireworks. Exportation depuis Fireworks L’exportation Fireworks s’exécute en deux étapes : Vous préparez d’abord un graphisme ou un document pour l’exportation en choisissant des options d’optimisation. Lorsque votre graphique ou document est optimisé, vous pouvez l’exporter (ou l’enregistrer, selon le type de fichier d’origine). Pour plus d’informations sur l’optimisation des images, voir Optimisation, page 237. Pour plus d’informations sur l’enregistrement, voir l’aide de Fireworks. Sous Fireworks, vous pouvez exporter des graphismes de différentes manières. Vous pouvez exporter (ou enregistrer) un document comme une simple image au format GIF, JPEG ou autre. Vous pouvez également exporter l’ensemble du document sous la forme d’un fichier HTML et de plusieurs fichiers graphiques associés. Par ailleurs, vous pouvez choisir d’exporter uniquement les découpes sélectionnées. Vous pouvez également exporter uniquement une zone spécifique du document. En outre, vous pouvez exporter des images et des calques dans des fichiers d’image distincts. L’emplacement par défaut dans lequel Fireworks enregistre un document est déterminé par les éléments suivants, selon cet ordre : 1 la destination d’exportation actuelle du document, définie si vous avez déjà exporté le document puis enregistré le PNG ; 2 l’emplacement actuel d’exportation/d’enregistrement, défini à chaque fois que vous modifiez l’emplacement par défaut à partir des boîtes de dialogue Enregistrer, Enregistrer sous, Enregistrer une copie ou Exporter ; 3 l’emplacement actuel du fichier ; 4 l’emplacement d’enregistrement par défaut des nouveaux documents ou des nouvelles images sur le système d’exploitation. L’emplacement par défaut d’enregistrement d’un document est quant à lui déterminé par des critères très différents. Pour plus d’informations, voir l’aide de Fireworks. Exportation d’une seule image Utilisez Fichier > Exporter pour exporter un graphisme après l’avoir optimisé à partir de l’espace de travail. Selon le type de format d’origine de l’image ouverte dans Fireworks, vous pouvez l’enregistrer plutôt que l’exporter. Pour plus d’informations, voir l’aide de Fireworks. Remarque : Pour exporter uniquement certaines images d’un document, vous devez d’abord découper votre document, puis exporter uniquement les découpes désirées. Pour plus d’informations, voir Exportation des découpes sélectionnées, page 261. Pour exporter un document Fireworks sous la forme d’une image unique : 1 Choisissez le format de fichier à utiliser pour l’exportation dans le panneau Optimiser et définissez les options spécifiques au format. 2 Choisissez Fichier > Exporter. 260 Chapitre 12 : Optimisation et exportation 3 Indiquez l’emplacement vers lequel le fichier image sera exporté. Pour les graphismes du Web, le meilleur emplacement est généralement un dossier du site Web local. 4 Indiquez un nom de fichier. Vous pouvez ne pas indiquer une extension pour le nom de fichier ; Fireworks la fournit automatiquement à partir du type de fichier que vous avez spécifié dans les paramètres d’optimisation. Pour plus d’informations sur l’optimisation des images, voir Optimisation, page 237. 5 Dans le menu contextuel Type, choisissez Images uniquement. 6 Cliquez sur Enregistrer. Exportation d’un document découpé Par défaut, lorsque vous exportez un document Fireworks découpé, il est exporté sous forme de fichier HTML et de plusieurs fichiers graphiques. Le fichier HTML exporté peut être visualisé dans un navigateur Web ou importé dans d’autres applications pour être remodifié. Remarque : Vous pouvez utiliser plusieurs méthodes pour importer des fichiers Fireworks HTML dans d’autres applications. Pour plus d’informations sur le HTML et les autres façons d’exporter des fichiers Fireworks HTML, voir Exportation du fichier au format HTML, page 265. Avant d’exporter le fichier, assurez-vous que vous utilisez le style HTML approprié sélectionné dans la boîte de dialogue Configuration HTML. Pour plus d’informations, voir Définition des options d’exportation du code HTML, page 272. Pour exporter un document Fireworks découpé : 1 Choisissez Fichier > Exporter. 2 Localisez le dossier désiré sur votre disque dur. 3 Dans le menu contextuel Type, choisissez Documents HTML et images. 4 Indiquez un nom de fichier dans le champ Nom du fichier (Windows) ou Enregistrer sous 5 6 7 8 (Macintosh). Sélectionnez Exporter le fichier HTML dans le menu déroulant HTML. Choisissez Exporter les découpes dans le menu contextuel Découpes. (Facultatif) Choisissez Placer les images dans un sous-dossier. Cliquez sur Enregistrer. Les fichiers Fireworks exportés apparaissent sur le disque dur. Des images et un fichier HTML sont créés à l’emplacement spécifié dans la boîte de dialogue Exporter. Pour plus d’informations sur les options disponibles dans la boîte de dialogue Exporter, lorsque l’option Documents HTML ou Images est sélectionnée comme type de fichier, voir Exportation de code HTML Fireworks, page 267. Exportation des découpes sélectionnées Vous pouvez exporter des découpes sélectionnées dans un document Fireworks. Cliquez en maintenant la touche Maj enfoncée pour sélectionner plusieurs découpes. Remarque : Pour plus de détails sur les découpes, voir Création et modification d’une découpe, page 175. Pour exporter les découpes sélectionnées : 1 Utilisez l’une des méthodes suivantes : Exportation depuis Fireworks 261 Choisissez Fichier > Exporter. ■ Pour exporter une découpe sélectionnée, cliquez avec le bouton droit (Windows) ou maintenez la touche Contrôle enfoncée et cliquez (Macintosh), puis choisissez Exporter la découpe sélectionnée. Choisissez ensuite un dossier de destination pour les fichiers exportés. En général, il est préférable de choisir un dossier figurant dans votre site Web local. Indiquez un nom de fichier. Vous pouvez ne pas indiquer d’extension pour le nom de fichier ; Fireworks la fournit automatiquement. Si vous exportez plusieurs découpes, Fireworks utilise le nom spécifié comme étant le nom racine de tous les graphismes exportés, à l’exception des graphismes auxquels vous avez affecté des noms personnalisés dans le panneau Calques ou dans l’Inspecteur des propriétés. Choisissez Exporter les découpes dans le menu contextuel Découpes. Pour exporter uniquement les découpes sélectionnées avant l’exportation, choisissez Découpes sélectionnées uniquement, puis vérifiez que l’option Inclure les zones sans découpes soit désélectionnée. Cliquez sur Enregistrer. Les découpes sont exportées en utilisant des paramètres d’optimisation qui leur sont propres et tels que définis à partir du panneau Optimiser. Pour plus d’informations sur l’optimisation, voir Optimisation, page 237. ■ 2 3 4 5 6 Actualisation d’une découpe Si vous avez déjà exporté un document découpé et si vous avez modifié le document original dans Fireworks après l’avoir exporté, vous pouvez mettre à jour l’image ou la découpe modifiée uniquement, sans devoir exporter et mettre à jour l’ensemble de l’image. Il est recommandé d’utiliser des noms de découpe personnalisés afin de pouvoir aisément trouver la découpe de remplacement. Pour plus d’informations, voir Affectation de nom aux découpes, page 191. Pour mettre à jour une seule découpe : 1 Masquez la découpe pour modifier la zone qu’elle recouvre. 2 Réaffichez la découpe. 3 Cliquez avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle et cliquez (Macintosh) sur la découpe, puis choisissez Exporter la découpe sélectionnée dans le menu contextuel. 4 Cliquez sur Enregistrer pour exporter la découpe dans le même dossier que la découpe originale, en utilisant le même nom de base. 5 Cliquez sur OK lorsque le programme vous demande si vous voulez remplacer le fichier existant. Si vous reprenez le nom de fichier original pour la nouvelle version et téléchargez cette nouvelle découpe au même emplacement de votre site Web que pour l’original, la nouvelle découpe remplace l’ancienne dans le document HTML. Remarque : Dans Fireworks, évitez de redimensionner la découpe au-delà de sa taille d’exportation d’origine car vous risquez d’obtenir des résultats imprévisibles dans le document HTML après la mise à jour de la découpe. 262 Chapitre 12 : Optimisation et exportation Exportation d’une animation Lorsque vous avez créé et optimisé une animation, elle est prête à être exportée. Vous pouvez exporter une animation dans les formats GIF animé ou Flash SWF ou sous forme de plusieurs fichiers distincts. Si votre document comporte plusieurs animations, vous pouvez insérer des découpes par-dessus chaque animation en utilisant différents paramètres d’animation tels que la lecture en boucle et la cadence d’images. Pour plus d’informations sur l’exportation vers plusieurs fichiers, voir Exportation des images ou calques, page 264. Pour plus d’informations sur l’exportation d’animations sous forme de fichiers Flash SWF, sélectionnez « Flash » dans la rubrique « Working with other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse suivante : www.macromedia.com/fr/support/. Pour exporter une animation en fichier GIF animé : 1 Choisissez Edition > Désélectionner pour désélectionner tous les objets et découpes, puis, dans le panneau Optimiser, choisissez le format de fichier GIF animé. Pour plus d’informations sur l’optimisation des images, voir Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT, page 247. 2 Choisissez Fichier > Exporter. 3 Dans la boîte de dialogue d’exportation, tapez un nom pour le fichier, puis choisissez le dossier de destination. 4 Cliquez sur Enregistrer. Pour exporter sous forme de fichiers GIF animé plusieurs animations ayant des paramètres d’animation distincts : 1 Maintenez enfoncée la touche Maj et cliquez pour sélectionner toutes les animations. 2 Choisissez Edition > Insérer > Découpe. Un message vous demande si vous souhaitez insérer une ou plusieurs découpes. 3 Cliquez sur Multiple. 4 Sélectionnez chaque découpe individuellement, puis dans le panneau Images, définissez les paramètres d’animation de chaque découpe. Pour plus d’informations sur les paramètres d’animation, voir Chapitre 11, Création d’animations, page 223. 5 Sélectionnez toutes les découpes à animer et choisissez GIF animé comme format de fichier dans le panneau Optimiser. Pour plus d’informations sur l’optimisation des images, voir Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT, page 247. 6 Cliquez sur le bouton droit (Windows) ou maintenez enfoncée la touche Contrôle (Macintosh) et cliquez sur chaque découpe ; dans le menu contextuel, choisissez ensuite Exporter la découpe sélectionnée pour exporter individuellement chaque découpe. A partir de la boîte de dialogue Exporter, tapez un nom pour chaque fichier, sélectionnez une destination, puis cliquez sur Enregistrer. Exportation depuis Fireworks 263 Exportation des images ou calques Fireworks permet d’exporter les calques et les images dans des fichiers distincts en tenant compte des paramètres d’optimisation spécifiés dans le panneau Optimiser. Le nom du calque ou de l’image détermine le nom du fichier exporté correspondant. Cette méthode d’exportation est souvent utilisée pour exporter des animations. Pour exporter les images ou les calques dans des fichiers distincts : 1 Choisissez Fichier > Exporter. 2 Tapez un nom de fichier et choisissez un dossier de destination. 3 Dans le menu déroulant Type, choisissez l’une des options suivantes : Images vers fichiers exporte les images dans des fichiers distincts. Calques vers fichiers exporte les calques dans des fichiers distincts. Remarque : Cette option exporte l’ensemble des calques de l’image active. 4 Choisissez Rogner les images pour recadrer automatiquement les images exportées en fonction des objets qu’elles contiennent. Lorsque vous devez exporter des images ou des calques dont la taille est identique à celle du document, désactivez Rogner les images. 5 Cliquez sur Enregistrer. Exportation d’une zone L’outil Exporter zone permet d’exporter une partie d’un document Fireworks. Pour exporter une partie d’un document : 1 A partir du panneau Outils, choisissez l’outil Exporter zone. 2 Cliquez et faites glisser pour tracer un cadre de sélection autour de la partie à exporter. Remarque : Vous pouvez ajuster la position d’un cadre de sélection à mesure que vous le dessinez. Tout en maintenant le bouton de la souris et la barre d’espacement enfoncés, faites glisser le cadre de sélection vers l’emplacement approprié sur le document. Relâchez la barre d’espacement pour continuer à dessiner le cadre de sélection. Lorsque vous relâchez le bouton de la souris, la zone d’exportation reste sélectionnée. 3 Au besoin, redimensionnez la zone d’exportation : Pour redimensionner le cadre de sélection de la zone d’exportation tout en conservant les proportions, appuyez et maintenez enfoncée la touche Maj tout en faisant glisser la poignée de redimensionnement. ■ Pour redimensionner le cadre de sélection à partir du centre, maintenez la touche Alt (Windows) ou Options (Macintosh) enfoncée pendant l’opération. ■ Maintenez enfoncées les touches Alt+Maj (Windows) ou Option+Maj (Macintosh) et faites glisser une poignée pour maintenir les proportions et dessiner à partir du centre du cadre de sélection. 4 Double-cliquez à l’intérieur du cadre de sélection de la zone à exporter pour activer l’ Aperçu avant exportation. 5 Définissez les paramètres d’exportation à partir de la boîte de dialogue Aperçu avant exportation, puis cliquez sur Exporter. ■ 264 Chapitre 12 : Optimisation et exportation 6 A partir de la boîte de dialogue Exporter, tapez un nom de fichier et choisissez un dossier de destination. 7 A partir du menu déroulant Enregistrer sous, choisissez Images uniquement. 8 Cliquez sur Enregistrer. Remarque : Pour annuler l’exportation, double-cliquez à l’extérieur du cadre de sélection, appuyez sur la touche Echap ou choisissez un autre outil. Exportation du fichier au format HTML Sauf indication contraire, lorsque vous exportez un document Fireworks découpé, il est exporté sous forme de fichier HTML accompagné de ses fichiers graphiques. Fireworks génère un véritable fichier HTML qui peut être lu dans la plupart des navigateurs Web et éditeurs de code HTML. Il existe plus façons d’exporter un document Fireworks en fichier HTML : • Exportez un fichier HTML que vous pouvez ouvrir plus tard pour le modifier dans un éditeur • • • de code HTML. Copier le code HTML dans le Presse-papiers de Fireworks, puis coller directement ce code dans un document HTML existant. Exporter un fichier HTML, l’ouvrir dans un éditeur de code HTML, sélectionner manuellement des parties du code dans le fichier, puis coller ces parties dans un autre document HTML. Utiliser la commande Mettre à jour le code HTML pour modifier un fichier HTML créé précédemment. Remarque : Macromedia Dreamweaver est étroitement intégré à Fireworks. Fireworks gère les exportations de code HTML vers Dreamweaver de manière différente par rapport à celle adoptée pour d’autres éditeurs de code HTML. Si vous exportez du code HTML Fireworks vers Dreamweaver, sélectionnez « Dreamweaver » dans la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse suivante : www.macromedia.com/fr/support/. Vous pouvez aussi exporter des fichiers HTML sous forme de calques CSS (Cascading Style Sheet). Fireworks prend en charge les codes UTF-8 et XHTML, ce qui permet également d’exporter des documents dans ces codes standard. Utilisez la boîte de dialogue Configuration HTML pour définir les paramètres d’exportation de code HTML. Ces paramètres peuvent se limiter au document ou servir de paramètres par défaut pour toutes les exportations de code HTML. Code HTML Fireworks génère automatiquement le code HTML lorsque vous exportez, copiez ou mettez à jour fichier HTML. Vous n’avez pas besoin de le comprendre pour l’utiliser. Une fois ce code généré, il n’est pas nécessaire de le modifier pour l’utiliser, tant que vous ne renommez pas ou ne déplacez pas les fichiers. HTML, ou Hypertext Markup Language, représente actuellement le langage standard utilisé pour l’affichage des pages Web sur Internet. Un fichier HTML est un fichier texte contenant les éléments suivants : • Le texte qui doit apparaître sur la page Web. Exportation depuis Fireworks 265 • Les balises HTML qui définissent la mise en page et la structure de ce texte et de la totalité du document, ainsi que les liens vers des images et d’autres documents HTML (pages Web). Les balises HTML sont incluses entre des signes « inférieur à » et « supérieur à », ce qui leur donne l’aspect suivant : <TAG> texte affecté </TAG> La balise d’ouverture peut, par exemple, indiquer au navigateur que le texte doit être mis en forme d’une certaine manière, ou qu’une image doit être insérée. La balise de fermeture (</TAG>), lorsqu’elle existe, indique la fin de cette instruction. Insertion de commentaires dans un code HTML Le code HTML généré par Fireworks est abondamment commenté, et vous indique la fonction de chaque portion de code. Les commentaires du code HTML Fireworks sont entourés des caractères suivants : <!-- et -->. Tout ce qui se trouve entre ces deux marqueurs n’est pas interprété comme code HTML ou JavaScript. Si vous désirez insérer des commentaires dans un code HTML, vous devez indiquer à Fireworks d’activer cette option. Pour inclure des commentaires dans un code HTML exporté : • Avant l’exportation, ouvrez la boîte de dialogue Configuration HTML et activez l’option Inclure les commentaires HTML dans la fenêtre de l’onglet Générales. Résultats de l’exportation Lorsque vous exportez ou copiez un code HTML depuis Fireworks, le code ci-dessous est généré afin que votre image Fireworks puisse être reconstituée sur une page Web : • Le code HTML nécessaire pour rassembler les images découpées et un code JavaScript, si le • • • • 266 document contient des éléments interactifs. Le code HTML généré par Fireworks contient des liens vers les images exportées et utilise la couleur du document pour le fond de la page Web. Il génère un ou plusieurs fichiers d’image, en fonction du nombre de découpes figurant dans votre document et du nombre d’états de boutons. Si nécessaire, il génère un fichier de séparateurs appelé Spacer.gif, qui est un fichier GIF transparent, d’1 pixel carré que Fireworks utilise pour corriger les problèmes d’espacement lorsque les images découpées sont assemblées de nouveau dans une table HTML. La création de ce fichier de séparateurs est facultative. Pour plus d’informations, voir Définition des options d’exportation du code HTML, page 272. Si votre document contient plusieurs menus contextuels, Fireworks crée un fichier mm_menu.js contenant le code utilisé pour l’affichage des menus contextuels. Si les menus contextuels renferment des sous-menus, l’application exporte également un fichier arrows.gif. Lorsque vous exportez ou copiez du code HTML dans Macromedia Dreamweaver, des fichiers de commentaires sont créés pour faciliter l’intégration entre Fireworks et Dreamweaver. Ces fichiers portent l’extension .mno. Chapitre 12 : Optimisation et exportation Exportation de code HTML Fireworks Fireworks vous permet d’exporter du code HTML aux formats Generic, Dreamweaver, FrontPage et Adobe® GoLive®. Le format HTML Generic est compatible avec la plupart des éditeurs. L’exportation de code HTML généré par Fireworks crée un fichier HTML et des fichiers d’image à l’emplacement que vous avez spécifié. Remarque : Fireworks exporte également du code HTML lorsque vous exportez vers des calques CSS et vers Macromedia Director. Pour plus d’informations sur les calques CSS, voir Exportation de calques CSS, page 271. Pour plus d’informations sur Director, sélectionnez « Director » dans la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse suivante : www.macromedia.com/fr/support/. La méthode d’exportation permettant de récupérer dans d’autres applications un code HTML généré par Fireworks est une méthode idéale pour le travail en équipe. L’exportation d’un fichier HTML fractionne la charge de travail en segments, ce qui permet à une personne d’exécuter une tâche donnée dans une application, puis à une autre de prendre la suite plus tard et de travailler dans une autre application. Vous pouvez définir des préférences globales pour l’exportation de code HTML dans la boîte de dialogue HTML. Pour plus d’informations, voir Définition des options d’exportation du code HTML, page 272. Remarque : Macromedia Dreamweaver est étroitement intégré à Fireworks. Fireworks gère les exportations de code HTML Dreamweaver différemment par rapport aux autres éditeurs de code HTML. Suivez les instructions ci-dessous pour exporter du code HTML Fireworks dans Dreamweaver. Pour plus d’informations relatives à l’application, vous pouvez également vous référer à la section « Dreamweaver » de la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse suivante : www.macromedia.com/fr/support/. Pour exporter du code Fireworks : 1 A partir de la boîte de dialogue Exporter, procédez de l’une des manières suivantes : ■ ■ Choisissez Fichier > Exporter. Cliquez sur le bouton Exportation rapide dans l’angle inférieur droit de la fenêtre du document, puis choisissez une option d’exportation dans le menu déroulant de l’application de destination. Fireworks renseigne automatiquement les champs de la boîte de dialogue Exporter en y faisant figurer les paramètres appropriés à l’application sélectionnée. Remarque : Les applications autres que Macromedia sont accessibles à partir du sous-menu Exportation rapide > Autres. 2 Localisez le dossier désiré sur votre disque dur. 3 Dans le menu contextuel Type, choisissez Documents HTML et images. 4 Dans la boîte de dialogue Configuration HTML, cliquez sur le bouton Options, puis choisissez un éditeur de code HTML dans le menu contextuel Style HTML de l’onglet Générales. Si votre éditeur de code HTML n’est pas répertorié, choisissez Générique. Remarque : Il est important de choisir l’option Style de code HTML comme éditeur de code HTML, car si vous choisissez une autre option, les éléments interactifs tels que les boutons et les survols ne fonctionneront pas correctement lorsque vous les importerez dans votre éditeur HTML. 5 Cliquez sur OK pour revenir à la boîte de dialogue Exporter. 6 Sélectionnez Exporter le fichier HTML dans le menu déroulant HTML. L’option Exporter le fichier HTML génère un fichier HTML et les fichiers d’image associées dans l’emplacement que vous avez spécifié. Exportation depuis Fireworks 267 7 Si votre document contient des découpes, choisissez Exporter les découpes dans le menu contextuel Découpes. 8 Sélectionnez Placer les images dans le sous-dossier si vous souhaitez stocker les images dans un dossier distinct. Vous pouvez choisir un dossier spécifique ou utiliser le dossier Images proposé par défaut par Fireworks. 9 Cliquez sur Enregistrer. Une fois exportés, les fichiers Fireworks apparaissent sur votre disque dur. Des images et un fichier HTML sont créés à l’emplacement spécifié dans la boîte de dialogue Exporter. Copie de code HTML dans le Presse-papiers Il est possible d’exporter très rapidement un code HTML généré par Fireworks en le copiant dans le Presse-papiers. Vous pouvez copier du code HTML dans Fireworks de deux manières. Vous pouvez utiliser la commande Copier le code HTML ou, dans la boîte de dialogue Exporter, sélectionner l’option Copier dans le Presse-papiers. Cette option copie le code HTML dans le Presse-papiers et génère des fichiers d’image à l’emplacement que vous avez spécifié. Vous pouvez ensuite coller ce code dans un document ouvert dans votre éditeur de code HTML. Bien que la copie dans le Presse-papiers soit la méthode la plus rapide pour copier un code HTML dans une autre application, elle n’est pas idéale dans toutes les situations. La copie de code HTML dans le Presse-papiers présente les inconvénients suivants : • Vous ne pouvez pas enregistrer des images dans un sous-dossier. Elles doivent se trouver dans le • • même dossier que le fichier HTML dans lequel vous collez le code HTML copié, sauf si vous copiez le code HTML dans Macromedia Dreamweaver. Les liens ou trajets utilisés dans les menus contextuels Fireworks sont connectés au lecteur de disque dur, sauf si vous copiez le code HTML dans Dreamweaver. Si vous utilisez un éditeur de code HTML autre que Dreamweaver ou Microsoft FrontPage, le code JavaScript associé aux graphismes des boutons, comportements et survols est copié, mais ne fonctionne pas correctement. Si vous rencontrez ce problème, sélectionnez l’option Exporter le fichier HTML à la place de l’option de copie du code HTML dans le Presse-papiers. Remarque : Avant de copier le code HTML, assurez-vous que vous avez choisi le style HTML approprié et activé l’option Inclure les commentaires HTML dans l’onglet Générales de la boîte de dialogue Configuration HTML. Pour plus d’informations, voir Définition des options d’exportation du code HTML, page 272. Pour copier un code HTML à partir de l’option Copier le code HTML : 1 Utilisez l’une des méthodes suivantes : Choisissez Edition > Copier le code HTML. Cliquez sur le bouton Exportation rapide, puis choisissez Copier le code HTML dans le menu contextuel. 2 Un Assistant vous guide dans le paramétrage de l’exportation du code HTML et des images. Lorsque cela vous est demandé, indiquez un dossier comme chemin de destination des images exportées. Ce dossier doit être celui dans lequel se trouve le fichier HTML. ■ ■ Remarque : Si vous collez le code HTML dans Macromedia Dreamweaver, peu importe le dossier dans lequel vous exportez les images, pourvu qu’il se trouve sur le même site Dreamweaver que le fichier HTML dans lequel vous allez coller le code. 268 Chapitre 12 : Optimisation et exportation L’Assistant exporte les images dans le dossier indiqué et copie le code HTML dans le Pressepapiers. Pour copier le code HTML à partir de la boîte de dialogue Exporter : 1 Choisissez Fichier > Exporter. Remarque : Si vous exportez le code dans Dreamweaver, vous pouvez également cliquer sur le bouton Exportation rapide, puis choisir l’option Copier le code HTML dans le Presse-papiers à partir du sous-menu Dreamweaver. 2 Dans la boîte de dialogue d’exportation, indiquez un dossier comme destination des images exportées. Ce dossier doit être celui dans lequel se trouve le fichier HTML. Remarque : Si vous collez le code HTML dans Macromedia Dreamweaver, peu importe le dossier dans lequel vous exportez les images, pourvu qu’il se trouve sur le même site Dreamweaver que le fichier HTML dans lequel vous allez coller le code. 3 Dans le menu contextuel Type, choisissez Documents HTML et images. 4 Choisissez Copier dans le Presse-papiers dans le menu déroulant HTML. 5 Si votre document contient des découpes, choisissez Exporter les découpes dans le menu contextuel Découpes. 6 Cliquez sur le bouton Options, choisissez votre éditeur HTML dans la boîte de dialogue Configuration HTML, puis cliquez sur OK. 7 A partir de la boîte de dialogue Exporter, cliquez sur Enregistrer. Pour coller dans un document HTML un code HTML copié depuis Fireworks : 1 Dans l’éditeur HTML, ouvrez un document HTML existant ou créez-en un nouveau. Enregistrez le document dans le même dossier que celui des images exportées. Remarque : Si vous utilisez Macromedia Dreamweaver, vous n’êtes pas tenu d’enregistrer le fichier HTML dans le même dossier que celui des images exportées. Dès 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 indique automatiquement les chemins vers les images associées. 2 Affichez le code HTML et placez le point d’insertion à l’emplacement de votre choix entre les balises <BODY> . Remarque : Le code HTML copié à partir de Fireworks ne contient pas les balises d’ouverture et de fermeture <HTML> et <BODY>. 3 Collez le code HTML. Reportez-vous aux informations d’aide de votre éditeur HTML pour savoir comment coller le contenu du Presse-papiers. Lorsque vous collez un code dans un éditeur HTML, il est important de conserver à l’emplacement exact les fichiers des images et les fichiers du code HTML pour ne pas rompre les liens. Si possible, lorsque vous effectuez une copie dans le Presse-papiers, assurez-vous que les images sont exportées à leur emplacement final sur le site Web. Comme Fireworks utilise des adresses URL relatives aux documents, les liens seront rompus si les fichiers HTML ou des images sont déplacés. Exportation depuis Fireworks 269 Copie et collage d’un code HTML à partir d’un fichier Fireworks exporté Vous pouvez ouvrir dans un éditeur de code HTML un code HTML généré par Fireworks et copier/coller des parties du code dans un autre fichier HTML. Pour copier un code depuis un fichier Fireworks exporté et le coller dans un autre document HTML : 1 Dans l’éditeur de code HTML, ouvrez le fichier HTML Fireworks que vous avez exporté. 2 Sélectionnez le code désiré et copiez-le dans le Presse-papiers. 3 Ouvrez un document HTML existant ou créez-en un nouveau. 4 Collez le code contenu dans le Presse-papiers à l’emplacement désiré dans le nouveau fichier HTML. Il n’est pas nécessaire de copier les balises <HTML> et <BODY>, qui doivent normalement déjà figurer dans le document HTML de destination. Si vous avez activé l’option Inclure les commentaires HTML dans la boîte de dialogue Configuration HTML de Fireworks, suivez les instructions fournies dans les commentaires pour copier/coller le code à l’emplacement approprié. 5 Si le document Fireworks contient des éléments interactifs, vous devez également copier le code JavaScript. Le code JavaScript est entouré des balises <SCRIPT> et se trouve dans la section <HEAD> du document. Copiez et collez l’intégralité de la section <SCRIPT>, sauf si le document de disposition contient déjà une section <SCRIPT>. Dans ce cas, il vous suffit de copier uniquement le contenu de la section <SCRIPT> dans la section <SCRIPT> existante en veillant à ne pas écraser les données de cette dernière. Vérifiez également qu’aucune fonction JavaScript n’est dupliquée dans la section <SCRIPT> lorsque vous avez copié le code. Mise à jour d’un code HTML exporté La commande Mettre à jour le code HTML permet de modifier un document HTML déjà exporté. Cette fonction est utile lorsque vous ne souhaitez mettre à jour qu’une partie d’un document. Remarque : La mise à jour du code HTML ne s’effectue pas de la même manière dans les documents Macromedia Dreamweaver et les autres documents HTML. Pour plus d’informations, sélectionnez « Dreamweaver » dans la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse suivante : www.macromedia.com/fr/support/. Pour mettre à jour un code HTML généré par Fireworks, vous pouvez choisir de remplacer uniquement les images modifiées ou l’intégralité du code et des images. Si vous choisissez de remplacer uniquement les images modifiées, toutes les modifications apportées au fichier HTML en dehors de Fireworks seront préservées. Remarque : Si vous souhaitez apporter d’importantes modifications à la présentation du document, effectuez les modifications dans Fireworks, puis réexportez le fichier HTML. Pour mettre à jour le code HTML à partir de la commande Mettre à jour le code HTML : 1 Utilisez l’une des méthodes suivantes : Choisissez Fichier > Mettre à jour le code HTML. ■ Cliquez sur le bouton Exportation rapide, puis choisissez Mettre à jour le code HTML dans le menu contextuel. 2 Sélectionnez le fichier à mettre jour à partir de la boîte de dialogue Rechercher fichier HTML. ■ 270 Chapitre 12 : Optimisation et exportation 3 Cliquez sur Ouvrir. 4 Si aucun code HTML généré par Fireworks n’est détecté, cliquez sur OK pour insérer le nouveau code HTML à la fin du document. 5 Par contre, si du code HTML généré par Fireworks est détecté, choisissez l’une des options cidessous et cliquez sur OK. Remplacer les images et leur code HTML remplace le code HTML Fireworks précédent. Mettre à jour les images uniquement écrase uniquement les images. 6 Lorsque la boîte de dialogue Sélectionnez le dossier Images s’affiche, choisissez un dossier et cliquez sur Ouvrir. Exportation de calques CSS Les calques de type CSS (Cascading Style Sheets) permettent mieux contrôler l’affichage des pages Web. Vous pouvez ainsi créer des feuilles de style ou modèles qui définissent la façon dont différents éléments, tels que les en-têtes et les liens apparaissent. Avec les calques CSS, vous pouvez définir en une seule opération le style et la présentation de plusieurs pages Web. Les calques CSS peuvent se chevaucher et être empilés les uns au-dessus des autres. Sous Fireworks, les sorties en code HTML normal ne se chevauchent pas. Pour exporter un graphisme dans un calque CSS : 1 Choisissez Fichier > Exporter. 2 A partir de la boîte de dialogue Exporter, tapez un nom de fichier et choisissez un dossier de destination. 3 Choisissez Calques CSS à partir du menu déroulant Type. 4 A partir du menu déroulant Source, choisissez l’une des options suivantes : Calques Fireworks exporte tous les calques en tant que calques CSS. Images Fireworks exporte tous les images en tant que calques CSS. Découpes Fireworks exporte les découpes du document en tant que calques CSS. 5 Sélectionnez Rogner les images pour recadrer automatiquement les images exportée et les calques pour accommoder les objets. 6 Sélectionnez Placer les images dans le sous-dossier pour choisir le dossier devant recevoir les images. 7 Cliquez sur Enregistrer. Exportation d’un fichier XHTML Dans un proche avenir, le langage XHTML est appelé à remplacer le langage HTML comme langage standard pour l’affichage de contenu Web. Non seulement le code XHTML garantit une compatibilité descendante, ce qui signifie qu’il peut être affiché dans la plupart des navigateurs Web, mais il peut être également lu par tous les périphériques affichant un contenu XML tels que les assistants numériques personnels, les téléphones mobiles et autres périphériques portables. Le langage XHTML est une combinaison du langage HTML, le standard actuel pour la création et l’affichage de pages Web, et du langage XML (eXtensible Markup Language). XHTML contient les éléments du langage HTML tout en adoptant les règles de syntaxe plus strictes du langage XML. Pour prendre en charge ce standard, Fireworks permet d’exporter des fichiers XHTML. Exportation depuis Fireworks 271 Remarque : Fireworks peut également importer des fichiers XHTML. Pour plus d’informations, voir l’aide de Fireworks. Pour plus d’informations sur le langage XHTML, consultez les spécifications XHTML du W3C (Web World Wide Web Consortium) sur le site http://www.w3.org. Pour exporter un fichier XHTML depuis Fireworks : 1 Choisissez Fichier > Configuration HTML, sélectionnez un style XHTML dans le menu contextuel Style HTML de l’onglet Général, puis cliquez sur OK. 2 Exportez le document en utilisant l’une des méthodes d’exportation ou de copie de document HTML disponibles. Pour plus d’informations sur les différentes manières d’exporter et de copier un document HTML depuis Fireworks, voir Exportation du fichier au format HTML, page 265. Remarque : Fireworks utilise le codage UTF-8 lorsque vous exportez un document XHTML. Pour plus d’informations sur le codage UTF-8, voir Exportation de fichiers avec le codage UTF-8, page 272. Exportation de fichiers avec le codage UTF-8 Auparavant, les navigateurs Web ne pouvaient pas afficher des jeux de caractères distincts dans un même document HTML. Par exemple, il n’était pas possible d’afficher sur une même page Web des textes chinois et anglais, car les navigateurs Web ne pouvaient pas afficher des jeux de caractères différents dans un même document. Le UTF-8, acronyme de Universal Character Set Transformation Format-8, est une technique de codage de texte qui permet aux navigateurs Web d’afficher différents jeux de caractères nationaux sur une même page HTML. Fireworks permet d’exporter un document HTML avec le codage UTF-8. Remarque : Fireworks peut également importer des documents utilisant le codage UTF-8. Pour plus d’informations, voir l’aide de Fireworks. Pour exporter des documents utilisant le codage UTF-8 : 1 Choisissez Fichier > Configuration HTML, puis Utiliser le codage UTF-8 sous l’onglet Propre au document et cliquez sur OK. Remarque : Pour plus d’informations sur les options de configuration HTML, voir Définition des options d’exportation du code HTML, page 272. 2 Exportez le document en utilisant l’une des méthodes d’exportation ou de copie de document HTML disponibles. Pour plus d’informations sur les différentes manières d’exporter et de copier un document HTML depuis Fireworks, voir Exportation du fichier au format HTML, page 265. Définition des options d’exportation du code HTML La boîte de dialogue Configuration HTML permet de définir le mode d’exportation du code HTML à partir de Fireworks. Ces paramètres peuvent se limiter au document ou servir de paramètres par défaut pour toutes les exportations de code HTML. Les modifications effectuées dans l’onglet Propre au document affectent uniquement le document actif. Cependant, vous pouvez utiliser ces paramètres comme paramètres par défaut pour tous les nouveaux documents, si vous cliquez sur le bouton Paramètres par défaut avant de refermer la boîte de dialogue Configuration HTML. Les paramètres Général et Table sont des préférences globales et affectent tous les nouveaux documents. 272 Chapitre 12 : Optimisation et exportation Pour spécifier le mode d’exportation du code HTML à partir de Fireworks : 1 Choisissez Fichier > Configuration HTML, ou cliquez sur le bouton Options de la boîte de dialogue Exporter. 2 A partir de l’onglet Générales, choisissez l’une des options suivantes : ■ ■ ■ ■ Choisissez l’une des options de Style HTML. Ces options s’appliquent au code HTML exporté. Le code HTML Generic est compatible avec tous les éditeurs HTML. Cependant, si le document contient des comportements ou des contenus interactifs, choisissez un éditeur spécifique s’il est répertorié dans la liste. Fireworks exporte différemment les éléments interactifs en fonction de l’option de style HTML sélectionnée. Pour exporter un document en appliquant le code standard XHTML, choisissez le style XHTML approprié à partir du menu contextuel. Pour plus d’informations sur XHTML, voir Exportation d’un fichier XHTML, page 271. Choisissez un nom d’extension de fichier à partir du menu déroulant Extension ou tapez l’extension de votre choix. Choisissez Inclure les commentaires HTML pour inclure des commentaires sur les endroits où vous souhaitez couper et coller dans le code HTML. Il est recommandé d’utiliser cette option si le document contient des éléments interactifs tels que des graphismes de bouton, de comportement ou de survol. Les commentaires HTML permettent d’identifier les parties du code à copier et à coller. Choisissez Nom de fichier en minuscules pour vous assurer que le nom du fichier HTML et des fichiers d’image sont écrits en minuscules lors de l’exportation. Remarque : Notez que l’extension du nom du fichier HTML ne s’affichera pas en minuscule si elle a été sélectionnée en majuscule dans le menu contextuel Extension. Choisissez une application associée à partir du menu déroulant correspondant (Macintosh). Lorsque vous double-cliquez sur le fichier HTML exporté sur le disque dur, ce dernier est ouvert avec l’application spécifiée. 3 A partir de l’onglet Table, choisissez les paramètres requis pour vos tables HTML. Pour plus d’informations sur la définition des propriétés des tables HTML Fireworks, voir Définition du mode d’exportation des tables HTML, page 193. 4 A partir de l’onglet Propre au document, choisissez l’une des options suivantes : ■ Choisissez l’une des formules permettant de nommer automatiquement les découpes à partir des menus déroulants correspondants. Vous pouvez utiliser les options par défaut ou choisir vos propres options. ■ Remarque : Soyez prudent lorsque vous choisissez Aucun comme option pour la convention de nom des découpes. Si vous choisissez cette option pour l’un des trois premiers menus, Fireworks exportera des fichiers de découpe qui s’écraseront successivement. Vous obtiendrez en définitive qu’un seul graphisme exporté et un tableau affichant ce graphisme dans chaque cellule. ■ Tapez un texte dans la zone Description de l’image. Ce texte descriptif apparaît à la place de toutes les images pendant le téléchargement à partir du Web et à la place d’un graphisme ne pouvant pas être téléchargé. Dans certains navigateurs, ce texte peut être également affiché sous forme d’info-bulle lorsque le curseur de la souris passe au-dessus de l’image. Cette fonction constitue également une aide pour les utilisateurs du Web malvoyants. Exportation depuis Fireworks 273 Sélectionnez Pages HTML avec barres de navigation multiples lorsque vous exportez une barre de navigation qui relie plusieurs pages. Lorsque vous choisissez cette option, Fireworks exporte des pages supplémentaires pour chaque bouton de la barre de navigation. ■ Choisissez l’option de codage UTF-8, si le document affiche des caractères provenant de plusieurs jeux de caractères nationaux. Pour plus d’informations sur le codage UTF-8, voir Exportation de fichiers avec le codage UTF-8, page 272. 5 Cliquez sur Paramètres par défaut pour enregistrer ces paramètres en tant que paramètres par défaut globaux. 6 Cliquez sur OK. ■ Utilisation du bouton Exportation rapide Le bouton Exportation rapide, situé dans l’angle supérieur droit de la fenêtre du document, permet d’accéder aisément aux options les plus couramment utilisées pour exporter des fichiers depuis Fireworks vers d’autres applications. Ce bouton vous permet d’exporter les fichiers vers divers formats, notamment les applications Macromedia, et d’autres programmes comme Microsoft FrontPage et Adobe GoLive®. Toutes les options d’exportation disponibles à partir du bouton Exportation rapide sont également accessibles dans Fireworks, notamment à partir de la boîte de dialogue Exporter et du menu Edition. Ce bouton offre un raccourci aux options d’exportation les plus courantes. Pour plus d’informations sur l’exportation vers chaque format, voir la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse suivante : www.macromedia.com/fr/support/. Pour la plupart des formats, il existe plusieurs méthodes d’exportation. Vous pouvez exporter un fichier HTML Dreamweaver, par exemple, ou mettre à jour un fichier HTML Dreamweaver existant. Vous pouvez également copier le fichier HTML Dreamweaver dans le Presse-papiers. Vous pouvez exporter un fichier Flash SWF ou copier les objets sélectionnés sous forme d’objets vectoriels. Vous pouvez même utiliser le bouton Exportation rapide pour démarrer d’autres applications ou prévisualiser un document Fireworks dans un navigateur spécifique. En simplifiant la procédure d’exportation, le bouton Exportation rapide permet de gagner du temps et d’améliorer le processus de conception. Remarque : Le bouton Exportation rapide exporte les graphismes et les découpes selon les paramètres définis dans le panneau Optimiser. Veillez à bien optimiser votre graphisme avant de l’exporter à l’aide du bouton Exportation rapide. Pour plus d’informations sur l’optimisation, voir Optimisation, page 237. Pour exporter un document Fireworks ou un graphisme à partir du bouton Exportation rapide : 1 Cliquez sur le bouton Exportation rapide, puis choisissez une option d’exportation dans le menu déroulant qui est affiché. Les options appropriées sont automatiquement définies dans la boîte de dialogue Exporter. Au besoin, modifiez ces options. 2 Choisissez un emplacement pour stocker les fichiers exportés, tapez un nom de fichier, puis cliquez sur Enregistrer. 274 Chapitre 12 : Optimisation et exportation Pour démarrer une autre application Macromedia à l’aide du bouton Exportation rapide : • Cliquez sur le bouton d’exportation rapide, puis choisissez l’option Lancer dans le sous-menu de l’application. Personnalisation du menu contextuel Exportation rapide Vous pouvez ajouter des options au menu contextuel Exportation rapide si vous maîtrisez bien le langage JavaScript et XML. Pour ajouter des options au menu contextuel Exportation rapide : 1 Créez des fichiers JSF et déposez-les dans le dossier Quick Export Menu sur votre disque dur. Remarque : L’emplacement exact de ce dossier varie en fonction du système d’exploitation. Sur les systèmes Windows, le dossier Quick Export Menu se trouve dans le sous-dossier French de l’application Fireworks. Sur les systèmes Macintosh, ce dossier se trouve dans le dossier Contents/Resources/English.lproj de l’application Fireworks. Pour plus d’informations sur les applications, voir Affichage du contenu du module (Macintosh uniquement), page 302. 2 Modifiez le fichier Quick Export Menu.xml en incluant des références dans les nouveaux fichiers JSF. Au prochain démarrage de Fireworks, les nouvelles options créées sont ajoutées au menu contextuel Exportation rapide. Pour plus d’informations, voir Extension de Fireworks. Envoi d’un document Fireworks comme pièce jointe à un courriel Avec Fireworks, vous pouvez aisément envoyer des documents comme pièces jointes à un courriel. Vous pouvez envoyer un fichier au format PNG Fireworks, JPEG compressé ou autre en utilisant les paramètres d’optimisation disponibles dans le panneau Optimiser. Pour envoyer un document en pièce jointe d’un courriel à l’aide de votre adresse de messagerie par défaut : 1 Choisissez Fichier > Envoyer vers le courriel. 2 Sélectionnez l’une des options suivantes : Fireworks PNG joint le document PNG actif à un nouveau courriel. joint le document actif à un nouveau courriel avec le paramètre d’optimisation JPEG - Qualité supérieure. Utiliser les paramètres d’exportation joint le document actif à un courriel avec les paramètres définis dans le panneau Optimiser. JPG compressé Remarque : Mozilla, Netscape 6 et Nisus Emailer ne sont pas pris en charge par le Macintosh. Envoi d’un document Fireworks comme pièce jointe à un courriel 275 Bouton Gestion de fichiers Le bouton Gestion de fichiers, situé en regard du bouton Exportation rapide dans la partie supérieure de la fenêtre du document, permet d’accéder facilement aux commandes de transport de fichier. Utilisez ce bouton si votre document réside dans un dossier de site Studio MX 2004 et si le site a accès à un serveur distant. Fireworks reconnaît votre dossier comme un site si vous avez défini le dossier cible, ou un dossier le contenant, comme dossier racine local pour un site à l’aide de la boîte de dialogue Gérer les sites dans Dreamweaver MX 2004. Le bouton Gestion de fichiers affiche les commandes de menus suivantes : Acquérir copie la version distante du fichier sur le site local en remplaçant le fichier local par la copie distante. Extraire extrait le fichier en remplaçant le fichier local par la copie distante. Cette option est activée dans Fireworks uniquement si l’option Activer l’archivage et l’extraction de fichier est activée dans Dreamweaver pour le site dans lequel le document réside. Placer copie la version locale du fichier dans le site distant en remplaçant le fichier distant par la copie locale. Archiver archive le fichier local en remplaçant le fichier distant par la copie locale. Cette option est activée dans Fireworks uniquement si l’option Activer l’archivage et l’extraction de fichier est activée dans Dreamweaver pour le site dans lequel le document réside. Annuler extraction annule l’extraction du fichier local et l’archive en remplaçant le fichier local par la copie distante. Cette option est activée dans Fireworks uniquement si l’option Activer l’archivage et l’extraction de fichier est activée dans Dreamweaver pour le site dans lequel le document réside. Remarque : Toutes ces commandes sont activées dans Fireworks uniquement si votre document réside dans un dossier de site Studio MX 2004 pour lequel un serveur distant est défini. Vous pouvez les utiliser pour des fichiers résidant sur des sites qui utilisent les méthodes de transport Local/Réseau et FTP, mais pas pour le sFTP ou les méthodes de transport tierces telles que SourceSafe, WebDAV et RDS. Pour plus d’informations sur le menu Gestion de fichiers, sélectionnez « Dreamweaver » dans la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse suivante : www.macromedia.com/fr/support/. 276 Chapitre 12 : Optimisation et exportation CHAPITRE 13 Automatisation des tâches répétitives Les concepteurs Web consacrent souvent beaucoup de temps aux mêmes tâches répétitives telles que l’optimisation ou la conversion d’images pour respecter certaines contraintes. Une partie de la puissance de Fireworks MX 2004 réside dans sa capacité à automatiser et simplifier de nombreuses tâches fastidieuses dans divers domaines, qu’il s’agisse de dessin, de modification ou de conversion de fichiers. Pour accélérer le processus de modification globale, la fonction Rechercher et remplacer peut être appliquée à des éléments dans un ou plusieurs fichiers. Vous pouvez rechercher et remplacer de nombreux types d’éléments (URL, polices, couleurs, texte et commandes) créés dans le panneau Historique. Vous pouvez utiliser la fonction de traitement par lots pour convertir des groupes entiers de fichiers image dans d’autres formats, ou pour modifier leur palette de couleurs. Le traitement par lots permet d’appliquer des paramètres d’optimisation personnalisés à des groupes de fichiers. Vous pouvez également redéfinir la taille d’un groupe de fichiers, le traitement par lots étant alors un outil idéal pour la création de vignettes. Le panneau Historique permet de créer des commandes représentant des raccourcis vers des fonctions couramment utilisées, ou un script destiné à accomplir une série d’actions complexes. Comme Fireworks reconnaît et exécute le code JavaScript, les utilisateurs chevronnés peuvent automatiser des tâches très complexes en programmant des séquences de code JavaScript qui pourront ensuite être exécutées par Fireworks. Vous pouvez contrôler pratiquement toutes les commandes et fonctions de Fireworks en JavaScript, à l’aide de commandes JavaScript spéciales que Fireworks peut interpréter. Le programme Extension Manager permet d’importer, d’installer et de supprimer des extensions dans les applications Macromedia pour étendre les capacités de Fireworks. 277 Recherche et remplacement La commande Rechercher et remplacer permet de rechercher des éléments (texte, URL, police ou couleur) dans un document et de les remplacer par un élément du même type. Cette recherche/ remplacement peut être effectuée dans le document actif ou dans un groupe de fichiers. La commande Rechercher et remplacer ne fonctionne qu’avec des fichiers PNG de Fireworks ou des fichiers contenant des objets vectoriels, tels que les fichiers FreeHand, CorelDRAW non compressés et Illustrator. Option de recherche Option de recherche Rechercher, panneau Pour sélectionner la source de recherche : 1 Ouvrez le document. 2 Pour ouvrir le panneau Rechercher, procédez de l’une des manières suivantes : ■ ■ ■ Choisissez Fenêtre > Rechercher. Choisissez Edition > Rechercher. Appuyez sur CTRL+F (Windows) ou sur Commande+F (Macintosh). Remarque : Si les fichiers que vous sélectionnez sont verrouillés ou archivés depuis un site Macromedia Dreamweaver, vous êtes invité à les déverrouiller ou à les extraire avant de continuer. 3 Dans le premier menu déroulant Rechercher, choisissez la source dans laquelle la recherche doit s’effectuer : Rechercher dans la sélection n’effectue de recherche/remplacement que parmi les éléments actuellement sélectionnés (objets et texte). Rechercher dans l’image n’effectue de recherche/remplacement que dans l’image active. Rechercher dans le document n’effectue de recherche/remplacement que dans le document actif. Rechercher dans les fichiers effectue une recherche/remplacement parmi plusieurs fichiers. Si cette option n’est pas déjà activée dans le menu déroulant Rechercher, sa sélection ouvre une boîte de dialogue dans laquelle vous pouvez indiquer les fichiers à rechercher. Si l’option Rechercher dans les fichiers est déjà sélectionnée dans le menu déroulant Rechercher, indiquez les fichiers à rechercher après avoir lancé la recherche en cliquant sur Rechercher, Remplacer ou Remplacer tout. 278 Chapitre 13 : Automatisation des tâches répétitives 4 Dans le second menu déroulant Rechercher, choisissez l’attribut à rechercher. Les options du panneau changent en fonction de votre sélection. 5 Définissez les options de l’attribut de recherche sélectionné. 6 Choisissez le type de recherche et remplacement désiré : La fonction Rechercher détecte la première occurrence de l’élément. Les éléments trouvés sont affichés comme sélectionnés dans le document. La fonction Remplacer remplace les éléments trouvés par le contenu indiqué dans le champ Remplacer par. Le bouton Remplacer tout permet de remplacer en une seule fois tous les éléments trouvés par leur élément de remplacement. Remarque : Lorsque des objets sont remplacés dans plusieurs fichiers, ces fichiers sont automatiquement enregistrés ; ce type de remplacement n’est donc pas réversible à l’aide de la commande Edition > Annuler. Pour plus d’informations, voir Recherche et remplacement durant un traitement par lots, page 286. Définition des options d’une recherche/remplacement dans plusieurs fichiers Lorsque vous effectuez une recherche/remplacement dans plusieurs fichiers, vous pouvez indiquer la manière dont Fireworks traite les fichiers ouverts après la recherche. Pour enregistrer, fermer et sauvegarder chaque fichier après la recherche : 1 Choisissez Options de remplacement dans le menu contextuel Options du panneau Rechercher. 2 Choisissez Enregistrer et fermer les fichiers pour enregistrer et fermer les fichiers après la recherche/remplacement. Seuls les documents originaux déjà actifs restent ouverts. Remarque : Si l’option Enregistrer et fermer les fichiers est désactivée, et si vous traitez en une seule fois un grand nombre de fichiers, Fireworks peut se trouver à court de mémoire et annuler le processus de traitement par lots. 3 Choisissez l’une des options suivantes dans le menu contextuel Sauvegarder les fichiers originaux : Pas de copies effectue une recherche/remplacement sans sauvegarder la version originale des fichiers. Le fichier modifié remplace alors le fichier original. Ecraser les copies existantes crée et ne conserve qu’une seule copie de sauvegarde de la version originale de chaque fichier modifié par l’opération de recherche/remplacement. Si vous effectuez par la suite de nouvelles opérations de recherche/remplacement sur les mêmes fichiers, le fichier original précédent remplacera toujours la copie de sauvegarde de sa version antérieure. Les copies de sauvegarde sont conservées dans un sous-dossier appelé Original Files. Sauvegardes incrémentielles conserve toutes les copies de sauvegarde des fichiers modifiés au cours d’opérations de recherche/remplacement. Les fichiers originaux sont alors déplacés dans le sous-dossier Original Files au sein de leur dossier actuel, et un chiffre incrémentiel est ajouté à la suite de leur nom. Si vous effectuez par la suite de nouvelles opérations de recherche/ remplacement sur les mêmes fichiers, le fichier original précédent sera copié dans le dossier Original Files, et le chiffre suivant sera ajouté à son nom de fichier. Par exemple, la copie de sécurité d’un fichier nommé Dessin.png sera nommée Dessin-1.png lors de la première opération de recherche/remplacement. La seconde fois, le fichier de sauvegarde sera renommé Dessin-2.png, etc. 4 Cliquez sur OK. Recherche et remplacement 279 Recherche et remplacement de texte Fireworks permet de rechercher et remplacer facilement des mots dans un document. Vous disposez de plusieurs options permettant d’affiner votre recherche en respectant la casse ou en faisant porter la recherche sur tout ou partie d’un mot. Pour chercher et remplacer des mots, des phrases ou toute autre chaîne texte : 1 Choisissez l’option Rechercher du texte dans le second menu déroulant du panneau Rechercher. 2 Dans la zone Rechercher, indiquez le texte à rechercher. 3 Indiquez ensuite l’URL de remplacement dans la zone Remplacer par. 4 Vous pouvez activer des options permettant d’affiner la recherche : Mot entier permet de rechercher le texte uniquement sous la forme du mot tel qu’il apparaît dans le champ de recherche, et non pas comme partie de mot. Respecter la casse permet de faire la distinction entre les lettres en majuscules et en minuscules pendant la recherche. Expressions régulières permet d’effectuer une recherche conditionnelle sur une partie de mot ou de nombre. Recherche et remplacement de polices de caractères Vous pouvez également chercher et remplacer rapidement des polices de caractères dans des documents Fireworks. Pour chercher et remplacer des polices de caractères dans des documents Fireworks : 1 Choisissez l’option Rechercher une police dans le second menu déroulant du panneau Rechercher. 2 Choisissez la police de caractères et le style à rechercher. Conseil : Vous pouvez affiner la recherche en définissant des tailles de police minimum et maximum. 3 Indiquez la police, le style et la taille de remplacement dans la zone Remplacer par. Recherche et remplacement de couleurs Vous pouvez rechercher toutes les occurrences d’une couleur dans vos documents Fireworks et les remplacer par une autre couleur. Pour chercher et remplacer une couleur dans des documents Fireworks : 1 Choisissez l’option Rechercher une couleur dans le second menu déroulant du panneau Rechercher et remplacer. 2 Dans le menu contextuel Appliquer à, choisissez un élément pour indiquer comment les couleurs trouvées doivent être appliquées : L’option Remplissages et traits permet d’effectuer une opération de recherche/remplacement à la fois sur les couleurs des trames et des traits. L’option Toutes les propriétés permet d’effectuer une opération de recherche/remplacement sur les couleurs des trames, des traits et des effets. L’option Remplissages permet d’effectuer une opération de recherche/remplacement sur une couleur de remplissage, à l’exception des remplissages à motifs. 280 Chapitre 13 : Automatisation des tâches répétitives L’option Traits permet d’effectuer une opération de recherche/remplacement sur les couleurs des traits. L’option Effets permet d’effectuer une opération de recherche/remplacement sur les couleurs des effets. Recherche et remplacement d’URL Outre les mots, polices et couleurs vous pouvez également chercher et remplacer des URL affectées à des éléments interactifs dans vos documents Fireworks. Pour chercher et remplacer des adresses URL affectées à des objets Web : 1 Choisissez l’option Rechercher une URL dans le second menu déroulant du panneau Rechercher. 2 Dans la zone Rechercher, indiquez l’URL à rechercher. 3 Indiquez ensuite l’URL de remplacement dans la zone Remplacer par. 4 Vous pouvez activer des options permettant d’affiner la recherche : Mot entier permet de rechercher le texte uniquement sous la forme du mot tel qu’il apparaît dans le champ de recherche, et non pas comme partie de mot. Respecter la casse permet de faire la distinction entre les lettres en majuscules et en minuscules pendant la recherche. Expressions régulières permet d’effectuer une recherche conditionnelle sur une partie de mot ou de nombre. Recherche et remplacement de couleurs non Websafe Une couleur non Websafe ne figure pas dans la palette de couleurs Web216. Une couleur est Websafe si elle est commune aux plates-formes Macintosh et Windows. Pour plus d’informations sur les couleurs Websafe, voir Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT, page 247. Pour chercher toutes les couleurs non Websafe et les remplacer par des couleurs Websafe : • Choisissez l’option Rechercher non Web216 dans le second menu déroulant du panneau Rechercher. Remarque : L’option Rechercher non Web216 ne permet pas d’effectuer une recherche/ remplacement sur les pixels des objets image bitmap. Traitement par lots Le traitement par lots est très utile pour convertir automatiquement un groupe de fichiers graphiques. Les options de traitement par lots proposées sont les suivantes : • Conversion d’une sélection de fichiers dans un autre format. • Conversion d’une sélection de fichiers dans le même format avec d’autres paramètres d’optimisation. • Mise à l’échelle des fichiers exportés. • Recherche et remplacement de texte, de couleurs, d’URL, de polices et de couleurs non Web216. • Changement de nom de groupes de fichiers par l’ajout d’un préfixe ou suffixe commun. • Exécution de commandes sur une sélection de fichiers. Traitement par lots 281 Pour effectuer un traitement par lots sur des fichiers : 1 Choisissez Fichier > Traitement par lots, puis sélectionnez les fichiers à traiter. Vous pouvez sélectionner des fichiers dans différents dossiers ou par groupe portant la même extension de fichier. Remarque : Si les fichiers que vous sélectionnez sont verrouillés ou archivés depuis un site Dreamweaver, vous êtes invité à les déverrouiller ou à les extraire avant de continuer. 2 Cliquez sur l’une des options suivantes dans la boîte de dialogue Lot (Windows) ou Traitement par lots (Macintosh) : Ajouter ajoute les fichiers et dossiers sélectionnés à la liste de fichiers à traiter dans le même lot. Si vous sélectionnez un dossier, tous les fichiers valides et lisibles de ce dossier sont ajoutés au processus de traitement par lots. Remarque : Les fichiers valides sont les fichiers qui existent vraiment, c’est-à-dire qui ont été créés, nommés et enregistrés. Si la dernière version d’un fichier n’a pas été enregistrée, il vous est demandé de le faire pour permettre au processus de traitement par lots de continuer. Si vous n’enregistrez pas le fichier, le traitement par lots est interrompu. Ajouter tout ajoute tous les fichiers valides du dossier sélectionné à la liste de fichiers à traiter dans le même lot. Supprimer supprime les fichiers sélectionnés de la liste de fichiers à traiter dans le même lot. 3 Activez l’option Inclure les fichiers courants pour ajouter les fichiers ouverts dans le programme. Tous ces fichiers seront inclus dans le traitement, bien qu’ils n’apparaissent pas individuellement dans la liste des fichiers à traiter. 4 Cliquez sur Suivant, puis effectuez une ou les deux opérations suivantes : 282 Chapitre 13 : Automatisation des tâches répétitives ■ ■ Pour ajouter une tâche au traitement par lots, sélectionnez-la dans la liste Options de traitement par lots et cliquez sur Ajouter. Chaque tâche ne peut être ajoutée qu’une fois. Pour plus d’informations sur l’ajout de commandes, voir Exécution de commandes à l’aide d’un traitement par lots, page 287. Pour modifier l’ordonnancement de la liste, sélectionnez la tâche dans la liste Inclure dans le lot, et cliquez sur les boutons fléchés. Remarque : L’ordre dans lequel les tâches apparaissent dans la liste Inclure dans le lot est l’ordre dans lequel elles sont exécutées durant le traitement par lots, à l’exception de l’exportation qui est toujours effectuée en dernier. 5 Pour voir les options supplémentaires de cette tâche, sélectionnez une tâche dans la liste Inclure dans le lot. 6 Choisissez les paramètres adaptés à chaque option. Pour supprimer une tâche du traitement par lots, sélectionnez-la dans la liste Inclure dans le lot et cliquez sur Supprimer. 7 Cliquez sur Suivant. 8 Choisissez les options relatives à l’enregistrement des fichiers traités : Même emplacement que le fichier d’origine enregistre chaque fichier dans le même chemin que le fichier source, en écrasant ce dernier si le nom et le format sont identiques. Emplacement personnalisé vous permet de choisir le chemin d’enregistrement des fichiers traités. Traitement par lots 283 9 Activez la case à cocher Sauvegardes pour utiliser les options de sauvegarde des fichiers originaux. Il est toujours conseillé d’effectuer une copie de sauvegarde des fichiers. Pour plus d’informations, voir Définition de l’emplacement du dossier de sortie du traitement par lots, page 288. 10 Cliquez sur Enregistrer le script, si vous souhaitez enregistrer les paramètres du traitement par lots pour les réutiliser plus tard. Pour plus d’informations, voir Enregistrement des traitements par lots sous forme de scripts, page 289. 11 Cliquez sur Lot pour exécuter le traitement par lots. Modification des paramètres d’optimisation à l’aide d’un traitement par lots Dans la boîte de dialogue Traitement par lots, ajoutez Exporter pour modifier les paramètres d’optimisation des fichiers. 284 Chapitre 13 : Automatisation des tâches répétitives Pour définir les paramètres d’exportation à appliquer à un traitement par lots : 1 Choisissez Exporter dans la liste Options de traitement par lots et cliquez sur Ajouter. 2 Dans le menu déroulant Paramètres, choisissez l’une des options ci-dessous et cliquez sur OK : Choisissez Utiliser les paramètres de tous les fichiers pour conserver les paramètres d’exportation de chaque fichier durant le traitement par lots. Par exemple, lors du traitement par lot d’un dossier contenant des fichiers GIF et JPEG, les fichiers qui en résultent seront toujours au format GIF ou JPEG et Fireworks utilise la palette originale de chaque fichier et son paramétrage de compression pour l’exportation. ■ Choisissez Personnaliser ou cliquez sur le bouton Edition pour modifier les paramètres dans la boîte de dialogue Aperçu avant exportation. ■ Choisissez un paramétrage d’exportation prédéfini, par exemple GIF Web 216 ou JPEG Qualité supérieure. Tous les fichiers seront convertis avec ce paramétrage. 3 Cliquez sur Suivant pour continuer le traitement par lots. Pour plus d’informations sur l’exécution du traitement par lots, voir Traitement par lots, page 281. ■ Mise à l’échelle de graphismes à l’aide d’un traitement par lots Dans la boîte de dialogue Traitement par lots, ajoutez l’option Mise à l’échelle pour modifier la hauteur et la largeur des images à exporter. Pour définir les options de mise à l’échelle lors d’un traitement par lots : 1 Choisissez Mise à l’échelle dans la liste Options de traitement par lots et cliquez sur Ajouter. 2 Dans le menu déroulant Mise à l’échelle choisissez une option. Pas de mise à l’échelle pour exporter les fichiers sans modification d’échelle. permet une mise à l’échelle des images avec la largeur et la Mise à l’échelle avec cette taille hauteur spécifiées. Mise à l’échelle de la zone permet une mise à l’échelle des images qui est proportionnelle à la largeur et à la hauteur maximales spécifiées. Conseil : Choisissez Mise à l’échelle de la zone pour convertir un groupe d’images en vignettes de taille égale. Mise à l’échelle avec ce pourcentage modifie la taille des images en fonction du pourcentage indiqué. 3 Cliquez sur Suivant pour continuer le traitement par lots. Pour plus d’informations sur l’exécution du traitement par lots, voir Traitement par lots, page 281. Traitement par lots 285 Recherche et remplacement durant un traitement par lots Dans la boîte de dialogue Traitement par lots, vous pouvez ajouter l’option Rechercher et remplacer pour chercher et remplacer du texte, des polices, des couleurs ou des URL au sein de boutons, de références ou de découpes. L’option Remplacement de lot affecte uniquement les formats de fichier suivants : Fireworks PNG, Illustrator, FreeHand et CorelDraw. Il ne permet pas d’intervenir sur les fichiers GIF et JPEG. Pour sélectionner les attributs faisant l’objet de la recherche/remplacement durant un traitement par lots : 1 Choisissez Rechercher et Remplacer dans la liste Options de traitement par lots et cliquez sur 2 3 4 5 6 7 286 Ajouter. Cliquez sur Edition. Choisissez les types d’attributs à chercher et remplacer dans le menu contextuel Rechercher : texte, police, couleur, URL ou non Web216. Dans la zone Rechercher, indiquez ou choisissez l’élément à rechercher. Dans la zone Remplacer par, indiquez ou choisissez l’élément de remplacement. Cliquez sur OK pour enregistrer les paramètres de recherche et remplacement. Cliquez sur Suivant pour continuer le traitement par lots. Pour plus d’informations sur l’exécution du traitement par lots, voir Traitement par lots, page 281. Pour plus de détails sur les options de recherche et remplacement, voir Recherche et remplacement, page 278. Chapitre 13 : Automatisation des tâches répétitives Modification de noms de fichiers à l’aide d’un traitement par lots Pour modifier les noms des fichiers à traiter, ajoutez l’option Renommer dans la boîte de dialogue du traitement par lots. Pour définir les options de noms lors d’un traitement par lots : 1 Choisissez Renommer dans la liste Options de traitement par lots et cliquez sur Ajouter. 2 Choisissez une option dans le menu déroulant Renommer. Nom d’origine conserve le nom original des fichiers. Ajouter un préfixe permet d’indiquer un texte à ajouter au début du nom de chaque fichier. Par exemple, si vous indiquez « nuit_ », le fichier Soleil_levant.gif est renommé nuit_Soleil_levant.gif lors de son traitement par lots. Ajouter un suffixe permet d’indiquer un texte à ajouter à la fin du nom de chaque fichier, 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 lot. 3 Cliquez sur Suivant pour continuer le traitement par lots. Pour plus d’informations sur l’exécution du traitement par lots, voir Traitement par lots, page 281. Exécution de commandes à l’aide d’un traitement par lots Pour exécuter des commandes JavaScript sur des fichiers, ajoutez l’option Commandes dans la boîte de dialogue Traitement par lots. Pour définir les options de commandes lors d’un traitement par lots : 1 Pour voir les commandes disponibles, cliquez sur le bouton Plus (Windows) ou sur le triangle (Macintosh) qui apparaissent à côté de l’option Commandes. 2 Pour ajouter une commande au traitement par lots, sélectionnez-la dans la liste et cliquez sur Ajouter. Remarque : Ces commandes ne peuvent pas être modifiées. 3 Cliquez sur Suivant pour continuer le traitement par lots. Pour plus d’informations sur l’exécution du traitement par lots, voir Traitement par lots, page 281. Pour plus d’informations sur la création de commandes, voir Automatisation des tâches avec le panneau Historique, page 291. Remarque : Par ailleurs, certaines commandes ne peuvent fonctionner durant un traitement par lots. Choisissez des commandes pouvant être exécutées dans les documents sans qu’il soit nécessaire qu’un objet ait été sélectionné. Traitement par lots 287 Définition de l’emplacement du dossier de sortie du traitement par lots Après avoir défini toutes les options de traitement dans la boîte de dialogue Traitement par lots, vous devez choisir les options de sauvegarde de vos fichiers. Vous pouvez effectuer des copies de sauvegarde des fichiers originaux lors d’un traitement par lots. Les copies de sauvegarde sont placées dans le dossier de chaque fichier original, dans un sous-dossier appelé Original Files. Pour effectuer des copies de sauvegarde des fichiers lors d’un traitement par lots : 1 Choissez l’emplacement du dossier de sortie du traitement par lots. 2 Activez la case à cocher Sauvegardes pour définir vos options de sauvegarde. 3 Choisissez le type de sauvegarde des fichiers : Ecraser les copies existantes remplace les éventuels fichiers de sauvegarde précédents. Sauvegardes incrémentielles conserve une copie de tous les fichiers de sauvegarde. Lors d’un nouveau traitement par lots, un chiffre incrémentiel est ajouté à la suite du nom de chaque copie de sauvegarde. Remarque : Si l’option Sauvegardes n’est pas activée, le traitement par lots écrasera le fichier original si le fichier exporté porte le même nom et est enregistré dans le même format. Toutefois, si le traitement par lots comporte un changement de format de fichier, le fichier original ne sera ni déplacé ni effacé. 4 Cliquez sur Lot pour exécuter le traitement par lots, ou sur Précédent pour revenir à la boîte de dialogue précédente du traitement par lots. 288 Chapitre 13 : Automatisation des tâches répétitives Enregistrement des traitements par lots sous forme de scripts Vous pouvez enregistrer les paramètres de traitement par lots sous la forme de script ou de commande pour recréer ensuite facilement le processus de traitement par lots. Après avoir défini toutes les options de traitement dans la boîte de dialogue Lots, vous devez choisir les options de sauvegarde de vos fichiers. Pour créer un script de traitement par lots : 1 Cliquez sur Enregistrer le script. 2 Indiquez le nom et la destination du script. 3 Cliquez sur Enregistrer. Si vous enregistrez votre script dans le dossier Commands de votre disque dur, il sera ajouté ensuite dans le menu Commandes de Fireworks. Remarque : L’emplacement exact de ce dossier varie d’un système à l’autre et selon que la commande est accessible à votre profil utilisateur uniquement ou à tous les utilisateurs. Les dossiers Commands sont situés dans le dossier Configuration du dossier de l’application Fireworks et également dans votre dossier Fireworks de profil utilisateur spécifique. Pour plus d’informations, voir Utilisation des fichiers de configuration, page 301. Pour exécuter un script de traitement par lots : 1 Utilisez l’une des méthodes suivantes : Dans Fireworks, choisissez Commandes > Exécuter un script. En dehors de Fireworks, double-cliquez sur le nom de fichier du script enregistré sur le disque dur. 2 Sélectionnez le script, puis cliquez sur Ouvrir. 3 Choisissez les fichiers à traiter à l’aide du script : Fichiers actuellement ouverts traite tous les documents ouverts. Personnalisé permet de choisir les fichiers à traiter. ■ ■ Remarque : Cliquez sur le bouton représentant une ellipse (...), à côté du menu déroulant Fichiers à traiter, puis sélectionnez les fichiers à traiter. 4 Cliquez sur OK. Pour plus d’informations sur le choix des fichiers, voir Traitement par lots, page 281. Exécution de scripts par glisser-déposer Si vous êtes amené à répéter fréquemment un traitement par lots, enregistrez-le sous forme de script, puis tirez l’icône de ce script depuis le répertoire de votre disque dur sur l’icône de Fireworks pour exécuter le traitement par lots. L’application Fireworks démarre et exécute ce script. Traitement par lots 289 Pour exécuter un script par glisser-déposer : 1 Enregistrer un script. 2 Utilisez l’une des méthodes suivantes : ■ ■ Tirez l’icône du fichier du script sur l’icône du bureau Fireworks. Faites glisser l’icône du fichier de script dans un document Fireworks ouvert. Remarque : Si vous tirez plusieurs fichiers de scripts et plusieurs fichiers graphiques sur l’icône de Fireworks, les fichiers graphiques seront traités plusieurs fois, une fois pour chaque script. Extension de Fireworks L’extension de Fireworks n’a jamais été aussi facile. Avec Fireworks, vous pouvez créer tout un ensemble de commandes personnalisées pour accroître les capacités de votre application. Le programme Extension Manager permet d’installer et de gérer des extensions pour étendre les capacités de Fireworks. Vous pouvez également créer un code JavaScript personnalisé et l’utiliser en tant que commande personnalisée dans Fireworks. Vous pouvez aussi utiliser les animations Flash SWF dans Fireworks sous forme de commandes personnalisées. Par ailleurs, le panneau Historique offre une interface conviviale permettant de créer des commandes personnalisées à partir d’une série de tâches enregistrées. Lorsque vous installez une extension ou créez une commande personnalisée, Fireworks la place dans le menu Commande. Remarque : Lorsqu’elles sont enregistrées sous forme de fichiers SWF dans le dossier Command Panels du disque dur, les commandes apparaissent sous forme de panneaux dans le menu Fenêtre. Pour plus d’informations, voir Création de scripts à l’aide de fichiers Flash SWF, page 293. Utilisation du programme Macromedia Extension Manager Une extension est un script de commande, un panneau de commandes, une bibliothèque, un filtre, un motif, une texture ou une forme automatique pouvant être ajouté à Fireworks pour accroître ses capacités. L’application Fireworks est livrée avec Macromedia Extension Manager, un programme qui permet d’installer, de gérer et de supprimer aisément des extensions. Lors de l’installation, Fireworks ajoute un ensemble d’extensions par défaut dans le menu Commandes. Vous pouvez également utiliser Extension Manager pour créer vos propres extensions et envoyer ces dernières vers Macromedia Exchange pour Fireworks. A travers Exchange, vous pouvez partager vos extensions avec d’autres utilisateurs Fireworks. Les extensions tierces se trouvent dans les sous-dossiers (selon le type d’extension) Configuration du dossier de l’application Fireworks, sur le disque dur. Les commandes que vous créez et enregistrez à l’aide du panneau Historique sont stockées dans votre dossier utilisateur Commands. Pour plus d’informations sur l’emplacement de ce dossier, voir Fichiers des profils utilisateur, page 301. Pour ouvrir Extension Manager à partir de Fireworks, procédez de l’une des manières suivantes : • Choisissez Commandes > Gérer les extensions. • Choisissez Aide > Gérer les extensions. Pour plus d’informations sur l’utilisation de Extension Manager, voir l’aide du programme Extension Manager. 290 Chapitre 13 : Automatisation des tâches répétitives Pour visiter le site Web de Macromedia Fireworks Exchange : • A partir de Fireworks, choisissez Aide > Fireworks Exchange. • Pour ce faire, saisissez www.macromedia.com/go/fireworks_exchange_fr. Automatisation des tâches avec le panneau Historique Le panneau Historique enregistre la liste de toutes vos actions dans Fireworks. Chaque étape est affichée sur une ligne distincte du panneau Historique dans l’ordre chronologique inverse (en commençant par la plus récente). Par défaut, le panneau conserve la trace des vingt dernières étapes. Vous pouvez cependant modifier cette valeur à tout moment. Création de commandes Vous pouvez enregistrer des groupes d’étapes du panneau Historique sous forme de commandes réutilisables. Ces commandes peuvent être exécutées sur n’importe quel document Fireworks. Elles ne sont pas spécifiques à un type de document. Les commandes mémorisées sont conservées dans des fichiers JSF enregistrés dans le dossier Commands de votre dossier Fireworks de profil utilisateur spécifique. Pour plus d’informations sur l’emplacement de ce dossier, voir Fichiers des profils utilisateur, page 301. Pour enregistrer des étapes sous forme de commandes : 1 Choisissez les étapes à enregistrer sous forme de commandes : Cliquez sur une étape, puis maintenez la touche MAJ enfoncée avant de cliquer sur une autre étape pour sélectionner toute une sélection d’étapes à enregistrer comme commande. ■ Appuyez sur la touche CTRL (Windows) ou Commande (Macintosh), puis cliquez pour sélectionner des étapes non adjacentes. 2 Cliquez sur le bouton Enregistrer les étapes sous forme de commande, en bas du panneau Historique. 3 Indiquez le nom de la commande, et cliquez sur OK. La commande apparaît dans le menu Commandes. ■ Pour annuler ou répéter des étapes à l’aide du panneau Historique : • Déplacez le curseur d’annulation vers le haut du panneau jusqu’à la dernière étape à annuler ou répéter. • Cliquez sur le trajet du curseur dans la partie gauche du panneau Historique. Remarque : Les étapes annulées restent dans le panneau Historique, mais elles apparaissent en grisé. Pour changer le nombre d’étapes mémorisées par le panneau Historique : 1 Choisissez Edition > Préférences (Windows) ou Fireworks > Préférences (Macintosh). 2 Indiquez le nombre d’étapes que vous désirez que le panneau Historique mémorise. Remarque : Plus ce nombre d’étapes sera élevé, plus la mémoire vive de l’ordinateur sera sollicitée. Extension de Fireworks 291 Pour effacer toutes les étapes qui apparaissent dans le panneau Historique : • Choisissez Effacer l’historique dans le menu Options du panneau Historique. Cette opération permet de libérer de la mémoire et de l’espace sur le disque dur. Remarque : Si vous effacez des étapes du panneau Historique, vous ne pourrez plus les annuler. Exécution des commandes Vous pouvez à tout moment exécuter des commandes ou une sélection d’actions enregistrées à partir du panneau Historique. Pour reproduire une commande enregistrée : 1 Si nécessaire, choisissez un ou plusieurs objets. 2 Choisissez la commande voulue dans le menu Commandes. Pour reproduire une sélection d’étapes : 1 Sélectionnez un ou plusieurs objets. 2 Sélectionnez les étapes désirées dans le panneau Historique. 3 Cliquez sur le bouton Réexécuter, en bas du panneau Historique. Les étapes marquées d’un X ne peuvent pas être répétées ni reproduites. Des lignes de séparation indiquent qu’un objet différent a été sélectionné. Les commandes créées à partir d’étapes situées de part et d’autre d’une ligne de séparation peuvent donner des résultats imprévisibles. Pour appliquer les étapes sélectionnées à des objets situés dans de nombreux documents : 1 Sélectionnez une plage d’étapes. 2 Cliquez sur le bouton Copier les étapes dans le Presse-papiers, en bas du panneau Historique. 3 Sélectionnez un ou plusieurs objets dans un document Fireworks. 4 Choisissez Edition > Coller. Pour répéter la dernière action : • Choisissez Edition > Répéter le script de commandes. Création de scripts à l’aide de JavaScript Vous pouvez réduire l’aspect fastidieux de certaines tâches répétitives en créant dans un éditeur de texte votre propre code JavaScript à faire exécuter dans Fireworks. Vous pouvez contrôler pratiquement toutes les commandes et fonctions de Fireworks en JavaScript. Macromedia Dreamweaver utilise également le JavaScript. Vous pouvez donc écrire des scripts permettant de contrôler Fireworks à partir de Dreamweaver. Pour consulter de la documentation sur l’API JavaScript, voir Extension de Fireworks. 292 Chapitre 13 : Automatisation des tâches répétitives Création de scripts à l’aide de fichiers Flash SWF A l’aide de Flash, vous pouvez créer des animations SWF contenant du code JavaScript. Ces animations peuvent être utilisées comme des commandes Fireworks accessibles à partir du menu Commandes de Fireworks. Vous pouvez même créer une animation SWF et l’utiliser en tant que panneau Fireworks, accessible à partir du menu Fenêtre. Dans Fireworks, le panneau Aligner est un exemple d’animation Flash importée sous la forme de panneau. Les animations SWF utilisées comme commandes sont mémorisées dans le dossier Commandes de votre disque dur, alors que celles utilisées comme panneaux sont mémorisées dans le dossier Command Panels. Remarque : L’emplacement exact de ces dossiers varie d’un système à l’autre et selon que la commande ou le panneau est accessible à votre profil utilisateur uniquement ou à tous les utilisateurs. Les dossiers Commands et Command sont situés dans le dossier Configuration de l’application Fireworks et également dans votre dossier Fireworks de profil utilisateur spécifique. Pour plus d’informations, voir Utilisation des fichiers de configuration, page 301. Pour des instructions détaillées sur la création de commandes ou de panneaux à partir d’animations Flash SWF, voir Extension de Fireworks. Gestion des commandes Vous pouvez renommer ou supprimer des commandes apparaissant dans le menu Commandes. Vous pouvez renommer ou supprimer des commandes que vous avez créées au moyen de l’option Gérer les commandes enregistrées de Fireworks. Utilisez Extension Manager pour gérer les autres commandes et extensions installées à l’aide de Fireworks ou celles que vous avez téléchargées, puis installées à partir du site Web Macromedia Exchange. Pour renommer une commande personnalisée : 1 Choisissez Commandes > Gérer les commandes enregistrées. 2 Sélectionnez la commande désirée. 3 Cliquez sur Renommer, tapez un nouveau nom, puis cliquez sur OK. Pour supprimer une commande personnalisée, exécutez l’une des actions suivantes : • Dans Fireworks, choisissez Commandes > Gérer les commandes enregistrées. Sélectionnez • 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 spécifique. Pour plus d’informations sur l’emplacement de ce dossier, voir Fichiers des profils utilisateur, page 301. Pour renommer ou supprimer une commande fournie avec Fireworks ou téléchargée à partir de Macromedia Exchange : • Choisissez Commande > Gérer les extensions. • Choisissez Aide > Gérer les extensions. La fenêtre Extension Manager s’affiche. Pour plus d’informations sur la gestion des extensions, voir l’aide du programme Extension Manager. Extension de Fireworks 293 Modification ou personnalisation d’un script de commandes Les scripts de commandes sont enregistrés en JavaScript. Si vous maîtrisez bien le langage JavaScript, vous pouvez les ouvrir et les modifier dans un éditeur de texte tel que le Bloc-notes de Windows ou dans TextEdit sur Macintosh. Pour modifier une commande à l’aide de JavaScript : 1 A partir du bureau, localisez le dossier Commands ou Command Panels approprié sur le disque dur. Remarque : L’emplacement exact de ces dossiers varie d’un système à l’autre et selon que la commande ou le panneau est accessible à votre profil utilisateur uniquement ou à tous les utilisateurs. Les dossiers Commands et Command sont situés dans le dossier Configuration de l’application Fireworks et également dans votre dossier Fireworks de profil utilisateur spécifique. Pour plus d’informations, voir Utilisation des fichiers de configuration, page 301. 2 Ouvrez le fichier script désiré dans un éditeur de texte et modifiez le code JavaScript. 3 Enregistrez et fermez le fichier script. Pour modifier les actions sélectionnées dans le panneau Historique à l’aide de JavaScript : 1 Dans Fireworks, sélectionnez une plage d’étapes dans le panneau Historique. 2 Cliquez sur le bouton Copier les étapes dans le Presse-papiers, en bas du panneau Historique. 3 Créez un nouveau document dans l’éditeur de texte. 4 Collez les étapes dans le nouveau document. 5 Modifiez les étapes. 6 Enregistrez et fermez le fichier script. 7 Copiez le fichier script dans le dossier Commands du disque dur. Remarque : L’emplacement exact de ce dossier varie d’un système à l’autre et selon que la commande est accessible à votre profil utilisateur uniquement ou à tous les utilisateurs. Les dossiers Commands sont situés dans le dossier Configuration du dossier de l’application Fireworks et également dans votre dossier Fireworks de profil utilisateur spécifique. Pour plus d’informations, voir Utilisation des fichiers de configuration, page 301. Les commandes enregistrées directement dans le dossier Commands et celles enregistrées dans le panneau Historique apparaissent dans le menu Commandes dès leur enregistrement ; il n’est donc pas nécessaire de redémarrer Fireworks. Toutefois, les commandes enregistrées dans le dossier Command Panels ne sont disponibles dans Windows qu’après le redémarrage de Fireworks. 294 Chapitre 13 : Automatisation des tâches répétitives CHAPITRE 14 Préférences et raccourcis clavier Les préférences Macromedia Fireworks 2004 permettent de contrôler la présentation générale de l’interface utilisateur, ainsi que la modification et l’apparence des dossiers. En outre, Fireworks vous permet de personnaliser les raccourcis clavier. Cela signifie que vous pouvez personnaliser vos raccourcis clavier et les utiliser dans tous vos programmes favoris. Définition des préférences Les préférences de Fireworks permettent de contrôler la présentation générale de l’interface utilisateur, ainsi que les options associées à certaines fonctions spécifiques telles que les couleurs par défaut, les options des outils, l’emplacement des dossiers, et la conversion des fichiers. Pour définir vos préférences : 1 Choisissez Edition > Préférences (Windows) ou Fireworks > Préférences (Macintosh). 2 Sélectionnez le groupe de préférences que vous souhaitez modifier. Général, Edition, Lancer et Modifier, Dossiers ou Importer. 3 Effectuez les modifications requises, puis cliquez sur OK. Préférences générales Les options ci-dessous apparaissent dans l’onglet des préférences générales : Etapes d’annulation définit les étapes d’annulation/rétablissement selon un nombre entre 0 et 1009. Ce réglage s’applique à la fois à la commande Edition > Annuler et au panneau Historique. Plus ce nombre est élevé plus la quantité de mémoire utilisée par Fireworks augmente. Vous devez redémarrer Fireworks pour que la modification de ce paramètre prenne effet. Couleurs par défaut définit les couleurs par défaut utilisées pour les traits de pinceau, les remplissages et la surbrillance des trajets. Les options Trait et trame ne modifient pas automatiquement les couleurs affichées dans les sélecteurs de couleurs du panneau Outils. Elles permettent de modifier les couleurs par défaut définies par le bouton Définit le trait par défaut/ Trame dans le panneau Outils. 295 Interpolation permet de choisir l’une des quatre méthodes de mise à l’échelle pouvant être utilisées par Fireworks pour interpoler les pixels lors des mises à l’échelle d’images. • L’interpolation bicubique permet d’obtenir les résultats les plus nets et de la meilleure qualité dans la plupart des cas, et est par conséquent sélectionné par défaut. • L’interpolation bilinéaire permet d’obtenir des résultats plus nets que le mode Adouci, mais moins nets que le mode Bicubique. • L’interpolation adoucie, qui était utilisée par Fireworks 1, produit un léger flou et élimine les • détails nets. Cette méthode est utile lorsque les autres produisent des résultats indésirables. L’interpolation au plus proche produit des bords dentelés avec des contrastes élevés et pas de flou. L’effet obtenu ressemble à une image grossie ou réduite avec l’outil Zoom. Options de lancement : Afficher la page de démarrage. Si vous désélectionnez cette option, la page de démarrage n’apparaît pas lorsque vous lancez Fireworks pour la première fois. Une case à cocher similaire figure sur la page de démarrage elle-même, permettant ainsi de faire disparaître cette dernière. Enregistrement des fichiers : Ajouter des icônes d’aperçu (Macintosh uniquement) permet d’afficher ou de masquer les vignettes des fichiers PNG Fireworks présents sur le disque dur. Lorsque cette option est désactivée, Fireworks affiche l’icône standard des fichiers PNG. Cette option prend effet après l’enregistrement du fichier. Préférences d’édition Les options d’édition permettent de spécifier des préférences pour la forme du pointeur et d’afficher des indicateurs visuels des objets bitmap. Curseurs précis permet de remplacer les pointeurs des différents outils par un pointeur en croix. Supprimer les objets pendant le recadrage supprime de façon définitive les pixels ou les objets situés en dehors de la zone de sélection lorsque vous choisissez Edition > Recadrer le document ou Modification > Document > Taille du document. Curseurs de peinture et de taille de trait s’applique aux pointeurs des outils Pinceau, Gomme, Flou, Accentuer, Révélateur, Brûlure et Tache et permet d’obtenir un curseur dont la taille et la forme correspondent à ce que vous allez dessiner ou effacer. Pour certains pinceaux larges à plusieurs pointes, le curseur prend par défaut la forme d’une croix. Lorsque cette option et la préférence Curseurs précis sont désactivées, les pointeurs des différents outils sont affichés. Afficher la bordure rayée place la bordure rayée standard autour du document lorsque vous travaillez sur des objets bitmap (mode bitmap). Afficher l’aperçu de l’outil Plume fournit un aperçu du prochain segment de trajet qui sera créé lors du clic sur l’outil Plume. Afficher les points unis affiche les points sélectionnés en creux ; les points désélectionnés sont unis. Désactiver “Masquer les bords” désactive automatiquement l’option Masquer les bords lorsque la sélection change. Choisir la distance permet de spécifier la distance à partir de laquelle un objet est sélectionné par le pointeur. Cette distance doit être comprise entre 1 et 10 pixels. 296 Chapitre 14 : Préférences et raccourcis clavier Distance d’accrochage permet de spécifier à partir de quelle distance l’objet que vous approchez doit s’accrocher à la grille ou au repère. L’option Distance d’accrochage fonctionne lorsque l’option Accrocher à la grille ou Accrocher aux repères est activée. Cette distance doit être comprise entre 1 et 10 pixels. Préférences Lancer et Modifier En définissant les préférences Lancer et Modifier, vous pouvez contrôler la manière dont des applications externes telles que Macromedia Flash, Macromedia Director et Microsoft FrontPage, lancent et modifient des graphismes dans Fireworks. Dans la plupart des cas, Fireworks tente automatiquement de localiser le fichier source PNG associé au graphisme. S’il ne parvient pas à le localiser, Fireworks utilise les préférences Lancer et Modifier que vous avez définies pour déterminer la manière dont il localisera le fichier source PNG. Remarque : L’application Macromedia Flash constitue une exception. Lorsque vous lancez et modifiez des graphismes dans Flash, Fireworks utilise toujours les préférences que vous avez définies dans la section Lancer et Modifier de la boîte de dialogue Préférences. Lors de la modification d’un document créé avec une application externe détermine si le fichier PNG Fireworks d’origine s’ouvre lorsque vous utilisez Fireworks pour modifier des images à partir d’autres applications Lors de l’optimisation d’un document à partir d’une application externe détermine si le fichier PNG Fireworks d’origine s’ouvre lorsque vous utilisez Fireworks pour optimiser une image. Remarque : Cette préférence ne s’applique pas à Director, qui ouvre et optimise automatiquement une image sans demander de spécifier le fichier source PNG, même si cette préférence est définie différemment dans Fireworks. Pour plus d’informations sur la manipulation d’images Fireworks dans Flash, sélectionnez Flash dans la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse : www.macromedia.com/fr/support/. Pour plus d’informations sur la manipulation d’images Fireworks dans Director, sélectionnez Director dans la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse : www.macromedia.com/fr/support/. Pour plus d’informations sur la manipulation d’images Fireworks dans FrontPage, voir « Working with Microsoft FrontPage » dans la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse : www.macromedia.com/fr/ support/. Remarque : Macromedia Dreamweaver gère différemment les préférences Lancer et Modifier. Dreamweaver ouvre systématiquement le fichier source PNG, même si les préférences Lancer et Modifier ont été définies différemment dans Fireworks. Si aucune Design Note (note de conception) n’est présente ou si le chemin d’accès au fichier source PNG est rompu, Dreamweaver vous demande systématiquement de localiser le fichier source PNG. Pour plus d’informations sur la manipulation d’images et d’éléments interactifs Fireworks dans Dreamweaver, sélectionnez Dreamweaver dans la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse : www.macromedia.com/fr/support/. Définition des préférences 297 Préférences de l’onglet Dossiers Les préférences de l’onglet Dossiers permettent d’accéder aux plug-ins Photoshop supplémentaires, aux fichiers de texture et aux fichiers de motifs en provenance de sources externes. L’option Autres (Plug-ins Photoshop, Textures et motifs) permet de spécifier les dossiers cibles contenant les plug-ins, les textures et les motifs. Les dossiers peuvent se trouver dans un autre dossier de votre disque dur, sur un CD-ROM ou un lecteur externe ou encore sur un réseau. Les plug-ins Photoshop figurent dans le menu Filtres de Fireworks et dans le menu Ajouter de l’Inspecteur des propriétés. Les textures ou motifs enregistrés en tant que fichiers PNG, JPEG et GIF apparaissent en tant qu’options dans les menus déroulants Motif et Texture de l’Inspecteur des propriétés. Pour plus de détails sur les textures et les motifs, voir Ajout d’une texture à une trame, page 121. Préférences d’importation de fichiers Photoshop Les préférences figurant dans l’onglet Importer permettent de définir des options de conversion des fichiers Photoshop : • Vous pouvez convertir des calques en objets ou en nouvelles images. • Vous pouvez choisir de modifier le texte importé ou de le conserver tel quel. • Vous pouvez importer un fichier Photoshop sous forme d’objet bitmap lissé. Pour plus d’informations sur les préférences d’importation, sélectionnez « Other Graphics and HTML Editing Programs » dans la rubrique « Working with Other Programs » (Travailler avec d’autres applications) du centre de support de Fireworks à l’adresse : www.macromedia.com/fr/ support/. Restauration des préférences Vous pouvez restaurer les valeurs d’origine des préférences en supprimant le fichier des préférences. La première fois que vous lancez Fireworks après la suppression du fichier des préférences, un nouveau fichier de préférences est créé, restaurant ainsi la configuration d’origine de Fireworks. Pour restaurer les préférences par défaut : 1 Quittez Fireworks. 2 Localisez le fichier des préférences de Fireworks MX 2004 sur le disque dur et supprimez-le. L’emplacement exact de ce dossier varie d’un système à un autre. Pour plus d’informations, voir Localisation du fichier des préférences Fireworks, page 302. 3 Redémarrez Fireworks. 298 Chapitre 14 : Préférences et raccourcis clavier Modification des raccourcis clavier Le programme Fireworks permet d’utiliser des raccourcis clavier pour sélectionner des commandes de menu, choisir des outils à partir du panneau Outils et accélérer différentes tâches qui n’existent pas en tant que commandes de menu. L’utilisation des raccourcis accroît votre productivité en vous permettant d’effectuer rapidement des actions simples. Si vous avez l’habitude d’utiliser les raccourcis clavier d’applications telles que FreeHand, Illustrator, Photoshop ou de produits utilisant la norme Macromedia, vous pouvez choisir le jeu de raccourcis de votre choix. Pour changer le jeu de raccourcis actif : 1 Choisissez Edition > Raccourcis clavier (Windows) ou Fireworks > Raccourcis clavier (Macintosh) pour ouvrir la boîte de dialogue Raccourcis clavier. 2 Dans le menu déroulant Jeu actuel, sélectionnez le jeu de raccourcis désiré, puis cliquez sur OK. Création de raccourcis personnalisés et secondaires Vous pouvez créer des raccourcis clavier personnalisés et des raccourcis secondaires si vous souhaitez exécuter une action de différentes manières. Un jeu de raccourcis personnalisés est toujours basé sur un jeu prédéfini. Remarque : Dans Fireworks, les raccourcis d’outils ne doivent pas inclure de touches de modification : (Ctrl, Maj, Alt sous Windows et Commande, Majuscule, Option et Contrôle, sur Macintosh). Les raccourcis d’outils consistent en une lettre ou un chiffre unique. Pour créer un raccourci personnalisé ou secondaire pour une commande de menu, un outil ou une action quelconque : 1 Choisissez Edition > Raccourcis clavier pour ouvrir la boîte de dialogue Raccourcis clavier. 2 Cliquez sur le bouton Dupliquer l’ensemble. 3 Entrez le nom de l’ensemble dupliqué dans la boîte de dialogue Ensemble dupliqué, puis cliquez sur OK. Le nom du nouveau menu personnalisé est alors affiché dans le champ Ensemble actif. 4 Choisissez la catégorie de raccourci voulue à partir de la liste Commandes : ■ Commandes de menu permet de créer un raccourci personnalisé pour toutes les commandes activées par l’intermédiaire de la barre de menus. ■ Outils permet de créer un raccourci personnalisé pour l’un des outils du panneau Outils. ■ Divers permet de créer un raccourci personnalisé pour une série d’actions prédéfinies. Une fois la catégorie sélectionnée, tous les raccourcis possibles pour cette dernière sont affichés dans la liste Commandes. 5 Sélectionnez la commande dont vous souhaitez modifier le raccourci à partir de la liste Commandes. Si le raccourci existe, il s’affiche dans la liste Raccourcis. 6 Cliquez dans le champ Appuyer sur la touche et appuyez sur les touches désirées pour définir le nouveau raccourci sur le clavier. Si la combinaison de touches choisie est déjà utilisée par un autre raccourci, un message d’avertissement apparaît sous le champ Appuyer sur la touche. Modification des raccourcis clavier 299 7 Utilisez l’une des méthodes suivantes : ■ ■ Cliquez sur le bouton Ajouter un nouveau raccourci (+) pour ajouter un raccourci secondaire dans la liste des raccourcis. Cliquez sur le bouton Modifier pour remplacer le raccourci sélectionné. Suppression de raccourcis personnalisés et d’ensembles de raccourcis personnalisés Vous pouvez supprimer n’importe quel raccourci ou ensemble de raccourcis personnalisés. Pour supprimer un ensemble de raccourcis personnalisés : 1 Choisissez Edition > Raccourcis clavier pour ouvrir la boîte de dialogue Raccourcis clavier. 2 Cliquez sur le bouton Supprimer l’ensemble (icône de la poubelle). 3 Sélectionnez le raccourci à supprimer à partir de la boîte de dialogue Supprimer l’ensemble. 4 Cliquez sur le bouton Supprimer. Pour supprimer un raccourci personnalisé : 1 Choisissez la commande dans la liste Commandes. 2 Choisissez le raccourci personnalisé à supprimer à partir de la liste Raccourcis. 3 Cliquez sur le bouton Supprimer un raccourci sélectionné (-). Création d’une feuille de référence pour l’ensemble de raccourcis actif Une feuille de référence est un enregistrement de l’ensemble de raccourcis actif qui est enregistré sous forme de table HTML. Vous pouvez afficher cette feuille de référence avec un navigateur Web ou l’imprimer. Remarque : Les feuilles de référence exportées depuis Fireworks sont codées à l’aide du codage UTF-8. Pour créer une feuille de référence : 1 Choisissez Edition > Raccourcis clavier pour ouvrir la boîte de dialogue Raccourcis clavier. 2 Cliquez sur le bouton Exporter l’ensemble en tant que code HTML près du champ Ensemble actif. La boîte de dialogue Enregistrer sous (Windows) ou Enregistrer (Macintosh) s’affiche. 3 Entrez le nom de la feuille de référence, puis sélectionnez un emplacement pour son fichier. 4 Cliquez sur Enregistrer. 300 Chapitre 14 : Préférences et raccourcis clavier Utilisation des fichiers de configuration Pour gérer des systèmes multi-utilisateurs, Fireworks utilise des fichiers de profil utilisateur spécifique. Ainsi, vous pouvez personnaliser des fonctionnalités de Fireworks telles que les styles, les raccourcis clavier, les commandes et bien d’autres encore, sans affecter la configuration Fireworks pour les autres utilisateurs. Pour chaque utilisateur, Fireworks crée un ensemble de fichiers de configuration distinct. Fireworks installe également les fichiers de configuration maîtres dans le dossier de l’application Fireworks. Ces fichiers contiennent les paramètres de configuration par défaut de Fireworks et s’appliquent à tous les utilisateurs. Certains fichiers de configuration, tels que les plug-ins de Fireworks, se trouvent uniquement dans le dossier de l’application Fireworks. Sur certains systèmes, seul l’administrateur système peut accéder aux fichiers de configuration maîtres dans le dossier de l’application Fireworks. Remarque : Par défaut, les systèmes Windows masquent souvent certains fichier et dossiers. Vérifiez que les options d’affichage des dossiers sont définies de manière à ce que tous les fichiers et dossiers soient visibles. Sur certains systèmes, vous pouvez également activer l’option d’affichage des fichiers pour visualiser le contenu d’un dossier. Pour plus d’informations sur l’affichage de tous les fichiers et dossiers, voir l’aide Windows. Fichiers des profils utilisateur Les fichiers des profils utilisateur Fireworks se trouvent dans le dossier Macromedia/Fireworks MX 2004 dans votre dossier d’utilisateur spécifique Application Data (Windows) ou Application Support (Macintosh). L’emplacement de ce dossier varie en fonction du système d’exploitation et selon que vous utilisez un système multi-utilisateur ou un système autonome. Pour plus d’informations sur l’emplacement de ce dossier, voir la documentation de votre système d’exploitation. Remarque : Sur les systèmes personnalisés, les noms de certains dossiers système peuvent être différents. Fichiers de configuration maîtres appliqués à tous les utilisateurs Les fichiers de configuration maîtres appliqués à tous les utilisateurs se trouvent dans le dossier de l’application Fireworks, c’est-à-dire le dossier du disque dur dans lequel vous avez installé Fireworks. Remarque : D’autres fichiers de configuration sont placés dans des sous-dossiers du dossier de l’application Fireworks. Leur emplacement varie en fonction du système d’exploitation. Par ailleurs, les utilisateurs Macintosh doivent connaître le concept du nouveau logiciel d’Apple. Pour plus d’informations, voir Affichage du contenu du module (Macintosh uniquement), page 302. Que vous travailliez sur un système multi-utilisateur ou sur un système autonome, Fireworks modifie les fichiers de profil utilisateur spécifique (mais pas les fichiers de configuration maîtres) dans le dossier de l’application Fireworks lorsque vous enregistrez des paramètres. Cela s’explique par le fait que, sur un système multi-utilisateur, bon nombre d’utilisateurs n’ont pas accès à tous les fichiers. Les utilisateurs ayant les autorisations d’accès de l’administrateur peuvent personnaliser des fonctions pour tous les autres utilisateurs en modifiant les fichiers de configuration maîtres dans le dossier de l’application Fireworks. Utilisation des fichiers de configuration 301 Pour sauvegarder un fichier de configuration maître pour tous les utilisateurs : • Enregistrez ou placez une copie du fichier à l’emplacement approprié dans le dossier de l’application Fireworks. Localisation du fichier des préférences Fireworks Les préférences Fireworks sont conservées dans un fichier appelé Fireworks MX 2004 Preferences.txt (sous Windows) ou Fireworks MX 2004 Preferences (sur Macintosh). L’emplacement de ce fichier varie en fonction du système d’exploitation. • Sous Windows, les préférences sont enregistrées dans votre dossier Fireworks de profil • utilisateur spécifique. Pour plus d’informations sur l’emplacement de ce dossier, voir Fichiers des profils utilisateur, page 301. Sur Macintosh elles se trouvent dans le dossier Library/Preferences de votre dossier utilisateur. Pour plus d’informations sur l’emplacement de votre dossier utilisateur sur Macintosh, voir l’aide Apple. Remarque : Sur Macintosh, la plupart des fichiers Fireworks de profil utilisateur spécifique sont conservés dans un autre dossier : le dossier utilisateur spécifique Application Support, à l’exception du fichier des préférences de Fireworks MX 2004. Réinstallation de Fireworks Lorsque vous désinstallez ou réinstallez Fireworks, vos fichiers de profil utilisateur spécifique restent intacts sur la plupart des systèmes. Si vous réinstallez Fireworks à partir des paramètres de configuration par défaut, supprimez manuellement vos fichiers de profil utilisateur spécifique avant de réinstaller l’application. Remarque : Vos fichiers de profil utilisateur spécifique se trouvent dans votre dossier d’utilisateur spécifique Application Data (Windows) ou Application Support (Macintosh). Pour plus d’informations sur l’emplacement de ce dossier, voir Fichiers des profils utilisateur, page 301. Pendant la procédure de désinstallation sur des systèmes Windows XP, Windows 2000 et Windows NT 4, le programme vous demandera si vous souhaitez supprimer les fichiers d’utilisateur spécifique et de préférences. En supprimant ces fichiers, vous supprimez du même coup tous les utilisateurs du système. Affichage du contenu du module (Macintosh uniquement) Sur un ordinateur Macintosh, Fireworks est installé sous la forme d’un module. Cette fonctionnalité d’Apple permet d’installer des applications dans un module autonome. Le fichier de l’application Fireworks, ainsi que ses fichiers de configuration par défaut sont placés dans le module de l’application. Par défaut, le contenu du module est masqué. Lorsque vous ouvrez le module, vous remarquez qu’il contient plusieurs fichiers et dossiers. Pour afficher ou masquer le contenu du module Fireworks : 1 Localisez le dossier d’installation de Fireworks sur le disque dur. 2 Maintenez enfoncée la touche Contrôle et cliquez sur l’icône Fireworks MX 2004, puis choisissez Afficher le contenu du module dans le menu contextuel. La nouvelle fenêtre qui apparaît affiche le contenu du module. 302 Chapitre 14 : Préférences et raccourcis clavier INDEX A accentuation de la netteté 52 images 36 zones de bitmap 34 Accentuation, outil 34 Accentuer davantage, filtre 52 Accentuer le flou, filtre 49 Accentuer, filtre 52 ACT, nuanciers au format 103 actualisation des découpes 262 Actualisation du code HTML, commande 270 Adobe GoLive 274 affectation automatique d’un nom aux découpes 191, 192 modification de la convention de nom par défaut 193 afficher bords 10 Afficher l’aperçu de la plume, préférence 296 Afficher la bordure rayée, préférence 296 Afficher le menu contextuel, comportement 187 Afficher les icônes des onglets, préférence 296 Afficher les points unis, préférence 296 Afficher/masquer les zones réactives et les découpes 179 ajout images 230 styles 163 Ajouter des icônes d’aperçu, préférence 296 Ajouter du bruit, filtre 54 alignement des objets 27 alpha, conversion d’images 51 animation 223 activer et désactiver les images 229 affection de nom aux images 229 affichage de l’image suivante 232 affichage de toutes les images 232 affichage des images courantes et adjacentes 232 affichage personnalisé des images 232 afficher plusieurs images 232 ajout d’images 230 aperçu 233 boucle 234 création à partir de fichiers multiples 236 déplacement 226 déplacement d’objets vers une autre image 230 désactiver le partage de calques 231 exportation 235 gestion des images 228 images 226 insertion d’images 230 lecture 233 mise à l’échelle 226 modification de plusieurs images 232 opacité 226 optimisation 235 ouverture 236 partage de calques entre plusieurs images 231 propriétés 225 réglage de la cadence d’images 229 réorganisation des images 230 rotation 226 séquence de calques 232 suppression d’images 230 supprimer 227 transparence 234 Anneau, outil 59 annulation d’une étape à l’aide du panneau Historique 291 définir le nombre d’actions annulées 295 anticrénelage bords 119 bords du texte lisses 91 couleur de fond cible 258 303 suppression des halos 258 aperçu avec la fenêtre Aperçu avant exportation 239 documents dans un navigateur 274 paramètres d’optimisation 244, 245 pixels contenant une couleur spécifique 251 traits 112 Aperçu avant exportation 239 aperçu 239 comparaison des paramètres d’optimisation 240 optimisation 239 optimisation de l’aperçu 239 zone panoramique 240 zoom 240 Arrière-plan, commande 27 Association d’objets 25 assombrissement images 36 zones de bitmap 34 Au-dessus Enfoncé, état de bouton 202 Au-dessus, état de bouton 202 B barre de couleurs 102, 105 choix d’une couleur 106 navigation dans les modèles de couleur 107 barres de navigation création 211 état Au-dessus 187 état Enfoncé 187 Restaurer, comportement 187 Bibliothèque d’URL 170 ajout d’URL 171 ajout des URL utilisées 172 création 171 saisie d’URL absolues ou relatives 172 bibliothèque de symboles 165 Bibliothèque, panneau 165 insertion de symboles de bouton 205 bitmaps application d’un flou et accentuation de la netteté 49 effacer 33 réglage de la couleur et du ton 39 réglage de la luminosité et du contraste 45 réglage de la teinte et de la saturation 47 retouche 34 blocs de texte déplacement 83 largeur fixe 83 304 Index ressaisir 83 saisie automatique 83 BMP, format de fichier 247 bords afficher et masquer 10 biseautés 126 bords biseautés 126 Bordure, commande 17 bouton de prévisualisation 244 boutons barres de navigation 211 création 201 défini 202 définition d’une cible 209 Editeur de bouton 201 effets en direct 204 vue d’ensemble 201 zone active 208 Brûlure, outil 34 C cadence des images animations 229 cadres de sélection 10 déplacement 14 désélectionner 14 développement 17 enregistrement et restauration 18 lissage 18 réduction 17 sélection de la zone autour 17 sélection de pixels par intersection 15 supprimer 14 transfert vers un autre objet 18 Calque Web 139 calques 133 activation 134 affectation d’un nom 136 affichage 135 ajout et suppression 135 déplacement 136 désactiver le partage entre plusieurs images 231 dupliquer 135 exportation 264 organisation 136 partage 138 partage de calques entre plusieurs images pour l’animation 231 verrouillage 137 calques CSS, exportation 271 Calques, panneau affectation de nom aux découpes 191 affichage des découpes 179 canal alpha d’un objet, sélection 15 caractères. Voir polices cartes images création 195 exportation 197 changement de nom des symboles 166 Choisir la distance, préférence 296 clonage images 35 objets 20 zones de bitmap 34 codage UTF-8 272, 300 collage de code HTML 269 Coller dedans, commande 144 coloriage d’images 47 commandes création 291 modification 294 renommer des commandes personnalisées 293 renommer ou supprimer des commandes Fireworks 293 supprimer des commandes personnalisées 293 traitement par lots 287 Commandes, menu 292 gestion des commandes enregistrées 293 comportements Afficher le menu contextuel 187 Barre de navigation - Au-dessus 187 Barre de navigation - Enfoncée 187 Image de la barre de navigation 187 Macromedia Dreamweaver 4 182 panneau Comportements 187 Restaurer la barre de navigation 187 Substitution d’image 187 Survol simple 187 Texte de la barre d’état 187 comportements glisser-déposer définition 183 pour une seule découpe 184 suppression 185, 186 trait bleu 183 Comportements, panneau 187 composites 158 compression application d’un effet de flou aux contours 257 choix d’un type de fichier 246 et optimisation 242 réglage 253 sélective 257 Compression JPEG sélective 256 Activer la qualité sélective 257 couleur de superposition 257 préservation de la qualité du bouton 257 préservation de la qualité du texte 257 configuration de Fireworks 295 contenu du module, visualisation 302 contours 110 Voir aussi traits contrainte de la rotation 23 contraste 45 copie attributs d’objets 165 bitmaps 19 HTML 268 images 230 objets 20 pixels 11 tous les objets sélectionnés sur un calque 136 copier et coller code HTML dans Fireworks 268, 269 occurrences de symboles 169 copies de sauvegarde durant une opération de recherche/remplacement 279 correction colorimétrique Courbes 43 luminosité et contraste 45 Niveaux 40 utilisation de la pipette 45 correction orthographique 98 couleur affichage des valeurs de couleur 107 application depuis le panneau Nuanciers 103 changement de trait 111 choix d’un groupe de nuanciers 103 choix de la profondeur de couleur 248 choix via l’outil Pipette 110 création avec l’outil de sélection des couleurs système 107 création dans le mélangeur 107 définition des préférences 295 échantillonnage 32, 110 enregistrement des nuanciers personnalisés 105 fenêtre contextuelle 109 inversion des valeurs 48 modèles de couleurs 106 modification 32 recherche et remplacement 280 Index 305 recherche et remplacement de non Websafe 281 réglage 39 réinitialiser la valeur par défaut 102 remplacement d’un nuancier 104 remplissages 46 remplissages dégradés 117 sélection dans la barre de couleurs 106 suppression depuis le panneau Nuanciers 105 suppression des couleurs inutilisées 249 tramage avec Websafe 108 Couleur de remplissage 160 Couleur de remplissage, effet en direct 160 Couleur de remplissage, zone 32 Couleur de trait, zone 111 couleurs 24 bits 249 couleurs 32 bits 249 couleurs système Windows en tant que groupe de nuanciers 103 couleurs Websafe 252 couper les trajets 76 courriel 275 Crayon, outil 31 crénage 87 Curseurs de peinture et de taille de trait, préférence 296 Curseurs précis, préférence 296 Cutter, outil 76 D décalage de la ligne de base 92 découpes actualisation 262 affichage ou masquage de la couche de découpe 246 changement de couleur 180 chevauchement 181 création 176 définition 175 exportation 261 nom automatique 191, 192 polygone 178 pour l’interactivité 176 ressaisir 181 texte 177 utilisation de tables imbriquées 193 utilisation des séparateurs 193 découpes se chevauchant 181 Définir image barre de navigation, comportement 187 Définir le texte de la barre d’état, comportement 187 demi-tons 41 Désactiver “Masquer les bords”, préférence 296 306 Index désélection de tous les objets 10 Désélectionner, commande 14 désinstallation de Fireworks 302 dessin 59 anneaux 59 changement de segment adjacent 71 conversion de trajets droits en courbes 69 courbe de segments adjacents 71 distorsion d’objets 24 division de trajets 77 ellipses 56 étoiles 57 flèches 58 formes en L 59 graphiques à secteurs 59 lignes 56 lignes connecteurs 59 polygones 57, 59 rectangles 56 rectangles arrondis 57, 59 rectangles biseautés 58 rectangles chanfreinés 59 sélection d’un point 70 spirales 59 Développer, commande 17 diffusion 33 création de bords diffus 119 sélections de pixels 17 Diffusion, commande 33 dissociation d’objets 25 Distance d’accrochage, préférence 297 distorsion d’objets 24 Distorsion, outil 24 Diviser, commande 77 documents mode par défaut 56 dossier utilisateur 301 dupliquer objets sélectionnés 20 par glissement 20 E éclaircissement images 36 zones de bitmap 34 Editeur de bouton 202 création de symboles 165 modification des symboles 167 effacement de bitmaps 33 effets application aux objets 125 définition des valeurs par défaut 131 effets applicables en direct 123 modification 129 néon 127 plug-ins 128 recherche et remplacement 280 supprimer 129 effets applicables en direct 160 activation ou désactivation 125 application 130 création 130 modification 129 Plug-ins Photoshop 128 renommer 130 supprimer 129 effets en direct dans les boutons 204 Effets, menu contextuel 124 ellipse 56 empilage des objets 26 Enfoncé, état de bouton 202 enregistrement 260 animations 263 images 260 entrelacement d’images 255 envoi de documents comme pièces jointes 275 espacement des caractères. Voir crénage espacement des lettres. Voir crénage espacement des lignes Voir aussi interlignage espacement des paragraphes 91 estampe 126 états de bouton Au-dessus 202, 203 Au-dessus Enfoncé 202, 203 Enfoncé 202, 203 Relevé 202 Etendre le trait, commande 79 Etoile, outil 59 étoiles 57, 59 événements souris 188 exportation 260 animations 234, 263 calques CSS 271 Calques dans des fichiers distincts 264 d’une zone 264 découpes 189, 261 emplacement par défaut 260 en fichiers WBMP 246 GIF animés 235 HTML 265 images 260 images dans des fichiers distincts 264 paramètres du traitement par lots 285 résultats 266 styles 164 symboles 169 UTF-8 272 XHTML 271 zones réactives 197 Exportation rapide, bouton 274 Exportation rapide, menu contextuel 275 Exporter zone, outil 264 extension de traits 79 Extension Manager 290 F fichiers de configuration 301 emplacement 301 maîtres 301 personnalisation pour tous les utilisateurs 302 pour tous les utilisateurs 301 fichiers de profil utilisateur 301 fichiers externes, conversion pour la permutation d’image 189 fichiers JPEG Bords des JPEG plus nets, commande 257 Compression JPEG sélective 256 modification des zones sélectionnées 257 paramètres d’optimisation 255 progressive 258 sélection du format JPEG 246 fichiers valides, définition 282 fichiers verrouillés 276 fichiers, déverrouillés 276 filtres Accentuer 52 Accentuer davantage 52 Accentuer le flou 49 Ajouter du bruit 54 Flou 49 Flou de mouvement 50 Flou de zoom 50 Flou gaussien 49 Flou radial 50 Inverser 48 Luminosité/Contraste 45 Masque d’accentuation 52 Plug-ins Photoshop 128 Index 307 Rechercher les bords 51 Teinte/Saturation 47 Flèche courbée, outil 58 Flèche, outil 58 flou 49 images 36 zones de bitmap 34 Flou de mouvement, filtre 50 Flou de zoom, filtre 50 Flou gaussien, filtre 49 Flou radial, filtre 50 Flou, filtre 49 Flou, outil 34 fondu application 160 définition du mode de fondu 160 fondu des couleurs d’objets qui se chevauchent 158 objets 233 format de fichier TIFF, sélection 247 formats de fichiers BMP 247 GIF 246 JPEG 246 PNG 246 TIFF 247 Forme en L, outil 59 Formes automatiques 58, 59, 64 FrontPage 274 fusion de trajets 72, 76 Fusionner la sélection, commande 31 G Gestion de fichiers, bouton 276 Gestion de fichiers, menu 276 GIF, format de fichier choix d’une palette de couleurs 247 nuanciers 103 sélection 246 GoLive 274 Gomme, outil 33 graphique à secteurs 59 Graphique à secteurs, outil 59 groupe de nuanciers, choix d’un groupe personnalisé 103 H halos, suppression 258 Histogramme 41 Historique, panneau 308 Index effacement de toutes les étapes 292 modification des actions 294 modification du nombre d’étapes 291 réexécution d’étapes 292 HTML 265 Configurer 272 copier et coller de Fireworks vers Dreamweaver 268, 269 exportation 265, 267 remplacement de l’ancienne version 270 I images activer et désactiver 229 affichage de la suivante 232 affichage de toutes les images 232 affichage personnalisé 232 ajout 230 courantes et adjacentes 232 déplacement d’objets vers une autre image 230 désactiver la séquence de calques 232 désactiver le partage de calques 231 enregistrement 260 exportation 260, 264 gestion 228 insertion 230 modification de plusieurs images 232 noms dans l’animation 230 partage de calques pour l’animation 231 peinture 31 réglage de la cadence 229 réorganisation 230 sélection 10 sélection des pixels 10 séquence de calques 232 suppression 230 images comme trames. Voir Coller dedans, commande images d’icône. Voir vignettes images raster 29 Images, panneau 228 importation Préférences d’importation de fichiers Photoshop 298 styles 164 symboles 169 importation de texte 96 ASCII, texte 97 Fichiers Photoshop 97 Fichiers RTF 97 inclinaison d’objets 23 Incliner, outil 23 Inspecteur des propriétés 9 informations sur la sélection 9 masquage 155 utilisation de texte 81 installation des plug-ins Photoshop 128 interlignage 88 interpolation caractéristiques 233 défini 233 objets 233 interpolation (mise à l’échelle) 296 Intersection, commande 77 Inverser, filtre 48 J jeux de raccourcis Voir aussi raccourcis clavier jeux de raccourcis personnalisés. Voir raccourcis clavier JPEG progressives 258 L lecture animations 233 commandes enregistres 292 macros 292 Ligne connecteur, outil 59 lignes 56 Voir aussi traits limites 110 Lisser, commande 18 luminosité 45 Luminosité/Contraste, filtre 45 M Macromedia Dreamweaver comportements de Dreamweaver 4 182 macros 292 maculage images 36 zones de bitmap 34 Maculage, outil 34 Masque d’accentuation, filtre 52 masquer bords 10 calques 137 objets de calques 137 Masquer la sélection, commande 147 Masquer tout, commande 147 Masques 139 activer 157 ajout d’objets à une sélection masquée 156 bitmap 141 création de masques vides 147 déplacement avec les objets masqués 152 désactiver 157 modification 154 regroupement d’objets pour former un masque 149 remplacer 157 texte comme masque 145 utilisation d’un objet existant 144, 146 vecteur 140 masques suppression 157 masques bitmap 139, 141 création 146 utilisation d’un objet existant 144, 146 masques vectoriels 139, 140 conversion en masque bitmap 156 création 142 utilisation d’un objet existant 144, 146 Mélangeur 105, 106 affichage 106 création de couleurs 107 mélange de couleurs 106 permutation des couleurs de trait et de remplissage 102 rétablissement des couleurs par défaut 102 menus contextuels 211 conception de l’aspect 215 description 211 exportation 222 modification 221 positionnement 220 propriétés avancées 218 saisie du texte de menu 213, 214 méthode de mise à l’échelle par interpolation adoucie 296 méthode de mise à l’échelle par interpolation au plus proche 296 méthode de mise à l’échelle par interpolation bicubique 296 méthode de mise à l’échelle par interpolation bilinéraire 296 miroir. Voir retournement d’objets mise à l’échelle graphiques 285 objets 22 options d’interpolation 296 Index 309 Mise à l’échelle, outil 22 mise à l’oblique d’objets 23 mise en retrait d’un texte 90 mode bitmap Afficher la bordure rayée, préférence 296 basculer vers 29 mode vectoriel basculer vers 29 traçage 56 Modèle de couleurs CMJ 106 Modèle de couleurs Hexadécimal 106 Modèle de couleurs HSB 106 Modèle de couleurs Niveaux de gris 106 Modèle de couleurs RVB 106 modèles de couleurs CMJ 106 Hexadécimal 106 Niveaux de gris 106 RVB 106 TSL 106 modes vecteur 56 modes de fondu 158 Couleur 158 Différence 158 Eclaircir 158 Ecran 158 Effacer 159 Foncer 158 Inverser 159 Luminosité 159 Multiplicateur 158 Nuance 159 Saturation 158 Teinte 158 Modes de fondu ; Saturation 158 modification actions dans le panneau Historique 294 calque unique 137 comportements 188 effets applicables en direct 129 menus contextuels 221 objets bitmap 31 objets sélectionnés 20 pixels 10 remplissages dégradés 117 remplissages unis 115 styles 163 symboles d’animation 225 310 Index trajets 72 Modifier le dégradé, boîte de dialogue 118 Modifier le trait, boîte de dialogue 112 module de l’application 302 N néon, effets 127 noms de fichiers, modification dans un traitement par lot 287 Nuanciers 103 nuanciers, choix de nuanciers personnalisés 103 Nuanciers, panneau ajout de nuanciers 103 Couleurs du système Windows 103 enregistrement, personnalisé 105 remplacement d’une couleur 104 suppression d’une couleur 105 O objets association 25 conversion en symbole d’animation 225 création de bitmaps 30 déplacement d’objets sélectionnés 20 dissociation 25 distorsion 24 empilage 26 fusion 138 inclinaison 23 mise à l’oblique 23 sélection 8 sélection d’un canal alpha 15 supprimer un effet 129 objets vectoriels, remodelage 73 occurrences défini 165 interpolation 233 mise en place dans le document 166 modification 167 Occurrences interpolées, commande 233 ombres 41, 127 ombres portées 127 opacité réglage 160 Voir aussi transparence optimisation animations 235 notions de base 237 utilisation de l’Assistant Exportation 239 Optimiser la taille, assistant 240 organisation des images 230 outil de sélection des couleurs système 107 outils Accentuation 34 Baguette magique 10 Brûlure 34 Cadre de sélection 10 Cadre de sélection ovale, outil 10 changement de couleur de trait 111 Couleurs, partie du panneau Outils 101 Crayon 31 Distorsion 24 Flou 34 Gomme 33 Incliner 23 Lasso 10 Lasso polygonal 10 Maculage 34 Mise à l’échelle 22 Pinceau 31 Pipette 32 Pointeur 8, 11 Remplacer la couleur 34, 38 Révélateur 34 Sous-sélection 72, 151 Suppression de l’œil rouge 34, 37 Tampon encreur 34 Texte 81 Transformation 21 outils de transformation Distorsion 24 Incliner 23 Mise à l’échelle 22 ouverture fichiers multiples comme animations 236 GIF animés 236 P palettes de couleurs Adaptative 247 affichage 250 ajout aux nuanciers actifs 103 définition du nombre maximum de couleurs 248 enregistrement 253 Exacte 248 importation 248 modification 252 Niveaux de gris 248 Noir et blanc 248 optimisation 252 Personnalisée 248 Système (Macintosh) 248 Système (Windows) 248 Uniforme 248 verrouillage des couleurs 251 Web 216 248 WebSnap Adaptative 247 panneaux Bibliothèque 165 Comportements 187 Images 228 Nuanciers 103 Rechercher et remplacer 278, 280 Styles 162 URL 170 paramètres d’optimisation comparaison de deux ou quatre paramètres 245 enregistrement 244, 259 JPEG 255 modification dans un traitement par lot 284 partage avec un autre utilisateur 259 prédéfinis 191, 243 réutilisation 244, 259 suppression des paramètres prédéfinis 260 partage des calques 138 permutation d’image, images externes 189 Permuter les images, comportement 187 perspective, illusion 23 Photoshop application de plug-ins 128 calques groupés 139 installation des plug-ins 128 masques de calques 149 motifs 298 plug-ins 298 préférences d’importation 298 textures 298 PICT, format de fichier 247 Pinceau, outil 31, 64 pinceaux définition de la pointe 113 enregistrement des paramètres 114 options de trait 112 Pipette, outil 32, 104 pixels clonage 35 copie 11 couper 11 déplacement 11 Index 311 développement de la bordure de sélection 17 diffusion 33 lissage de la bordure du cadre de sélection 18 peinture 31 plage tonale 41 réduction de la bordure de sélection 17 réglage de la plage tonale en utilisant la pipette 45 sélection 10 sélection d’une zone en forme libre 12 sélection d’une zone polygonale 12 sélection de couleurs similaires 13 sélection de zone autour du cadre de sélection 17 plage tonale 40 réglage avec la fonction Courbes 43 réglage avec les Niveaux 40 Plume, outil 65 ajout de points 71 reprise d’un trajet 72 segment courbes 67 segments droits 66 suppression de points 71 PNG, format de fichier choix d’une palette de couleurs 247 sélection 246 poignées de points 68 affichage 70 poignées de transformation 21 Poinçon, commande 78 point central et axe de rotation 23 pointeur de pipette 106, 109, 110, 115 Pointeur, outil 8, 11 points ajout 71 changement de segment adjacent 71 conversion 69 conversion de droit en courbe 69 courbe de segments adjacents 71 déplacement 71 sélection 70 suppression 71 points d’angle 66 points de courbe 67 polices recherche et remplacement 280 styles 85 tailles 85 traitement des polices manquantes 97 Polygone intelligent, outil 59 polygones 57, 59 préférences 295 312 Index couleurs par défaut 295 définition 295 emplacement du fichier 302 nombre max. d’actions annulées 295 options d’édition 296 options d’importation 298 options d’interpolation 296 options des dossiers 298 par défaut 298 restauration de valeurs par défaut 298 préférences par défaut 298 Premier plan, commande 27 propriétés des bordures de cellules 219 propriétés des boutons interactifs 208 propriétés des occurrences 207 Propriétés du symbole, boîte de dialogue 165 Q Qualité sélective, bouton 257 R raccourcis clavier 299 changement du jeu actuel 299 feuille de référence pour l’ensemble de raccourcis actif 300 feuilles de références codées à l’aide du codage UTF-8 300 jeux de raccourcis personnalisés 299 raccourcis secondaires 299 suppression des jeux de raccourcis personnalisés 300 Rapporter le trajet, commande 79 Recadrer, commande 78 recherche et remplacement 278 choix de la source de recherche 278 couleurs 280 couleurs non Websafe 281 fichiers multiples 279 fichiers traités par lots 286 polices 280 texte 280 URL 281 usages 278 rechercher 278 Voir aussi recherche et remplacement Rechercher et remplacer, panneau 278, 280 Rechercher les bords, filtre 51 Rectangle arrondi, outil 59, 60 Rectangle biseauté, outil 58 Rectangle chanfreiné, outil 59 rectangles 56 angles arrondis 60 rectangles arrondis 57 redessiner des trajets 75 Redessiner le trajet, outil 75 réduction des points 78 réduction des trajets 79 Réduire, commande 17 références application de survols glisser-déplacer 198 création 195 irrégulières 196 par-dessus des découpes 199 réglage plage tonale en utilisant la pipette 45 teinte ou saturation 47 Réglage de la plage tonale avec la fonction Niveaux 40 Réglage de la plage tonale avec la fonction Niveaux automatiques 40 réinstallation de Fireworks 302 relecture des animations 233 Relevé, état de bouton 202 remodelage d’objets vectoriels 74 remplacement d’éléments 278 Remplacer la couleur, outil 34, 38 remplissages ajout de texture 121 application d’un dégradé 32, 117 application d’un remplissage à motif 116 application d’un remplissage uni 115 application de remplissages de couleur 46 changement de couleur des formes de base 115 déplacement 119 dessin sur les traits 114 diffusion ou anticrénelage 119 enregistrement d’un dégradé 120 enregistrement d’un dégradé personnalisé 120 illusion de transparence 109 modification de la couleur unie 115 modification des bords 119 modification du dégradé 117 permutation des couleurs de trait et de remplissage 102 recherche et remplacement 280 réglage 119 réinitialiser la couleur par défaut 102 remplissage de trame Web 108 rotation 119 transformation de dégradé 119 transformation de motif 119 remplissages à motif application 116 déplacement 119 réglage 119 rotation 119 transformation 119 remplissages dégradés 32 ajout d’une nouvelle couleur 118 application 117 changement de couleurs 118 conversion d’images en transparence 51 déplacement 119 enregistrement, personnalisé 120 modification 117 Modifier le dégradé, boîte de dialogue 118 réglage 119 réglage de la transition de couleur 118 rotation 119 suppression des couleurs 118 transformation 119 remplissages unis ajout de texture 121 application 115 repères de découpe affichage 179 changement de couleur 180 supprimer 181 répétition d’une étape à l’aide du panneau Historique 291 retournement d’objets 23 Révélateur, outil 34 Révéler la sélection, commande 147 rotation contrainte 23 déplacement de l’axe de rotation 23 objets 22 S saturation, réglage 39 scripts 292 fichiers Flash SWF 293 modification des scripts 294 scripts de commandes, modification 294 scripts de lots 289 exécution 289 glisser-déposer 289 segments courbes, modification 68 segments de droite, modification 68 segments, conversion 69 sélection Index 313 ajout à une sélection de pixels 15, 16 annulation d’une sélection 21 application d’une diffusion sur une sélection de pixels 17 couche alpha 15 couleurs similaires 13 désélection d’un cadre de sélection 14 désélection d’un objet 10 développement de la bordure du cadre de sélection 17 diffusion des bords 33 images 10 inversion d’une sélection de pixels 16 lissage de la bordure du cadre de sélection 18 objets associés 25 objets supplémentaires 9 pixels 10 points 70 réduction de la bordure du cadre de sélection 17 sélection de pixels flottante 19 soustraction dans une sélection de pixels 16 zone autour du cadre de sélection 17 zone en forme libre de pixels 12 zone polygonale de pixels 12 zones de pixels 11 zones superposées de bitmaps 16 sélections de pixels flottantes création 19 déplacement 19 séparateurs 193 séquence de calques affichage de l’image suivante 232 affichage de toutes les images 232 affichage des images courantes et adjacentes 232 affichage personnalisé 232 défini 232 désactiver 232 Editeur de bouton 201 modification de plusieurs images 232 simplification des trajets 78 Simplifier, commande 78 Sous-sélection, outil liaison automatique des trajets 72 sélection de masques 151 Spirale, outil 59 styles agrandissement des icônes d’aperçu 164 ajout 163 application 162 basés sur des styles existants 163 314 Index défini 161 exportation 164 importation 164 modification 163 nouveau 163 redéfinir sur les valeurs par défaut 164 suppression 163 styles de texte effets 93 gras 85 italique 85 remplissages 93 soulignement 85 traits 93 Styles, panneau 162 suppression calques 135 effets applicables en direct 129 images 230 Masques 157 nuanciers 105 objets sélectionnés 21 points 71 points sur les courbes 45 styles 163 Suppression de l’œil rouge, outil 34, 37 supprimer effets 129 portions d’un trajet 77 Supprimer les objets pendant le recadrage, préférence 296 Survol simple, comportement 187 survols barres de navigation 211 conversion en boutons 205 création 201 de forme irrégulière 178 défini 182 permutation d’image 184 simples 187 Survol simple, comportement 187 zone active 208 survols de permutation d’image avec une seule découpe 184 création de survols séparés 185 survols séparés 185 affectation à des références 198 affectation à une découpe 186 création 185 survols simples 184 création 187 symboles création 165 création d’occurrences 166 défini 165 dupliquer 166 exportation 169 importation 169 interpolation 233 mise en place des occurrences dans le document 166 modification 166 modification des graphismes 227 rupture d’un lien 167 suppression 167 symboles de bouton insertion dans un document 205 modification 206 système, outil de sélection des couleurs 107 T table de couleurs 250 actualisation 250 nuancier à plusieurs attributs 250 nuancier modifié 250 nuancier transparent 250 nuancier verrouillé 250 nuancier Websafe 250 sélection de couleurs 250 tableaux imbriqués 193 taille du fichier réduction de la qualité 256 spécification du niveau de perte acceptable pour réduire la taille 253 Tampon encreur, outil 34 teinte, réglage 39, 47 Teinte/Saturation, filtre 47 texte alignement 90 attributs, enregistrement 93 augmentation ou réduction de la largeur des caractères 92 correction orthographique 98 couleur 85 découpes 177 direction 89 Editeur de texte 99 espacement des paragraphes 91 mise en retrait 90 modification 84 orientation 89 recherche et remplacement 280 saisie 81 texte de description 190 affectation à des boutons ou occurrences 210 texte en gras 85 texte en italique 85 texte souligné 85 Texte, outil 81 texture ajout aux remplissages 121 ajout aux traits 120 ton, réglage 39 Tout révéler, commande 147 tracé de points 65 traitement par lots 281 commandes 287 copie de sauvegarde des fichiers 288 enregistrement des fichiers 283 enregistrement en tant que scripts 289 mise à l’échelle de graphismes 285 noms de fichiers 287 paramètres d’exportation 285 paramètres d’optimisation 284 Rechercher et remplacer 286 Traitement pat lots, boîte de dialogue 282 traits 110 ajout de texture 120 bords 111 changement de centrage 113 changer la couleur des outils de dessin 111 création de traits personnalisés 112 définition de la sensibilité 113 enregistrement des paramètres 114 modification 110 permutation des couleurs de trait et de remplissage 102 recherche et remplacement 280 réinitialiser la couleur par défaut 102 remplissage du dessin 114 réorientation 113 sélection 111 textures 111 trajet composite 77 trajets 76 ajout de texture de trait 120 changement de forme 71 changement de segment adjacent 71 conversion de droit en courbe 69 courbe de segments adjacents 71 création de traits personnalisés 112 Index 315 division 77 modification des traits 110 permutation des couleurs de trait et de remplissage 102 poussée 74 recadrage 78 réinitialiser la couleur par défaut 102 sélection d’un point 70 traction 74 trajets de forme libre 64 trajets de texte attacher le texte au trajet 93 changement de forme du trajet 94 conversion de texte en trajet 96 déplacement du point de départ d’un texte 95 détacher du trajet 94 modification du texte attaché à un trajet 94 placer du texte sur un trajet 95 tramage 249 avec des couleurs Websafe 108 transformation numériquement 24 objets 21 par glissement 21 remplissages à motif 119 remplissages dégradés 119 texte 95 Transformation numérique, commande 24 transparence ajout ou suppression de couleurs 254 animation 234 conversion d’images en transparence dégradée 51 illusion 109 sélection d’une couleur 254, 255 Voir aussi opacité U Union, commande 77 URL affectation à des boutons ou occurrences 208 affectation à un objet Web 171 recherche et remplacement 281 sélection des options de cible 190 URL absolues, saisie 172 URL relatives, saisie 172 URL, panneau 170 V Vérifier l’orthographe, commande 98 316 Index verrouillage des calques 137 Vers l’arrière, commande 27 Vers l’avant, commande 27 vignettes panneau Calques 134 sélection de masques 151 W WBMP, fichiers exportation 246 X XHTML 271 Z zones de transparence 253 zones les plus claires 41 zones réactives affectation des URL 190 création 195 modification de la forme 196 ">
Lien public mis à jour
Le lien public vers votre chat a été mis à jour.