Retrouvez gratuitement la notice de l'appareil FIREWORKS 8-UTILISATION DE FIREWORKS MACROMEDIA au format PDF.
Téléchargez la notice de votre Logiciel de graphisme au format PDF gratuitement ! Retrouvez votre notice FIREWORKS 8-UTILISATION DE FIREWORKS - MACROMEDIA et reprennez votre appareil électronique en main. Sur cette page sont publiés tous les documents nécessaires à l'utilisation de votre appareil FIREWORKS 8-UTILISATION DE FIREWORKS de la marque MACROMEDIA.
Utilisation de Fireworks
Le présent guide contient des liens vers les sites Web de tierces parties qui ne sont pas contrôlés par Macromedia, qui n’est pas responsable du contenu de sites liés. Vous accédez auxdits sites sous votre propre responsabilité. Macromedia mentionne lesdits liens pour faciliter votre travail et l’inclusion desdits liens n’implique pas que Macromedia approuve le contenu desdits sites tiers ou en accepte la responsabilité. Copyright © 2005 Macromedia, Inc. Tous droits réservés. Le présent manuel ne peut pas être copié, photocopié, reproduit, traduit ou converti sous forme électronique ou informatique, en partie ou en totalité, sans l’autorisation écrite préalable de Macromedia, Inc. Nonobstant ce qui précède, le propriétaire ou l’utilisateur autorisé d’une copie valide du logiciel fourni avec le présent manuel peut imprimer une copie dudit manuel à partir d’une version électronique de ce dernier dans le seul et unique but pour ledit propriétaire ou utilisateur autorisé de se familiariser avec ledit logiciel, à condition qu’une partie dudit manuel ne puisse être imprimée, reproduite, distribuée, revendue ou transférée dans tout autre but, y compris, et ce sans limitation, dans un but commercial, tel que la vente de copies de la présente documentation ou la fourniture de service de support payant. Remerciements Gestion de projet : Charles Nadeau, Debi Robson Rédaction : Rosanne Conroy Tout reste entièrement modifiable, à tout moment. En outre, vous pouvez automatiser le déroulement du travail pour satisfaire aux exigences de longues mises à jour et modifications. Fireworks s’intègre aux autres produits Macromedia, tels que Dreamweaver, Flash, FreeHand et Director, ainsi qu’à vos applications graphiques préférées et aux éditeurs HTML pour offrir une solution Web réellement intégrée. Exportez facilement vos graphiques Fireworks avec les codes HTML et JavaScript qui ont été personnalisés pour l’éditeur HTML que vous utilisez. Ce chapitre couvre les rubriques suivantes : Configuration requise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Installation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Nouveautés de Fireworks 8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Pour installer Fireworks :
2. Exécutez l’une des actions suivantes : ■ Le programme d’installation vous invite à entrer les informations requises. 4. Si vous y êtes invité, redémarrez votre ordinateur.
Il est judicieux d’enregistrer votre copie de Macromedia Fireworks par voie électronique ou par courrier. Vous pouvez effectuer un enregistrement électronique lors du processus d’activation du produit, au premier lancement de Fireworks. Lorsque vous vous enregistrez, vous êtes placé sur une liste prioritaire vous permettant de recevoir des notifications presque en temps réel concernant les mises à niveau et les nouveaux produits Macromedia. Vous recevrez des notifications par courriel concernant les mises à jour du produit et les nouveaux contenus apparaissant sur les sites Web www.macromedia.com/fr/ et www-euro.macromedia.com. Pour enregistrer votre copie de Fireworks, exécutez l’une des actions suivantes :
• Cliquez sur Aide > Imprimer l’enregistrement, imprimez le formulaire, puis envoyez-le par courrier postal à l’adresse mentionnée sur le formulaire. Affichage des fichiers installés avec Fireworks A un certain stade de l’installation, il pourrait être souhaitable d’afficher ou d’accéder aux fichiers installés avec Fireworks. Pendant l’installation, Fireworks place des fichiers à différents emplacements de votre système. Il est important de comprendre pourquoi ces fichiers résident à un emplacement plutôt qu’un autre. Pour plus d’informations, voir Utilisation des fichiers de configuration, page 435. Les utilisateurs de Macintosh noteront le nouveau format utilisé par Fireworks pour enregistrer l’application et ses fichiers de configuration par défaut. Pour plus d’informations, voir Affichage du contenu du module (Macintosh uniquement), page 437.
Optimisation Panneau Modification Ce nouveau panneau est un emplacement central d’image depuis lequel vous pouvez accéder aux outils d’édition d’image, filtres et autres commandes de menu couramment utilisés. Davantage de formats Fireworks 8 prend désormais en charge de fichiers importables l’importation des formats de fichiers QuickTime Image, MacPaint, SGI & JPEG 2000 (plug-in QuickTime requis pour la prise en charge de QuickTime). Optimisation du processus de traitement par lots
Dreamweaver 8 et Flash Professional 8 sans perte d’informations ni de temps à les éditer. Bénéficiez de la compatibilité avec CSS et ActionScript, ainsi qu’avec les autres produits Studio. Processus intégré Menus contextuels Fireworks 8 utilise le format CSS pour créer des CSS (Cascading Style menus contextuels interactifs. Cela permet d’obtenir Sheet) un code clair et aisément personnalisable qui s’intègre bien avec les sites créés dans Dreamweaver. Pour plus d’informations, voir Exportation des menus contextuels, page 296. Compatibilité vectorielle
ActionScript lorsqu’elles sont copiées de Flash et collées dans des champs de valeurs de couleur de Fireworks.
« Enregistrer sous » pour enregistrer vos bitmaps dans différents types de fichiers.
Grilles moins intrusives Comme dans Flash, les grilles utilisent désormais une ligne pointillée et une couleur de grille par défaut plus claire.
Création sans complexité 25 nouveaux modes de fondu
à un objet texte, page 140. Panneau Caractères spéciaux
Améliorations du processus Mémorisation des derniers paramètres utilisés pour les polices et l’optimisation
L’optimisation est désormais paramétrée, par défaut, à l’aide des derniers paramètres utilisés. Voir Enregistrement et réutilisation des paramètres d’optimisation, page 339.
Voir Enregistrement de cadres de sélection, page 64.
Sélectionnez les objets qui partagent un sélectionner des objets qui partagent un bord ou bord dans le panneau une limite dans le panneau Calques. Calques Enregistrement automatique des préférences
La prise en charge de tablette a été améliorée pour les outils Modulateur de trajet et la sensibilité à la pression du trait.
Guide pour le support de formation Plusieurs ressources sont à votre disposition pour l’apprentissage de Fireworks : le présent manuel, l’Aide de Fireworks, les versions PDF des composants de la documentation de Fireworks et plusieurs sources d’informations Web.
à tout moment dans l’aide de Fireworks (Aide > Utilisation de Fireworks). Le manuel est également disponible au format PDF sur le site Web de Macromedia à l’adresse http://www.macromedia.com/go/fw_documentation_fr.
Fireworks. Vous pouvez utiliser les didacticiels qui traitent des tâches Fireworks courantes, telles que l’utilisation d’outils de dessin et de modification, l’optimisation d’images, la création de survols, de barres de navigation et d’autres éléments interactifs. Vous pouvez accéder au manuel à tout moment dans l’aide de Fireworks (Aide > Bien démarrer avec Fireworks). Le manuel est également disponible au format PDF sur le site Web de Macromedia à l’adresse http://www.macromedia.com/go/fw_documentation_fr.
JavaScript. Vous pouvez contrôler chaque commande ou paramètre de Fireworks à l’aide de commandes JavaScript spéciales que Fireworks peut interpréter. Ce manuel est disponible dans l’aide et sur le site Web de Macromedia au format PDF téléchargeable.
Si vous débutez avec Fireworks, il vous serait utile de comprendre les concepts généraux de Fireworks, tels que l’ouverture, l’importation et l’enregistrement de fichiers, et de vous familiariser à l’environnement de Fireworks et de travailler dans un fichier. Une fois que vous avez créé un nouveau fichier ou que vous avez ouvert un fichier existant, l’environnement de travail Fireworks est accessible. Ce chapitre couvre les rubriques suivantes : Travailler avec Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Graphiques vectoriels et bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Création d’un nouveau document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Web. Vous pouvez créer et modifier des images bitmap et vectorielles, créer des effets pour le Web, tels que des survols et des menus contextuels, recadrer et optimiser des graphiques afin de réduire la taille de leur fichier et gagner du temps en automatisant les tâches répétitives. Une fois le document terminé, vous pouvez l’exporter ou l’enregistrer au format JPEG, GIF ou autre, accompagné des fichiers HTML contenant des tables HTML et du code JavaScript, afin de l’utiliser sur le Web. Vous pouvez également exporter ou enregistrer un type de fichier spécifique vers une autre application telle que Photoshop ou Macromedia Flash, si vous voulez continuer à travailler dans ces applications. Objets vectoriels et bitmap Dans le panneau Outils de Fireworks, vous trouverez des sections distinctes contenant des outils de création et de modification de vecteurs et de bitmaps. Pour plus d’informations sur ces deux formats de base, voir Graphiques vectoriels et bitmap, page 15. Dans Fireworks, l’outil que vous sélectionnez détermine si l’objet que vous créez est un objet vectoriel ou bitmap. Par exemple, après avoir sélectionné l’outil Plume dans la section Vecteur du panneau Outils, vous pouvez commencer à tracer des trajets vectoriels en plaçant des points. Après avoir sélectionné l’outil Pinceau, vous pouvez faire glisser le pointeur afin de dessiner un objet bitmap. Après avoir sélectionné l’outil Texte, vous pouvez démarrer votre saisie. Après avoir dessiné des objets vectoriels, des objets bitmap ou du texte, vous pouvez utiliser toute une panoplie d’outils, d’effets, de commandes et de techniques pour mettre en valeur et achever vos graphiques. Vous pouvez utiliser les outils de Fireworks situés dans l’Editeur de boutons pour créer des boutons de navigation interactifs. Vous pouvez également utiliser les outils de Fireworks pour modifier des graphiques importés. Vous pouvez importer et modifier les fichiers aux formats JPEG, GIF, PNG, PSD et bien d’autres encore. Une fois que vous avez importé une image graphique, vous pouvez ajuster sa couleur et sa teinte, et vous pouvez également la recadrer, la retoucher et la masquer. Graphiques interactifs Les découpes et les références sont des objets Web qui spécifient des zones interactives dans un graphique Web. Les découpes permettent de sélectionner des portions d’image et d’appliquer des comportements de survol, des animations et des liens URL (Uniform Ressource Locator). En outre, vous pouvez exporter les sections avec des paramètres différents. Sur une page Web, chaque découpe s’affiche dans une cellule de tableau. Les références vous permettent d’affecter des liens URL et des comportements à l’ensemble ou à une partie du graphique. Pour plus d’informations, voir Découpes, survols et références, page 243. Les découpes et les références possèdent des poignées de survol glisser-déposer vous permettant d’assigner rapidement aux graphiques des comportements de permutation d’image et de survol directement depuis l’espace de travail. L’Editeur de boutons et l’Editeur de menus contextuels sont des fonctions pratiques de Fireworks qui vous aident à créer des graphiques interactifs spéciaux pour naviguer sur les sites Web.
Vous pouvez découper une image en plusieurs unités, puis optimiser ces unités pour obtenir un format qui correspond mieux au contenu. Pour ajouter de la souplesse à l’optimisation, vous pouvez utiliser une compression JPEG sélective afin de centraliser la partie la plus importante d’un JPEG tandis que la qualité de l’arrière-plan est réduite. Après avoir optimisé vos graphiques, l’étape suivante consiste à les exporter afin de les utiliser sur le Web. A partir de votre document PNG source de Fireworks, vous pouvez exporter un certain nombre de types de fichiers, dont JPEG, GIF, GIF animé et des tables HTML contenant des images découpées, vers différents types de fichiers. Pour plus d’informations, voir Optimisation et exportation, page 313.
Les ordinateurs affichent des graphiques au format vectoriel ou bitmap. Comprendre la différence entre les deux formats vous aidera à comprendre Fireworks, qui contient des outils vectoriels et bitmap et qui est capable d’ouvrir ou d’importer les deux formats. Graphiques vectoriels Les graphiques vectoriels reproduisent des images en utilisant des lignes et des courbes, appelées vecteurs, qui incluent des informations de couleur et de position. Par exemple, l’image d’une feuille peut être décrite par une série de points qui représentent le contour de la feuille. La couleur de la feuille est déterminée par la couleur de son contour (le trait) et la couleur de la zone délimitée par ce contour (la trame).
Lorsque vous modifiez un graphique bitmap, vous modifiez des pixels et non des lignes et des courbes. Ces graphiques bitmap dépendent de la résolution, ce qui signifie que les données décrivant l’image sont conditionnées par une grille de taille spécifique. L’agrandissement d’un graphique bitmap modifie la distribution des pixels dans la grille et produit souvent une image aux bords dentelés. L’affichage d’un graphique bitmap sur un écran dont la résolution est inférieure à celle de l’image risque également d’en altérer la qualité.
Lorsque vous cliquez sur Fichier > Nouveau pour créer un nouveau document dans Fireworks, un fichier de type PNG (Portable Network Graphic) est créé. PNG est le format de fichier natif de Fireworks. Lorsque vous créez des graphiques dans Fireworks, vous pouvez les exporter ou les enregistrer sous d’autres formats de graphiques Web courants, tels que JPEG, GIF et GIF animé. Vous pouvez également exporter ou enregistrer des graphiques vers de nombreux formats populaires utilisés en dehors du Web, tels que TIFF et BMP. Quels que soient les paramètres d’optimisation et d’exportation sélectionnés, le fichier PNG Fireworks d’origine est conservé afin de permettre une modification ultérieure aisée. Avant de créer un graphique Web dans Fireworks, vous devez créer un nouveau document ou ouvrir un document existant. Vous pourrez par la suite ajuster les options de configuration dans l’Inspecteur des propriétés.
4. Choisissez une couleur de fond blanche, transparente ou personnalisée. Remarque : Utilisez la fenêtre contextuelle du sélecteur de couleurs Personnalisé pour sélectionner une couleur de fond personnalisée.
Pour créer un nouveau document de la même taille qu’un objet du Presse-papiers :
2. Sélectionnez le fichier, puis cliquez sur Ouvrir. Conseil : Pour ouvrir un fichier sans écraser la version précédente, cliquez sur Ouvrir en tant que Sans titre, puis enregistrez le fichier en utilisant un autre nom.
Le menu Fichier répertorie les 10 derniers documents fermés dans le sous-menu Ouvrir les fichiers récents. La page de démarrage répertorie également les documents récemment fermés. Pour ouvrir un fichier récemment fermé :
2. Sélectionnez un fichier dans le sous-menu. Pour ouvrir un fichier récemment fermé lorsque aucun fichier n’est ouvert :
Lorsque vous ouvrez un format de fichier autre que PNG en cliquant sur Fichier > Ouvrir, vous créez un nouveau document PNG Fireworks basé sur le fichier que vous ouvrez. Vous pouvez utiliser toutes les fonctions de Fireworks pour modifier l’image. Vous pouvez dès lors cliquer sur Enregistrer sous pour enregistrer votre travail comme nouveau fichier PNG Fireworks ou dans un autre format ; avec certains types d’images, vous pouvez également cliquer sur Enregistrer pour enregistrer le document dans son format d’origine. Si vous sélectionnez cette deuxième option, l’image est fusionnée en un seul calque et vous ne pouvez plus modifier les fonctions spécifiques à Fireworks que vous aviez ajoutées à l’image. Fireworks vous permet d’enregistrer les formats de fichier suivants directement : Fireworks PNG, GIF, GIF animé, JPEG, BMP, WBMP, TIF, SWF, AI, PSD et PICT (Mac uniquement). Remarque : Fireworks enregistre les images TIF 16 bits à une profondeur de couleur de 24 bits.
Vous pouvez ouvrir les fichiers GIF animés dans Fireworks de deux façons :
Remarque : Lorsque vous importez un GIF animé, la cadence des images est de 0,07 seconde par défaut. Si nécessaire, utilisez le panneau Images pour rétablir la cadence d’origine.
Fichiers EPS Fireworks ouvre la plupart des fichiers EPS, tels que les fichiers Photoshop EPS, en tant qu’images bitmap fusionnées, dans lesquelles tous les objets sont rassemblés dans un calque unique. Toutefois, certains fichiers EPS exportés à partir d’Illustrator conservent leurs informations vectorielles. Pour la plupart des fichiers EPS que vous ouvrez ou que vous importez, la boîte de dialogue Options de fichier EPS s’affiche. Taille de l’image détermine les dimensions et les unités de rendu de l’image. Vous pouvez sélectionner pixels, pourcentage, pouces ou centimètres. Résolution
Création de fichiers PNG dans Fireworks à partir de fichiers HTML Fireworks peut ouvrir et importer des contenus HTML créés dans d’autres applications. Lorsque vous ouvrez ou importez un fichier HTML, Fireworks reconstruit la mise en page et les comportements définis par le code HTML, vous permettant de recréer des pages Web contenant des graphiques découpés, des boutons JavaScript ainsi que d’autres types d’interactivité. Cela vous permet de récupérer des sites Web dont vous avez hérité, même si vous ne possédez pas les fichiers PNG source. Grâce à cette fonction, vous pouvez ouvrir ou importer rapidement une page Web afin de mettre à jour des graphiques, changer la mise en page du document ou modifier des liens de navigation, des boutons et d’autres éléments interactifs, le tout sans avoir à reconstruire la page depuis le début ou à modifier les scripts. Etant donné que Fireworks exporte les contenus HTML sous la forme d’une table HTML, cela détermine également la mise en page du document pour des HTML importés se basant sur des tables HTML. Le fichier HTML doit contenir au moins une table pour que vous puissiez le reconstruire dans Fireworks. Pour plus d’informations sur le HTML, voir Exportation du fichier HTML, page 346. Vous avez plusieurs façons d’intégrer des contenus HTML dans Fireworks :
• Vous pouvez ouvrir la première table HTML rencontrée par Fireworks dans un fichier HTML. • Vous pouvez importer la première table HTML rencontrée par Fireworks dans un document Fireworks existant. Remarque : Fireworks peut également importer des documents qui utilisent un codage UTF-8 ainsi que ceux écrits en XHTML. Les fichiers XHTML possèdent généralement l’extension .xhtm ou .xhtml. Pour plus d’informations sur ces types de fichiers, voir Exportation de fichiers avec et sans codage UTF-8, page 354 et Exportation d’un fichier XHTML, page 353. Pour ouvrir toutes les tables d’un fichier HTML :
2. Sélectionnez le fichier HTML contenant les tables que vous voulez ouvrir, puis cliquez sur
Chaque table s’affiche dans sa propre fenêtre de document.
Insertion d’objets dans un document Fireworks Vous pouvez importer, glisser-déposer ou copier-coller des objets vectoriels, des images bitmap ou du texte créés dans d’autres applications dans un document Fireworks. Vous pouvez également importer des images en provenance d’un appareil photo numérique ou d’un scanner. Glisser-déposer d’images dans Fireworks Utilisez la méthode glisser-déposer pour importer des objets vectoriels, des images bitmap ou du texte dans Fireworks à partir d’applications prenant en charge ce type de méthode :
• Ouverture et importation de fichiers
Lorsque vous collez un objet dans Fireworks, son placement dépend de ce qui est sélectionné :
Remarque : Le calque Web est un calque spécial qui contient tous les objets Web. Il est toujours placé en haut du panneau Calques. Pour plus d’informations sur les calques, voir Calques, masques et fondus, page 197.
Le rééchantillonnage ajoute ou supprime des pixels dans un bitmap redimensionné afin de correspondre le plus possible à l’aspect du bitmap d’origine. Le rééchantillonnage d’un bitmap dans une résolution supérieure provoque généralement une légère perte de qualité. Toutefois, le rééchantillonnage dans une résolution inférieure cause toujours une perte de données et généralement une baisse de qualité. Pour rééchantillonner un objet bitmap en le collant :
2. Cliquez sur Edition > Coller dans Fireworks.
3. Sélectionnez l’une des options suivantes : ■
Importation de fichiers PNG Vous pouvez importer des fichiers PNG de Fireworks dans le calque courant du document Fireworks actif. Tout objet référence et découpe est placé sur le calque Web du document. Pour plus d’informations sur les découpes et les objets Web, voir Affichage des découpes et des repères de découpe, page 247. Pour plus d’informations sur les calques, voir Utilisation des calques, page 198. Pour importer un fichier PNG dans le calque d’un document Fireworks :
2. Cliquez sur Fichier > Importer pour ouvrir la boîte de dialogue Importer. 3. Recherchez le fichier à importer, puis cliquez sur Ouvrir. 4. Sur le document, positionnez le pointeur d’importation à l’endroit où vous voulez placer le coin
5. Importez le fichier : ■ Sur Macintosh, Fireworks recherche automatiquement les plug-ins Photoshop Acquire dans le dossier Plug-ins du dossier de l’application Fireworks. Si vous ne souhaitez pas placer les plug-ins à cet endroit, vous devez indiquer un autre emplacement à Fireworks. Remarque : L’emplacement exact du dossier Plug-ins varie en fonction du système d’exploitation. Pour plus d’informations, voir Utilisation des fichiers de configuration, page 435. Pour diriger Fireworks vers les plug-ins Photoshop Acquire :
Remarque : Sur Mac OS X, cliquez sur Fireworks > Préférences.
3. Sélectionnez Plug-ins Photoshop. 4. Cliquez sur Parcourir si la boîte de dialogue Sélectionner le dossier contenant les plug-ins de
5. Recherchez le dossier comportant les plug-ins Photoshop. Pour importer une image à partir d’un appareil photo numérique (Macintosh) :
2. Installez le logiciel qui accompagne l’appareil photo, si cela n’a pas déjà été fait. 3. Dans Fireworks, cliquez sur Fichier > Acquisition, puis sélectionnez Acquisition appareil photo
4. Dans la boîte de dialogue Sélectionner l’appareil photo, choisissez un appareil photo, puis 5. Dans la boîte de dialogue Sélectionner les images, sélectionnez les images que vous souhaitez
Remarque : La boîte de dialogue Sélectionner les images n’affiche que les fichiers de types pris en charge par Fireworks.
importer, puis cliquez sur OK. L’interface utilisateur de votre logiciel d’appareil photo s’affiche. 6. Suivez les instructions pour appliquer les paramètres souhaités.
Pour importer une image à partir d’un scanner (Macintosh) :
2. Installez le logiciel qui accompagne le scanner, si cela n’a pas déjà été fait. 3. Dans Fireworks, cliquez sur Fichier > Acquisition, puis sélectionnez Acquisition Twain ou
Remarque : Pour la plupart des modules TWAIN ou des plug-ins Photoshop Acquire, des boîtes de dialogue supplémentaires vous invitent à spécifier d’autres options. 2. Installez le logiciel qui accompagne le scanner, si cela n’a pas déjà été fait. 3. Dans Fireworks, cliquez sur Fichier > Numériser, puis sélectionnez Acquisition Twain ou
Remarque : Pour la plupart des modules TWAIN ou des plug-ins Photoshop Acquire, des boîtes de dialogue supplémentaires vous invitent à spécifier d’autres options. Cependant, de nombreux fichiers conservent leurs extension et paramètres d’optimisation d’origine lorsque vous les ouvrez dans Fireworks. Pour plus d’informations, voir Enregistrement de documents dans d’autres formats, page 27. L’emplacement par défaut dans lequel Fireworks enregistre un document est déterminé par les éléments suivants, selon cet ordre :
• l’emplacement actuel d’exportation/d’enregistrement, défini à chaque fois que vous modifiez l’emplacement par défaut dans la boîte de dialogue Enregistrer, Enregistrer sous, Enregistrer une copie ou Exporter ; Enregistrement de fichiers PNG Fireworks Lorsque vous créez un nouveau document ou ouvrez un fichier PNG Fireworks existant, le nom de fichier du document possède l’extension .png. Le fichier affiché dans la fenêtre de document Fireworks est votre fichier source ou fichier de travail. L’utilisation d’un fichier PNG de Fireworks comme fichier source présente les avantages suivants :
Pour enregistrer un nouveau document Fireworks :
2. Recherchez l’emplacement souhaité et entrez le nom du fichier.
3. Cliquez sur Enregistrer. Pour enregistrer un document existant :
Remarque : Si vous enregistrez un fichier PNG dans un fichier bitmap tel que GIF ou JPEG, les objets graphiques que vous avez manipulés dans le fichier PNG ne sont plus disponibles dans le fichier bitmap (voir Graphiques vectoriels et bitmap, page 15). Si vous devez retoucher l’image, éditez le fichier PNG source, puis exportez-le de nouveau.
GIF animé, JPEG, BMP, WBMP, TIF, SWF, AI, PSD et PICT (Macintosh uniquement). Fireworks enregistre les images TIF 16 bits à une profondeur de couleur de 24 bits. Les fichiers d’autres types, comme PSD et HTML, s’ouvrent au format PNG, ce qui vous permet d’utiliser le document PNG Fireworks comme fichier source. Toute modification que vous apportez est appliquée au fichier PNG et non à l’original. Pour enregistrer un fichier GIF, JPEG, TIF, BMP ou un autre format de fichier répertorié ci-avant :
2. Si les modifications apportées au document ne peuvent pas être modifiées dans le format
Remarque : Si vous ne sélectionnez pas l’option Enregistrer comme copie, le format de fichier du document sur lequel vous travaillez est converti dans le format sous lequel vous l’enregistrez. Pour exporter un document dans un autre format :
2. Cliquez sur Fichier > Exporter pour exporter le document.
Utilisation de la page de démarrage Lorsque vous lancez Fireworks sans ouvrir de document, la page de démarrage de Fireworks s’affiche dans l’environnement de travail. Cette page vous permet d’accéder rapidement aux didacticiels Fireworks, aux fichiers récents et à Fireworks Exchange, d’où vous pouvez améliorer les fonctions de Fireworks. La page de démarrage s’utilise comme une page Web. Il vous suffit de cliquer sur une fonction à l’écran pour l’utiliser. Pour désactiver la page de démarrage :
2. Cliquez sur Ne plus afficher.
Lorsque vous sélectionnez un outil, l’Inspecteur des propriétés affiche les options de l’outil. Certaines options d’outils restent affichées lorsque vous travaillez avec l’outil. Pour d’autres outils, tels que les outils des formes de base, la Plume et la Ligne, l’Inspecteur des propriétés affiche les propriétés des objets sélectionnés. Pour plus d’informations sur l’Inspecteur des propriétés, voir Utilisation de l’Inspecteur des propriétés, page 30. Pour que s’affichent dans l’Inspecteur des propriétés les options d’un outil que vous êtes en train d’utiliser :
Pour plus d’informations sur des options d’outils spécifiques, voir les sections qui présentent les différents outils dans le manuel Utilisation de Fireworks ou l’Aide de Fireworks.
1. Cliquez sur l’icône de l’outil et maintenez enfoncé le bouton de la souris.
2. Faites glisser le pointeur afin de sélectionner l’outil souhaité et relâchez le bouton de la souris.
Utilisation de l’Inspecteur des propriétés L’Inspecteur des propriétés est un panneau sensible au contexte qui affiche les propriétés de la sélection courante, les options de l’outil courant ou les propriétés du document. Par défaut, l’Inspecteur des propriétés est ancré au bas de l’espace de travail. La fenêtre de l’Inspecteur des propriétés peut s’afficher à mi-hauteur, présentant deux lignes de propriétés, ou quatre en pleine hauteur. Vous pouvez également masquer totalement l’Inspecteur des propriétés tout en le laissant dans l’espace de travail. Remarque : Dans le manuel Utilisation de Fireworks, la plupart des procédures partent du principe que la fenêtre de l’Inspecteur des propriétés est affichée en pleine hauteur. Pour annuler l’ancrage de l’Inspecteur des propriétés :
Pour ancrer l’Inspecteur des propriétés au bas de l’espace de travail (Windows uniquement) :
Pour agrandir la fenêtre de l’Inspecteur des propriétés en pleine hauteur, permettant ainsi de découvrir des options supplémentaires, exécutez l’une des actions suivantes :
Options de l’Inspecteur des propriétés, cliquez sur Pleine hauteur. Remarque : Sous Windows, le menu Options est disponible uniquement lorsque l’Inspecteur des propriétés est ancré.
• Dans le menu Options de l’Inspecteur des propriétés, cliquez sur Demi-hauteur. Remarque : Sous Windows, le menu Options est disponible uniquement lorsque l’Inspecteur des propriétés est ancré. Pour réduire l’Inspecteur des propriétés lorsqu’il est ancré, exécutez l’une des actions suivantes :
• Dans le menu Options de l’Inspecteur des propriétés ancré, cliquez sur Réduire le groupe de panneaux. Pour plus d’informations sur des options spécifiques de l’Inspecteur des propriétés, voir les sections appropriées du manuel Utilisation de Fireworks ou l’Aide de Fireworks.
Les panneaux sont des contrôles flottants qui permettent de modifier l’aspect d’un objet sélectionné ou d’éléments du document. Ils permettent, entre autres, de travailler sur des images, des calques, des symboles et des nuanciers. Il est possible de faire glisser les panneaux de façon à les regrouper en fonction de vos préférences. Certains panneaux peuvent être regroupés par défaut, tandis que d’autres ne le peuvent pas. Les panneaux suivants peuvent contenir d’autres panneaux :
Vous pouvez toutefois renommer les groupes de panneaux comme bon vous semble. vous permet de gérer les paramètres qui contrôlent la taille et le type de fichier et de travailler avec la palette de couleurs du fichier ou de la découpe à exporter.
Le panneau Propriétés de forme automatique vous permet d’apporter des modifications aux propriétés d’une forme automatique après l’avoir insérée dans votre document.
Le panneau Bibliothèque comporte des symboles de graphique, de bouton et d’animation. Vous
Le panneau Mélangeur vous permet de créer de nouvelles couleurs que vous pouvez ensuite ajouter à la palette de couleurs du document actif ou appliquer à des objets sélectionnés. Le panneau Nuanciers
Le panneau Comportements gère les comportements qui déterminent ce qui se produit lorsque des références ou des découpes réagissent aux déplacements de la souris. Le panneau Rechercher vous permet de rechercher et de remplacer des éléments tels que du texte, des URL, des polices et des couleurs dans un ou plusieurs documents. Le panneau Aligner
Par défaut, les panneaux Fireworks sont ancrés par groupes dans la zone d’ancrage, dans la partie droite de l’espace de travail. Vous pouvez annuler l’ancrage des groupes de panneaux, ajouter des panneaux à un groupe, annuler l’ancrage de panneaux individuels, réorganiser l’ordre des groupes de panneaux ancrés et réduire et fermer des groupes de panneaux. Vous pouvez également ouvrir et fermer des panneaux individuels. Pour annuler l’ancrage ou déplacer un groupe de panneaux :
Pour ancrer un groupe de panneaux :
Lorsque vous faites glisser un panneau ou un groupe de panneaux au-dessus de la zone d’ancrage des panneaux, une ligne ou un rectangle d’aperçu du placement montre où s’effectuera le placement au sein des groupes. Pour réduire ou développer un groupe de panneaux ou un panneau, exécutez l’une des actions suivantes :
Remarque : La barre de titre est encore visible si le groupe de panneaux ou le panneau est réduit.
Pour annuler l’ancrage d’un panneau dans un groupe de panneaux :
Nouveau groupe de panneaux (le nom de la commande Grouper avec change en fonction du nom du panneau actif ). Le panneau s’affiche dans un nouveau groupe de panneaux distinct. Pour ancrer un panneau dans un groupe de panneaux :
Options du groupe de panneaux (le nom de la commande Grouper avec change en fonction du nom du panneau actif ). Pour renommer un groupe de panneaux :
2. Entrez le nouveau nom. Pour rétablir les positions par défaut des panneaux correspondant à votre résolution d’écran, exécutez l’une des actions suivantes :
• Cliquez sur Fenêtre > Dispositions d’espace de travail > 1024 x 768. • Cliquez sur Fenêtre > Dispositions d’espace de travail > 1280 x 1024. Conseil : Une coche à côté du nom d’un panneau dans le menu Fenêtre indique que le panneau est ouvert. Pour fermer un panneau, exécutez l’une des actions suivantes :
• Lorsque le panneau n’est pas ancré, cliquez sur le bouton Fermer dans la barre de titre du panneau. Pour masquer tous les panneaux et l’Inspecteur des propriétés :
Remarque : Les panneaux qui sont masqués lorsque vous cliquez sur Masquer les panneaux restent masqués lorsque vous désactivez cette commande. Pour afficher ou masquer des panneaux ancrés dans la fenêtre de l’application (Windows uniquement), exécutez l’une des actions suivantes :
également dans l’Inspecteur des propriétés (excepté sous Windows lorsque l’Inspecteur des propriétés n’est pas ancré).
2. Sélectionnez un élément de menu.
Vous pouvez enregistrer la disposition des panneaux en utilisant le menu Commandes. Ainsi, la prochaine fois que vous ouvrirez Fireworks, les panneaux seront placés au même endroit dans l’espace de travail. Pour enregistrer la disposition d’un espace de travail :
2. Nommez la disposition de l’espace de travail, puis cliquez sur OK. Pour ouvrir une disposition d’espace de travail enregistrée :
Ouverture et déplacement des barres d’outils (Windows uniquement) Fireworks pour Windows dispose de deux barres d’outils contenant les commandes classiques de Fireworks. Pour afficher ou masquer une barre d’outils :
Pour annuler l’ancrage d’une barre d’outils :
Remarque : Si une barre d’outils n’est pas ancrée, vous pouvez cliquer sur le bouton Fermer situé en haut à droite de la barre de titre pour la fermer. Pour ancrer une barre d’outils :
Utilisation des onglets Document (Windows) Lorsque l’affichage de votre document est agrandi, vous pouvez facilement passer d’un document ouvert à un autre à l’aide des onglets Document figurant dans le haut de la fenêtre du document. Le nom de chaque document ouvert s’affiche sur un onglet au-dessus des boutons d’affichage.
• Sélectionnez un paramètre de zoom dans le menu contextuel Définir le zoom situé en bas de la fenêtre du document.
• Dans le menu Affichage, cliquez sur Zoom arrière ou sur un zoom prédéfini. Pour effectuer un zoom avant sur une zone spécifique sans être contraint par des incréments de zoom prédéfinis :
2. Cliquez puis effectuez un glissement au-dessus de la partie de l’image que vous voulez agrandir.
Remarque : Vous ne pouvez pas entrer de pourcentage de zoom dans la zone de texte Définir le zoom. Pour effectuer un zoom arrière basé sur une zone spécifique :
Pour revenir à un zoom de 100 % :
Pour appliquer une vue d’ensemble autour du document :
2. Faites glisser le pointeur Main.
Pour adapter le document à la fenêtre active :
Pour changer les modes d’affichage, exécutez l’une des actions suivantes :
• Pour revenir au mode Normal, cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl enfoncée et cliquez (Macintosh) dans la fenêtre du document, puis sélectionnez Quitter le mode Plein écran dans le menu contextuel, ou cliquez sur le bouton Mode Normal dans le panneau Outils. Affichage de vues multiples du document Vous pouvez afficher simultanément différents niveaux de zoom d’un même document. Les modifications que vous apportez dans un affichage sont automatiquement appliquées dans tous les autres affichages du même document. D’une manière générale, veillez à ce que votre document ne soit pas maximisé avant de créer des vues multiples dans votre espace de travail. De cette manière, vous pouvez afficher plusieurs vues du document à la fois. Pour ouvrir une vue de document supplémentaire à un niveau de zoom différent :
2. Sélectionnez un paramètre de zoom pour la nouvelle fenêtre. Pour disposer les vues de document en mosaïque :
Pour fermer une fenêtre de document :
Pour contrôler le réaffichage du document :
Si Affichage normal est sélectionné, Fireworks affiche le document avec toutes les couleurs disponibles et tous les détails. Si Affichage normal est désélectionné, Fireworks affiche des trajets d’une largeur d’un pixel, sans trame, et représente les emplacements d’images par des cases comportant une croix.
Pour afficher un document tel qu’il apparaîtrait sur une autre plate-forme :
• Sur Macintosh, cliquez sur Affichage > Gamma Windows. Vous avez maintenant un aperçu du document tel qu’il apparaîtrait sur l’autre plate-forme. Par exemple, si vous travaillez sur la plate-forme Windows, vous pouvez utiliser cette commande pour prévisualiser un document qui s’afficherait sur la plate-forme Macintosh. Modification du document La première fois que vous créez un nouveau document Fireworks, vous devez spécifier les caractéristiques du document. Vous pouvez modifier la taille et la couleur de fond du document et changer la résolution de l’image à n’importe quel moment en utilisant le menu Modifier ou l’Inspecteur des propriétés. Vous pouvez également faire pivoter le document et en supprimer les parties inutiles. Modification de la taille, de la couleur et de la résolution du document Fireworks facilite la modification de la taille et de la couleur de fond du document ainsi que de la résolution de l’image. Pour changer la taille du document :
■ ■ Remarque : L’ancre centrale est sélectionnée par défaut, ce qui indique que les changements de taille du document se répartissent sur les côtés. Pour changer la couleur de fond dans le menu Modification :
2. Sélectionnez une couleur de fond blanche, transparente ou personnalisée. Si vous sélectionnez
Pour sélectionner la couleur de fond dans l’Inspecteur des propriétés :
2. Dans la fenêtre contextuelle Nuancier, sélectionnez une couleur ou cliquez sur une couleur
Pour redimensionner un document et son contenu :
4. Dans la zone de texte Résolution, entrez une nouvelle résolution de l’image.
Rééchantillonner l’image. Lorsque vous changez la valeur de Résolution, vous changez également la dimension en pixels. 5. Exécutez l’une des actions suivantes : ■
6. Sélectionnez Rééchantillonner l’image pour ajouter ou supprimer des pixels lors du
La méthode de rééchantillonnage utilisée par Fireworks diffère de celle des autres applications d’édition d’image. Fireworks contient des objets d’image bitmap composés de pixels et des objets vectoriels composés de trajets.
Cependant, dans la mesure où les attributs des objets vectoriels de Fireworks sont en fait des pixels, certains traits ou certaines trames peuvent sembler légèrement différents à la suite du rééchantillonnage car les pixels qui composent le trait ou la trame doivent être redessinés. Remarque : Les repères, les objets référence et les objets découpe sont redimensionnés lorsque la taille de l’image du document est modifiée.
Vous pouvez modifier la taille d’une image bitmap en réglant sa résolution ou en rééchantillonnant l’image. Lorsque vous réglez la résolution, vous changez la taille des pixels de l’image de façon à ajouter ou supprimer des pixels d’un espace donné. Le réglage de la résolution sans rééchantillonnage ne provoque pas de perte de données.
La fonction de rotation du document est particulièrement utile lorsqu’une image importée est à l’envers ou de travers. Vous pouvez faire pivoter le document de 180°, de 90° vers la droite ou de 90° vers la gauche. Lorsque vous appliquez une rotation au document, tous les objets qu’il contient subissent le même mouvement. Pour appliquer une rotation au document, exécutez l’une des actions suivantes :
• Cliquez sur Modification > Document > Rotation 90° vers la droite. • Cliquez sur Modification > Document > Rotation 90° vers la gauche. Réduction ou réglage du document Si votre document comporte des espaces supplémentaires autour du contenu du document, vous pouvez réduire la taille du document. Vous pouvez également modifier le document en l’agrandissant afin d’accommoder des objets qui dépassent des limites.
Pour réduire ou ajuster le document en fonction de son contenu :
Le document s’adapte alors à la taille de son contenu.
Le document est redimensionné afin de s’adapter à une zone que vous définissez. Par défaut, le recadrage supprime les objets qui dépassent les limites du document. Vous pouvez maintenir des objets à l’extérieur du document en changeant une préférence avant le recadrage. Pour recadrer un document :
2. Faites glisser un cadre sur le document. Ajustez les poignées de recadrage jusqu’à ce que le cadre
3. Double-cliquez à l’intérieur du cadre de délimitation ou appuyez sur Entrée pour recadrer le
Fireworks redimensionne le document en fonction de la zone que vous avez définie et supprime les objets en dehors du document. Conseil : Pour conserver ces objets, avant de recadrer, désélectionnez l’option Supprimer les objets pendant le recadrage sous 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 429.
Les menus contextuels permettent d’accéder rapidement à des commandes qui s’appliquent à la sélection actuelle. Pour afficher un menu contextuel :
Utilisation des règles
Comme les images Fireworks sont destinées au Web, où les graphiques sont mesurés en pixels, les règles dans Fireworks mesurent toujours en pixels, sans se soucier de l’unité de mesure que vous avez utilisée lorsque vous avez créé le document. Pour afficher et masquer les règles :
Les règles horizontale et verticale s’affichent le long des marges de la fenêtre de document.
Afin de faciliter l’alignement des objets, Fireworks permet d’accrocher des objets aux repères. Verrouillez les repères pour empêcher leur déplacement accidentel. Remarque : Les repères ne font pas partie d’un calque et ne sont pas exportés avec le document. Ils servent uniquement d’outils de création.
Pour plus d’informations sur les repères de découpe, voir Déplacement des repères d’une découpe pour modifier la découpe, page 249. Pour créer un repère horizontal ou vertical :
2. Positionnez le repère à l’endroit voulu sur le document et relâchez le bouton de la souris. Remarque : Repositionnez le repère en le faisant glisser de nouveau. Pour déplacer un repère jusqu’à une position précise :
2. Entrez la nouvelle position dans la boîte de dialogue Déplacer le repère, puis cliquez sur OK. Pour afficher ou masquer les repères :
Pour accrocher des objets aux repères :
Pour changer la couleur des repères :
2. Dans la fenêtre contextuelle du sélecteur de couleurs, sélectionnez la nouvelle couleur du repère,
Pour verrouiller ou déverrouiller tous les repères :
Pour supprimer un repère :
Remarque : La grille ne fait pas partie d’un calque et n’est pas exportée avec le document. Elle sert uniquement d’outil de création. Pour afficher et masquer la grille :
Pour accrocher des objets à la grille :
Pour changer la couleur de la grille :
2. Dans la fenêtre contextuelle du sélecteur de couleurs, sélectionnez la nouvelle couleur de la
Pour changer la taille des cellules de la grille :
2. Entrez les valeurs appropriées dans les zones de texte d’espacement horizontal et vertical, puis
Utilisation du panneau Historique pour annuler ou répéter plusieurs actions Le panneau Historique permet d’afficher, de modifier et de répéter des actions relatives à la création du document. Le panneau Historique répertorie les dernières actions exécutées dans Fireworks. Le nombre maximum d’entrées est spécifié dans le champ Actions annulées de la boîte de dialogue Préférences de Fireworks. Le panneau Historique permet d’effectuer les actions suivantes :
• Copier dans le Presse-papiers des commandes sélectionnées sous forme de texte JavaScript. Enregistrer un groupe d’actions exécutées récemment comme commande personnalisée, puis sélectionner celle-ci dans le menu Commandes pour la réutiliser comme une commande unique. Pour plus d’informations sur la création de commandes à partir du panneau Historique, voir Script avec le panneau Historique, page 424.
2. Faites glisser le marqueur d’annulation vers le haut ou vers le bas.
Pour enregistrer des actions à réutiliser par la suite :
2. Cliquez sur le bouton Enregistrer situé en bas du panneau. 3. Entrez un nom de commande, puis cliquez sur OK. Pour utiliser une commande personnalisée enregistrée :
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 regroupant et en les alignant. Ce chapitre couvre les rubriques suivantes : Sélection d’objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 Sélection des pixels. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 Edition d’objets sélectionnés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67 Le panneau Calques affiche chaque objet. Vous pouvez cliquer sur un objet dans le panneau Calques pour le sélectionner lorsque le panneau est ouvert et les calques développés. Pour plus d’informations, voir Chapitre 9, Calques, masques et fondus, page 197. L’outil Pointeur sélectionne des objets lorsque vous cliquez sur les objets ou faites glisser une zone de sélection autour d’eux. L’outil Sous-sélection sélectionne un objet individuel 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 distinct.
Utilisation de l’outil Pointeur L’outil Pointeur permet de sélectionner des objets en cliquant dessus ou en faisant glisser 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 :
• Cliquez sur le trait ou la trame de l’objet. • Sélectionnez l’objet dans le panneau Calques. Conseil : Pour prévisualiser ce que vous sélectionnez si vous cliquez sur un objet au-dessous du pointeur sur le document, sélectionnez l’option Surbrillance souris sous 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 429.
Utilisation de l’outil Sélectionner derrière Lorsque vous travaillez sur des graphiques 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 :
Remarque : Vous pouvez également sélectionner un objet difficile à atteindre en cliquant dessus dans le panneau Calques lorsque les calques sont développés.
• Une zone de texte permettant d’entrer un nom pour cet élément Remarque : Le nom s’affiche 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.
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.
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 :
Pointeur, Sous-sélection ou Sélectionner derrière. Pour désélectionner un objet unique en laissant les autres objets sélectionnés :
Pour sélectionner tout ce qui figure sur tous les calques du document :
Remarque : La commande Sélectionner tout ne sélectionne pas les objets masqués.
Pour masquer l’affichage de la sélection du trajet d’un objet sélectionné :
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 :
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 :
Remarque : Pour masquer des objets sélectionnés ou non sélectionnés, cliquez ou faites glisser le long de la colonne Œil du panneau Calques.
Vous pouvez modifier les pixels de l’intégralité d’un document ou sélectionner l’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.
L’Inspecteur des propriétés affiche également les trois options Bord pour ces outils : Net
Lorsque vous sélectionnez l’outil Cadre de sélection ou Cadre de sélection ovale, l’Inspecteur des propriétés affiche trois options de style : Normal
Les outils Cadre de sélection, Cadre de sélection ovale et Lasso de la section 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. Remarque : Si vous voulez être en mesure de modifier les paramètres de votre sélection lorsque vous utilisez ces outils, assurez-vous que la case à cocher Cadre direct est activée avant d’opérer votre sélection.
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 la touche Alt (Windows) ou Option (Macintosh) enfoncée tout en effectuant votre tracé. Pour sélectionner une zone en forme libre de pixels :
2. Sélectionnez une option Bord dans l’Inspecteur des propriétés. Pour plus d’informations, voir
3. Faites glisser le pointeur autour des pixels à sélectionner.
L’outil Lasso polygonal vous permet de sélectionner des pixels spécifiques dans une image bitmap en cliquant plusieurs fois autour du périmètre de la zone de pixels que vous voulez sélectionner. Pour sélectionner une zone polygonale de pixels :
2. Sélectionnez une option Bord dans l’Inspecteur des propriétés. Pour plus d’informations, voir
3. Cliquez pour placer des points autour du périmètre de l’objet ou de la zone afin d’entourer la
Maintenez la touche Maj enfoncée pour imposer des incréments de 45° aux segments du cadre de sélection tracé avec l’outil Lasso polygonal. 4. Exécutez l’une des actions suivantes pour fermer le polygone : ■
2. Sélectionnez une option Bord dans l’Inspecteur des propriétés. Pour plus d’informations,
3. Définissez le niveau de tolérance en faisant glisser le curseur de l’option correspondante dans
La tolérance représente la plage tonale 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 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.
Cadre direct afin de pouvoir modifier le paramètre Tolérance avec l’outil Baguette magique.
Vous pouvez supprimer un cadre de sélection sans affecter le document. Pour supprimer un cadre de sélection, exécutez l’une des actions suivantes :
• Appuyez sur Echap. Cliquez sur Sélection > Désélectionner.
Après avoir sélectionné des pixels par le biais d’un cadre de sélection ou de l’outil 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 de modification. 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, exécutez l’une des actions suivantes :
• Appuyez sur la touche Maj et déplacez le cadre de sélection par incréments de 10 pixels avec les touches fléchées.
Pour repositionner une sélection avec la barre d’espace :
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 emplacement du document. 4. Relâchez la barre d’espace tout en maintenant le bouton de la souris enfoncé. 5. Continuez à faire glisser le pointeur pour tracer la 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 :
2. Maintenez la touche Maj enfoncée 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
Superposition de cadres de sélection pour réaliser un cadre de sélection contigu. Soustraction de pixels dans une sélection Vous pouvez soustraire des pixels 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 :
Pour sélectionner une zone de pixels définie par l’intersection de deux cadres de sélection :
2. Relâchez le bouton de la souris.
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 tout objet ou masque du panneau Calques. Pour plus d’informations sur le panneau Calques, voir Utilisation des calques, page 198. Pour créer ou remplacer une sélection de pixels dans un bitmap sélectionné en utilisant l’opacité d’un objet :
2. Maintenez appuyée la touche Ctrl (Windows) ou Commande (Macintosh).
3. Cliquez sur la vignette.
Pour effectuer un ajout à la sélection de pixels actuelle :
(Macintosh) enfoncées et cliquez sur la vignette d’un objet pour ajouter la forme de cette zone opaque à la sélection de pixels actuelle. 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 actuelle :
(Macintosh) enfoncées et cliquez sur la vignette d’un objet pour soustraire la forme de cette zone opaque de la sélection de pixels actuelle. 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.
Une sélection de pixels est créée sur le bitmap sélectionné à partir de l’intersection des zones opaques des deux objets qui se chevauchent. 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 qui se chevauchent.
En partant d’une sélection de pixels actuelle, 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 :
2. Cliquez sur Sélection > Inverser la sélection.
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 les résultats 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 ou pendant l’utilisation d’un outil de sélection bitmap. Pour plus d’informations, voir Options de l’outil de sélection Bitmap, page 56. Pour appliquer une diffusion à une sélection de pixels :
2. Entrez un taux de diffusion dans la boîte de dialogue Diffusion.
3. Si nécessaire, changez le nombre dans la boîte de dialogue Diffusion afin d’ajuster le taux de
4. Cliquez sur OK. Conseil : Pour afficher l’aspect de la sélection à laquelle la diffusion est appliquée sans les pixels placés autour, cliquez sur Sélection > Inverser la sélection, puis appuyez sur Suppr. Vous pouvez ensuite utiliser le panneau Historique ou Edition > Annuler pour réessayer.
2. Entrez le nombre de pixels à utiliser pour étendre la bordure du cadre de sélection, puis cliquez
Pour réduire la bordure d’un cadre de sélection :
2. Entrez le nombre de pixels à retrancher de la bordure du cadre de sélection, puis cliquez sur OK.
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 existant :
2. Entrez la largeur du cadre de sélection à placer autour du cadre existant, puis cliquez sur OK.
Vous pouvez éliminer les pixels superflus situés sur les bords d’une sélection de pixels. Cette option est utile si les pixels superflus figurent le long de la bordure d’une sélection de pixels ou d’un cadre de sélection, lorsque vous utilisez la Baguette magique.
Pour lisser la bordure d’un cadre de sélection :
2. Entrez un rayon pour spécifier le niveau de lissage souhaité, puis cliquez sur OK.
Pour convertir un cadre de sélection en trajet
Les attributs de trait et de remplissage actuels du document sont appliqués au nouveau trajet. 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 :
2. Dans le panneau Calques, sélectionnez un autre objet bitmap sur le même calque ou un objet
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 204.
Vous pouvez enregistrer la taille, la forme et l’emplacement d’une sélection afin de les réappliquer plus tard. Vous pouvez également enregistrer plusieurs cadres de sélection. Pour enregistrer un cadre de sélection :
2. La zone Document affiche le nom du document actif dans lequel votre cadre de sélection sera
3. La zone Sélection affiche le nom de la sélection active dans le document actif. S’il s’agit d’une
4. La zone Nom, affichant les mots Par défaut, est activée uniquement si la zone Sélection affiche
Soustraire de la sélection soustrait la sélection active de celle spécifiée dans les zones Document et Sélection. Intersection avec la sélection combine la sélection active avec celle spécifiée dans les zones Document et Sélection.
Restauration de cadres de sélection Vous pouvez restaurer un cadre de sélection auquel vous avez précédemment attribué un nom et que vous avez enregistré. Pour restaurer un cadre de sélection :
2. La zone Document affiche le nom du document actif dans lequel un cadre de sélection a été
3. La zone Sélection affiche le nom de la sélection à restaurer. Si vous voulez restaurer une autre
4. Si vous voulez inverser la sélection restaurée, activez la case à cocher Inverser. 5. S’il n’existe aucun cadre de sélection actif dans le document actuel, Nouvelle sélection est activé
Opération. ■ Soustraire de la sélection soustrait la sélection active de celle spécifiée dans les zones Document et Sélection. Intersection avec la sélection combine la sélection active avec celle spécifiée dans les zones Document et Sélection.
Suppression de cadres de sélection Vous pouvez supprimer un cadre de sélection auquel vous avez précédemment attribué un nom et que vous avez enregistré. Remarque : Cette fonction est activée uniquement si un document ouvert contient au moins une sélection enregistrée. Pour supprimer un cadre de sélection :
2. La zone Document affiche le nom du document actif contenant un cadre de sélection. Vous
3. La zone Sélection affiche le nom de la sélection active dans le document actif. Vous pouvez
4. Pour supprimer la sélection figurant dans la zone Sélection, cliquez sur OK. Pour fermer la boîte
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, le cadre de sélection lui-même se déplace. 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 :
2. Exécutez l’une des actions suivantes : ■
(Windows) ou Commande (Macintosh) et faites glisser la sélection flottante.
Si vous désélectionnez la sélection flottante de pixels ou si vous sélectionnez un outil vectoriel ou Web, la sélection flottante devient une partie de l’objet bitmap actuel.
2. Cliquez sur Edition > Insérer > Bitmap par Couper.
Pour insérer un nouveau bitmap en copiant et en collant une sélection de pixels :
2. Cliquez sur Edition > Insérer > Bitmap par Copier.
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, exécutez l’une des actions suivantes :
• Appuyez sur l’une des touches fléchées pour déplacer la sélection par incréments d’un pixel. • Maintenez enfoncé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.
Pour déplacer ou copier des objets sélectionnés en les collant :
2. Cliquez sur Edition > Couper ou sur Edition > Copier. 3. Cliquez sur Edition > Coller.
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, voir les procédures suivantes. Pour plus d’informations sur l’utilisation de l’outil Tampon encreur, voir Retouche de bitmaps, page 84. Pour dupliquer un objet sélectionné en le faisant glisser :
Pour dupliquer une sélection de pixels, exécutez l’une des actions suivantes :
• Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser l’objet à l’aide de l’outil Pointeur. Pour cloner une sélection :
Le clone de la sélection est placé juste devant l’original et devient l’objet sélectionné. Remarque : Pour éloigner, pixel par pixel, un clone sélectionné de l’original, utilisez les touches fléchées ou Maj+touches fléchées. Cette méthode est pratique pour conserver une distance spécifique entre des clones ou l’alignement vertical ou horizontal des clones. Pour supprimer des objets sélectionnés, exécutez l’une des actions suivantes :
• Mise à l’échelle 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.
Transformer, Fireworks affiche des poignées de transformation autour des objets sélectionnés. Poignées de transformation
2. Pour transformer les objets, exécutez l’une des actions suivantes : ■
3. Double-cliquez à l’intérieur de la fenêtre ou appuyez sur Entrée pour appliquer vos
Pour mettre à l’échelle un objet sélectionné :
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 le faire glisser. Remarque : Vous pouvez également faire pivoter le document. Pour plus d’informations, voir Rotation du document, page 44. Pour faire pivoter un objet sélectionné de 90° ou 180° :
Pour faire pivoter l’objet sélectionné en le faisant glisser :
2. Eloignez le pointeur de l’objet jusqu’à ce que le pointeur de rotation disparaisse.
• Appuyez sur Echap pour désélectionner l’objet, puis sélectionnez-le à nouveau. Retournement d’objets Vous pouvez retourner un objet sur son axe vertical ou horizontal sans changer sa position relative au sein du document. Pour retourner un objet sélectionné :
Inclinaison d’objets Lors de l’inclinaison d’un objet, l’axe horizontal, l’axe vertical ou les deux axes de l’objet sont mis à l’oblique. Pour incliner un objet sélectionné :
1. Pour afficher les poignées de transformation, exécutez l’une des actions suivantes : ■
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 :
2. Dans le menu contextuel, sélectionnez le type de transformation à exécuter sur la sélection
3. Sélectionnez Contraindre les proportions pour préserver les proportions horizontales et
4. Sélectionnez Attributs d’échelle pour transformer la trame, le trait et les effets en même temps
5. Désélectionnez Attributs d’échelle pour transformer uniquement le trajet. 6. Entrez des valeurs numériques pour transformer la sélection, puis cliquez sur OK.
Pour afficher des informations pendant la transformation d’une sélection :
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 :
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, après avoir dessiné les pétales d’une fleur comme objets individuels, vous pouvez les associer pour sélectionner et déplacer la fleur tout entière en tant qu’objet unique. Vous pouvez modifier les groupes sans les dissocier. Vous pouvez sélectionner un objet individuel 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 :
Pour dissocier des objets sélectionnés :
Sous-sélection pour ne sélectionner que des objets individuels et laisser le groupe intact.
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.
Pour sélectionner tous les objets au sein d’un groupe sélectionné, exécutez l’une des actions suivantes :
Les calques affectent également l’ordre d’empilage. Par exemple, si un document possède deux calques nommés Calque 1 et Calque 2 et que Calque 1 s’affiche en dessous de Calque 2 dans le panneau Calques, tout ce qui se trouve sur le Calque 2 s’affiche devant tout 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 201. Pour changer l’ordre d’empilage d’un objet sélectionné ou d’un groupe dans un calque :
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 d’objets Les commandes Aligner du menu Modification vous proposent un vaste éventail d’options d’organisation, qui vous permettent d’effectuer les opérations suivantes :
• 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 les cadres de délimitation entourant les objets sélectionnés.
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 :
Pour répartir de façon égale les largeurs et les hauteurs de trois objets sélectionnés ou plus :
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 201.
Fireworks possède un ensemble puissant de filtres en direct pour le réglage du ton et de la couleur, ainsi qu’un certain nombre de façons 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 Chapitre 3, Sélection et transformation d’objets, page 51. Ce chapitre couvre les rubriques suivantes : Traitement des bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78 Création d’objets bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78 Accès à tous les outils de retouche de photos courants dans un emplacement . . . . . . . . . . . . . . 79 Traçage et modification d’objets bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80 Remarque : Les précédentes versions de Fireworks affichent une bordure rayée 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 cliquer sur Options de bitmap > Afficher la bordure rayée dans la catégorie Edition de la boîte de dialogue Préférences.
Vous pouvez créer des images bitmap en utilisant les outils de dessin bitmap de Fireworks, en coupant ou copiant et en collant des sélections de pixels, ou 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 actuel. Dans le panneau Calques avec les calques développé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 distincts placés sur des calques. Pour plus d’informations, voir Utilisation des calques, page 198. Pour créer un nouvel objet bitmap :
2. Utilisez l’outil Pinceau ou Crayon pour créer des objets bitmap sur le document.
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 Edition > Insérer > Bitmap vide. • Dessinez un cadre de sélection, en partant d’une zone vierge du document et remplissez-le. Pour plus d’informations, voir Création de cadres de sélection de pixels, page 56. Un bitmap vide est ajouté au calque actuel dans le panneau Calques. Si le bitmap vide 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.
Remarque : Cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl enfoncée et cliquez (Macintosh) sur une sélection de pixels, puis sélectionnez 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 par une coupure ou une copie, page 67. Pour convertir des objets vectoriels sélectionnés en une image bitmap, exécutez l’une des actions suivantes :
• Cliquez sur Fusionner la sélection dans le menu Options du panneau Calques. Une conversion vecteur-vers-bitmap est irréversible, sauf si la commande Edition > Annuler ou l’annulation d’actions dans le panneau Historique est encore possible. Les images bitmap ne peuvent pas être converties en objets vectoriels.
Pour vous permettre de commencer aisément à retoucher des photos le plus rapidement possible, Fireworks a rassemblé les outils les plus couramment utilisés pour les photos à un seul endroit. Le panneau Modification d’image contient les outils suivants : Suppression de l’œil rouge, Recadrer, Rotation, Flou, Accentuer, Révélateur et Brûlure. Le panneau Modification d’image contient également les éléments suivants :
• Commandes de transformation : Transformation numérique, Options de rotation, Renverser horizontalement, Renverser verticalement, Supprimer transformations Accès à tous les outils de retouche de photos courants dans un emplacement
Modification > Transformer). Le panneau Modification d’image, accessible en cliquant sur Fenêtre > Modification d’image, présente simplement certains des outils les plus couramment utilisés rassemblés dans un seul panneau pour votre commodité. Pour plus d’informations sur l’utilisation de ces outils et options, veuillez lire Retouche de bitmaps, page 84, Réglage de la couleur et du ton d’un bitmap, page 90, Application d’un flou et accentuation de la netteté des bitmaps, page 101, et Ajout de bruit à une image, page 105.
La section 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 avant sur un bitmap et utiliser l’outil Crayon pour modifier des pixels individuels. Pour dessiner un objet avec l’outil Crayon :
2. Définissez les options de l’outil dans l’Inspecteur des propriétés : Anticrénelé 2. Définissez les attributs du trait dans l’Inspecteur des propriétés. 3. Faites glisser le pointeur pour dessiner.
2. Sélectionnez une couleur dans la case 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.
Pour appliquer une trame de dégradé à une sélection de pixels :
2. Sélectionnez 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.
Prélèvement d’une couleur à utiliser en tant que couleur de trait ou de remplissage L’outil Pipette vous permet de prélever un échantillon de couleur d’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 :
Pipette qui s’affiche 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 pour la sélection des couleurs, page 173.
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.
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’aspect du pointeur dans la boîte de dialogue Préférences. Pour plus d’informations, voir Préférences de modification, page 431.
Pour effacer des pixels dans un objet bitmap sélectionné ou une sélection de pixels :
4. Réglez le curseur Taille pour définir la taille de la gomme. 5. Réglez le curseur Opacité de la gomme pour définir le degré d’opacité. 6. Faites glisser en cliquant l’outil Gomme sur les pixels que vous voulez effacer.
Pour diffuser les bords d’une sélection de pixels lorsque vous effectuez une sélection de pixels :
2. Dans le menu contextuel Bord de l’Inspecteur des propriétés, cliquez sur Diffusion. 3. Réglez le curseur afin de définir le nombre de pixels que vous voulez diffuser le long du bord de
4. Effectuez une sélection. Pour diffuser les bords d’une sélection de pixels à partir de la barre de menu :
2. Entrez une valeur dans la boîte de dialogue Appliquer une diffusion à la sélection afin de définir
La valeur du rayon détermine le nombre de pixels auxquels est appliquée une diffusion de chaque côté de la bordure de sélection.
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 le pointeur dans 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.
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 éliminer 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 :
2. Cliquez sur une zone afin de la désigner comme étant la source, ou la zone que vous voulez
(Windows) ou Option (Macintosh) enfoncée et cliquer sur une autre zone de pixels afin de la désigner comme étant la source.
Selon les préférences de pinceau que vous avez sélectionnées, 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.
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 :
2. Définissez les options du pinceau dans l’Inspecteur des propriétés : Taille Couleur de la tache
Maculage utilise les couleurs provenant uniquement de l’objet actif.
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 l’exposition à la lumière lors du développement d’une photographie. Pour éclaircir ou assombrir des parties d’une image :
2. Définissez les options du pinceau dans l’Inspecteur des propriétés : Taille
4. Définissez la plage dans l’Inspecteur des propriétés : Ombres
Brûlure à l’outil Révélateur.
Pour corriger l’effet yeux rouges sur une photographie :
2. Définissez les attributs dans l’Inspecteur des propriétés :
100 remplace toutes les teintes contenant du rouge).
Quantité Photographie originale et après utilisation de l’outil Remplacer la couleur Fireworks propose deux méthodes de remplacement d’une couleur par une autre. Vous pouvez remplacer une couleur que vous avez spécifiée dans le nuancier ou remplacer une couleur à l’aide de l’outil Remplacer la couleur directement sur l’image. Pour remplacer une couleur par une autre à l’aide du nuancier :
2. Dans la zone De dans l’Inspecteur des propriétés, cliquez sur Nuancier. 3. Cliquez sur le puits de couleurs De dans l’Inspecteur des propriétés pour sélectionner la pipette,
4. Cliquez sur le puits de couleurs A dans l’Inspecteur des propriétés, puis sélectionnez une couleur
5. Définissez les autres attributs du trait dans l’Inspecteur des propriétés : Taille
6. Faites glisser l’outil sur la couleur que vous voulez remplacer.
2. Dans la zone De dans l’Inspecteur des propriétés, cliquez sur Image. 3. Cliquez sur le puits de couleurs A dans l’Inspecteur des propriétés pour sélectionner la pipette,
4. Définissez les autres attributs du trait dans l’Inspecteur des propriétés : Taille
couleur De par la couleur A en laissant un peu de la couleur De intacte. 5. A l’aide de l’outil, cliquez sur une section de l’image bitmap contenant la couleur que vous
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 :
2. Cliquez sur Edition > Recadrer le bitmap sélectionné.
3. Ajustez les poignées de recadrage jusqu’à ce que le cadre de délimitation entoure la zone de
4. Double-cliquez à l’intérieur du cadre de délimitation ou appuyez sur Entrée pour recadrer la
Chaque pixel du bitmap sélectionné se trouvant hors du cadre de délimitation est supprimé, mais les autres objets du document demeurent intacts.
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 que filtre en direct à partir de l’Inspecteur des propriétés n’est pas destructrice. Les filtres en direct ne modifient pas les pixels de manière permanente. Vous pouvez les supprimer ou les modifier à tout moment. Si vous préférez appliquer des filtres de façon irréversible et permanente, vous pouvez les sélectionner dans le menu Filtres. Toutefois, Macromedia vous recommande d’utiliser les filtres en tant que filtres en direct chaque fois que c’est possible. Vous pouvez appliquer les filtres du menu Filtres à des sélections de pixels, mais pas les filtres en direct. Toutefois, vous pouvez définir une zone d’un bitmap et créer un bitmap distinct à partir de ce dernier, puis lui appliquer un filtre 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.
3. Cliquez sur Edition > Coller.
4. Cliquez sur la vignette du nouvel objet bitmap dans le panneau Calques afin de sélectionner
5. Appliquez un filtre en direct à partir de l’Inspecteur des propriétés.
Remarque : Bien que les filtres en direct soient plus flexibles, un grand nombre de filtres en direct dans un document peuvent ralentir les performances de Fireworks. Pour plus d’informations, voir Contrôle du réaffichage de document, page 41.
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 surbrillances, 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 surbrillances, les demi-tons ou les ombres. Surbrillances Demi-tons Ombres corrige un excès de pixels sombres, ce qui masque une grande partie des détails.
Vous pouvez utiliser l’histogramme de la boîte de dialogue Niveaux pour afficher la distribution des pixels d’un bitmap. L’histogramme est une illustration graphique de la distribution des pixels dans les surbrillances, 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 surbrillances indique que l’image peut être améliorée avec la fonction Niveaux ou Courbes. L’axe horizontal correspond aux valeurs de couleurs 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 en demi-ton au centre et les pixels les plus clairs à droite. L’axe vertical indique le nombre de pixels en fonction du niveau de luminosité. En général, vous devez régler les surbrillances et les ombres en premier. Le réglage des demi-tons en second permet d’améliorer leur valeur de luminosité sans affecter les surbrillances et les ombres.
3. Dans le menu contextuel Canal, choisissez si vous voulez appliquer ces modifications à des
4. Réglez le curseur Niveaux d’entrée, situé sous l’histogramme, pour régler les surbrillances, les
Niveaux de sortie. 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 surbrillances, les demi-tons et les ombres :
2. Pour sélectionner Niveaux automatiques, exécutez l’une des actions suivantes : ■ Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si l’option Edition > Annuler est disponible. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant que filtre en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Chapitre 8, Utilisation des filtres en direct, page 187. Conseil : Vous pouvez également régler automatiquement les surbrillances, les demi-tons et les ombres en cliquant sur le bouton Auto dans la boîte de dialogue Niveaux ou 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 surbrillances, 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
3. Dans le menu contextuel Canal, choisissez si vous voulez appliquer les modifications à des
Conseil : Vous pouvez également régler automatiquement les surbrillances, les demi-tons et les ombres en cliquant sur le bouton Auto dans la boîte de dialogue Courbes. Pour supprimer un point le long de la courbe :
Remarque : Vous ne pouvez pas supprimer les points de terminaison de la courbe.
Vous pouvez régler les surbrillances, les ombres et les demi-tons avec la pipette correspondante dans la boîte de dialogue Niveaux ou Courbes. Pour régler manuellement la balance de gradation en utilisant les pipettes de gradation :
2. Sélectionnez la pipette appropriée pour redéfinir les valeurs de gradation de l’image : ■ A l’aide de la pipette Ombre, cliquez sur le pixel le plus sombre de l’image pour redéfinir la valeur de l’ombre.
La fonction Luminosité/Contraste modifie le contraste ou la luminosité des pixels d’une image. Cela affecte les surbrillances, 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.
Pour régler la luminosité ou le contraste :
2. Pour ouvrir la boîte de dialogue Luminosité/Contraste, exécutez l’une des actions suivantes : ■ Les valeurs vont de –100 à 100. 4. Cliquez sur OK.
à 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 filtre en direct Trame de couleur à un objet sélectionné :
2. Sélectionnez un mode de fondu.
3. Sélectionnez une couleur de remplissage dans le menu contextuel du sélecteur de couleurs. 4. Sélectionnez un pourcentage d’opacité pour la couleur de remplissage, puis appuyez sur Entrée.
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.
Les valeurs vont de -180 à 180. 4. Réglez le curseur Saturation pour régler le niveau de pureté des couleurs.
5. Réglez le curseur Luminosité pour régler la luminosité des couleurs.
6. Cliquez sur OK. Pour changer une image RVB en une image à deux tons ou pour ajouter des couleurs à une image en niveaux de gris :
Remarque : Si vous sélectionnez 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.
Une image en couleur et après inversion Pour inverser les couleurs :
2. Exécutez l’une des actions suivantes : ■ Application d’un flou à une image L’application d’un flou adoucit l’aspect d’une image bitmap. Fireworks possède six options de flou : Flou
applique un flou trois fois plus puissant que celui de la commande Flou.
donne l’impression que le sujet de l’image s’approche ou s’éloigne de la personne qui regarde la photo.
Chapitre 8, Utilisation des filtres en direct, page 187. Pour rendre une image floue :
2. Exécutez l’une des actions suivantes : 4. Cliquez sur OK.
4. Réglez le curseur Distance pour définir la force du floutage.
5. Cliquez sur OK. Pour rendre une image floue avec la commande Flou radial :
2. Pour ouvrir la boîte de dialogue Flou radial, exécutez l’une des actions suivantes : ■ 4. Réglez le curseur Qualité pour définir la finesse du floutage.
5. Cliquez sur OK. Pour rendre une image floue avec la commande Flou de zoom :
2. Pour ouvrir la boîte de dialogue Flou de zoom, exécutez l’une des actions suivantes : ■ Les valeurs vont de 1 à 100. L’augmentation de l’intensité se traduit par un floutage accentué. 4. Réglez le curseur Qualité pour définir la finesse du floutage.
Pour appliquer l’effet Rechercher les bords à une zone sélectionnée, exécutez l’une des actions suivantes :
Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si l’option Edition > Annuler est disponible. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant que filtre en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Chapitre 8, Utilisation des filtres en direct, page 187.
Utilisez le filtre Convertir en Alpha pour convertir un objet ou du texte en un transparent qui repose sur la transparence de l’image. Pour appliquer le filtre Convertir en Alpha à une zone sélectionnée, exécutez l’une des actions suivantes :
Remarque : L’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si l’option Edition > Annuler est disponible. Pour conserver la possibilité de régler, désactiver ou supprimer ce filtre, appliquez-le en tant que filtre en direct, comme décrit dans la première option de cette étape. Pour plus d’informations, voir Chapitre 8, Utilisation des filtres en direct, page 187.
Accentuer davantage augmente le contraste des pixels adjacents trois fois plus que la commande
Cette option offre le meilleur contrôle et doit être utilisée en priorité pour accentuer une image.
Pour accentuer une image en utilisant une option d’accentuation :
2. Pour sélectionner une option d’accentuation, exécutez l’une des actions suivantes : ■ Pour accentuer une image avec l’option Masque d’accentuation :
2. Pour ouvrir la boîte de dialogue Masque d’accentuation, exécutez l’une des actions suivantes : ■ 5. Réglez le curseur Seuil pour sélectionner une valeur comprise entre 0 et 255.
Lorsqu’elles sont affichées à un niveau de zoom élevé, 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).
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 à cocher Couleur pour appliquer le bruit aux couleurs. Laissez-la désactivée pour
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 tangentes pour changer la forme des segments de trajet adjacents. Les outils de forme libre permettent de modifier la forme des objets en modifiant directement leur trajet. 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, y compris 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. Ce chapitre couvre les rubriques suivantes : Traçage d’objets vectoriels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108 Modification des trajets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
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 115. Pour dessiner une ligne, un rectangle ou une ellipse :
2. Si nécessaire, sélectionnez les attributs de trait et de trame dans l’Inspecteur des propriétés.
3. Faites glisser le pointeur sur le document pour dessiner la forme.
Avec l’outil Rectangle ou Ellipse, maintenez la touche Maj enfoncée et faites glisser le pointeur pour obtenir des carrés ou des cercles. Pour dessiner une ligne, un rectangle ou une ellipse à partir d’un point central spécifique :
Option (Macintosh) enfoncée et faites glisser l’outil de dessin. Pour contraindre une forme et dessiner à partir d’un point central :
Pour ajuster la position d’une forme de base lorsque vous la dessinez :
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 dans le document.
Remarque : La mise à l’échelle d’un objet vectoriel ne change pas l’épaisseur de trait.
Vous pouvez dessiner un rectangle aux angles arrondis à l’aide de l’outil Rectangle arrondi ou de 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 des points du rectangle arrondi, dissociez le rectangle ou utilisez l’outil Sous-sélection. Pour dessiner un rectangle avec des angles arrondis :
2. Faites glisser le pointeur 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é :
Remarque : Si la fenêtre de l’Inspecteur des propriétés est affichée à mi-hauteur, cliquez sur la flèche d’extension située dans le coin inférieur droit pour afficher la fenêtre en pleine hauteur.
2. Dans l’Inspecteur des propriétés, pour définir le nombre de côtés du polygone, exécutez l’une
à partir d’un point central. Pour dessiner une étoile :
2. Dans l’Inspecteur des propriétés, dans le menu contextuel Forme, sélectionnez Etoile. 3. Dans la zone de texte Côtés, entrez le nombre de points de l’étoile. 4. Dans la zone de texte Angle, sélectionnez Automatique ou entrez une valeur. Les valeurs proches
5. Faites glisser le pointeur sur le document pour dessiner l’étoile.
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 69. 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 Rectangle biseauté dessine des groupes d’objets représentant des rectangles aux angles biseautés. Grâce aux points de contrôle, vous pouvez modifier le biseautage de tous les angles ou de chaque angle individuellement. 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 des première et troisième sections 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 distincts. 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 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. Ajouter une ombre ajoute une ombre sous l’objet sélectionné en fonction des dimensions de cet objet. L’ombre est en réalité une forme automatique et, comme telle, contient des points de contrôle que vous pouvez utiliser pour modifier son aspect. Par exemple, vous pouvez maintenir la touche Maj enfoncée en faisant glisser le point de contrôle Direction afin de contrainte son déplacement à un angle de 45 degrés. Un clic sur le point de contrôle Direction restitue à l’ombre sa forme d’origine. Remarque : La commande Ajouter une ombre fait automatiquement reculer la nouvelle forme d’ombre d’un niveau. A moins de n’appliquer cette commande qu’à un seul objet dans le haut du calque actuel, l’ombre peut se superposer à l’objet sélectionné. Pour dessiner une forme automatique à l’aide du panneau Outils :
2. Exécutez l’une des actions suivantes :
3. Si vous souhaitez apporter des changements à l’ombre, vous pouvez exécuter l’une des actions
■ Maintenez les touches Ctrl+Commande enfoncées et cliquez sur le point de contrôle Direction pour redéfinir l’axe des x uniquement. Double-cliquez sur le point de contrôle Perspective pour redéfinir la largeur de l’ombre uniquement.
Modification des propriétés de formes automatiques. Modification des propriétés de formes automatiques Le panneau Propriétés de forme automatique permet d’effectuer un contrôle numérique précis des formes automatiques. Après avoir inséré une forme automatique, vous pouvez utiliser ce panneau pour modifier ses propriétés. Les propriétés spécifiques que vous modifiez varient en fonction de la forme automatique sélectionnée. Par exemple, si vous avez inséré la forme Flèche, vous pouvez modifier sa largeur, sa hauteur, son épaisseur, etc. Si vous avez inséré la forme Etoile, vous pouvez modifier son nombre de points, son rayon, etc. Vous pouvez également insérer une autre forme automatique dans votre document directement depuis le panneau Propriétés de forme automatique. Remarque : Ce panneau ne prend en charge que les formes automatiques figurant dans le panneau Outils. Il ne prend pas en charge les formes automatiques tierces ou celles du panneau Formes (Fenêtre > Formes automatiques). Pour modifier les propriétés de votre forme automatique :
2. Cliquez sur Fenêtre > Propriétés de forme automatique.
3. Ajustez les propriétés dans le panneau Propriétés de forme automatique. Conseil : Pour les formes rectangulaires, vous pouvez décider de verrouiller les angles des formes de façon à ce que les modifications apportées à un angle affectent les quatre. Vous pouvez également modifier les propriétés pour chaque angle individuellement.
La nouvelle forme s’affiche dans le coin supérieur gauche du document. 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 :
Pour augmenter ou réduire la taille d’une pointe de flèche :
Pour allonger ou raccourcir la queue d’une flèche :
Pour régler l’épaisseur de la queue d’une flèche :
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 :
Pour réduire ou augmenter la taille de la pointe d’une flèche courbée :
Pour allonger ou raccourcir la queue d’une flèche courbée :
Pour régler l’épaisseur de la queue d’une flèche courbée :
Pour régler l’arrondi de la courbe de la queue d’une flèche courbée :
Remarque : Pour modifier le rayon d’angle des rectangles dessinés avec l’outil Rectangle, utilisez le paramètre Arrondi de rectangle dans l’Inspecteur des propriétés. Pour régler les angles d’une forme automatique représentant un rectangle biseauté, chanfreiné ou arrondi :
Pour régler un seul angle d’une forme automatique représentant un rectangle biseauté, chanfreiné ou arrondi :
Pour redimensionner une forme automatique représentant un rectangle biseauté, chanfreiné ou arrondi sans modifier les angles :
Pour changer le type des angles d’un rectangle :
Pour changer le type d’un seul angle :
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 les segments de départ et de fin) et de régler l’arrondi des angles. Pour déplacer les points de départ ou de fin d’une ligne connecteur :
Pour repositionner la barre transversale d’une ligne connecteur :
Pour régler tous les angles de la ligne connecteur sélectionnée :
Les formes automatiques représentant des 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 sur 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é :
Pour supprimer une section d’un anneau sélectionné :
Pour redimensionner le rayon intérieur d’un anneau sélectionné :
Pour définir le rayon intérieur d’un anneau sélectionné sur zéro :
Réglage des formes automatiques représentant des graphiques à secteurs Les formes automatiques représentant des 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 à secteurs sélectionné :
Pour redimensionner une découpe d’un graphique à secteurs sélectionné :
Pour redéfinir le graphique à secteurs sélectionné en un seul secteur :
• Faites glisser 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 :
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. Ils 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é, exécutez l’une des actions suivantes :
• Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser 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é :
Pour modifier le nombre de côtés du polygone intelligent sélectionné :
Pour diviser le polygone intelligent sélectionné en plusieurs segments :
Pour redimensionner le polygone intérieur d’un polygone intelligent, exécutez l’une des actions suivantes :
Pour redimensionner le polygone intérieur du polygone intelligent sélectionné :
Pour régler le nombre de circonvolutions de la spirale sélectionnée :
Pour ouvrir ou fermer la spirale sélectionnée :
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 :
Pour régler les creux de l’étoile sélectionnée :
Pour régler les pics de l’étoile sélectionnée :
Pour régler l’arrondi des creux et des pics de l’étoile sélectionnée :
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 dessiner ces formes 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 :
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 pouvez également ajouter de nouvelles 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 :
2. Dans le menu Options du panneau Formes, sélectionnez Acquérir plus de formes automatiques.
3. Suivez les instructions à l’écran pour sélectionner de nouvelles formes automatiques et les
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 contextuel 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 7, Application de couleurs, de traits et de trames, page 163. Utilisation de l’outil Trajet vectoriel L’outil Trajet vectoriel dispose de nombreux types de traits, y compris l’aérographe, la calligraphie, la craie grasse, le crayon et l’artifice. Ces catégories disposent elles-mêmes de plusieurs types de traits, tels que feutres sombre et clair, éclaboussure d’essence, bambou, ruban, confetti, 3D, dentifrice et peinture étrange visqueuse. 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é.
Pour dessiner un trajet vectoriel de forme libre :
2. Si nécessaire, sélectionnez les attributs de trait et les options de l’outil Trajet vectoriel dans
3. Si vous le souhaitez, modifiez le niveau de précision du trajet en sélectionnant un nombre dans
4. Faites glisser le pointeur pour dessiner. Pour contraindre le trajet à une ligne horizontale ou
5. Relâchez le bouton de la souris à la fin du trajet. Pour fermer le trajet, relâchez le bouton de la
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és 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.
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.
2. Si nécessaire, cliquez sur Edition > Préférences, activez les options suivantes appropriées sous
Afficher l’aperçu de la plume
Afficher les points unis
4. Déplacez le pointeur et cliquez pour placer le point suivant. Un segment de droite réunit les
5. Continuez à tracer des points. Les segments de droite relient les points.
Pour dessiner des segments de courbe, il suffit de cliquer et de faire glisser le pointeur lors du dessin des points. Les points que vous dessinez comportent des tangentes. Lorsque vous dessinez avec l’outil Plume ou un autre outil de dessin Fireworks, tous les points des objets vectoriels reçoivent des tangentes. Ces tangentes sont visibles uniquement sur les points des courbes.
2. Cliquez pour placer le premier point d’angle. 3. Déplacez le pointeur vers l’emplacement du point suivant, puis cliquez et faites glisser le
Fireworks étend le segment de droite jusqu’au nouveau point.
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) et faites glisser un point ou une poignée de points avec l’outil Plume.
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 :
2. Cliquez sur l’un des points avec l’outil Sous-sélection pour le sélectionner.
3. Faites glisser le point ou utilisez l’une des touches fléchées pour déplacer le point vers un autre
Réglage de la forme d’un segment de trajet de courbe Vous pouvez modifier la forme d’un objet vectoriel en déplaçant ses tangentes à l’aide de l’outil Sous-sélection. Les tangentes 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 :
2. Cliquez sur l’un des points de la courbe avec l’outil Sous-sélection pour le sélectionner.
L’aperçu du trajet en bleu indique par où passera le nouveau trajet si vous relâchez le bouton de la souris. Tangentes Pointeur de sous-sélection Aperçu du trajet
Point sélectionné Les segments de droite comportent des points d’angle. Les segments de courbe comportent des points de courbe.
2. Cliquez sur un point d’angle du trajet sélectionné et faites-le glisser à l’écart de sa position
Les tangentes s’étendent et les segments adjacents se courbent.
Pour convertir un point de courbe en point d’angle :
2. Cliquez sur un point de courbe du trajet sélectionné.
Pour afficher les tangentes d’un point de courbe :
Déplacement des points et de leurs tangentes Vous pouvez modifier la forme d’un objet en faisant glisser ses points et ses tangentes avec l’outil Sous-sélection. Pour déplacer un point :
Fireworks redessine le trajet en tenant compte de la nouvelle position du point. Pour changer la forme d’un segment de trajet :
à la fois, maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser la poignée.
Insertion et suppression de points sur un trajet Vous pouvez ajouter ou supprimer des points dans un trajet. Ajoutez des points à un trajet pour contrôler l’un des segments du trajet. Supprimez des points pour reformer le trajet ou simplifier sa modification. Pour insérer un point sur un trajet sélectionné :
Pour supprimer un point d’un segment de trajet sélectionné, exécutez l’une des actions suivantes :
• 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. Prolongement d’un trajet existant Vous pouvez utiliser l’outil Plume pour continuer à dessiner un trajet ouvert existant. Pour reprendre le dessin d’un trajet ouvert existant :
2. Cliquez sur le point de terminaison, puis reprenez le tracé.
1. Dans le panneau Outils, cliquez sur 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.
Vous pouvez facilement relier deux trajets ouverts qui partagent des attributs de trait et de remplissage similaires. Pour relier automatiquement deux trajets ouverts :
2. Sélectionnez l’outil Sous-sélection et faites glisser l’un des points de terminaison du trajet à
Le point de terminaison s’accroche alors à l’autre trajet et les deux ne forment plus qu’un.
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 tangentes pour changer la forme de segments de trajets adjacents. Les outils de forme libre permettent de modifier la forme des objets en modifiant directement leur trajet. 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 tangentes, mais aussi de modifier directement des objets vectoriels.
L’outil Forme libre est utilisé et le pointeur de poussée est actif. L’outil Reformer la zone est utilisé et le pointeur correspondant est actif. La zone comprise entre le cercle intérieur et le cercle extérieur reforme le trajet selon une intensité inférieure à l’intensité maximale.
é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.
Le pointeur se transforme en pointeur de traction. 3. Dessinez le trajet. Pour pousser un chemin sélectionné :
2. Positionnez le pointeur légèrement à l’écart du trajet. 3. Faites glisser vers le trajet pour exercer une poussée. Poussez le trajet sélectionné pour lui donner
Pour changer la forme du pointeur de poussée, exécutez l’une des actions suivantes :
élargir le pointeur.
Distorsion de trajets L’outil Reformer la zone permet de tirer la zone de tous les trajets sélectionnés à l’intérieur du cercle extérieur du pointeur Reformer la zone.
2. Faites glisser le pointeur sur les trajets pour les redessiner. Pour changer la taille du pointeur Reformer la zone, exécutez l’une des actions suivantes :
élargir le pointeur.
Pour définir l’intensité du cercle intérieur du pointeur Reformer la zone :
L’intensité est directement proportionnelle au pourcentage exprimé. Nouveau dessin 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é :
2. Si vous le souhaitez, modifiez le niveau de précision de l’outil Redessiner le trajet en
3. Positionnez le pointeur directement sur le trajet.
4. Faites glisser le pointeur pour redessiner ou étendre le segment de trajet. La portion de trajet à
5. Relâchez le bouton de la souris.
Division de trajets en objets multiples Utilisez l’outil Cutter pour découper un trajet en deux trajets ou plus.
Remarque : L’utilisation de la gomme sur des stylos Wacom sélectionne automatiquement l’outil Cutter.
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 Empilage d’objets, page 75. Remarque : L’utilisation des options de trajet supprime toutes les informations de pression et de vitesse des trajets concernés.
2. Sélectionnez deux extrémités sur deux trajets ouverts. 3. Cliquez sur Modification > Combiner les trajets > Joindre. Pour créer un trajet composite :
2. Cliquez sur Modification > Combiner les trajets > Joindre. Pour diviser un trajet composite :
2. Cliquez sur 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 :
Conversion d’un trajet en cadre de sélection Vous pouvez convertir une forme vectorielle en une sélection bitmap, puis utiliser les outils bitmap pour éditer les nouveaux bitmaps. Pour convertir un trajet en cadre de sélection :
2. Cliquez sur Modification > Convertir le trajet en cadre de sélection. 3. Dans la boîte de dialogue Convertir le trajet en cadre de sélection, sélectionnez un paramètre
4. Si vous avez sélectionné Diffusion dans le paramètre Bord, spécifiez la valeur que vous voulez
5. Pour convertir le trajet sélectionné en un cadre de sélection, cliquez sur OK. Remarque : La conversion d’un trajet en cadre de sélection supprime le trajet sélectionné. Si vous préférez ne pas supprimer les trajets lors de leur conversion en cadres de sélection, vous pouvez modifier le paramètre par défaut. Cliquez sur Edition > Préférences > Edition, puis désactivez le paramètre Supprimer les trajets lors de leur conversion en cadre de sélection.
• Cliquez sur Modification > Combiner les trajets > Intersection. Le trajet qui en résulte a les attributs de trait et de trame 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, qui le chevauchent.
2. Cliquez sur Modification > Disposer > Premier plan. 3. Maintenez la touche Maj enfoncée et ajoutez à la sélection l’objet trajet dont les portions doivent
4. Cliquez sur Modification > Combiner les trajets > Poinçon. 1. Sélectionnez l’objet trajet qui définit la zone à recadrer. 2. Cliquez sur Modification > Disposer > Premier plan. 3. Maintenez la touche Maj enfoncée et ajoutez à la sélection l’objet trajet à recadrer. 4. Cliquez sur Modification > Combiner les trajets > Recadrer.
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 du trajet le nombre de points redondants que vous spécifiez. 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é :
2. Entrez une valeur de simplification, puis cliquez sur OK.
Si le trajet d’origine contient une trame, les portions du trajet qui s’entrecoupent ne contiennent pas de trame une fois le trait étendu. Pour étendre un trait d’objet sélectionné :
2. Définissez la largeur du trajet fermé obtenu. 3. Spécifiez un type d’angle : pointu, arrondi ou biseauté. 4. Si vous avez sélectionné la forme en pointe, définissez la limite, le point auquel un angle en
5. Sélectionnez une option de terminaison : bout, carré ou rond, Cliquez ensuite sur OK.
Réduction ou extension d’un trajet Vous pouvez réduire ou étendre le trajet d’un objet sélectionné d’un nombre de pixels spécifique. Pour étendre ou réduire un trajet sélectionné :
2. Sélectionnez une direction à suivre pour réduire ou étendre le trajet : A l’intérieur
à la gamme étendue de traits, de trames, de filtres et de styles pour donner encore plus de vie à vos graphiques. Vous pouvez également utiliser le correcteur orthographique de Fireworks pour corriger les fautes d’orthographe. Lorsque vous créez un objet texte, Fireworks enregistre automatiquement l’objet sous un nom correspondant au contenu du texte, ce qui facilite sa localisation ultérieure. Si vous préférez un nom différent pour cet objet texte, vous pouvez aisément modifier le nom attribué automatiquement. Vous pouvez facilement modifier le texte à tout moment, même après application de filtres en direct tels que des ombres portées 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 sélectionner des polices de substitution ou en vous permettant d’importer le texte sous la forme d’une image statique. Ce chapitre couvre les rubriques suivantes : Saisie de texte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140 Edition d’un texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143 Applications de traits, de trames et de filtres à un texte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153 Attachement de texte à un trajet. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154 Remarque : Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension figurant dans le coin inférieur droit pour afficher toutes les propriétés de texte.
Affectation d’un nom à un objet texte Lorsque vous ajoutez du texte à votre document Fireworks, cet objet texte est automatiquement enregistré sous un nom correspondant au texte entré. Si vous le souhaitez, vous pouvez modifier le nom attribué. Pour modifier le nom d’un objet texte
2. Exécutez l’une des actions suivantes : ■
Pour entrer du texte :
Faites glisser le pointeur pour tracer un bloc de texte. Cette opération crée un bloc de texte de largeur fixe.
4. Entrez 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 entré et reformatez-le. 6. Une fois le texte entré, exécutez l’une des actions suivantes : ■
Pour déplacer un bloc de texte lorsque vous faites glisser le pointeur pour le créer :
2. Relâchez la barre d’espace pour continuer à tracer le bloc de texte.
Fireworks utilise des blocs de texte à redimensionnement automatique et des blocs de texte de largeur fixe. Un bloc de texte à redimensionnement automatique s’agrandit horizontalement lorsque vous entrez du texte. De même, si vous effacez une partie du texte, ce bloc se réduit proportionnellement. Des blocs de texte à redimensionnement automatique sont créés par défaut lorsque vous cliquez sur le document avec l’outil Texte et commencez à saisir. Les blocs de texte de largeur fixe vous permettent de contrôler la largeur des lignes de texte. Ces blocs 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 s’affiche dans le coin supérieur droit du bloc de texte. Le cercle indique qu’il s’agit d’un bloc de texte à redimensionnement automatique tandis que le carré identifie un bloc de texte de largeur fixe. Double-cliquez sur l’angle pour basculer d’un type de bloc de texte à l’autre. Indicateur de largeur fixe Indicateur de redimensionnement automatique
Pour convertir un bloc de texte en bloc de texte de largeur fixe ou en bloc de texte à redimensionnement automatique :
2. Double-cliquez sur le cercle ou le carré dans le coin supérieur droit du bloc de texte.
Cette opération convertit automatiquement le bloc de texte à redimensionnement automatique en bloc de texte de largeur fixe.
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 éditez du texte, Fireworks redessine ses attributs de trait, de trame et de filtre 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, cliquez sur la flèche d’extension figurant dans le coin inférieur droit pour afficher toutes les propriétés de texte.
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 160. Remarque : Les modifications que vous apportez 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 cliquez sur 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 modifier son contenu. Pour modifier un texte :
Remarque : Les polices utilisées le plus récemment s’affichent en haut du menu contextuel Police.
3. Pour appliquer le style gras, italique ou souligné, cliquez sur le bouton de style correspondant.
Vous pouvez insérer des caractères spéciaux dans votre texte directement depuis Fireworks, au lieu de devoir les copier et les coller à partir d’une autre source. Pour insérer des caractères spéciaux :
2. Cliquez sur Fenêtre > Caractères spéciaux. 3. Dans le panneau Caractères spéciaux, sélectionnez le caractère à insérer.
L’outil Texte conserve la couleur de texte actuelle 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 trame 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 filtres en direct à l’ensemble du texte d’un bloc de texte sélectionné, mais pas à un texte mis en surbrillance dans un bloc. Fireworks met à jour les caractéristiques de trait et les filtres en direct appliqués à un bloc de texte lorsque vous modifiez le texte qu’il contient, mais l’outil Texte ne les conserve pas si vous créez un nouveau bloc de texte. Pour plus d’informations, voir Applications de traits, de trames et de filtres à un texte, page 153. Application d’une couleur à l’ensemble du texte dans des blocs de texte sélectionnés Vous pouvez appliquer une couleur à l’ensemble du texte dans des blocs de texte sélectionnés à l’aide de l’Inspecteur des propriétés, de l’un des sélecteurs de couleur de remplissage ou de l’outil Pipette. Vous pouvez également utiliser l’une des méthodes suivantes pour définir la couleur de texte dans l’outil Texte.
La couleur du sélecteur de couleur de remplissage dans le panneau Outils change pour refléter la couleur que vous avez échantillonnée à l’aide du pointeur de la pipette ou de l’outil Pipette ; la couleur du texte sélectionné change également.
Vous pouvez changer la couleur du texte sélectionné dans un bloc de texte à l’aide de l’Inspecteur des propriétés ou du sélecteur de 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 au texte en surbrillance dans 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, exécutez l’une des actions suivantes :
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 de 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énage est mesuré sous la forme d’un pourcentage. Utilisez l’Inspecteur des propriétés ou le clavier pour définir le crénage. Pour désactiver le crénage automatique :
Pour définir le crénage :
Pour définir l’interlignage d’un texte sélectionné dans l’Inspecteur des propriétés :
2. Pour changer le type d’unité d’interlignage, sélectionnez % ou px (pixels) dans le menu
Pour définir l’interlignage du texte sélectionné à l’aide du clavier :
La touche Flèche haut augmente l’espace entre les lignes et la touche Flèche Bas le diminue. Conseil : Maintenez les touches Maj et Ctrl (Windows) ou Maj et Commande (Macintosh) enfoncées et appuyez sur la touche Flèche haut ou Flèche Bas pour ajuster l’interligne par incréments de 10.
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 uniquement à l’ensemble du bloc de texte. Pour définir l’orientation d’un bloc de texte sélectionné :
2. Sélectionnez une option d’orientation dans le menu contextuel : De gauche à droite horizontalement est l’orientation par défaut du texte pour la majorité des
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 à la ligne 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 sélectionnez l’une des options d’orientation verticale, seul l’ordre des colonnes de texte est affecté ; celui des caractères ne change pas.
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, définissez le type d’alignement permettant d’étirer le texte horizontalement ou verticalement en fonction de l’orientation du texte.
Les commandes d’alignement s’affichent dans l’Inspecteur des propriétés lorsqu’un texte ou un bloc de texte est sélectionné.
Pour définir l’alignement d’un texte :
2. Cliquez sur un bouton d’alignement dans l’Inspecteur des propriétés.
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.
Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension dans le coin inférieur droit pour afficher toutes les propriétés. Pour mettre en retrait la première ligne des paragraphes sélectionnés :
Options d’espacement entre les 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 le coin inférieur droit pour afficher toutes les propriétés. Pour définir l’espacement qui précède des paragraphes sélectionnés :
Pour définir l’espacement qui suit des paragraphes sélectionnés :
Lissage du bord des caractères Pour lisser le bord des caractères, appliquez-leur un anticrénelage. Cela permet de fusionner les bords du texte avec l’arrière-plan, ce qui le rend plus net et lisible lorsque vous utilisez de grandes polices.
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 le coin inférieur droit pour afficher toutes les propriétés. L’anticrénelage s’applique à l’ensemble des caractères d’un bloc de texte donné. Sans anticrénelage Anticrénelage net
Anticrénelage lissé
Anticrénelage : Remarque : Lorsque vous ouvrez des fichiers vectoriels, tels que des fichiers FreeHand, dans Fireworks, le texte est anticrénelé. Vous pouvez modifier cet attribut à l’aide de l’Inspecteur des propriétés. Pour plus d’informations, voir Ouverture de graphiques créés dans d’autres applications, page 19.
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.
Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension dans le coin inférieur droit pour afficher toutes les propriétés. Pour augmenter ou réduire la largeur des caractères sélectionnés :
100 %. Définition du décalage de la ligne de base Le décalage de la ligne de base 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.
Applications de traits, de trames et de filtres à un texte Vous pouvez appliquer des traits, des trames et des filtres à un texte dans un bloc de texte sélectionné de la même façon qu’à tout autre objet. Vous pouvez appliquer à un texte n’importe quel style dans le panneau Styles, 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 trames, les filtres et les styles sont automatiquement mis à jour en cours d’édition.
Vous pouvez appliquer une couleur de texte unie à un texte sélectionné dans un bloc de texte. Toutefois, les attributs de trait et de trame non unie, tels que les dégradés, sont appliqués à l’ensemble du texte du bloc sélectionné, et pas seulement au texte en surbrillance. Pour plus d’informations sur les traits et les trames, voir Chapitre 7, Application de couleurs, de traits et de trames, page 163. Pour plus d’informations sur l’utilisation des styles, voir Utilisation des styles, page 228. Pour plus d’informations sur les filtres en direct, voir Application de filtres en direct, page 188. L’outil Texte ne conserve pas les paramètres de trait ou de filtre en direct lorsque vous créez un bloc de texte. Toutefois, vous pouvez enregistrer les attributs de trait, de trame et de filtre en direct que vous appliquez au texte pour les réutiliser sous la forme d’un style dans le panneau 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 :
2. Sélectionnez l’objet texte. 3. Dans le menu Options du panneau Styles, cliquez sur Nouveau style. 4. Sélectionnez les propriétés du nouveau style et nommez-le. 5. Cliquez sur OK.
Pour libérer le texte des restrictions des blocs de texte rectangulaires, vous pouvez dessiner un trajet et attacher du texte. Le texte suit la forme du trajet et reste éditable. Lorsque vous attachez temporairement du texte à un trajet, ce dernier perd ses attributs de trait, de trame et de filtre. Les attributs de trait, de trame et de filtre appliqués par la suite, affectent le texte, pas le trajet. Lorsque vous détachez du texte d’un trajet, le trajet retrouve ses attributs de trait, de trame et de filtre. Remarque : L’attachement d’un texte contenant des retours à la ligne matériels ou logiciels à un trajet peut produire des résultats inattendus.
Pour placer du texte sur un trajet :
2. Cliquez sur Texte > Attacher au trajet. Pour détacher le texte d’un trajet sélectionné :
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, exécutez l’une des actions suivantes :
• Sélectionnez l’outil Texte, puis sélectionnez le texte à éditer. Pour modifier la forme du trajet :
2. Déplacez les points pour reformer le trajet. Remarque : Vous pouvez également utiliser l’outil Plume (courbe de Bézier) pour éditer le trajet. Le texte suit automatiquement le trajet à mesure que vous modifiez des points.
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é.
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. Pour changer l’orientation du texte d’un trajet sélectionné :
2. Dans l’Inspecteur des propriétés, entrez une valeur dans la zone de texte Décalage du texte.
Remarque : Si vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension dans le coin inférieur droit pour afficher toutes les propriétés.
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 s’affiche dans l’Inspecteur des propriétés lorsque le texte est sélectionné.
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é d’éditer le texte. Pour convertir le texte sélectionné 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.
• Sélectionnez le texte converti, puis cliquez sur 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 128. 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 :
2. Cliquez sur Modification > Dissocier. 3. Cliquez sur Modification > Combiner les trajets > Joindre.
Fireworks actuel ou le faire glisser depuis la source vers le document actuel. Vous pouvez également ouvrir ou importer un fichier texte entier dans Fireworks. Fireworks permet d’importer des fichiers RTF (Rich Text Format) et ASCII (texte ordinaire). Pour ouvrir ou importer un fichier texte :
2. Ouvrez le dossier contenant le fichier. 3. Sélectionnez le fichier, puis cliquez sur OK.
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 Ouverture de graphiques créés dans d’autres applications, page 19. Fichiers RTF Lorsque vous importez du texte au format RTF, Fireworks préserve les attributs suivants :
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.
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’aspect du texte peut changer. Vous pouvez sélectionner des polices pour remplacer les polices manquantes. 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 rouvert sur un ordinateur disposant des polices d’origine, Fireworks utilise ces polices. Pour sélectionner une police de remplacement :
2. Sélectionnez une police manquante dans la liste Changer les polices manquantes. 3. Exécutez l’une des actions suivantes : ■
Si vous ne sélectionnez pas une langue spécifique, Fireworks vous invite à sélectionner 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 Dictionnaire. Pour plus d’informations sur cette option, voir Personnalisation de la vérification orthographique, page 160.
Ajouter à Personnel Ignorer Remplacer tout Supprimer
Vérifier l’orthographe se ferme et un message s’affiche pour indiquer que la vérification orthographique est terminée.
Internet et de fichier. Pour personnaliser la vérification orthographique dans Fireworks :
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 :
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 dans la taille par défaut :
Dans le panneau Nuancier, vous pouvez sélectionner un groupe de nuanciers prédéfini, tel que Cubes de couleurs, Tons continus ou Echelle de gris, ou créer des groupes de nuanciers personnalisés incluant vos couleurs préférées ou des couleurs approuvées par votre client. Dans le Mélangeur, vous pouvez sélectionner 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 spécifiques. L’espace de travail Fireworks contient des sélecteurs de couleurs affichant les sélections de couleurs actuelles des options et des caractéristiques d’objets. Lorsque vous cliquez sur un sélecteur de couleurs, une fenêtre contextuelle pour la sélection des couleurs s’affiche, dans laquelle vous pouvez sélectionner la couleur du sélecteur de couleurs. Eloignez le pointeur d’une fenêtre contextuelle pour la sélection des couleurs ouverte et cliquez sur une couleur à l’écran pour l’appliquer au sélecteur de couleurs. La section Couleurs du panneau Outils contient des commandes de couleur 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 bitmap, voir Chapitre 4, Traitement des bitmaps, page 77. Remarque : Pour plus d’informations sur la correction colorimétrique à l’aide des filtres en direct et des filtres, voir Réglage de la couleur et du ton d’un bitmap, page 90.
Utilisation de la section Couleurs du panneau Outils . . . . . . . . . . . . . . . . . . . . . . . . . . . .164 Organisation des groupes de nuanciers et des modèles de couleurs . . . . . . . . . . . . . . . . . .165 Utilisation des sélecteurs de couleurs et des fenêtres contextuelles pour la sélection des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .172 Utilisation des traits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .173 Pour activer le sélecteur Couleur de trait ou Couleur de remplissage :
Couleur de remplissage. L’icône du sélecteur de couleurs actif s’affiche 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 le sélecteur Couleur de remplissage du panneau Outils.
Pour rétablir les couleurs par défaut :
Pour supprimer le trait ou la trame des objets sélectionnés à l’aide du bouton Aucun trait ou Trame :
2. Pour définir également la caractéristique inactive sur Aucune, cliquez de nouveau sur le bouton
Remarque : Vous pouvez également définir le trait ou la trame des objets sélectionnés sur Aucune en cliquant sur le bouton Transparent dans la fenêtre contextuelle du sélecteur Couleur de remplissage ou Couleur de trait, ou en sélectionnant Aucune dans le menu contextuel Options de remplissage ou Options de trait dans l’Inspecteur des propriétés. Pour permuter les couleurs de trait et de remplissage :
Le panneau Nuancier et le Mélangeur se combinent pour former le groupe du panneau Couleurs. Dans le panneau Nuancier, vous pouvez afficher, modifier, créer et éditer les groupes de nuanciers, ainsi que sélectionner des couleurs de trait et de remplissage. Vous pouvez utiliser le Mélangeur pour sélectionner un modèle de couleur, mélanger des couleurs de trait et de remplissage (en réglant les curseurs des valeurs de couleur ou en entrant des valeurs de couleur) et sélectionner des couleurs de trait et de remplissage directement dans la barre de couleurs. Application de couleurs à l’aide du panneau Nuancier Le panneau Nuancier affiche toutes les couleurs du groupe de nuanciers actuel. 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é à l’aide du panneau Nuancier :
2. Si le panneau Nuancier n’est pas ouvert, cliquez sur Fenêtre > Nuanciers. 3. Cliquez sur l’échantillon pour appliquer la couleur au trait ou à la trame de l’objet sélectionné.
Modification de groupes de nuanciers Vous pouvez aisément utiliser ou créer un autre groupe de nuanciers. Le menu Options du panneau Nuancier 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 sélectionner un groupe de nuanciers :
Remarque : La sélection de Cubes de couleurs affiche le groupe de nuanciers par défaut. Pour sélectionner un groupe de nuanciers personnalisé :
2. Accédez au dossier, puis sélectionnez un fichier de nuancier. 3. Cliquez sur Ouvrir.
Remarque : Pour plus d’informations sur la création d’un groupe de nuanciers personnalisé, voir Personnalisation du panneau Nuancier, page 166 et Enregistrement de palettes, page 332.
Remarque : Fireworks permet d’ajouter de nouveaux nuanciers de palettes exportées sous forme de fichiers ACT ou GIF.
Personnalisation du panneau Nuancier Vous pouvez ajouter, supprimer, remplacer et trier des nuanciers ou groupes de nuanciers à l’aide du panneau Nuancier. Remarque : La commande Edition > Annuler ne permet pas d’annuler l’ajout ou la suppression d’un nuancier.
Pour ajouter une couleur au panneau Nuancier :
2. Dans le menu contextuel Echantillon dans l’Inspecteur des propriétés, sélectionnez le nombre
3. Cliquez n’importe où dans une fenêtre de document Fireworks ouverte pour échantillonner une
4. Placez le bout de la pipette dans l’espace ouvert après le dernier échantillon dans le
Conseil : Lorsque vous sélectionnez Couleurs Web dans le menu Options de la fenêtre contextuelle pour la sélection des couleurs, toutes les couleurs non WebSafe sélectionnées avec le pointeur de la pipette prennent la valeur de la couleur WebSafe la plus proche.
1. Dans le panneau Outils, sélectionnez l’outil Pipette. 2. Dans le menu contextuel Echantillon dans l’Inspecteur des propriétés, sélectionnez le nombre
3. Cliquez n’importe où dans une fenêtre de documents Fireworks pour échantillonner une
4. Maintenez la touche Maj enfoncée et placez le pointeur sur un nuancier dans le panneau
Pour supprimer une des couleurs du nuancier du panneau Nuancier :
Le pointeur prend la forme de ciseaux. 2. Cliquez sur la couleur concernée du nuancier pour la supprimer du panneau Nuancier. Pour enregistrer une sélection de couleurs échantillonnées :
2. Dans le menu Options du panneau Nuancier, sélectionnez Enregistrer le nuancier.
3. Sélectionnez un nom de fichier et un répertoire, puis cliquez sur Enregistrer.
Dans le menu Options du panneau Nuancier, vous pouvez effacer et trier des nuanciers. Pour effacer ou trier des nuanciers :
Effacer le nuancier Trier par couleur
Dans le Mélangeur, vous pouvez créer des couleurs en réglant 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 au sélecteur Couleur de trait ou Couleur de remplissage actif. Le Mélangeur contient également une barre de couleurs qui affiche la plage de couleurs du modèle de couleur actuel. Cliquez n’importe où dans la barre de couleurs pour appliquer une couleur. Vous pouvez également cliquer sur le bouton de couleur système pour sélectionner une couleur 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 automatiquement en mode CMJ les images RVB lors d’une sortie en séparations de couleurs numériques. Pour plus d’informations, voir la documentation de FreeHand.
Utilisez le Mélangeur pour afficher les valeurs de la couleur active et modifier des valeurs de couleur afin de créer de nouvelles couleurs.
(B). Les valeurs RVB hexadécimales sont comprises entre 00 et FF.
Dans le menu Options du Mélangeur, vous pouvez sélectionner d’autres modèles de couleurs. Les valeurs des composants de la couleur actuelle changent avec chaque nouveau modèle. Pour afficher le Mélangeur :
Pour appliquer une couleur à partir de la barre de couleurs à un objet vectoriel sélectionné :
2. Positionnez le pointeur sur la barre de couleurs.
3. Cliquez sur une couleur pour la sélectionner.
Pour sélectionner une couleur dans le Mélangeur :
2. Activez le sélecteur Couleur de trait ou Couleur de remplissage pour définir la destination de la
3. Dans le menu Options du Mélangeur, sélectionnez un modèle de couleurs. 4. Pour définir les valeurs des composants de couleur, exécutez l’une des actions suivantes : ■
Pour parcourir les modèles de couleur à l’aide de la barre de couleurs :
Remarque : Les options du Mélangeur ne sont pas changées.
Vous pouvez créer des couleurs à l’aide de la boîte de dialogue Système Windows ou Système Macintosh au lieu d’utiliser le panneau Mélangeur ou Nuancier. Pour sélectionner une couleur à partir des couleurs système :
2. Dans un menu Options de la fenêtre contextuelle pour la sélection des couleurs, sélectionnez le
Les nuanciers système s’affichent dans la fenêtre contextuelle pour la sélection des couleurs. 3. Sélectionnez une couleur parmi les couleurs système.
Pour plus d’informations sur l’ajout d’une couleur au panneau Nuancier avec les couleurs système, voir Personnalisation du panneau Nuancier, page 166. Affichage des valeurs de couleur Pour identifier des valeurs de couleur, vous pouvez également utiliser le panneau Info en plus du Mélangeur et de la fenêtre contextuelle pour la sélection des couleurs. Pour afficher la valeur de couleur d’une partie de votre document à l’aide du panneau Info :
2. Cliquez sur Fenêtre > Info pour afficher le panneau Info. 3. Déplacez le pointeur sur l’objet contenant la couleur que vous voulez afficher
Pour afficher la valeur de la couleur active de trait ou de remplissage, exécutez l’une des actions suivantes :
• Cliquez sur le sélecteur de couleurs pour ouvrir la fenêtre contextuelle pour la sélection des couleurs et afficher la valeur hexadécimale dans la partie supérieure de la fenêtre.
Remarque : Par défaut, les valeurs RVB s’affichent dans le panneau Info et le Mélangeur, et les valeurs hexadécimales correspondantes s’affichent dans la fenêtre contextuelle pour la sélection des couleurs, ainsi que dans l’info-bulle du sélecteur de couleurs de Windows. Toutefois, vous pouvez changer à tout moment le modèle de couleurs affiché dans le Mélangeur ou le panneau Info. Pour afficher des informations de couleur pour un autre modèle de couleurs :
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 remplissage de trame Web. Remarque : Notez que le tramage Web peut augmenter la taille du fichier.
Pour utiliser le remplissage de trame Web :
2. Dans le menu contextuel Options de remplissage de l’Inspecteur des propriétés, cliquez sur
3. Dans l’Inspecteur des propriétés, activez le sélecteur Couleur de remplissage.
Remarque : La définition du bord d’un remplissage de trame Web sur Anticrénelé ou Diffusion génère des couleurs non Websafe.
Pour créer l’illusion d’une véritable trame transparente dans un navigateur Web :
2. Dans le menu contextuel Options de remplissage de l’Inspecteur des propriétés, cliquez sur
3. Dans l’Inspecteur des propriétés, activez le sélecteur Couleur de remplissage. La fenêtre
Web. 4. Cliquez sur l’option Transparent.
5. Cliquez hors de la fenêtre contextuelle pour la fermer.
Remarque : Les navigateurs ne prennent pas tous en charge les fichiers PNG.
Dans Fireworks, vous trouverez des sélecteurs de couleurs, de la section 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é. Sélection d’une couleur dans une fenêtre contextuelle pour la sélection des couleurs Lorsque vous cliquez sur un sélecteur de couleurs, une fenêtre contextuelle pour la sélection des couleurs similaire au panneau Nuancier s’affiche. Dans une fenêtre contextuelle pour la sélection des couleurs, vous pouvez afficher les mêmes nuanciers que ceux du panneau Nuancier ou afficher des nuanciers différents. Pour sélectionner une couleur pour un sélecteur de couleurs :
2. Exécutez l’une des actions suivantes : ■ ■
Cliquez sur le bouton Transparent dans la fenêtre contextuelle pour rendre la trame ou le trait transparent.
Pour afficher un groupe de nuanciers différent dans la fenêtre contextuelle pour la sélection des couleurs :
Lorsqu’une fenêtre contextuelle pour la sélection des 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 :
2. Cliquez n’importe où dans l’espace de travail Fireworks pour sélectionner la couleur du sélecteur
La couleur est appliquée à la caractéristique ou à l’élément associé au sélecteur de couleurs et la fenêtre contextuelle pour la sélection des couleurs se ferme. Conseil : Maintenez la touche Maj enfoncée et cliquez pour sélectionner une couleur Websafe.
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 dessinés adoptent ces attributs ou vous pouvez appliquer ces attributs à un objet ou un trajet après l’avoir dessiné. La couleur de trait actuelle apparaît dans le sélecteur Couleur de trait 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.
Conseil : Dans le menu contextuel Options de trait, cliquez sur Options de trait pour définir des attributs supplémentaires.
Dans la fenêtre contextuelle Options de trait, sélectionnez des attributs de trait.
Pour changer la couleur de trait d’un outil de dessin :
2. Dans le panneau Outils, sélectionnez un outil de dessin. 3. Activez le sélecteur Couleur de trait du panneau Outils ou de l’Inspecteur des propriétés pour
4. Sélectionnez une couleur de trait parmi les nuanciers proposés. 5. Faites glisser le pointeur pour dessiner l’objet. Remarque : Un nouveau trait utilise la couleur actuellement affichée dans le sélecteur Couleur de trait. Pour supprimer tous les attributs de trait d’un objet sélectionné, exécutez l’une des actions suivantes :
L’aperçu de trait au bas de chaque onglet indique le pinceau actuel et les paramètres en cours. Dans l’aperçu, les paramètres actuels 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 Modifier le trait :
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, sélectionnez Repasser. 3. Pour définir la texture du trait, changez l’option Texture. L’aspect de la texture est
4. Pour définir la texture des bords, entrez une valeur dans la zone de texte Texture du bord,
5. Définissez le nombre de pointes du trait de pinceau. Pour plusieurs extrémités, entrez une valeur
6. Pour sélectionner une ligne pointillée ou discontinue, sélectionnez une option dans le menu
7. Pour définir la longueur des tirets et des espaces d’une ligne pointillée, utilisez les trois ensembles
8. Cliquez sur Appliquer pour appliquer les paramètres aux traits sélectionnés, puis cliquez sur
Pour modifier la pointe du pinceau :
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.
Pour définir la sensibilité de trait :
2. Dans les options Facteurs de variation, sélectionnez le degré auquel la sensibilité affecte la
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. Cela 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.
Vous pouvez utiliser le menu contextuel Trait de la fenêtre Options de trait pour réorienter les traits de pinceau. Pour déplacer un trait de pinceau à l’intérieur ou à l’extérieur du trajet sélectionné :
2. Dans le menu contextuel Emplacement du trait par rapport au trajet, sélectionnez une option :
3. Vous pouvez également sélectionner l’option Recouvrir le tracé avec la trame.
Pour créer des traits personnalisé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,
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 trames pour les objets vectoriels et le texte. L’outil Pot de peinture ou Dégradé permet également de remplir des sélections de pixels en fonction des paramètres de trame en cours. Définition des attributs de trame 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 s’affiche dans le sélecteur 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.
3. Sélectionnez une couleur de remplissage dans les nuanciers ou échantillonnez une couleur de
4. Utilisez l’outil de manière appropriée. Remarque : La sélection de l’outil Texte affecte toujours au sélecteur Couleur de remplissage la dernière couleur de texte unie utilisée.
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é :
2. Dans la fenêtre contextuelle pour la sélection des couleurs, sélectionnez un nuancier.
Vous pouvez modifier des trames 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 prédéfinis de trames de dégradé et de remplissages à motifs ou vous pouvez en créer.
Vous pouvez remplir un objet trajet avec un graphique bitmap. Cette opération est appelée remplissage à motifs. Fireworks comprend plus de douze remplissages à motifs, dont Berbère, Feuilles et Bois.
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 nouveau motif, son nom s’affiche dans le menu contextuel Nom de motif de la fenêtre contextuelle Options de remplissage. Pour créer un motif depuis un fichier externe :
2. Activez le sélecteur Couleur de remplissage, puis sélectionnez Autre dans le menu contextuel
3. Recherchez le fichier bitmap à utiliser comme nouveau motif, puis cliquez sur Ouvrir.
Application d’une trame de dégradé Les catégories de trame, à l’exception d’Aucune, Unie, Motif et Tramage Web sont des trames de dégradé. Ces trames mélangent les couleurs pour créer différents effets.
Pour appliquer une trame de dégradé à un objet sélectionné :
Vous pouvez modifier la trame de dégradé active en cliquant sur n’importe quel sélecteur Couleur de remplissage et en utilisant la fenêtre contextuelle Modifier le dégradé. Rampe de couleurs
Pour ouvrir la fenêtre Modifier le dégradé :
2. Activez le sélecteur Couleur de remplissage dans l’Inspecteur des propriétés ou le panneau
La fenêtre contextuelle Modifier le dégradé s’affiche avec le dégradé en cours dans la rampe de couleurs et l’aperçu. Pour ajouter une nouvelle couleur ou un nuancier d’opacité au dégradé, exécutez l’une des actions suivantes :
• Pour ajouter un nuancier d’opacité, cliquez sur la zone au-dessus de la rampe de couleurs dégradée. Pour supprimer une couleur ou un nuancier d’opacité du dégradé :
Pour définir ou changer la couleur d’un nuancier :
2. Dans la fenêtre contextuelle, sélectionnez une couleur. Pour définir ou changer la transparence d’un nuancier d’opacité :
2. Exécutez l’une des actions suivantes : ■ Remarque : L’échiquier de transparence s’affiche à travers le dégradé dans les zones transparentes.
Modifier le dégradé. La trame de dégradé s’affiche dans les objets sélectionnés et devient la trame active. Pour régler la transition entre les couleurs de la trame :
Création de trames avec 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é à la place 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é :
2. Dans l’Inspecteur des propriétés, sélectionnez les attributs appropriés suivants : Options de remplissage
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é a un bord de remplissage net, anticrénelé ou diffus. Si vous sélectionnez un bord diffus, vous pouvez spécifier la valeur de la diffusion. Texture :
Transformation et distorsion de trames Vous pouvez déplacer, faire pivoter, incliner et changer la largeur de la trame de dégradé ou du remplissage à motifs d’un objet. Lorsque vous utilisez l’outil Pointeur ou Dégradé pour sélectionner un objet avec une trame de dégradé ou un remplissage à motifs, des poignées apparaissent autour ou à côté de l’objet. Faites glisser ces poignées pour ajuster la trame de l’objet.
Pour appliquer une rotation à la trame :
Pour régler la largeur et l’inclinaison de la trame :
Spécification de bords de trame nets, anticrénelés ou avec diffusion Fireworks permet de tracer le bord d’une trame 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 similaire à l’effet néon. Pour changer le bord d’un objet sélectionné :
■ 3. Pour un bord diffus, sélectionnez également le nombre de pixels qui doivent être diffusés de part
La valeur par défaut est 10. Vous pouvez sélectionner une valeur comprise entre 0 et 100. La diffusion est proportionnelle à la valeur définie.
Pour enregistrer les paramètres de dégradé actuels 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 229.
Ajout d’une texture aux traits et aux trames 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 appliquée sur une surface texturée. Les textures produisent plus d’effet sur les traits larges. Vous pouvez ajouter une texture à n’importe quel trait. Fireworks offre un choix de plusieurs textures, telles que Chiffon, Marée noire et Emeri.
Pour ajouter une texture au trait d’un objet sélectionné :
■ ■ Remarque : Vous pouvez appliquer des textures issues de fichiers aux formats suivants : PNG, GIF, JPEG, BMP, TIFF et PICT (Macintosh seulement).
Pour ajouter une texture à la trame d’un objet sélectionné :
■ ■ 3. Entrez un pourcentage compris entre 0 et 100 afin de contrôler la profondeur de la texture.
4. Pour donner un effet de transparence à la trame, sélectionnez Transparent.
Ajout d’une texture personnalisée Vous pouvez également utiliser des fichiers bitmap de Fireworks et 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 s’affiche dans le menu contextuel Nom de la texture. Pour créer une texture depuis un fichier externe :
2. Accédez au fichier bitmap à utiliser comme nouvelle texture, puis cliquez sur Ouvrir.
Les filtres en direct incluent les biseaux, les estampes, les ombres unies et portées et les effets néon, la correction colorimétrique, le flou et l’accentuation. Vous pouvez appliquer des filtres en direct à des objets sélectionnés directement dans l’Inspecteur des propriétés. Fireworks met automatiquement à jour les filtres en direct lorsque vous modifiez des objets auxquels ils sont appliqués. Après avoir appliqué un filtre en direct, vous pouvez changer ses options à tout moment ou changer l’ordre des filtres pour tester un filtre combiné. Vous pouvez activer ou désactiver des filtres en direct ou les supprimer dans l’Inspecteur des propriétés. Lorsque vous supprimez un filtre, l’objet ou l’image reprend son aspect précédent. Les filtres en direct de Fireworks (tels que Niveaux automatiques, Flou gaussien et Masque d’accentuation) étaient auparavant disponibles uniquement comme plug-ins ou filtres irréversibles. En outre, vous pouvez ajouter des plug-ins tiers pour les utiliser comme filtres 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 90. Ce chapitre couvre les rubriques suivantes : Application de filtres en direct . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188 Edition de filtres en direct . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193
Lorsque vous sélectionnez des objets auxquels peuvent être appliqués des filtres en direct, l’emplacement des options de filtres en direct diffère légèrement selon que la fenêtre de l’Inspecteur des propriétés est affichée en pleine hauteur ou à mi-hauteur :
Remarque : Dans le manuel Utilisation de Fireworks, les étapes impliquant des filtres en direct supposent l’affichage en pleine hauteur de la fenêtre de l’Inspecteur des propriétés.
Flou, Estampe, Néon, Ombre ou Accentuer, une boîte de dialogue ou un menu contextuel s’affiche pour vous permettre d’ajuster les paramètres de filtre. Lorsque vous sélectionnez un filtre flou ou accentué, il est appliqué directement à l’objet.
sélectionnez un filtre dans le menu contextuel Ajouter des filtres. Le filtre est ajouté à la liste Filtres pour l’objet sélectionné. Conseil : Pour appliquer un filtre en direct de façon à ce qu’il n’affecte qu’une sélection de pixels dans une image, coupez et collez la sélection au lieu de créer une nouvelle image bitmap, sélectionnez-la, puis appliquez le filtre en direct.
■ ■ 3. Répétez les étapes 1 et 2 pour appliquer d’autres filtres en direct. Remarque : L’ordre d’application des filtres en direct affecte l’ensemble du filtre. Vous pouvez faire glisser des filtres en direct pour changer leur ordre d’empilage. Pour plus d’informations, voir Réorganisation des filtres en direct, page 194. Pour activer ou désactiver un filtre en direct appliqué à un objet :
Pour activer ou désactiver tous les filtres en direct appliqués à un objet :
Pour plus d’informations sur la suppression permanente des filtres en direct, voir Suppression de filtres en direct, page 194.
Pour appliquer un bord biseauté à un objet sélectionné :
Pour appliquer un filtre d’estampe :
3. Lorsque vous avez terminé, cliquez hors de la fenêtre ou appuyez sur Entrée pour la fermer. Remarque : Pour assurer la compatibilité descendante, lorsque les filtres en direct d’estampe proviennent d’un document plus ancien, l’option Afficher l’objet est désactivée.
Spécifiez l’angle de l’ombre pour simuler la direction de la lumière éclairant l’objet.
Pour appliquer une ombre unie :
2. Dans la boîte de dialogue Ombre unie, réglez les paramètres du filtre : ■
Pour appliquer une ombre portée ou intérieure :
Vous pouvez appliquer tous les filtres et plug-ins intégrés du menu Ajouter des filtres comme des filtres 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 à partir de la version 6 ne sont pas compatibles avec Fireworks 8. Remarque : Le menu Xtras de certaines versions précédentes de Fireworks s’appelle désormais menu Filtres dans Fireworks 8. Les extensions Xtra de Fireworks sont appelées 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 le filtre 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 filtres en direct. Certains plug-ins Photoshop ne peuvent pas être utilisés en tant que filtres en direct. Vous pouvez également importer des plug-ins Photoshop en pointant sur un dossier de plug-ins dans la boîte de dialogue Préférences. Pour plus d’informations, voir Préférences de l’onglet Dossiers, page 432. Lorsque vous partagez un fichier Fireworks sur lequel un plug-in Photoshop est appliqué en tant que filtre en direct, l’utilisateur ouvrant le fichier doit disposer du plug-in sur son ordinateur pour afficher ce filtre. En revanche, les filtres intégrés de Fireworks sont enregistrés dans le fichier Fireworks.
Remarque : Si vous déplacez les plug-ins vers un autre dossier, recommencez la procédure ci-avant ou cliquez sur Fichier > Préférences, puis 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 que filtre en direct :
Application de filtres à des objets associés Lorsque vous appliquez un filtre à un groupe, il est appliqué à tous les objets du groupe. Si les objets sont dissociés, ils retrouvent leurs paramètres de filtre d’origine. Vous pouvez appliquer un filtre à un objet d’un groupe en sélectionnant uniquement cet objet à l’aide de 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 74.
Lorsque vous cliquez sur le bouton Info d’un filtre en direct dans l’Inspecteur des propriétés, Fireworks affiche une fenêtre contextuelle contenant les paramètres actuels du filtre pour vous permettre de les modifier. Pour éditer un filtre en direct :
2. Réglez les paramètres du filtre. Remarque : Si un filtre n’est pas modifiable, le bouton Info est grisé. Par exemple, vous ne pouvez pas modifier l’effet Niveaux automatiques.
En général, les filtres qui changent l’intérieur d’un objet, tels que le filtre Biseau intérieur, doivent être appliqués avant les filtres qui en changent l’extérieur. Par exemple, appliquez le filtre Biseau intérieur avant le filtre Biseau extérieur, Effet Néon ou Ombre. Pour modifier l’ordre des filtres appliqués à un objet sélectionné :
Remarque : Les filtres figurant en haut de la liste sont appliqués les premiers.
Vous pouvez aisément supprimer des filtres individuels ou tous les filtres d’un objet. Pour supprimer un filtre unique appliqué à un objet sélectionné :
Pour supprimer tous les filtres d’un objet sélectionné :
Création de filtres en direct personnalisés Vous pouvez enregistrer une combinaison particulière de paramètres de filtres en direct en créant un filtre en direct personnalisé. Tous les filtres en direct personnalisés s’affichent dans le menu contextuel Ajouter des filtres dans l’Inspecteur des propriétés et dans le panneau Styles. Les filtres en direct personnalisés sont des styles dont les options de propriété sont toutes désactivées, à l’exception de l’option Filtre.
2. Dans l’Inspecteur des propriétés, cliquez sur le bouton Ajouter des filtres en direct, puis cliquez
La boîte de dialogue Nouveau style s’affiche. 3. Entrez le nom du style, puis cliquez sur OK.
Pour créer un filtre en direct personnalisé à l’aide du panneau Styles :
2. Dans le menu Options du panneau Styles, cliquez sur Nouveau style.
3. Désélectionnez toutes les propriétés (sauf la propriété Filtre), entrez un nom, puis cliquez sur
Le nom du filtre en direct personnalisé est ajouté au menu contextuel Ajouter des filtres et une icône de style représentant le filtre en direct est ajoutée dans le panneau Styles. Remarque : Si vous sélectionnez des propriétés supplémentaires dans la boîte de dialogue Ajouter un style, le style ne figure plus dans le menu contextuel Ajouter des filtres dans l’Inspecteur des propriétés, bien qu’il reste dans le panneau Styles sous la forme d’un style type. Pour appliquer un filtre en direct personnalisé à des objets sélectionnés, exécutez l’une des actions suivantes :
Vous pouvez renommer ou supprimer un filtre en direct personnalisé comme tout autre style du panneau Styles. Pour plus d’informations, voir Création et suppression de styles, page 229 et Modification de styles, page 230. Remarque : Vous ne pouvez pas renommer ni supprimer un filtre standard de Fireworks.
Pour enregistrer des paramètres de filtre en tant que commande :
2. Si le panneau Historique n’est pas visible, cliquez sur Fenêtre > Historique. 3. Maintenez la touche Maj enfoncée et cliquez sur les actions à enregistrer sous la forme d’une
4. Exécutez l’une des actions suivantes : Les modes de fondu vous offrent un autre niveau de créativité. Vous pouvez créer des effets uniques en mélangeant les couleurs d’objets qui se chevauchent. Fireworks possède plusieurs modes de fondu qui vous permettent d’obtenir les effets souhaités. Ce chapitre couvre les rubriques suivantes : Utilisation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198 Masquage d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204 Fondu et transparence . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223 Vous pouvez afficher l’ordre d’empilage des calques et des objets dans le panneau Calques. Il s’agit de leur ordre d’apparition dans le document. Fireworks empile des calques dans leur ordre de création, en plaçant les calques les plus récents en haut de la pile. L’ordre d’empilage détermine la façon dont les objets d’un calque se superposent aux objets d’un autre calque. Vous pouvez modifier l’ordre des calques et des objets à l’intérieur des calques. Le panneau Calques affiche l’état actuel de tous les calques de l’image actuelle d’un document. Pour afficher d’autres images, vous pouvez utiliser le panneau Images ou sélectionner une option dans le menu contextuel Images, dans la partie inférieure du panneau Calques. Pour plus d’informations, voir Utilisation d’images, page 303. Le nom du calque actif s’affiche 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 s’affichent é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 Calques. Pour plus d’informations sur les masques, voir Masquage d’images, page 204.
Développer/réduire le calque Afficher/Masquer le calque Verrouiller/Déverrouiller le calque
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 initialement en haut du calque actif. Pour activer un calque, exécutez l’une des actions suivantes :
• Sélectionnez un objet de ce calque. Ajout et suppression de calques Dans le 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 s’affiche 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 ajoute 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.
• Dans le menu Options du panneau Calques, cliquez sur Nouveau calque, puis sur OK. Pour supprimer un calque, exécutez l’une des actions suivantes :
• Sélectionnez le calque et cliquez sur l’icône de la poubelle dans le panneau Calques. Pour dupliquer un calque, exécutez l’une des actions suivantes :
• Sélectionnez un calque, puis sélectionnez Dupliquer le calque dans le menu Options du panneau Calques. Sélectionnez ensuite le nombre de calques dupliqués à insérer, ainsi que leur emplacement dans l’ordre d’empilage. En haut : place les nouveaux calques en haut du panneau Calques. Comme le calque Web est toujours situé au sommet de la pile, la sélection de l’option En haut place le calque dupliqué immédiatement sous le calque Web. Avant le calque actif
Affichage des calques Le panneau Calques affiche les objets et les calques dans une structure hiérarchique. Si un document contient de nombreux objets et calques, le panneau Calques peut être encombré et il devient difficile d’y naviguer. La réduction de l’affichage 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. Pour développer ou réduire l’affichage des objets d’un calque :
Pour développer ou réduire l’affichage de tous les calques :
Le déplacement des calques et des objets dans le panneau Calques modifie l’ordre d’apparition des objets dans le document. Les objets situés en haut d’un calque s’affichent au-dessus des autres objets de ce calque dans le document. Les objets situés sur le calque de niveau supérieur s’affichent 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 :
2. Entrez 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 203. Pour déplacer un calque ou un objet :
Pour déplacer vers un autre emplacement tous les objets sélectionnés sur un 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 :
Fireworks copie tous les objets sélectionnés sur le calque vers l’autre calque. 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 objet individuel empêche sa sélection ou son édition. Le verrouillage d’un calque empêche la sélection et la modification de tous les objets du calque. La fonction Modification par calque protège les objets de tous les calques contre la sélection ou les modifications intempestives, mais pas ceux du calque 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 340.
Une icône de cadenas indique que l’objet est verrouillé. Pour verrouiller un calque :
Une icône de cadenas indique que le calque est verrouillé. Pour verrouiller plusieurs calques :
Pour verrouiller ou déverrouiller tous les calques :
Pour activer ou désactiver la fonction Modification par calque :
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 :
L’icône représentant un œil signifie que le calque est visible. Pour afficher ou masquer plusieurs calques ou plusieurs objets :
Pour afficher ou masquer tous les calques ou tous les objets :
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 plus être modifiés et les possibilités de modification des objets vectoriels sont perdues.
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 utile si vous voulez que des objets, tels que des éléments d’arrière-plan, s’affichent dans toutes les images d’une animation. Pour partager un calque sélectionné dans toutes les images, exécutez l’une des actions suivantes :
• Double-cliquez sur le nom du calque dans le panneau Calques et sélectionnez Utiliser pour toutes les images. Utilisation du calque Web Le calque Web est un calque spécial qui apparaît comme calque de niveau supérieur dans 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 11, Découpes, survols et références, page 243. Il est impossible de départager, supprimer, dupliquer, déplacer ou renommer 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 :
2. Entrez le nouveau nom et cliquez hors 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.
Modification. Après avoir créé un masque, vous pouvez ajuster la position de la sélection masquée sur le document ou modifier l’aspect 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 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. 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 ». L’objet masque vectoriel recadre ou découpe les objets sous-jacents selon la forme de son trajet pour créer un effet d’emporte-pièce.
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.
Par défaut, les masques vectoriels sont appliqués en utilisant le contour de trajectoire, mais vous pouvez également les appliquer selon d’autres méthodes. Pour plus d’informations, voir Changement du mode d’application des masques, page 220. 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 calque en ce sens que les pixels d’un objet 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.
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 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.
Masque dans le panneau Calques
La commande Coller dedans de Fireworks produit un effet similaire à celui de la commande Coller en tant que masque, mais présente des différences :
Comparez cette commande avec la commande Coller en tant que masque dans laquelle l’objet que vous coupez et collez est l’objet masque.
Pour créer un masque à l’aide de la commande 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 restent sélectionnés. Ces objets peuvent se trouver au-dessus ou en dessous de l’objet masque dans le panneau Calques.
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 206. Pour plus d’informations sur les méthodes d’application des masques, voir Changement du mode d’application des masques, page 220. 210
Masquage d’objets à l’aide des commandes Révéler la sélection et Masquer la sélection, page 212. Pour créer un masque bitmap à l’aide du panneau Calques :
2. Cliquez sur le bouton Ajouter un masque, dans la partie inférieure du panneau Calques.
3. Si l’objet masqué est un objet bitmap, utilisez également l’un des outils Cadre de sélection ou
4. Dans le panneau Outils, sélectionnez un outil de dessin bitmap, tel que Pinceau, Crayon, Pot
5. Définissez les options appropriées de l’outil dans l’Inspecteur des propriétés. 6. Le masque étant sélectionné, dessinez sur le masque vide. Dans les zones où vous dessinez,
2. Pour créer le masque, exécutez l’une des actions suivantes : ■ de peinture. 4. Définissez les options appropriées de l’outil dans l’Inspecteur des propriétés.
5. Dessinez sur le masque vide. Dans les zones dans lesquelles vous dessinez, l’objet masqué
Remarque : Pour plus d’informations sur la modification de l’aspect d’un masque bitmap en dessinant dessus, voir Modification de l’aspect d’un masque, page 219.
3. Pour créer le masque, exécutez l’une des actions suivantes : ■
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 révéler 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’aspect d’un masque bitmap en dessinant dessus, voir Modification de l’aspect d’un masque, page 219.
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.
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 204. Pour grouper des objets pour créer un masque :
é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 lui-même n’est pas visible sur le document. La vignette de masque du panneau Calques indique les modifications apportées au masque. Les objets masqués peuvent également être 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. 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 une vignette de masque dans le panneau Calques, la vignette apparaît en jaune. Pour sélectionner des objets masqués :
Lorsque vous sélectionnez une vignette d’objet masqué dans le panneau 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 :
Lorsqu’ils sont sélectionnés, les masques apparaissent en jaune et les objets masqués en bleu clair.
2. Faites glisser le masque vers son nouvel emplacement sans tirer la poignée de déplacement,
4. Cliquez entre les vignettes des masques dans le panneau Calques. Cette opération permet de
2. Sélectionnez l’outil Sous-sélection et faites glisser la poignée de déplacement du masque vers le
2. Faites glisser la poignée de déplacement vers le nouvel emplacement.
Pour déplacer les objets masqués indépendamment les uns des autres :
C’est la seule méthode permettant de sélectionner et de déplacer un objet masqué sans affecter les autres 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 demi-ton 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ère-plan. 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é, exécutez l’une des actions suivantes :
• 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é, exécutez l’une des actions suivantes :
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 masques :
2. Dans le panneau Calques, sélectionnez la vignette de l’objet masqué. 3. Cliquez sur Edition > Coller en tant que masque. 4. Cliquez sur Ajouter lorsqu’un message vous demande si vous voulez remplacer le masque ou
L’objet ou les objets sont ajoutés au masque. Pour modifier un masque à l’aide des outils de transformation :
2. Dans le sous-menu Modification > Transformer, sélectionnez un outil de transformation ou
La transformation est appliquée au masque et à ses objets masqués. Remarque : Pour appliquer une transformation à l’objet masque uniquement, déliez-le d’abord des autres objets masques dans le panneau Calques, puis exécutez la transformation.
En appliquant un masque bitmap avec sa couche alpha, vous pouvez créer un masque qui ressemble à un masque vectoriel appliqué avec son contour de trajectoire. Lorsque vous appliquez un masque avec sa couche alpha, la transparence de l’objet masque affecte la visibilité de l’objet à masquer.
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 204. Pour appliquer un masque vectoriel avec son contour de trajectoire :
Pour afficher le trait et la trame d’un masque vectoriel :
Pour appliquer un masque bitmap avec sa couche alpha :
Pour appliquer un masque vectoriel ou bitmap avec son aspect d’échelle de gris :
Pour convertir un masque vectoriel en masque bitmap :
2. Cliquez sur Modification > Fusionner la sélection.
2. Dans le panneau Calques, sélectionnez la vignette de l’objet masqué. 3. Cliquez sur Edition > Coller dedans.
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.
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 :
2. Dans le panneau Calques, sélectionnez la vignette de l’objet masqué, puis cliquez sur Edition >
3. Cliquez sur Remplacer lorsqu’un message vous demande si vous voulez remplacer ou ajouter le
L’objet masque existant est remplacé par le nouveau. Pour désactiver ou activer un masque sélectionné, exécutez l’une des actions suivantes :
Activer le masque. Une croix (X) rouge s’affiche sur la vignette du masque lorsqu’il est désactivé. Cliquez sur X pour activer le masque.
sur les objets masqués : Appliquer permet de conserver les modifications que vous apportez 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.
Modes de fondu Lorsque vous sélectionnez un mode de fondu, Fireworks l’applique 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 individuels 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. Remarque : Les modes de fondu des calques ne fonctionnent pas dans les documents de symbole.
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 des modes de fondu de Fireworks : Normal
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.
Luminosité combine la luminance de la couleur de fondu avec la teinte et la saturation de la couleur de base. Inverser
Pour définir un mode de fondu et une opacité avant de dessiner un 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 :
2. Dans le menu contextuel Mode de fondu de l’Inspecteur des propriétés ou du panneau Calques,
3. Réglez une valeur avec le curseur contextuel Opacité ou entrez une valeur dans la zone de texte. Pour définir un mode de fondu et un niveau d’opacité par défaut à appliquer aux objets que vous dessinez :
2. Après avoir sélectionné un outil de dessin vectoriel ou bitmap, sélectionnez un mode de fondu
Le mode de fondu et le niveau d’opacité que vous sélectionnez sont utilisés par défaut pour tous les nouveaux objets que vous dessinez avec cet outil. Filtre en direct Trame de couleur Fireworks dispose également d’un filtre en direct qui permet de régler la couleur d’un objet en modifiant son opacité ou son mode de fondu. Ce filtre en direct, 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 mode de fondu différents. Pour plus d’informations sur le filtre en direct Couleur de remplissage, voir Chapitre 8, Utilisation des filtres en direct, page 187.
Le panneau Styles contient un jeu de styles Fireworks prédéfinis. En outre, si vous avez créé une combinaison de traits, de trames, de filtres et d’autres attributs de texte que vous voulez réutiliser, enregistrez les 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, 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 13, Création d’animations, page 297 et Chapitre 12, Création de boutons et de menus contextuels, page 271. Une adresse URL (Uniform Resource Locator) est l’adresse d’une page ou d’un fichier spécifique sur 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. Ce chapitre couvre les rubriques suivantes : Utilisation des styles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228 Utilisation de symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232 Utilisation des URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238 Fireworks possède de nombreux styles prédéfinis. Vous pouvez ajouter, modifier 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.
Le panneau Styles permet de créer, de stocker et d’appliquer des styles à des objets ou à du texte.
Styles. Toutefois, une réinitialisation des styles supprime également les styles personnalisés que vous avez créés. Pour appliquer un style à un objet ou à un bloc de texte sélectionné :
2. Dans le panneau Styles, cliquez sur le nom d’un style.
Vous pouvez créer un style basé sur les attributs d’un objet sélectionné. Le style s’affiche dans le panneau Styles. Vous pouvez également supprimer des styles du panneau Styles. Les attributs suivants peuvent être enregistrés dans un style :
• Filtres • 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 :
2. Cliquez sur le bouton Nouveau style dans la partie inférieure du panneau Styles. 3. Dans la boîte de dialogue Nouveau Style, sélectionnez les attributs devant être enregistrés
Remarque : Pour enregistrer d’autres attributs de texte non répertoriés, tels que l’alignement, l’anticrénelage, le crénage automatique, l’échelle horizontale, le crénage et l’interlignage, sélectionnez l’option Texte autre.
3. Enregistrez ces attributs en créant un nouveau style, comme décrit dans la procédure
Pour supprimer un style :
2. Dans le panneau Styles, cliquez sur le bouton Supprimer le style.
Vous pouvez changer les attributs contenus dans un style en modifiant le style dans le panneau Styles. Pour modifier un style :
2. Dans le panneau Styles, double-cliquez sur le nom d’un style. 3. Dans la boîte de dialogue Modifier le style, sélectionnez ou désélectionnez les composants des
4. Cliquez sur OK pour appliquer les modifications au style.
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 :
2. Dans le menu Options du panneau Styles, cliquez sur Exporter des styles. 3. Indiquez un nom et un emplacement pour le document qui contiendra les styles enregistrés. 4. Cliquez sur Enregistrer.
1. Dans le menu Options du panneau Styles, cliquez sur Importer des styles. 2. Sélectionnez le document de styles à importer.
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 :
Remarque : Une réinitialisation des styles supprime les styles personnalisés que vous avez enregistrés. Pour changer la taille des icônes d’aperçu des styles :
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, de filtre et de texte. Pour copier les attributs d’un objet et les appliquer à d’autres objets :
2. Cliquez sur Edition > Copier. 3. Désélectionnez l’objet original, puis sélectionnez le ou les objets auxquels vous voulez appliquer
4. Cliquez sur Edition > Coller les attributs.
(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’animation, page 299 et Création d’un symbole de bouton, page 272. Création d’un symbole Pour créer des symboles graphiques, d’animation et de bouton, cliquez sur 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é :
2. Dans la zone de texte Nom de la boîte de dialogue Propriétés du symbole, entrez le nom du
3. Sélectionnez un type de symbole : Graphique, Animation ou Bouton. Cliquez ensuite sur OK.
Pour créer ex nihilo un symbole :
■ Pour placer une occurrence :
Modification de symboles Vous pouvez modifier un symbole dans l’Editeur 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 234. Pour modifier un symbole et toutes ses occurrences :
■ ■ 2. Modifiez le symbole et fermez la fenêtre.
Pour renommer un symbole :
2. Changez le nom dans la boîte de dialogue Propriétés du symbole, puis cliquez sur OK. Pour dupliquer un symbole :
2. Dans le menu Options du panneau Bibliothèque, cliquez sur Dupliquer. Pour changer un type de symbole :
2. Sélectionnez une autre option de type de symbole. Pour sélectionner tous les symboles inutilisés dans le panneau Bibliothèque :
2. Dans le menu Options du panneau Bibliothèque, cliquez sur Supprimer. 3. Cliquez sur Supprimer. Le symbole et toutes ses occurrences sont supprimés.
Lorsque vous double-cliquez sur une occurrence afin de la modifier, vous modifiez en fait le symbole dans l’Editeur de symboles ou dans l’Editeur 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 278. 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 :
2. Cliquez sur Modification > Symbole > Séparer. 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 :
Le panneau Bibliothèque conserve les symboles d’animation, de graphique 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 avez préalablement exportés. Inversement, si vous avez créé des symboles que vous souhaitez 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 :
2. Cliquez sur Edition > Bibliothèques, puis sélectionnez une 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 un copier-coller des occurrences. Pour importer un symbole en effectuant un glisser-déposer ou un copier-coller, exécutez l’une des actions suivantes :
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 237.
PNG qui contient les symboles en utilisant le sous-menu Edition > Bibliothèques. Pour plus d’informations, voir Importation de symboles, page 235. Pour exporter des symboles :
2. Sélectionnez les symboles à exporter, puis cliquez sur Exporter. 3. Sélectionnez un emplacement, entrez un nom pour le fichier de symboles, puis cliquez sur
Fireworks enregistre les symboles dans un seul fichier PNG. 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 cibles pour appliquer vos modifications. Pour mettre à jour tous les symboles et toutes les occurrences exportés :
2. Modifiez le symbole et fermez l’éditeur. 3. Enregistrez le fichier. 4. Dans le document dans lequel le symbole a été importé, sélectionnez le symbole dans le panneau
5. Dans le menu Options du panneau Bibliothèque, cliquez sur Mettre à jour. Remarque : Pour mettre à jour tous les symboles importés, sélectionnez tous les symboles dans le panneau Bibliothèque, puis sélectionnez Mettre à jour.
à 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 408). Les bibliothèques d’URL sont disponibles pour l’ensemble des documents de Fireworks et sont enregistrées entre deux sessions.
Affectation d’une URL à un objet Web Pour affecter une URL à un objet Web :
2. Cliquez sur le bouton Plus (+) et ajoutez l’URL. 3. Sélectionnez un objet Web. 4. Sélectionnez l’URL dans le panneau d’aperçu des URL.
Application Support/Macromedia/Fireworks 8 (Macintosh). Pour plus d’informations sur l’emplacement de ce dossier, voir Utilisation des fichiers de configuration, page 435. Pour créer une nouvelle bibliothèque d’URL :
2. Entrez le nom de la bibliothèque dans la zone de texte, puis cliquez sur OK.
URL. Pour ajouter une nouvelle URL à une bibliothèque d’URL :
2. Entrez une URL dans la zone de texte Lien. 3. Cliquez sur le bouton Plus (+).
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 :
2. Pour entrer l’URL, exécutez l’une des actions suivantes : ■ L’URL apparaît dans le panneau d’aperçu des URL. Voir Affectation des URL, page 260 et Définition de l’URL d’un symbole ou d’une occurrence de bouton, page 281. Pour ajouter les URL utilisées à une bibliothèque d’URL :
2. Dans le menu Options du panneau URL, sélectionnez Ajouter les URL utilisées à la
Pour supprimer de la bibliothèque toutes les URL inutilisées :
Pour modifier une URL :
2. Dans le menu Options du panneau URL, cliquez sur Modifier une URL. 3. Modifiez l’adresse URL. Si vous voulez mettre ce lien à jour dans tout le document, sélectionnez
URL absolues et relatives Lorsque vous entrez une URL dans le panneau URL, 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 d’assistance 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 suivants présentent la syntaxe de navigation d’URL relatives :
• ../../fichier.htm établit un lien avec un fichier situé dans un dossier placé deux niveaux audessus du dossier contenant le document source. Chaque signe ../ représente un niveau.
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.
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 :
2. Indiquez un nom de fichier, puis cliquez sur Enregistrer.
Pour importer des URL :
2. Sélectionnez un fichier HTML, puis cliquez sur Ouvrir.
Ce chapitre présente les concepts fondamentaux des découpes 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 dans le 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 image interactive, 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 souris, ce qui permet à des comportements JavaScript d’agir dans des découpes. Ce chapitre couvre les rubriques suivantes : Création et modification d’une découpe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Affectation de comportements interactifs aux découpes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251 Préparation des découpes pour l’exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259 Le découpage consiste à diviser un document en plusieurs segments dont chacun sera exporté dans un fichier distinct. Le découpage d’images présente au moins trois avantages majeurs : L’une des principales difficultés de la conception de graphiques 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. Le découpage 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 14, Optimisation et exportation, page 313.
événements souris. Pour plus d’informations sur l’affectation de comportements interactifs aux découpes, voir Affectation de comportements interactifs aux découpes, page 251.
Mise à jour partielle d’une page Web
2. Si vous avez sélectionné plusieurs objets, sélectionnez le mode d’application des découpes : Simple
Maintenez le bouton de la souris et la barre d’espace enfoncés et faites glisser la découpe vers un autre emplacement du document. Relâchez la barre d’espace pour continuer à dessiner la découpe.
1. Dessinez un objet découpe et laissez-le sélectionné. 2. Dans l’Inspecteur des propriétés, sélectionnez HTML dans le menu contextuel Type. 3. Cliquez sur Edition. 4. Entrez le texte dans la fenêtre Modifier découpe du code HTML et, au besoin, insérez des balises
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 HTML comme Macromedia Dreamweaver.
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écoupes se chevauchent ou sont de forme irrégulière, une découpe rectangulaire peut faire apparaître des graphiques d’arrière-plan non désirés en même temps que l’image de permutation. Pour résoudre ce problème, Fireworks permet d’utiliser l’outil Découpe Polygonale pour tracer des découpes de toute forme polygonale.
3. Lorsque vous tracez un objet découpe polygonal autour d’objets ayant des bords adoucis, veillez
4. Pour arrêter l’utilisation de l’outil Découpe polygonale, sélectionnez un autre outil dans le
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 rectangulaire ou polygonale à partir d’un objet ou d’un trajet vectoriel :
2. Cliquez sur Edition > Insérer > Insérer découpe rectangulaire ou Insérer découpe polygonale (en 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 à l’aide du menu Affichage. Affichage de découpes dans le panneau Calques Le calque Web affiche tous les objets Web du document, de façon à ce que vous puissiez sélectionner et afficher chacun d’eux. Pour afficher et sélectionner une découpe dans le panneau Calques :
2. Développez le calque Web en cliquant sur le bouton Plus (+) (Windows) ou sur le triangle
Le calque Web répertorie tous les objets Web actuellement utilisés dans votre document. 3. Cliquez sur le nom d’une découpe pour la sélectionner.
Pour masquer et afficher des découpes et références spécifiques :
2. Cliquez dans la colonne Œil pour rendre l’objet à nouveau visible. L’icône représentant un œil
Pour afficher ou masquer l’ensemble des références, découpes et repères, exécutez l’une des actions suivantes :
Pour afficher ou masquer les repères de découpe dans tous les modes d’affichage du document :
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 s’affichent comme du papier calque blanc. Pour changer la couleur de l’objet découpe sélectionné :
Pour changer la couleur des repères de découpe :
2. Sélectionnez une nouvelle couleur dans la section Couleur de la découpe de la boîte de dialogue
Les repères de 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écoupes 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 faisant glisser les repères de découpe qui entourent l’objet. Il n’est pas possible de redimensionner des objets découpes non rectangulaires en déplaçant les repères de découpe.
Remarque : Lorsque vous faites glisser des repères de découpe entourant un bouton Fireworks dans la fenêtre 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 faisant glisser les repères de découpe qui l’entourent.
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.
Le pointeur se transforme en pointeur de déplacement de repère. 2. Faites glisser le repère de découpe vers l’emplacement souhaité.
Pour repositionner un repère de découpe au bord du document :
Pour déplacer des repères de découpe adjacents :
2. Déposez le repère de découpe à l’emplacement souhaité.
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 de découpe sélectionnés et déplacés reviennent à leur position d’origine.
Vous pouvez utiliser les outils Pointeur, Sous-sélection et 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écoupes adjacents n’est pas adapté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 249. Pour modifier la forme d’une découpe sélectionnée, exécutez l’une des actions suivantes :
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 69. 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.
Les objets découpes sont les éléments de base de l’interactivité dans Fireworks. Fireworks offre deux possibilités pour rendre des découpes interactives :
Vous pouvez également sélectionner différents événements 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 modifier les comportements Fireworks à 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 d’image survolée pour désigner ce résultat. Les images survolées sont des graphiques qui changent d’aspect dans un navigateur Web lorsqu’ils sont survolés par le pointeur. Lorsqu’une découpe est sélectionnée, un petit cercle avec un croix intérieure s’affiche au centre de la découpe. Il s’agit d’une poignée de comportement. Nom de la découpe Poignée de comportement Poignée de sélection
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 266. Survols Les survols fonctionnent tous de la même manière. Un graphique déclenche l’affichage d’un autre graphique lorsqu’il est survolé par le pointeur. L’objet déclencheur est toujours un objet Web, tel qu’une découpe, une référence ou un bouton. La forme la plus simple d’un 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’images permettent de permuter les graphiques de toute image tandis que les survols séparés font permuter l’image d’une découpe autre que la découpe de déclenchement.
1. Assurez-vous que l’objet de déclenchement ne se trouve pas sur un calque partagé. Pour plus
2. Cliquez sur Edition > Insérer > Découpe pour créer une découpe par-dessus l’objet de
6. Sélectionnez la découpe et placez le pointeur au-dessus de la poignée de comportement.
8. Cliquez sur l’onglet Aperçu pour tester le survol simple ou appuyez sur la touche F12 pour le
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 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 séparé 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 survols séparés. Pour plus d’informations sur les références, voir Création de références, page 266. Pour plus d’informations sur les boutons, voir Création d’un symbole de bouton, page 272. Pour affecter un survol séparé à une image sélectionnée :
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 déjà l’image.
3. Placez une deuxième image qui servira de cible dans la nouvelle image à l’emplacement souhaité
4. Sélectionnez l’image, puis cliquez sur Edition > Insérer > Découpe pour associer une découpe à
5. Sélectionnez Image 1 dans le panneau Images pour revenir à l’image associée à l’image d’origine. 6. Sélectionnez la découpe, la référence ou le bouton qui couvre la zone de déclenchement (l’image
7. Faites glisser la poignée de comportement de la découpe de déclenchement ou de la référence
Application de plusieurs survols à une découpe Vous pouvez faire glisser plusieurs poignées de comportement à partir d’une seule découpe pour créer plusieurs comportements de permutation. Par exemple, vous pouvez déclencher un survol et un survol séparé à partir de la même découpe.
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 256. Pour appliquer plusieurs survols à une découpe sélectionnée :
Faites glisser la poignée vers le bord supérieur gauche de cette même découpe pour créer une permutation d’images ou faites-la glisser 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.
2. Cliquez sur OK pour supprimer le comportement de permutation d’images.
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 251.
Survol simple ajoute
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 une image dans la deuxième image, sous 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 Permuter les images et Restaurer la permutation d’images.
Restaurer la permutation d’images redonne
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 272. 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.
Définir 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’Editeur de menus contextuels. Pour plus d’informations, voir Création de menus contextuels, page 284. 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.
Dans le panneau Comportements, vous pouvez affecter un comportement à une découpe. Vous pouvez également affecter plusieurs comportements. Pour affecter un comportement à une découpe sélectionnée à l’aide du panneau Comportements :
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 :
Tous les comportements associés à cette découpe ou référence s’affichent dans le panneau Comportements. 2. Sélectionnez le comportement à modifier. 3. Cliquez sur la flèche située à côté de l’événement, puis sélectionnez un nouvel événement dans
Si vous sélectionnez un fichier externe comme source d’images, Fireworks permute ce fichier avec la découpe cible lorsque la permutation d’images 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 tel n’est pas le cas, le navigateur redimensionne le 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 sélectionner un fichier d’image externe comme source pour une permutation d’images :
Remarque : Si cette option ne figure pas dans la boîte de dialogue Permuter les images, sélectionnez Options supplémentaires, puis exécutez l’étape 1.
3. Si nécessaire, désélectionnez Précharger les images (si le fichier externe est de type GIF animé).
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 secondaire à afficher dans un navigateur pendant le chargement d’une image. Par ailleurs, vous pouvez sélectionner 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’extension située dans le coin inférieur droit pour afficher toutes les propriétés de découpe.
Dans l’Inspecteur des propriétés ou le panneau Calques, vous pouvez affecter des noms uniques aux découpes. Fireworks utilise le nom que vous spécifiez pour nommer les fichiers générés par le découpage 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. Dans la boîte de dialogue Configuration HTML, vous pouvez modifier la convention d’affectation automatique de nom que Fireworks utilise. Fireworks exporte un document Fireworks découpé sous la forme d’un fichier HTML accompagné de fichiers graphiques. Dans la boîte de dialogue Configuration HTML, vous pouvez définir les propriétés d’un fichier HTML exporté.
• Indiquez une URL dans la zone de texte 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 238.
Le texte secondaire (ou sec.) 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 graphique ne pouvant pas être chargé. Dans les versions récentes des navigateurs, ce texte s’affiche à côté du pointeur, dans une info-bulle. La saisie de texte secondaire bref et explicite devient de plus en plus importante dans la conception Web. En effet, un nombre croissant de malvoyants utilisent des applications de lecture à l’écran qui convertissent le texte secondaire en signal verbal produit par l’ordinateur lorsque le pointeur survole des graphiques sur une page Web. Pour spécifier le texte secondaire d’une découpe ou d’une référence sélectionnée :
Affectation d’une cible La cible est l’un des cadres de la page Web, ou la fenêtre du navigateur Web, où 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’extension pour afficher toutes les propriétés. 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 :
Affectation de nom aux découpes Un découpage permet de découper une image en plusieurs parties. Chacune de ces parties est exportée sous forme d’un fichier distinct ; 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é, exécutez l’une des actions suivantes :
N’ajoutez pas d’extension au nom de fichier. Fireworks ajoute automatiquement les extensions aux noms des fichiers de découpe lors de l’exportation. 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 :
(Windows) ou Nom (Macintosh) de la boîte de dialogue Exporter. N’ajoutez pas d’extension de fichier. Fireworks ajoute automatiquement les extensions aux noms des fichiers de découpe lors de l’exportation.
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 comprendre l’une des options de nom automatique suivantes : Option
Aucun nom n’est appliqué à l’élément.
sélections dans les listes.
Remarque : Soyez prudent lorsque vous sélectionnez Aucun comme option pour la convention de nom des découpes. Si vous sélectionnez cette option pour l’un des trois premiers menus, Fireworks exporte des fichiers de découpe qui s’écraseront successivement. Vous n’obtiendrez en définitive qu’un seul graphique exporté et un tableau affichant ce graphique dans chaque cellule.
Fireworks est exporté pour être utilisé sur le Web. Lorsque vous exportez au format HTML un document Fireworks découpé, le document est assemblé à l’aide d’une table HTML. Chaque élément découpé du document Fireworks occupe une cellule de la table. Une fois exportée, une découpe Fireworks correspond à une cellule de la table dans le code HTML.
• Une table imbriquée est littéralement une table figurant dans 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. Pour plus d’informations sur le code HTML, voir Exportation du fichier HTML, page 346. Pour spécifier le mode d’exportation des tables HTML à partir de Fireworks :
2. Cliquez sur l’onglet Table. 3. Dans le menu contextuel Espace avec, sélectionnez une option d’espacement : Tables imbriquées, pas de séparateurs
Espace transparent de 1 pixel utilise une image GIF transparente de 1 pixel carré comme séparateur. Ce séparateur peut ensuite être redimensionné en fonction des besoins dans le code HTML. Cela génère une 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 droite de la table.
Remarque : Des cellules vides ne sont ajoutées que si vous avez désélectionné Inclure les zones sans découpe dans la boîte de dialogue Exporter pendant l’exportation.
Propre au document de la boîte de dialogue Configuration HTML pour appliquer ces valeurs par défaut à l’ensemble des nouveaux documents.
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 image interactive en exportant le code HTML d’un document contenant des références.
Les références et les images interactives utilisent souvent moins de ressources que les graphiques découpés. Le découpage peut exiger plus de ressources au navigateur Web, en raison du code HTML supplémentaire qu’il doit télécharger et de la puissance de traitement requise pour réassembler les graphiques découpés. Remarque : Il est possible de créer une image interactive découpée. L’exportation d’une image interactive découpée génère en général de nombreux fichiers graphiques. Pour plus d’informations sur le découpage, voir Création d’objets découpes, page 245.
également très intéressantes si le graphique 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 graphique est mieux exporté en utilisant les mêmes format de fichier et paramètres d’optimisation.
• Vous pouvez sélectionner un objet et insérer la référence sur cet objet. Une référence ne doit pas nécessairement être un rectangle ou un cercle. Vous pouvez également créer des références polygonales composées de nombreux points. Cette approche est particulièrement intéressante avec les images complexes. Pour créer une référence rectangulaire ou circulaire :
Pour créer une référence de forme irrégulière :
2. Cliquez pour placer des points vectoriels, un peu de la même façon que pour dessiner des
Pour créer une référence en traçant un ou plusieurs objets sélectionnés :
2. Cliquez sur Simple ou Multiple. Le calque Web affiche la ou les nouvelles références.
Pour convertir une référence sélectionnée en rectangle, cercle ou polygone :
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 vous avez réduit la fenêtre de l’Inspecteur des propriétés, cliquez sur la flèche d’extension dans le coin inférieur droit pour afficher toutes les propriétés.
Création d’une image interactive Après avoir inséré plusieurs références au-dessus d’un graphique, vous devez exporter ce dernier sous forme d’image interactive pour qu’il puisse fonctionner dans un navigateur Web. L’exportation d’une image interactive 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 images interactives côté client.
3. Si vous choisissez d’exporter l’image (plutôt que de la copier dans le Presse-papiers), accédez au
Si vous avez déjà créé la structure de fichiers locale de votre site Web, enregistrez le graphique dans le dossier approprié de ce site. 4. Dans le menu contextuel Type, sélectionnez HTML et images. 5. Dans le menu contextuel HTML, sélectionnez une option : 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
Dreamweaver ou dans un autre éditeur HTML.
7. Si nécessaire, sélectionnez Placer les images dans des sous-dossiers, puis ouvrez le dossier
Remarque : Si vous cliquez sur Copier dans le Presse-papiers, cette option est désactivée car inutile.
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 images interactives et autres éléments Web créés 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, cliquez sur Inclure les commentaires HTML.
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.
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. Adoptez cette méthode si vous avez un graphique de taille importante et n’utilisez qu’une petite section du graphique comme déclencheur d’action. Par exemple, appliquez cette méthode si ce grand graphique 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 graphique et une référence par-dessus le texte. Le survol du texte par le pointeur déclenche alors l’effet de survol, mais l’ensemble du graphique placé sous la découpe permute 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.
3. Faites glisser un trait de comportement de la référence vers la découpe contenant l’image
La boîte de dialogue Permuter les images s’affiche. 4. Dans la liste Permuter l’image à partir de, sélectionnez l’image qui contient l’image survolée,
L’Editeur de boutons de Fireworks vous guide tout au long du processus de création de boutons et permet d’automatiser de nombreuses tâches. Vous obtenez ainsi un symbole de bouton très utile. Une fois que ce symbole de bouton 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 contextuels qui permet de créer rapidement et aisément des menus contextuels verticaux ou horizontaux. Dans l’Editeur 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 contextuel, Fireworks génère automatiquement le code CSS ou JavaScript nécessaire pour l’afficher dans un navigateur Web. Macromedia Dreamweaver permet d’insérer aisément le code CSS, HTML et JavaScript de Fireworks dans vos pages Web ou de couper et coller le code dans un fichier HTML ou CSS. Ce chapitre couvre les rubriques suivantes : Création d’un symbole de bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272 Création d’une barre de navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283 Création de menus contextuels. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284 • Vous pouvez créer entièrement un nouveau bouton, convertir un objet existant en bouton ou importer des boutons déjà créés.
Cette opération permet de changer l’aspect graphique 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 232.
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 souris : L’état Relevé
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’Editeur de boutons permet de créer des boutons personnalisés en dessinant des formes, en important des images ou en faisant glisser des objets depuis la fenêtre Document. Différentes étapes vous sont alors proposées pour définir le comportement du bouton. Pour créer un état Relevé :
2. Importer ou créer le graphique de l’état Relevé : ■ Cliquez sur Importer un bouton et sélectionnez un bouton modifiable dans la bibliothèque d’importation de boutons. Si vous sélectionnez 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 graphiques et texte correspondants.
Pour créer un état Au-dessus :
2. Pour créer l’état Au-dessus du bouton, exécutez l’une des actions suivantes : ■ 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 barre 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 273. Pour créer un état Enfoncé :
2. Pour créer l’état Enfoncé du bouton, exécutez l’une des actions suivantes : ■
Glissez et déposez, importez ou dessinez le graphique.
Pour créer un état Au-dessus Enfoncé :
2. Pour créer l’état Au-dessus Enfoncé du bouton, exécutez l’une des actions suivantes : ■ Glissez et déposez, importez ou dessinez le graphique.
Pendant la création des graphiques associés à chaque état de bouton, vous pouvez appliquer des filtres 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 le filtre En relief au graphique à l’état Relevé, le filtre En surbrillance au graphique à l’état Enfoncé, etc. Pour appliquer à un symbole de bouton des filtres en direct prédéfinis :
2. Cliquez sur le bouton Ajouter des filtres en direct dans l’Inspecteur des propriétés. 3. Dans le menu contextuel qui s’affiche, exécutez l’une des actions suivantes : ■
prédéfini de bouton différent.
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 251. Pour convertir un survol Fireworks en bouton :
2. Dans le menu contextuel Séquence de calques du panneau Images, cliquez sur Afficher toutes
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 53.
5. Dans la zone de texte Nom, entrez le nom du symbole. 6. Sélectionnez le type de symbole Bouton. 7. Cliquez sur OK.
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.
Vous pouvez insérer des occurrences de symboles de bouton dans un document à partir du panneau Bibliothèque. Pour placer des occurrences de symboles de bouton dans un document :
2. Faites glisser le symbole de bouton vers le document. Pour placer des occurrences supplémentaires d’un symbole de bouton dans un document, exécutez l’une des actions suivantes :
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 fléchées, tout en conservant l’alignement avec l’autre coordonnée.
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. Pour importer des symboles de bouton dans le panneau Bibliothèque d’un document, exécutez l’une des actions suivantes :
• Exportez les symboles de bouton depuis un autre document Fireworks vers un fichier bibliothèque PNG, puis importez les symboles de bouton du fichier bibliothèque PNG dans le document.
Macromedia. L’importation et l’exportation de symboles de bouton se déroulent de la même façon que celles des symboles graphiques et d’animation. Pour plus d’informations, voir Importation de symboles, page 235 et Exportation de symboles, page 237.
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 affecter les autres occurrences. Modification des propriétés d’un symbole Utilisez l’Editeur 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 :
• • Le comportement du bouton principal Les paramètres d’optimisation et d’exportation Le lien URL (utilisé également comme propriété d’une occurrence) Le cadre cible (utilisée également comme propriété d’une occurrence)
■ ■ 2. Modifiez les attributs graphiques du bouton et cliquez sur Terminé.
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 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 :
• 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 cadre cible (écrase tout cadre cible existant au niveau du symbole) Les comportements supplémentaires affectés à une occurrence à partir du panneau Comportements
Remarque : Dans Fireworks 8, vous n’êtes pas tenu de sélectionner 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 sélectionnez cette option, puis exportez une barre de navigation, Fireworks 8 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 355.
2. Définissez les propriétés dans l’Inspecteur des propriétés.
La zone active du symbole de 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 pour 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 sous l’onglet Zone active de l’Editeur de boutons. Chaque bouton ne peut avoir qu’une seule découpe. Si vous dessinez une découpe dans la zone active à 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 sous l’onglet Zone active, mais ces références ne sont modifiables que dans l’Editeur de boutons. Remarque : Les objets Web définissant la zone active d’un symbole de bouton s’affichent 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 :
■ ■ 2. Cliquez sur l’onglet Zone active. 3. Exécutez l’une des actions suivantes : ■ 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 de bouton. Dans l’Inspecteur des propriétés ou le panneau URL, vous pouvez lier une URL à une occurrence de bouton sélectionnée. Vous pouvez lier une URL à un symbole pour que cette URL s’affiche dans la zone de texte Lien de l’Inspecteur des propriétés pour chaque occurrence. Cela est utile lorsque vous entrez 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 la zone de texte Lien de chaque occurrence pour lier les occurrences de bouton. Remarque : Pour plus d’informations sur les adresses URL absolues et relatives, voir URL absolues et relatives, page 240. Pour définir l’adresse URL d’un symbole de bouton dans l’Editeur de boutons :
■ ■ 2. Cliquez sur l’onglet Zone active de l’Editeur de boutons. 3. Sélectionnez la découpe ou la référence de la zone active. 4. Exécutez l’une des actions suivantes : ■
• Dans le panneau URL, sélectionnez une URL.
à 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’Editeur de boutons :
■ ■ 2. Dans l’Inspecteur des propriétés, exécutez l’une des actions suivantes : ■
Aucune _parent charge la page Web dans le jeu de cadres parent ou dans la fenêtre du cadre contenant le lien. _top ■ Remarque : La modification de la cible d’un symbole de bouton ne modifie pas la cible des autres occurrences de bouton de ce symbole qui possèdent déjà des cibles uniques. Ce principe s’applique également aux modifications de l’URL et du texte secondaire d’un symbole de bouton. Pour définir la cible d’une occurrence de bouton dans l’espace de travail :
2. Dans l’Inspecteur des propriétés, exécutez l’une des actions suivantes : ■
Aucune _parent charge la page Web dans le jeu de cadres parent ou dans la fenêtre du cadre contenant le lien. _top ■ Chapitre 12 : Création de boutons et de menus contextuels
Le texte secondaire s’affiche 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 graphique lorsque l’utilisateur interdit l’affichage d’images dans le navigateur. Le texte secondaire peut correspondre à la propriété du symbole ou de l’occurrence de bouton. Vous pouvez définir le texte secondaire du symbole ou de l’occurrence de bouton dans l’Inspecteur des propriétés. Conseil : Des applications d’aide aux malvoyants lisent le texte secondaire des graphiques 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 secondaire d’un symbole de bouton dans l’Editeur de boutons :
■ ■ 2. Dans l’Inspecteur des propriétés, entrez le texte devant apparaître comme texte secondaire dans
Remarque : La modification du texte secondaire d’un symbole de bouton ne modifie pas le texte secondaire des autres occurrences de bouton qui possèdent déjà un texte secondaire unique. Ce principe s’applique également aux modifications de la cible et de l’URL d’un symbole de bouton. Pour définir le texte secondaire d’une occurrence de bouton dans l’espace de travail :
2. Entrez le texte secondaire dans le champ Texte sec. de l’Inspecteur des propriétés.
Une barre de navigation est un groupe de boutons qui fournissent des liens vers les différentes zones d’un site Web. En général, elle reste la même dans l’ensemble 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’Editeur de boutons, puis placez les occurrences de ce symbole dans l’espace de travail.
3. Pour créer une copie de l’occurrence du bouton, exécutez l’une des actions suivantes : ■ ■
6. Sélectionnez chaque occurrence et affectez-lui un texte unique, une URL et d’autres propriétés
Les menus contextuels s’affichent dans un navigateur en réponse à un événement 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 niveaux de sous-menu que vous le souhaitez dans un menu contextuel. Chaque élément d’un menu contextuel s’affiche sous la forme d’un code HTML ou d’une cellule d’image ayant un état Relevé, Au-dessus et un texte 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 des menus contextuels dans l’espace de travail de Fireworks. Editeur de menus contextuels L’Editeur de menus contextuels est une boîte de dialogue dotée d’onglets qui vous guide tout au long du processus de création d’un 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 des états Relevé et Au-dessus de chaque cellule du menu, ainsi que l’orientation verticale ou horizontale du menu. 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’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.
1. Sélectionnez la référence ou la découpe qui servira de zone de déclenchement au
2. Pour ouvrir l’Editeur de menus contextuels, exécutez l’une des actions suivantes : ■ 4. Cliquez sur le bouton Ajouter un menu pour ajouter un élément de menu vide.
5. Double-cliquez sur chaque cellule, puis entrez ou sélectionnez l’information appropriée : Texte
URL pour les autres objets Web du document, elles s’affichent dans le menu contextuel Lien.
Conseil : Pour passer d’une cellule active à une autre cellule et continuer la saisie des informations, appuyez sur la touche de tabulation. Utilisez les touches fléchées Haut et Bas pour faire défiler la liste verticalement.
7. Vous pouvez également supprimer un élément de menu. Pour ce faire, sélectionnez l’élément
8. Exécutez l’une des actions suivantes : ■ Cliquez sur Terminé pour achever la création du menu contextuel et fermer l’Editeur de menus contextuels.
Création de sous-menus dans un menu contextuel A l’aide des boutons Menu Renfoncement et Menu Renfoncement négatif de l’onglet Contenu dans l’Editeur 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 voulez. Pour créer un sous-menu contextuel :
Pour plus d’informations, voir Création d’un menu contextuel de base, page 286. 2. Cliquez et sélectionnez un élément de menu contextuel qui sera un élément de sous-menu. 3. Cliquez sur le bouton Menu Renfoncement pour faire de cet élément un élément de sous-menu
4. Pour ajouter l’élément suivant au sous-menu, sélectionnez cet élément et cliquez sur le bouton
Tous les éléments adjacents et mis en retrait au même niveau représentent un seul sous-menu contextuel. 5. Pour insérer un nouvel élément juste en dessous de l’élément sélectionné, vous pouvez
6. Exécutez l’une des actions suivantes : ■
contextuels. Pour plus d’informations, voir la procédure précédente. 2. Cliquez sur le bouton Menu Renfoncement pour remettre en retrait le sous-menu, afin qu’il soit
Continuez la mise en retrait pour créer autant de niveaux de sous-menus imbriqués que vous le souhaitez.
Pour plus d’informations sur le positionnement des sous-menus, voir Positionnement des menus et des sous-menus contextuels, page 294. 3. Pour achever la création des menus contextuels ou pour continuer à en créer d’autres, exécutez
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 des menus contextuels dans l’espace de travail de Fireworks. Pour déplacer une entrée dans le menu contextuel :
2. Faites glisser l’élément de menu vers un nouvel emplacement dans la liste. 3. Cliquez sur Terminé.
1. Dans l’Editeur de menus contextuels, ouvrez le menu contextuel souhaité et cliquez sur l’onglet
Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’Editeur de menus contextuels, voir Modification d’un menu contextuel, page 295.
Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’Editeur de menus contextuels, voir Modification d’un menu contextuel, page 295. 2. Dans le menu contextuel Taille, sélectionnez une taille prédéfinie ou entrez une valeur dans la
Remarque : Lorsque la largeur et la hauteur des cellules sont définies sur Automatique, dans l’onglet Avancé de l’Editeur de menus contextuels, la taille du texte détermine celle des graphiques associés à l’élément de menu.
Remarque : Soyez prudent lorsque vous sélectionnez une police. Si les utilisateurs qui affichent votre page Web n’ont pas installé sur leur système la police que vous avez sélectionnée, une police de substitution est utilisée dans leur navigateur Web.
5. Cliquez sur un bouton de justification pour aligner le texte à gauche ou à droite ou pour le
6. Dans la zone Couleur du texte, sélectionnez une couleur de texte. Pour définir l’aspect des cellules de menu :
Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’Editeur de menus contextuels, voir Modification d’un menu contextuel, page 295. 2. Sélectionnez les couleurs du texte et des cellules pour chaque état. 3. Si vous avez choisi Image comme type de cellule, sélectionnez un style graphique pour chaque
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 des menus contextuels dans l’espace de travail de Fireworks.
Vous pouvez ajouter des styles de cellule personnalisés dans l’Editeur de menus contextuels. Des styles de cellule personnalisés et prédéfinis sont proposés dans l’onglet Aspect lorsque vous sélectionnez 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’Editeur de menus contextuels :
Création et suppression de styles, page 229. 2. Dans le panneau Styles, sélectionnez le nouveau style, puis sélectionnez Exporter des styles dans
3. Localisez le dossier Nav Menu sur votre disque dur, renommez le fichier de styles si vous le
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 435.
Pour définir des propriétés de cellule avancées pour le menu contextuel actif :
Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’Editeur de menus contextuels, voir Modification d’un menu contextuel, page 295. 2. Dans le menu contextuel Automatique/Pixels, sélectionnez une largeur ou une hauteur
4. Entrez une valeur dans la zone de texte Espacement des cellules pour définir l’espacement entre
du menu contextuel. 6. Entrez une valeur dans la zone de texte Menu Intervalle pour définir, en millisecondes, la durée
7. Définition de propriétés de bordures de menu contextuel : Afficher les bordures permet
Si cette option n’est pas sélectionnée, les options suivantes sont désactivées.
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.
Pour définir la position d’un menu contextuel dans l’Editeur de menus contextuels :
Pour plus d’informations sur l’ouverture d’un menu contextuel existant dans l’Editeur de menus contextuels, voir Modification d’un menu contextuel, page 295. 2. Pour définir la position du menu, exécutez l’une des actions suivantes : ■
3. Exécutez l’une des actions suivantes :
4. Cliquez sur Terminé pour fermer l’Editeur de menus contextuel ou sur En arrière pour modifier
Pour définir la position d’un menu contextuel en le faisant glisser :
Pour modifier un menu contextuel dans l’Editeur de menus contextuels :
3. Double-cliquez sur le contour bleu du menu contextuel, dans l’espace de travail.
4. Apportez les modifications souhaitées dans n’importe lequel des quatre onglets et cliquez sur
3. Cliquez hors de la liste des entrées pour appliquer les modifications. 4. Cliquez sur Terminé. Pour déplacer une entrée dans le menu contextuel :
2. Faites glisser l’élément de menu vers un nouvel emplacement dans la liste. 3. Cliquez sur Terminé.
Fireworks génère tout le code CSS ou JavaScript (selon l’option sélectionnée) nécessaire à l’affichage des menus contextuels dans les navigateurs Web. Si vous choisissez d’utiliser le code CSS pour vos menus contextuels, un document Fireworks contenant des menus contextuels est exporté au format HTML contenant du code CSS. Vous pouvez choisir d’avoir le code CSS écrit dans un fichier .css externe et d’exporter ce fichier avec un fichier mm_css_menu.js dans le même emplacement que le fichier HTML. Si vous ne choisissez pas d’utiliser le code CSS pour vos menus contextuels, JavaScript sera utilisé. 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 chargez vos fichiers, ce fichier mm_css_menu.js (ou mm_menu.js pour JavaScript) 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_css_menu.js et au fichier .css (ou mm_menu.js) dans le code HTML de Fireworks doivent être mis à jour pour refléter ce nouvel emplacement. Pour chaque document contenant des menus contextuels CSS que vous exportez comme HTML et images à partir de Fireworks, un seul fichier .css est exporté. Par exemple, supposons que les images fred.png et frida.png contiennent toutes deux des menus contextuels et que vous les ayez exportées dans le même dossier à l’aide d’un code CSS pour les menus contextuels. Le résultat serait un fichier mm_css_menu.js unique et deux fichiers .css : l’un nommé fred.css et l’autre nommé frida.css. 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é d’une entrée de menu 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 HTML, voir Exportation du fichier HTML, page 346.
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 dans une séquence, vous obtenez l’illusion du mouvement. Vous pouvez appliquer divers paramètres au symbole afin de modifier peu à peu le contenu des images successives. Un symbole peut s’afficher et se déplacer dans le document, apparaître ou disparaître, 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 les améliorer. Ce chapitre couvre les rubriques suivantes : Création d’une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298 Utilisation des symboles d’animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 Utilisation d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303 1. Créez un symbole d’animation, soit en créant un nouveau symbole, soit en convertissant un
2. Dans l’Inspecteur des propriétés ou dans la boîte de dialogue Animer, indiquez les paramètres
Remarque : L’angle et la direction du mouvement sont définis uniquement dans la boîte de dialogue Animer.
4. Optimisez le document au format GIF animé. Pour plus d’informations, voir Optimisation
5. Exportez le document sous forme de fichier GIF animé ou SWF, ou enregistrez-le sous forme 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 graphiques qui s’affichent 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 graphiques que contiennent les symboles dans l’Editeur de symboles. Il 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. Création de symboles d’animation 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, un nouveau symbole d’animation comporte cinq images, dont chacune s’affiche pendant 0,07 seconde. Pour créer un symbole d’animation :
2. Dans la boîte de dialogue Propriétés du symbole, entrez le nom du nouveau symbole. 3. Sélectionnez Animation, puis cliquez sur OK. 4. Dans l’Editeur de symboles, créez un nouvel objet à l’aide des outils dessin ou texte.
5. Fermez la fenêtre de l’Editeur de symboles.
Vous pouvez ajouter de nouvelles images au symbole à l’aide du curseur Images de l’Inspecteur des propriétés. Cliquez sur Fenêtre > Propriétés pour ouvrir l’Inspecteur des propriétés, s’il n’est pas ouvert.
3. Entrez les paramètres souhaités dans la boîte de dialogue. Pour plus d’informations sur les
Les contrôles d’animation apparaissent sur le cadre de délimitation de 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 propriétés d’un symbole, 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écessaires 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. Modifications des propriétés de l’animation Vous pouvez modifier les propriétés de l’animation, à l’aide de la boîte de dialogue Animer ou de l’Inspecteur des propriétés.
Vous pouvez modifier les propriétés suivantes d’un symbole d’animation : est le nombre d’images à inclure dans l’animation. Bien que le curseur n’autorise qu’un maximum de 250 images, vous pouvez entrer n’importe quelle valeur dans la zone de texte Images. La valeur par défaut est 5. Images
2. Cliquez sur Modification > Animation > Paramètres pour afficher la boîte de dialogue Animer,
3. Modifiez les propriétés souhaitées. 4. Si vous utilisez la boîte de dialogue Animer, cliquez sur OK pour accepter les propriétés
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 :
2. Faites glisser le symbole vers l’icône de la poubelle, dans le coin inférieur droit. Pour supprimer l’animation du symbole d’animation sélectionné :
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 rétablis.
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 graphique du symbole sélectionné :
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 actuelle. Ainsi, si l’objet apparaît sur le troisième point, l’image 3 est l’image en cours. Vous pouvez modifier la direction du déplacement en changeant l’angle de la trajectoire.
Pour contraindre la direction du déplacement par incréments de 45°, maintenez la touche Maj enfoncée et faites glisser le symbole.
Colonne Cadence des images
Réglage de la cadence des 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 des images :
4. Appuyez sur Entrée ou cliquez hors du panneau pour fermer la fenêtre contextuelle.
■ 3. Appuyez sur Entrée ou cliquez hors de la fenêtre Propriétés de l’image pour la fermer.
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 le panneau, 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. Pour renommer une image :
2. Dans la zone de texte contextuelle, entrez un nouveau nom et appuyez sur Entrée.
Le panneau Images permet d’ajouter, copier et supprimer des images, ainsi que d’en changer l’ordre. Pour ajouter une nouvelle image :
Pour ajouter des images à un emplacement spécifique de la séquence :
2. Indiquez le nombre d’images à ajouter. 3. Sélectionnez leur point d’insertion : avant l’image en cours, après cette image, au début ou à la
Pour réaliser une copie d’une image :
2. Entrez le nombre de copies à créer à partir de l’image sélectionnée, sélectionnez leur point
Il est utile de dupliquer une image si vous désirez que des objets réapparaissent dans une autre partie de l’animation. Pour réorganiser les images :
Pour supprimer l’image sélectionnée, exécutez l’une des actions suivantes :
• Faites glisser l’image vers le bouton Supprimer l’image. • Dans le menu Options du panneau Images, cliquez sur Supprimer l’image. 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 un objet sélectionné dans une autre image :
Partage de calques entre plusieurs images Les calques divisent un document Fireworks en plusieurs plans distincts, 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 n’interfèrent avec le reste de l’animation. Pour plus d’informations, voir Utilisation des calques, page 198. 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 du calque sont visibles dans chaque image.
Remarque : Tout le contenu d’un calque partagé s’affiche sur chaque image. Pour désactiver le partage d’un calque entre plusieurs images :
2. Désélectionnez Utiliser pour toutes les images. 3. Pour copier des objets dans les images, sélectionnez l’une des options suivantes :
Pour afficher des objets dans une image spécifique :
Utilisation de la séquence de calques 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 à un 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 afficher les séquences animées. Lorsque 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, 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.
Afficher image suivante Avant et après
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 :
2. Cliquez sur Modification > Symbole > Occurrences interpolées. 3. Dans la boîte de dialogue Occurrences interpolées, entrez le nombre d’étapes interpolées à
4. Pour répartir les objets interpolés dans des images distinctes, sélectionnez Répartir dans les
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 299.
Lorsque vous prévisualisez des animations, prenez en compte les points suivants :
• L’aperçu de l’animation dans la fenêtre Original affiche les graphiques sources à leur résolution normale, et non l’aperçu optimisé utilisé pour le fichier exporté. Pour prévisualiser une animation dans la fenêtre Aperçu :
2. Utilisez les contrôles d’image. Remarque : Il n’est pas recommandé de prévisualiser l’animation dans la fenêtre 2 en 1 ou 4 en 1. Pour prévisualiser une animation dans un navigateur Web :
Remarque : Vous devez sélectionner le format de fichier GIF animé comme format de fichier d’exportation dans le panneau Optimiser, sinon 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.
Après avoir configuré les symboles et les images qui composent votre animation, vous êtes prêt à exporter les fichiers dans un fichier d’animation. Avant d’exporter les fichiers, 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 sources PNG Fireworks. Pour plus d’informations, voir Utilisation de Macromedia Flash, page 380.
Pour définir l’animation sélectionnée à répéter :
2. Cliquez sur le bouton Lecture en boucle de l’animation GIF, au bas du panneau. 3. Sélectionnez le nombre de répétitions après la lecture initiale de l’animation.
Paramétrage de la transparence Au cours du processus d’optimisation, vous pouvez définir une ou plusieurs couleurs d’un 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 s’affiche comme transparente dans un navigateur Web :
2. Dans le menu contextuel Transparence du panneau Optimiser, sélectionnez Transparence
3. Utilisez l’outil Transparence du panneau Optimiser pour sélectionner les couleurs utilisées pour
L’optimisation consiste à compresser votre fichier dans la mesure du possible pour en accélérer le chargement et l’exportation, ce qui le fait apparaître beaucoup plus rapidement sur la page Web. Pour optimiser une animation :
Si le panneau n’est pas visible, cliquez sur Fenêtre > Optimiser. 2. Paramétrez les options Palette, Tramer et Transparence. Pour plus d’informations sur les
3. Dans le panneau Images, définissez la cadence des images. Pour plus d’informations, voir
Vous pouvez exporter l’animation sous forme de fichier Flash SWF, et l’importer ensuite dans Macromedia Flash. Ou, vous pouvez ignorer 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, voir Utilisation de Macromedia Flash, page 380. 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 345.
Vous pouvez utiliser un fichier GIF animé existant dans le cadre d’une animation Fireworks. Il existe deux façons 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 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 d’ajouter automatiquement le nombre d’images nécessaires. Les GIF importés perdent leurs paramètres de cadence des images d’origine, au profit de ceux du document courant. Comme le fichier importé est un 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 un GIF animé dans Fireworks, un nouveau fichier est créé, et chaque image du fichier GIF est placée dans une image distincte. Bien que le GIF ne soit pas un symbole d’animation, il conserve ses paramètres de cadence des images d’origine. Une fois le fichier importé, vous devez définir son format de fichier comme GIF animé pour exporter le mouvement depuis Fireworks.
Pour ouvrir un GIF animé :
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 graphiques existants, en ouvrant chaque graphique et en le plaçant dans une image distincte d’un même document. Pour ouvrir plusieurs fichiers comme une animation :
2. Maintenez la touche Maj enfoncée et cliquez sur différents fichiers pour les sélectionner. 3. Cliquez sur Ouvrir comme animation, puis sur OK.
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 graphiques depuis Macromedia Fireworks 8 s’effectue en deux étapes :
Si vous ne maîtrisez pas les procédures d’optimisation et d’exportation des graphiques Web, utilisez l’Assistant Exportation. Vous pourrez ainsi aborder le processus d’exportation étape par étape et bénéficier de suggestions. L’Assistant affiche également la fenêtre Aperçu de l’image, dans laquelle vous pouvez optimiser un document dans le cadre du processus d’exportation. Si vous maîtrisez les procédures d’optimisation et d’exportation de graphiques, utilisez les autres outils d’optimisation et d’exportation disponibles dans Fireworks. Pour l’optimisation, utilisez le panneau Optimiser et les boutons d’aperçu figurant dans la fenêtre 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 graphique sans l’exporter. Pour plus d’informations, voir Enregistrement de documents dans d’autres formats, page 27. Le bouton Exportation rapide rend plus aisée l’exportation des graphiques vers d’autres applications, en ce sens qu’il définit automatiquement les options appropriées dans la boîte de dialogue Exporter. Si vous utilisez Fireworks avec d’autres applications, ce bouton peut simplifier le processus de conception.
• Sélection des options spécifiques au format. Chaque format de fichier graphique possède un jeu d’options particulier. Vous pouvez utiliser des options, telles que la profondeur de couleur, pour réduire la taille du fichier. Certains formats graphiques, tels que les formats GIF et JPEG, possèdent également des options permettant de contrôler la compression des images.
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’image couleur. Vous devez essayer tous les contrôles d’optimisation pour trouver le meilleur équilibre entre la qualité et la taille de fichier.
Si vous ne maîtrisez pas les procédures d’optimisation et d’exportation des graphiques Web, utilisez l’Assistant Exportation. L’Assistant Exportation vous permet d’exporter aisément des graphiques 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 des processus d’optimisation et d’exportation. Après avoir répondu aux questions sur la destination et l’usage prévu du fichier, choisissez parmi les types de fichier et les paramètres d’optimisation suggérés. Si vous préférez 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.
Pour exporter un document à l’aide de l’Assistant Exportation :
2. Répondez à toutes les questions qui s’affichent et cliquez sur Continuer dans chaque panneau.
Conseil : Cliquez sur Taille du fichier d’exportation cible dans le premier panneau pour optimiser selon une taille de fichier maximum.
Utilisation de la fenêtre Aperçu de l’image Lorsque vous ouvrez la fenêtre Aperçu de l’image depuis l’Assistant Exportation, les options d’optimisation et d’exportation recommandées pour le document actif s’affichent. Si vous ouvrez directement la fenêtre Aperçu de l’image depuis le menu Fichier, les paramètres d’exportation du document actif s’affichent tels qu’ils sont définis dans le panneau Optimiser.
Enregistrement des paramètres d’exportation dans la vue active
Dans le cas de l’exportation 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 de l’image, désactivez 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 graphique à l’aide de l’Aperçu de l’image :
3. Pour appliquer un panoramique sur la zone d’aperçu, exécutez l’une des actions suivantes : ■ ■
Lorsque le pointeur Zoom est actif, maintenez la barre d’espace enfoncée et faites glisser le pointeur dans l’aperçu.
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.
6. Dans la boîte de dialogue Exporter, entrez un nom de fichier, sélectionnez une destination,
Pour plus d’informations sur les options de la boîte de dialogue Exporter, voir Exportation depuis Fireworks, page 340. Pour définir les paramètres d’optimisation à l’aide de la fenêtre Aperçu de l’image :
2. Pour optimiser un graphique en fonction de la taille du fichier cible, cliquez sur le bouton de
Entrez la taille du fichier en Ko, puis cliquez sur OK. L’Assistant Optimiser la taille tente d’obtenir la taille de fichier requise par les méthodes suivantes : ■
2. Sélectionnez l’option Exporter zone et exécutez l’une des actions suivantes pour définir la zone
2. Utilisez l’une des techniques suivantes pour prévisualiser les images animées : ■ Chapitre 14 : Optimisation et exportation
Pour que l’animation se répète en continu, cliquez sur le bouton Boucle, puis sélectionnez le nombre de répétitions souhaité dans le menu contextuel. Sélectionnez l’option Recadrage automatique pour recadrer chaque image comme zone rectangulaire, afin que seule la zone qui diffère entre les images soit exportée. La sélection de cette option réduit la taille du fichier. Sélectionnez l’option Différence automatique pour que seuls les pixels qui changent entre les images soient exportés. La sélection de cette option réduit la taille du fichier.
L’exportation de graphiques sur le Web s’effectue en deux étapes : l’optimisation puis l’exportation (ou le simple enregistrement dans certains cas). L’optimisation des graphiques 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 graphique, ce dernier est prêt à être exporté. Vous pouvez vous passer de l’Assistant Exportation et de la fenêtre Aperçu de l’image si vous maîtrisez les processus d’optimisation et d’exportation de graphiques. 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 :
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é.
Utilisation des paramètres d’optimisation Dans l’Inspecteur des propriétés ou dans le panneau Optimiser, vous pouvez sélectionner 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. Lorsque vous sélectionnez une option du menu contextuel Options d’exportation par défaut dans 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 de l’optimisation plus personnalisé 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 graphique à l’aide de la table de couleurs du panneau Optimiser.
définit le taux de qualité sur 80 et le lissage sur 0, ce qui produit des graphiques de haute qualité mais des fichiers plus gros.
1. Dans le panneau Optimiser, sélectionnez une option dans le menu contextuel Exporter un
2. Définissez les options spécifiques à ce format (profondeur de la couleur, tramage et qualité). 3. Si nécessaire, sélectionnez d’autres paramètres d’optimisation dans le menu Options du
Pour plus d’informations sur les commandes d’optimisation spécifiques, voir les sections correspondantes dans Optimisation dans l’espace de travail, page 319. 4. Vous pouvez nommer et sauvegarder vos paramètres d’optimisation personnalisés. Lorsque vous
Enregistrement et réutilisation des paramètres d’optimisation, page 339.
Pour plus d’informations, voir Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT, page 325. Pour optimiser des découpes individuelles :
2. Dans le panneau Optimiser, optimisez les découpes sélectionnées.
Les boutons d’aperçu de document affichent le graphique tel qu’il apparaîtrait dans un navigateur Web selon les paramètres d’optimisation. Vous pouvez prévisualiser les survols et les comportements de navigation, ainsi que les animations.
Les boutons d’aperçu du document 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 supplémentaires qui varient en fonction du type de fichier sélectionné.
Lorsque vous optimisez une découpe sélectionnée, les découpes qui ne sont pas en cours d’optimisation sont estompées. Pour prévisualiser un graphique avec les paramètres d’optimisation actifs :
Remarque : Dans le panneau Outils, cliquez sur Masquer les découpes pour masquer les découpes et les repères de découpe pendant l’aperçu. Pour comparer des aperçus ayant des paramètres d’optimisation différents :
2. Cliquez sur l’un des aperçus fractionnés pour le sélectionner. 3. Entrez les paramètres dans le panneau Optimiser. 4. Sélectionnez les autres aperçus et spécifiez d’autres paramètres d’optimisation pour chaque
Lorsque vous sélectionnez 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.
Pour afficher ou masquer la 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.
La sélection du format de fichier doit dépendre du type de graphique et de son utilisation. L’aspect d’un graphique peut varier d’un format à un autre, surtout si vous utilisez différentes méthodes de compression. En outre, seuls certains types de fichiers graphiques sont acceptés par la plupart des navigateurs Web. Cependant, d’autres types de fichiers sont parfaits pour l’édition et l’utilisation dans des applications multimédia. Voici les types de fichier disponibles : GIF,
Cependant, les fichiers PNG de Fireworks comportent d’autres informations spécifiques à l’application qui ne sont pas enregistrées dans un fichier PNG exporté ou dans les fichiers créés dans d’autres applications.
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 335.
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 boutons 2 en 1 et 4 en 1 pour tester et comparer l’aspect du graphique et la taille estimée du fichier qui en résulte. Pour plus d’informations sur l’utilisation des boutons d’aperçu de documents, voir Aperçu et comparaison des paramètres d’optimisation, page 322. Remarque : Tous les types mentionnés ci-avant (à l’exception de PICT, qui n’est pris en charge que sur la version Macintosh de Fireworks) peuvent être enregistrés sous leur format d’origine dans Fireworks 8 depuis la boîte de dialogue « Enregistrer sous ». Ce comportement diffère par rapport à celui des versions précédentes de Fireworks. Pour plus d’informations, voir Enregistrement de documents dans d’autres formats, page 27.
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.
Websafe dans la couleur Websafe la plus proche. Les couleurs Websafe proviennent de la palette Web 216.
Macintosh. Cette palette est souvent dite Websafe ou « compatible avec les navigateurs » parce qu’elle donne des résultats relativement réguliers en 8 bits, quels que soient la plate-forme et le navigateur utilisés.
Adaptative est automatiquement activée.
Noir et blanc Uniforme
(fichier ACT) ou d’un fichier GIF.
Optimisez et personnalisez les palettes de couleurs à l’aide de la table de couleurs dans le panneau Optimiser. Pour sélectionner une palette de couleurs :
Définition de la profondeur de couleur La profondeur de couleur désigne le nombre de couleurs utilisées dans le graphique. 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é les moins utilisées) sont rejetées. Les pixels qui contiennent des couleurs rejetées sont convertis dans la couleur la plus proche présente dans la palette. Cela peut affecter la qualité de l’image. Remarque : L’option de profondeur de couleur est disponible pour les GIF et les autres formats de fichier graphique 8 bits uniquement. Pour sélectionner une profondeur de couleur :
2 et 256 couleurs. Remarque : Le nombre de couleurs utilisées dans l’image peut être inférieur au nombre maximal de couleurs que vous sélectionnez. Le nombre situé dans la partie inférieure 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 329. Pour sélectionner une profondeur de couleur supérieure à 256 couleurs :
Remarque : L’augmentation de la profondeur de couleur s’accompagne de celle de la taille des fichiers, ce qui n’est pas recommandé pour les graphiques 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 fondus dégradés complexes. Pour les graphiques Web ayant une profondeur de couleur très importante, utilisez des fichiers JPEG. Pour plus d’informations, voir Optimisation des fichiers JPEG, page 335.
Pour conserver toutes les couleurs de la palette, y compris celles ne figurant pas dans l’image exportée ou enregistrée :
Utilisation du tramage pour simuler des 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 dans un format de fichier graphique 8 bits, tel que GIF. Le tramage peut augmenter considérablement la taille du fichier. Remarque : L’option de tramage est disponible pour les GIF, les formats de fichier graphique 8 bits et WBMP uniquement. Pour appliquer un tramage à un graphique :
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 a été modifiée.
Reconstituer s’affiche au bas du panneau Optimiser si vous devez reconstituer la table de couleurs.
Une fois la table reconstruite, le bouton Reconstituer disparaît et le nouveau nombre de couleurs utilisées dans l’image s’affiche à sa place. Pour sélectionner une couleur :
Pour sélectionner plusieurs couleurs :
Pour sélectionner une plage de couleurs :
2. Maintenez enfoncée la touche Maj et cliquez sur la dernière couleur de la plage de couleurs à
Pour prévisualiser tous les pixels du document contenant une couleur spécifique :
2. Cliquez sur un nuancier dans la table de couleurs du panneau Optimiser et maintenez le bouton
Les pixels contenant le nuancier sélectionné changent temporairement de couleur tant que le bouton de la souris reste enfoncé. Remarque : Lorsque vous prévisualisez des pixels dans le document à l’aide des fenêtres 2 en 1 ou 4 en 1, sélectionnez une fenêtre plutôt que l’original.
Vous pouvez verrouiller certaines couleurs de façon à empêcher leur suppression ou modification lors d’un changement de palette ou du retrait de couleurs de la palette. Lorsque vous changez de palette après un verrouillage de couleurs, les couleurs verrouillées sont ajoutées à la nouvelle palette. Pour verrouiller une couleur sélectionnée, exécutez l’une des actions suivantes :
• Cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl enfoncée et cliquez (Macintosh) sur le nuancier, puis sélectionnez Verrouiller la couleur dans le menu contextuel. Pour déverrouiller une couleur :
2. Cliquez sur le bouton Verrouiller dans le panneau Optimiser ou cliquez avec le bouton droit de
Vous pouvez changer l’une des couleurs de la palette actuelle en la modifiant dans 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 telle quelle. 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 :
Remarque : Cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl (Macintosh) enfoncée et cliquez sur une couleur de la palette pour afficher un menu contextuel d’options de modification de la couleur sélectionnée.
Les couleurs Websafe sont communes aux plates-formes Macintosh et Windows. Ces couleurs 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 :
Pour créer une palette adaptative favorisant les couleurs Websafe :
Les couleurs non Websafe qui sont proches de couleurs Websafe sont converties en ces couleurs.
Si vous enregistrez un fichier au format PNG Fireworks, le changement des couleurs en couleurs Websafe dans le panneau Optimiser affecte la version exportée de l’image uniquement et non l’image elle-même. Enregistrement de palettes Vous pouvez enregistrer des palettes personnalisées en tant que fichiers de palette externes. 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 de palettes enregistrés ont l’extension .act. Pour enregistrer une palette de couleurs personnalisée :
2. Entrez un nom pour la palette, puis sélectionnez un dossier de destination. 3. Cliquez sur Enregistrer.
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 des résultats optimaux.
Pour changer le taux de compression d’un fichier GIF :
Fireworks, un échiquier gris et blanc dans les aperçus de documents indique la présence de zones transparentes.
Web ayant un fond coloré 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.
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 au format GIF pour être utilisée sur le Web. Vous devez sélectionner l’option Transparence d’index avant d’exporter l’image.
PNG et que la plupart des navigateurs Web n’utilisent pas ce format. Cette option est souvent utilisée dans les graphiques exportés qui contiennent une transparence dégradée 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 un aperçu. Pour plus d’informations sur les boutons d’aperçu de documents, voir Aperçu et comparaison des paramètres d’optimisation, page 322.
Document. En affichage 2 en 1 ou 4 en 1, cliquez sur une vue autre que l’original. 2. Dans le panneau Optimiser, cliquez sur Transparence d’index dans le menu contextuel
La couleur du fond apparaît transparente dans l’aperçu. 3. Pour sélectionner une autre couleur, cliquez sur le bouton Sélectionner la couleur de
Le pointeur prend l’aspect d’une pipette. 4. Pour sélectionner la couleur de la transparence, exécutez l’une des actions suivantes : ■
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.
1. Cliquez sur le bouton Aperçu, 2 en 1 ou 4 en 1 dans le coin supérieur gauche de la fenêtre
2. Sélectionnez le format de fichier GIF dans le panneau Optimiser, puis Transparence d’index
La couleur de fond apparaît transparente dans l’aperçu et le graphique peut alors être exporté.
• Dans le menu contextuel Options du panneau Optimiser, cliquez sur Entrelacée. Optimisation des fichiers JPEG Le panneau Optimiser vous permet d’optimiser les fichiers JPEG en définissant des options de compression et de lissage. Les fichiers JPEG étant toujours enregistrés et exportés en couleurs 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 boutons 2 en 1 et 4 en 1 pour tester et comparer l’aspect d’une image JPEG et la taille estimée du fichier qui en résulte. Pour plus d’informations sur l’utilisation des boutons d’aperçu de documents, voir Aperçu et comparaison des paramètres d’optimisation, page 322. Remarque : Dans Fireworks 8, il est possible d’enregistrer les fichiers JPEG directement depuis la boîte de dialogue « Enregistrer sous ». Ce comportement diffère par rapport à celui des versions précédentes de Fireworks. Pour plus d’informations, voir Enregistrement de documents dans d’autres formats, page 27.
Utilisez un pourcentage élevé pour conserver la qualité ; la compression sera alors moins importante et les fichiers résultants plus volumineux. A l’inverse, un faible pourcentage 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 d’image tout en conservant la qualité des zones principales.
Pour compresser des zones sélectionnées dans un fichier JPEG :
2. Cliquez sur Modification > JPEG sélective > Enregistrer en tant que masque JPEG. 3. Si cela n’est pas déjà fait, cliquez sur JPEG dans le menu contextuel Exporter un format de
4. Cliquez sur le bouton Modifier les options de qualité sélective dans le panneau Optimiser.
5. Sélectionnez Activer la qualité sélective, puis entrez une valeur dans la zone de texte.
6. Au besoin, changez la couleur de superposition de la zone de qualité JPEG sélective. Cela
7. Sélectionnez Préserver la qualité du texte. Tous les éléments texte seront automatiquement
Pour modifier la zone de compression JPEG sélective :
2. Pour modifier la taille de la zone de sélection, utilisez l’outil Cadre de sélection ou tout autre
3. Cliquez sur 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, cliquez sur Modification > JPEG sélective > Supprimer le masque JPEG.
Dans le panneau Optimiser, l’option Lissage permet de réduire la taille des fichiers JPEG. Le lissage consiste à appliquer un flou aux bords nets, qui n’offrent pas de bonnes possibilités de compression en JPEG. Les valeurs élevées produisent un flou plus é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 d’image, tout en conservant une qualité raisonnable. Pour conserver la netteté des séparations entre deux couleurs :
Utilisez cette option pour exporter ou enregistrer des fichiers JPEG qui contiennent du texte ou des détails fins et conserver la netteté de ces zones. L’option Bords des JPEG plus nets a pour conséquence d’augmenter la taille du fichier. Utilisation d’images JPEG progressives Comme les images GIF et PNG entrelacées, les images JPEG progressives s’affichent dans une faible résolution et leur qualité s’améliore au fur et à mesure du chargement. Pour exporter ou enregistrer une image JPEG progressive :
Remarque : Certaines anciennes applications d’édition d’images bitmap ne peuvent pas ouvrir les JPEG progressives.
Pour régler une couleur d’arrière-plan cible :
Remarque : L’anticrénelage s’applique uniquement aux objets à contours adoucis placés directement sur le fond.
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 graphique 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 l’arrière-plan de la page Web. Ce sont ces pixels qui forment un halo, qui se détache particulièrement sur un arrière-plan sombre.
Photoshop importés. 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, exécutez l’une des actions suivantes :
2. Dans le menu contextuel Transparence du panneau Optimiser, cliquez sur Transparence
3. Cliquez sur le bouton Ajoute la couleur à la transparence, puis cliquez sur un pixel dans le halo.
4. Si le halo subsiste, répétez l’étape 3 jusqu’à ce qu’il disparaisse.
Fireworks mémorise les derniers paramètres d’optimisation utilisés après l’une des actions suivantes :
• 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 :
2. Entrez le nom de l’optimisation prédéfinie, puis cliquez sur OK.
Paramètres d’exportation du dossier de configuration Fireworks propre à chaque utilisateur. Pour plus d’informations sur l’emplacement de ce dossier, voir Fichiers de profil utilisateur, page 435.
Remarque : L’emplacement de ce dossier varie en fonction du système d’exploitation. Pour plus d’informations, voir la procédure précédente. Pour supprimer une optimisation prédéfinie personnalisée :
2. Sélectionnez Supprimer les paramètres dans le menu Options du panneau Optimiser.
L’exportation depuis Fireworks s’exécute en deux étapes : Vous préparez d’abord un graphique ou un document pour l’exportation en l’optimisant. 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, voir Optimisation, page 314. Pour plus d’informations sur l’enregistrement, voir Enregistrement de documents dans d’autres formats, page 27. Sous Fireworks, vous pouvez exporter des graphiques 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 d’image 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 Fireworks et des calques dans des fichiers d’image distincts. L’emplacement par défaut dans lequel Fireworks exporte des documents est déterminé par les éléments suivants, selon cet ordre : 1. Destination d’exportation actuelle du document, définie si vous avez déjà exporté le document
2. Emplacement actuel d’exportation/d’enregistrement, défini à chaque fois que vous modifiez
3. Emplacement actuel du fichier 4. Emplacement d’enregistrement par défaut des nouveaux documents ou des nouvelles images sur
L’emplacement par défaut d’enregistrement par Fireworks d’un document est quant à lui déterminé par des critères très différents. Pour plus d’informations, voir Enregistrement de fichiers Fireworks, page 26.
Pour exporter un document Fireworks sous la forme d’une image unique :
2. Cliquez sur Fichier > Exporter. 3. Définissez l’emplacement vers lequel exporter le fichier d’image.
4. Entrez un nom de fichier. Vous pouvez ne pas indiquer d’extension pour le nom de fichier ;
5. Dans le menu contextuel Exporter, cliquez sur Images uniquement. 6. Cliquez sur Exporter.
Par défaut, lorsque vous exportez un document Fireworks découpé, il est exporté sous forme d’un fichier HTML et de plusieurs images associées. Le fichier HTML exporté peut être affiché dans un navigateur Web ou importé dans d’autres applications pour être remodifié. Remarque : Vous pouvez utiliser plusieurs méthodes pour exporter 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 HTML, page 346.
Pour exporter un document Fireworks découpé :
2. Localisez le dossier souhaité sur votre disque dur. 3. Dans le menu contextuel Exporter, cliquez sur Documents HTML et images. 4. Entrez un nom de fichier dans le champ Nom de fichier (Windows) ou Enregistrer sous
HTML sont généré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 et Images est sélectionnée comme type de fichier, voir Exportation de code HTML Fireworks, page 348. Exportation des découpes sélectionnées Vous pouvez exporter des découpes sélectionnées dans un document Fireworks. Maintenez la touche Maj enfoncée et cliquez pour sélectionner plusieurs découpes. Remarque : Pour plus d’informations sur le découpage, voir Création et modification d’une découpe, page 244. Pour exporter les découpes sélectionnées :
■ 2. Sélectionnez un dossier de destination pour les fichiers exportés.
3. Entrez un nom de fichier. Vous pouvez ne pas indiquer d’extension pour le nom de fichier ;
Si vous exportez plusieurs découpes, Fireworks utilise le nom entré comme étant le nom racine de tous les graphiques exportés, à l’exception des graphiques auxquels vous avez affecté des noms personnalisés dans le panneau Calques ou dans l’Inspecteur des propriétés. 4. Dans le menu contextuel Découpes, cliquez sur Exporter les découpes. 5. Pour exporter uniquement les découpes sélectionnées avant l’exportation, sélectionnez
6. Cliquez sur Exporter.
Optimisation, page 314.
Pour mettre à jour une seule découpe :
2. Réaffichez la découpe. 3. Cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl enfoncée et
4. Cliquez sur Exporter pour exporter la découpe dans le même dossier que la découpe originale,
5. Cliquez sur OK lorsque le programme vous demande si vous voulez remplacer le fichier existant.
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.
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 des images. Pour plus d’informations sur l’exportation vers plusieurs fichiers, voir Exportation des images ou calques, page 345. Pour plus d’informations sur l’exportation d’animations sous forme de fichiers Flash SWF, voir Utilisation de Macromedia Flash, page 380.
BMP et PICT, page 325. 2. Cliquez sur Fichier > Exporter. 3. Dans la boîte de dialogue Exporter, entrez un nom pour le fichier, puis sélectionnez le dossier
4. Cliquez sur Exporter. Pour exporter sous forme de fichiers GIF animé plusieurs animations ayant des paramètres d’animation distincts :
2. Cliquez sur Edition > Insérer > Découpe.
3. Cliquez sur Multiple. 4. Sélectionnez chaque découpe individuellement, puis dans le panneau Images, définissez les
5. Sélectionnez toutes les découpes à animer, puis GIF animé comme format de fichier dans le
Pour plus d’informations sur l’optimisation, voir Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT, page 325. 6. Cliquez avec le bouton droit (Windows) ou maintenez la touche Ctrl (Macintosh) enfoncée et
Exporter, entrez un nom pour chaque fichier, sélectionnez une destination, puis cliquez sur Exporter.
Pour exporter les images ou les calques dans des fichiers distincts :
2. Entrez un nom de fichier, puis sélectionnez un dossier de destination. 3. Dans le menu contextuel Exporter, sélectionnez l’une des actions suivantes : Images vers fichiers
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 Exporter.
L’outil Exporter zone permet d’exporter une partie d’un document Fireworks. Pour exporter une partie d’un document : 2. Faites glisser un cadre de sélection autour de la partie du document à exporter. Remarque : Vous pouvez ajuster la position d’un cadre de sélection en la faisant glisser. Maintenez le bouton de la souris et la barre d’espace enfoncés et faites glisser le cadre de sélection vers l’emplacement approprié sur le document. Relâchez la barre d’espace pour continuer à dessiner le cadre de sélection.
3. Au besoin, redimensionnez la zone d’exportation : ■
(Windows) ou Options (Macintosh) enfoncée et faites glisser la poignée. Maintenez les touches Alt+Maj (Windows) ou Option+Maj (Macintosh) enfoncées et faites glisser une poignée pour maintenir les proportions et redimensionner à partir du centre.
6. Dans la boîte de dialogue Exporter, entrez un nom de fichier, puis sélectionnez un dossier de
7. Dans le menu contextuel Exporter, cliquez sur Images uniquement. 8. Cliquez sur Exporter. Remarque : Pour annuler l’exportation, double-cliquez à l’extérieur du cadre de sélection de la zone d’exportation, appuyez sur la touche Echap ou sélectionnez un autre outil.
Fireworks génère un véritable fichier HTML qui peut être lu dans la plupart des navigateurs Web et éditeurs HTML. Il existe plusieurs façons d’exporter un fichier HTML Fireworks :
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 HTML. Si vous exportez du code HTML Fireworks vers Dreamweaver, voir Utilisation de Macromedia Dreamweaver, page 362.
Vous pouvez aussi exporter des fichiers HTML sous forme de calques CSS (Cascading Style Sheet) et XHTML. Utilisez la boîte de dialogue Configuration HTML pour définir les paramètres d’exportation de code HTML Fireworks. Ces paramètres peuvent être spécifiques au document ou servir de paramètres par défaut pour toutes les exportations de code HTML Fireworks.
• les balises HTML qui définissent la mise en forme 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 entourées de chevrons ouvrants et fermants, ce qui leur donne l’aspect suivant : <TAG> affected text </TAG>
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 votre code HTML, vous devez indiquer à Fireworks d’activer cette option. Pour inclure des commentaires dans un code HTML exporté :
Résultats de l’exportation Lorsque vous exportez ou copiez un code HTML depuis Fireworks, le code suivant est généré afin que votre image Fireworks puisse être reconstituée sur une page Web :
Fireworks vous permet d’exporter du code HTML aux formats Générique, Dreamweaver, FrontPage et Adobe® GoLive®. Le format HTML Générique est compatible avec la plupart des éditeurs HTML. L’exportation de code HTML généré par Fireworks crée un fichier HTML et des fichiers d’image associés à 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 353. Pour plus d’informations sur Director, voir Utilisation de Macromedia Director MX, page 392.
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 Configuration HTML. Pour plus d’informations, voir Définition des options d’exportation du code HTML, page 355. Remarque : Macromedia Dreamweaver est étroitement intégré à Fireworks. Fireworks gère les exportations HTML Dreamweaver différemment par rapport aux autres éditeurs HTML. Si vous exportez du code HTML Fireworks vers Dreamweaver, suivez ces instructions, mais, pour des notes supplémentaires spécifiques à l’application, voir aussi Utilisation de Macromedia Dreamweaver, page 362. Pour exporter du code HTML Fireworks :
■ ■ Remarque : Les applications autres que Macromedia sont accessibles dans le sous-menu Exportation rapide > Autres.
3. Dans le menu contextuel Exporter, cliquez sur Documents HTML et images.
Remarque : Il est important de sélectionnez l’option Styles HTML comme éditeur 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.
6. Dans le menu contextuel HTML, cliquez sur Exporter le fichier HTML.
7. Si votre document contient des découpes, dans le menu contextuel Découpes, cliquez sur
8. Si vous souhaitez stocker les images dans un dossier distinct, sélectionnez Placer les images dans
9. Cliquez sur Exporter.
Copie de code HTML dans le Presse-papiers Il est possible d’exporter 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 Fireworks dans le Presse-papiers et génère des fichiers d’image associés à l’emplacement que vous avez spécifié. Vous pouvez ensuite coller ce code HTML dans un document ouvert dans votre éditeur HTML préféré. Bien que la copie dans le Presse-papiers soit la méthode la plus rapide pour copier un code HTML Fireworks 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 :
JavaScript associé aux boutons, comportements et images survolées est copié, mais ne fonctionne pas correctement.
HTML, page 355. Pour copier un code HTML Fireworks à partir de l’option Copier le code HTML :
2. Un Assistant vous guide dans le paramétrage de l’exportation du code HTML et des images.
Remarque : Si vous comptez coller le code HTML dans Macromedia Dreamweaver, peu importe le dossier dans lequel vous exportez les images, pourvu qu’elles se trouvent sur le même site Dreamweaver que le fichier HTML dans lequel vous allez coller le code.
Pour copier le code HTML Fireworks à partir de la boîte de dialogue Exporter :
Remarque : Si vous exportez le code dans Dreamweaver, vous pouvez également cliquer sur le bouton Exportation rapide, puis, dans le sous-menu Dreamweaver, cliquez sur Copier le code HTML dans le Presse-papiers.
Remarque : Si vous comptez coller le code HTML dans Macromedia Dreamweaver, peu importe le dossier dans lequel vous exportez les images, pourvu qu’elles se trouvent sur le même site Dreamweaver que le fichier HTML dans lequel vous allez coller le code.
4. Dans le menu contextuel HTML, cliquez sur Copier dans le Presse-papiers. 5. Si votre document contient des découpes, dans le menu contextuel Découpes, cliquez sur
6. Cliquez sur le bouton Options, sélectionnez votre éditeur HTML dans la boîte de dialogue
7. Cliquez sur Exporter dans la boîte de dialogue Exporter.
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.
Remarque : Le code HTML copié à partir de Fireworks ne contient pas les balises d’ouverture et de fermeture <HTML> et <BODY>.
Lorsque vous collez un code dans un éditeur HTML, il est important de conserver à l’emplacement exact les fichiers d’image et les fichiers 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 URL seront rompus si les fichiers HTML ou des images sont déplacés. Copie et collage d’un code HTML à partir d’un fichier Fireworks exporté Vous pouvez ouvrir dans un éditeur HTML un code HTML Fireworks exporté et copier/coller des sections de code dans un autre fichier HTML. Pour copier du code depuis un fichier Fireworks exporté et le coller dans un autre document HTML :
2. Sélectionnez le code souhaité 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 souhaité dans le nouveau fichier
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
Utilisation de Macromedia Dreamweaver, page 362.
Remarque : Si vous souhaitez apporter d’importantes modifications à la présentation du document, apportez 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 :
■ ■ 2. Sélectionnez le fichier à mettre jour dans la boîte de dialogue Rechercher fichier HTML. 3. Cliquez sur Ouvrir. 4. Si aucun code HTML généré par Fireworks n’est trouvé, cliquez sur OK pour insérer le nouveau
5. Par contre, si un code HTML généré par Fireworks est trouvé, sélectionnez l’une des actions
Remplacer les images et leur code HTML Mettre à jour les images uniquement
2. Dans la boîte de dialogue Exporter, entrez un nom de fichier, puis sélectionnez un dossier de
3. Dans le menu contextuel Exporter, sélectionnez Calques CSS. 4. Dans le menu contextuel Source, sélectionnez l’une des actions suivantes : calques pour adapter les objets. 6. Sélectionnez Placer les images dans des sous-dossiers pour choisir le dossier devant recevoir les
7. Cliquez sur Exporter.
Web actuels, 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, standard actuel pour la mise en forme 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 cette norme, Fireworks permet d’exporter des fichiers XHTML. Remarque : Fireworks peut également importer des fichiers XHTML. Pour plus d’informations, voir Création de fichiers PNG dans Fireworks à partir de fichiers HTML, page 20.
(Web World Wide Web Consortium) sur le site http://www.w3.org.
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. La méthode de codage de texte UTF-8, acronyme de Universal Character Set Transformation Format-8, 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 Création de fichiers PNG dans Fireworks à partir de fichiers HTML, page 20.
Pour exporter des documents n’utilisant pas le codage UTF-8 :
2. Sous l’onglet Propre au document, désactivez la case à cocher Codage UTF-8, puis cliquez sur
Pour exporter un document en appliquant le standard XHTML, sélectionnez le style XHTML approprié dans le menu contextuel. Pour plus d’informations sur XHTML, voir Exportation d’un fichier XHTML, page 353.
Cliquez sur Nom de fichier en minuscules pour vous assurer que les noms du fichier HTML et des fichiers d’image associés sont écrits en minuscules lors de l’exportation. Remarque : Notez que l’extension du nom de fichier HTML ne s’affichera pas en minuscules si elle a été sélectionnée en majuscules dans le menu contextuel Extension.
HTML. Le nom du fichier .css correspond au nom du fichier HTML (à l’exception de l’extension du fichier). Activez cette option pour exporter également un fichier nommé mm_css_menu.js dans le même emplacement que le fichier HTML. Remarque : L’option Ecrire les feuilles de style CSS dans un fichier externe est uniquement disponible si vous avez activé l’option Utiliser une feuille de style CSS pour les menus contextuels.
4. Sous l’onglet Propre au document, sélectionnez l’une des options suivantes : ■
Remarque : Soyez prudent lorsque vous sélectionnez Aucun comme option pour la convention de nom des découpes. Si vous sélectionnez Aucun pour l’un des trois premiers menus, Fireworks exporte des fichiers de découpe qui s’écraseront successivement. Vous n’obtiendrez en définitive qu’un seul graphique exporté et un tableau affichant ce graphique dans chaque cellule.
Lorsque vous exportez une barre de navigation qui relie plusieurs pages, sélectionnez Pages HTML avec barres de navigation multiples. Lorsque vous sélectionnez cette option, Fireworks exporte des pages supplémentaires pour chaque bouton de la barre de navigation. L’option Codage UTF-8 est activée par défaut dans Fireworks, ce qui permet à votre document exporté d’afficher les caractères provenant de plusieurs jeux de caractères. Si vous voulez désactiver cette option, désactivez la case à cocher Codage UTF-8. Pour plus d’informations sur le codage UTF-8, voir Exportation de fichiers avec et sans codage UTF-8, page 354.
Pour plus d’informations sur l’exportation vers chaque format, voir Chapitre 15, Utilisation de Fireworks avec d’autres applications, page 361. 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 de vecteurs. 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 le processus 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 graphiques et les découpes selon les paramètres définis dans le panneau Optimiser. Veillez à bien optimiser votre graphique avant de l’exporter à l’aide du bouton Exportation rapide. Pour plus d’informations sur l’optimisation, voir Optimisation, page 314. Pour exporter un document Fireworks ou un graphique sélectionné à l’aide du bouton Exportation rapide :
Les options appropriées sont automatiquement définies dans la boîte de dialogue Exporter. Au besoin, modifiez ces options. 2. Sélectionnez un emplacement pour stocker les fichiers exportés, entrez un nom de fichier, puis
Pour démarrer une autre application Macromedia à l’aide du bouton Exportation rapide :
1. Créez vos propres fichiers JSF et déposez-les dans le dossier Quick Export Menu sur votre disque
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 English 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 437.
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.
Fireworks PNG Remarque : Mozilla, Netscape 6 et Nisus Emailer ne sont pas pris en charge par Macintosh.
Le bouton Gestion de fichiers affiche les commandes de menu suivantes : Acquérir copie la version distante du fichier sur le site local en remplaçant le fichier local par la copie distante.
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.
Pour plus d’informations sur le menu Gestion de fichiers, voir Chapitre 15, Utilisation de Macromedia Dreamweaver, page 362.
Fireworks simplifie également le travail avec des applications non Macromedia, telles qu’Adobe Photoshop et Adobe GoLive. Par exemple, vous pouvez importer et exporter très simplement des graphiques Photoshop en tant que fichiers modifiables ou créer et modifier du code HTML en utilisant Fireworks et GoLive.
Pour modifier des images et des tableaux Fireworks placées dans un document Dreamweaver, vous pouvez démarrer Fireworks depuis l’Inspecteur des propriétés dans Dreamweaver pour apporter les modifications, puis revenir au document mis à jour dans Dreamweaver. Si vous voulez apporter rapidement des modifications d’optimisation à des images et des animations, vous pouvez ouvrir la boîte de dialogue Aperçu avant exportation de Fireworks depuis l’Inspecteur des propriétés dans Dreamweaver et modifier les paramètres mis à jour. Dans les deux cas, les modifications sont effectuées à la fois sur les fichiers dans Dreamweaver et sur les fichiers source dans Fireworks, si ces derniers étaient déjà ouverts. Pour rationaliser davantage le processus de conception Web, vous pouvez créer des espaces réservés pour les images dans Dreamweaver pour y placer des images Fireworks. Vous pouvez ensuite sélectionner ces espaces réservés et lancer Fireworks pour créer des graphiques correspondant aux dimensions définies par les images des espaces réservés Dreamweaver. Dans Fireworks, vous pouvez alors modifier les dimensions des images, si nécessaire.
Dreamweaver. Vous pouvez insérer un graphique Fireworks terminé à l’aide du panneau Fichiers ou du menu Insertion de Dreamweaver, ou vous pouvez créer un document Fireworks à partir d’un espace réservé pour l’image Dreamweaver. Vous pouvez insérer n’importe quel fichier de format graphique pris en charge par Fireworks et Dreamweaver directement dans un document Dreamweaver à l’aide du panneau Fichiers ou du menu Insertion de Dreamweaver. Vous devez d’abord exporter les images depuis Fireworks. Pour plus d’informations sur l’exportation d’images, voir l’Aide de Fireworks. Pour insérer une image Fireworks dans un document Dreamweaver à l’aide du panneau Fichiers :
2. Ouvrez le document Dreamweaver et assurez-vous qu’il est en mode Création. 3. Faites glisser l’image du panneau Fichiers vers le document Dreamweaver. Pour insérer une image Fireworks dans un document Dreamweaver à l’aide du menu Insertion :
2. Exécutez l’une des actions suivantes : ■ ■
Création de fichiers Fireworks à partir d’espaces réservés Dreamweaver Les espaces réservés pour les images combinent la puissance de Fireworks et Dreamweaver en vous permettant de tester diverses présentations de pages Web avant de créer votre page finale. Les espaces réservés pour les images permettent de définir la taille et la position des images Fireworks à placer dans Dreamweaver. Lorsque vous créez une image Fireworks à partir d’un espace réservé pour l’image Dreamweaver, un document Fireworks est créé avec un fond ayant les dimensions de l’espace réservé sélectionné. Dans Fireworks, vous pouvez utiliser n’importe quels outils pour créer votre graphique. Vous pouvez même découper votre document et ajouter des fonctions interactives telles que des boutons, des survols et d’autres comportements.
Lorsque vous fermez la session Fireworks et revenez dans Dreamweaver, le nouveau graphique Fireworks que vous avez créé remplace l’espace réservé pour l’image initialement sélectionné. Pour créer une image Fireworks à partir d’un espace réservé pour l’image dans Dreamweaver :
2. Placez le point d’insertion à l’emplacement de votre choix dans le document, puis exécutez l’une
■ ■ La boîte de dialogue Espace réservé pour l’image s’affiche.
Un espace réservé pour l’image est inséré dans le document Dreamweaver.
6. Entrez le nom et l’emplacement du fichier source PNG dans la boîte de dialogue Enregistrer
Remarque : Si vous avez entré un nom pour l’espace réservé pour l’image dans l’Inspecteur de propriétés de Dreamweaver, ce nom est utilisé comme nom de fichier par défaut dans Fireworks.
Fireworks. 7. Entrez le nom du ou des fichiers d’image exportés dans la boîte de dialogue Exporter.
8. Spécifiez l’emplacement du ou des fichiers d’image exportés. L’emplacement que vous choisissez
Pour plus d’informations sur l’exportation, voir l’Aide de Fireworks. 9. Cliquez sur Enregistrer.
Pour plus d’informations sur l’exportation de HTML, voir l’Aide de Fireworks. Remarque : Avant d’exporter, de copier ou de mettre à jour du code HTML Fireworks pour l’utiliser dans Dreamweaver, assurez-vous de sélectionner le type de HTML Dreamweaver dans la boîte de dialogue Configuration HTML. Pour plus d’informations, voir l’Aide de Fireworks.
L’exportation de fichiers Fireworks vers Dreamweaver s’effectue en deux étapes. Dans Fireworks, exportez directement des fichiers vers un dossier de site Dreamweaver. Cette opération génère un fichier HTML et les fichiers d’image associés dans l’emplacement que vous définissez. Vous pouvez ensuite placer le code HTML dans Dreamweaver à l’aide de la fonction Insérer du HTML Fireworks. Remarque : Avant d’exporter, assurez-vous de sélectionner le type de HTML Dreamweaver dans la boîte de dialogue Configuration HTML. Pour plus d’informations, voir l’Aide de Fireworks. Pour exporter du code HTML Fireworks :
Fireworks. Pour insérer du code HTML Fireworks dans un document Dreamweaver :
2. Placez le point d’insertion dans le document, à l’endroit où vous voulez insérer le code HTML. 3. Exécutez l’une des actions suivantes : ■ ■
Remarque : Si le fichier HTML se trouve sur un lecteur réseau, il ne sera pas envoyé à la Corbeille (Windows), mais définitivement supprimé.
L’une des méthodes permettant de placer rapidement du code HTML Fireworks dans Dreamweaver consiste à le copier dans le Presse-papiers depuis Fireworks, puis à le coller directement dans un document Dreamweaver. L’ensemble du code HTML et JavaScript associé au document Fireworks est copié dans le document Dreamweaver, les images sont exportées vers un emplacement spécifié et Dreamweaver met à jour le code HTML avec des liens relatifs au document vers ces images. Remarque : Avant de le copier dans le Presse-papiers, assurez-vous de sélectionner le type de HTML Dreamweaver dans la boîte de dialogue Configuration HTML. Pour plus d’informations, voir l’Aide de Fireworks. Pour copier du code HTML Fireworks dans le Presse-papiers pour une utilisation dans Dreamweaver, exécutez l’une des actions suivantes :
Pour plus d’informations, voir l’Aide de Fireworks. Remarque : Cette méthode fonctionne uniquement avec Dreamweaver et non avec d’autres éditeurs HTML. Seul Dreamweaver met à jour les liens vers les images Fireworks comme étant relatifs au document lorsque vous collez le code HTML dans le document Dreamweaver.
Dreamweaver Vous pouvez ouvrir un fichier HTML Fireworks exporté dans Dreamweaver et copier et coller manuellement uniquement les sections appropriées dans un autre document Dreamweaver. Remarque : Avant d’exporter depuis Fireworks, assurez-vous de sélectionner le type de HTML Dreamweaver dans la boîte de dialogue Configuration HTML. Pour plus d’informations, voir l’Aide de Fireworks. Pour copier le code depuis un fichier Fireworks exporté et le coller dans Dreamweaver :
Dreamweaver existant. Pour plus d’informations, voir l’Aide de Fireworks.
Pour plus d’informations, voir Modification de fichiers Fireworks dans Dreamweaver, page 370.
Fireworks, puis de mettre à jour automatiquement le code HTML exporté et les fichiers d’image placés dans un document Dreamweaver. Cette commande permet de mettre à jour des fichiers Dreamweaver même lorsque Dreamweaver n’est pas en cours d’exécution. Remarque : Avant de mettre à jour le code HTML, assurez-vous de sélectionner le type de HTML Dreamweaver dans la boîte de dialogue Configuration HTML. Pour plus d’informations, voir l’Aide de Fireworks. Pour mettre à jour du code HTML placé dans Dreamweaver :
2. Cliquez sur Fichier > Mettre à jour le code HTML, ou sur le bouton Exportation rapide, puis,
3. Recherchez le fichier Dreamweaver contenant le code HTML que vous désirez mettre à jour et
4. Accédez au dossier de destination des fichiers d’image mis à jour et cliquez sur Ouvrir.
Si Fireworks ne trouve pas de code HTML correspondant à mettre à jour, il vous propose d’insérer du nouveau code HTML dans le document Dreamweaver. La section JavaScript du nouveau code est placée au début du document, et le tableau HTML ou le lien vers l’image est inséré à la fin. Exportation de fichiers Fireworks vers des bibliothèques Dreamweaver Les éléments de bibliothèque Dreamweaver simplifient la modification et la mise à jour des composants de site Web fréquemment utilisés, tels que les logos commerciaux et d’autres graphiques qui s’affichent sur chaque page d’un site. Un élément de bibliothèque est une portion de fichier HTML située dans un dossier appelé Bibliothèque, dans le dossier racine de votre site. Les éléments de bibliothèque s’affichent sous forme de catégorie dans le panneau Actifs de Dreamweaver. Vous pouvez faire glisser un élément de bibliothèque (fichier portant l’extension .lbi) du panneau Actifs vers une page de votre site Web pour insérer l’élément de bibliothèque dans votre fichier Dreamweaver.
Dreamweaver. Vous ne pouvez modifier que l’élément de bibliothèque maître. Ensuite, vous pouvez utiliser Dreamweaver pour mettre à jour toutes les copies de cet élément dans l’ensemble de votre site Web. Les éléments de bibliothèque Dreamweaver ressemblent à des symboles Fireworks ; les modifications apportées au document de bibliothèque maître (LBI) sont répercutées dans toutes les instances de bibliothèque de l’ensemble du site. Remarque : Les éléments de bibliothèque Dreamweaver ne prennent pas en charge les menus contextuels. Pour exporter un document Fireworks sous la forme d’un élément de bibliothèque Dreamweaver :
2. Dans le menu contextuel Type, sélectionnez Bibliothèque Dreamweaver. Remarque : Dreamweaver ne reconnaît pas le fichier exporté comme élément de bibliothèque s’il n’est pas enregistré dans le dossier Library.
5. Sélectionnez Placer les images dans des sous-dossiers pour choisir un dossier distinct pour
6. Cliquez sur Enregistrer.
Roundtrip HTML est une fonction puissante qui s’intègre étroitement à Fireworks et Dreamweaver. Elle permet d’effectuer des modifications dans une application et de les conserver dans une autre. Avec Roundtrip HTML, l’intégration des fonctions de lancement et de modification permet de modifier des images et des tableaux générés par Fireworks et insérés dans un document Dreamweaver. Dreamweaver ouvre automatiquement le fichier source PNG Fireworks pour l’image ou le tableau, pour vous permettre de les modifier dans Fireworks. Les modifications apportées dans Fireworks sont automatiquement appliquées à l’image ou au tableau inséré lorsque vous revenez dans Dreamweaver. Remarque : Avant d’utiliser Roundtrip HTML, vous devez au préalable effectuer quelques tâches. Pour plus d’informations, voir Définition des options de lancement et de modification, page 376.
L’Inspecteur des propriétés de Dreamweaver permet d’identifier les images, découpes de table et tableaux provenant de Fireworks. Bien que Fireworks accepte la plupart des modifications de Dreamweaver, d’importantes modifications effectuées sur la structure d’une table dans Dreamweaver peuvent créer des différences irréconciliables entre les deux applications. Si vous modifiez radicalement la structure d’un tableau dans Dreamweaver puis tentez de lancer et de modifier le tableau dans Fireworks, un message s’affiche pour indiquer que les modifications apportées dans Fireworks remplaceront celles apportées précédemment dans Dreamweaver. Si vous devez modifier radicalement la structure d’un tableau, utilisez la fonction de lancement et de modification de Dreamweaver pour modifier le tableau dans Fireworks. Modification d’images Fireworks Vous pouvez lancer Fireworks pour modifier les images individuelles placées dans un document Dreamweaver. Remarque : Avant de modifier des graphiques Fireworks dans Dreamweaver, vous devez au préalable exécuter quelques tâches. Pour plus d’informations, voir Définition des options de lancement et de modification, page 376.
Maintenez la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée et double-cliquez sur l’image que vous voulez modifier. Cliquez avec le bouton droit (Windows) ou maintenez la touche Ctrl (Macintosh) enfoncée et cliquez sur l’image voulue, puis, dans le menu contextuel, cliquez sur Modifier avec Fireworks.
3. Lorsque le programme vous y invite, indiquez si vous désirez que le fichier source Fireworks de
4. Modifiez l’image dans Fireworks. La fenêtre Document indique que vous modifiez une image
Dreamweaver reconnaît et conserve toutes les modifications apportées à l’image dans Fireworks. 5. Une fois les modifications apportées à l’image, cliquez sur Terminé dans la fenêtre Document.
Remarque : Grâce à la technologie Fireworks, Dreamweaver dispose de fonctions de base de modification d’images qui vous permettent de modifier des images sans avoir à utiliser une application externe. Vous pouvez notamment recadrer, redimensionner ou rééchantillonner des images sans quitter Dreamweaver. Les fonctions de modification d’images de Dreamweaver s’appliquent uniquement aux formats de fichier JPEG et GIF. Cependant, vous ne pouvez pas modifier d’autres formats de fichier d’image bitmap. Pour plus d’informations sur la modification d’images dans Dreamweaver, voir l’Aide de Dreamweaver. Remarque : Lorsque vous ouvrez une image depuis le panneau Site de Dreamweaver, l’éditeur par défaut correspondant à ce type d’image ouvre le fichier. Cet éditeur est défini dans les Préférences de Dreamweaver. Lorsque les images sont ouvertes depuis cet emplacement, Fireworks n’ouvre pas le fichier PNG d’origine. Pour utiliser les fonctions d’intégration de Fireworks, ouvrez les images dans la fenêtre Document de Dreamweaver.
Remarque : Vous pouvez obtenir un message d’erreur de Dreamweaver si vous imbriquez un autre tableau dans la table originale générée par Fireworks, puis essayez de la modifier à l’aide de Roundtrip dans Dreamweaver. Pour plus d’informations, voir la note technique (TechNote) 19231 sur le site Web de Macromedia. Pour ouvrir et modifier un tableau Fireworks placé dans Dreamweaver :
2. Exécutez l’une des actions suivantes : ■ Sélectionnez une image dans le tableau, puis cliquez sur Modifier dans l’Inspecteur des propriétés. Maintenez la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée et doublecliquez sur l’image que vous voulez modifier. Cliquez avec le bouton droit (Windows) ou maintenez la touche Ctrl (Macintosh) enfoncée et cliquez sur l’image, puis, dans le menu contextuel, cliquez sur Modifier avec Fireworks.
Pour plus d’informations sur les fichiers source PNG dans Fireworks, voir l’Aide de Fireworks. 3. Apportez les modifications appropriées dans Fireworks.
Fireworks. 4. Une fois les modifications apportées du tableau, cliquez sur Terminé dans la fenêtre Document.
Lorsque vous affichez dans Fireworks les propriétés d’une découpe à laquelle est joint un comportement Dreamweaver, la zone de texte Lien de l’Inspecteur des propriétés peut afficher javascript:;. Vous pouvez supprimer ce texte sans risques. Vous pouvez l’écraser pour entrer une URL si nécessaire et le comportement reste intact lorsque vous revenez dans Dreamweaver. Lorsque vous utilisez Roundtrip HTML depuis Dreamweaver, Fireworks prend en charge les formats de fichiers côté serveur, tels que CFM et PHP. Dreamweaver prend en charge tous les comportements Fireworks, y compris ceux nécessaires aux survols et aux boutons. Fireworks prend en charge les comportements Dreamweaver suivants au cours d’une session de lancement et de modification :
• Définir le texte de la barre d’état Définir image barre de navigation Menu contextuel
Remarque : Fireworks ne prend pas en charge les comportements non natifs, y compris les comportements côté serveur.
Pour modifier les paramètres d’optimisation d’une image Fireworks placée dans Dreamweaver :
■ Pour modifier les paramètres d’animation de l’image, cliquez sur l’onglet Animation et changez les paramètres appropriés.
4. Lorsque vous avez fini de modifier l’image, cliquez sur Mettre à jour.
été sélectionné. Si vous avez modifié le format de l’image, le vérificateur de liens de Dreamweaver vous invite à mettre à jour les références à cette image. Par exemple, si vous avez changé le format d’une image appelée mon_image de GIF en JPEG, cliquez sur OK pour que toutes les références à mon_image.gif soient remplacées par des références à mon_image.jpg, sur tout votre site. Modification des paramètres d’animation Dans le cadre de l’ouverture et de l’optimisation d’un fichier GIF animé, vous pouvez modifier les paramètres de l’animation. Les options d’animation de la boîte de dialogue Aperçu avant exportation sont identiques à celles du panneau Images de Fireworks. Remarque : Vous ne pouvez pas modifier individuellement les éléments graphiques d’une animation Fireworks au cours d’une session d’optimisation ouverte depuis Dreamweaver. Pour modifier les éléments graphiques dans une animation, vous devez ouvrir et modifier l’animation Fireworks. Pour plus d’informations, voir Modification de fichiers Fireworks dans Dreamweaver, page 370.
HTML. Pour plus d’informations, voir Utilisation de Dreamweaver.
Dreamweaver Dans les Préférences de Dreamweaver, il est possible d’indiquer les applications spécifiques qui doivent être automatiquement démarrées pour modifier des types de fichiers spécifiques. Pour utiliser les fonctions de lancement et de modification de Fireworks, vérifiez que Fireworks est bien désigné dans Dreamweaver comme éditeur principal pour les fichiers GIF, JPEG et PNG. Bien qu’il soit possible d’utiliser des versions antérieures de Fireworks comme éditeurs d’images externes, les possibilités de ces versions sont limitées en matière de lancement et de modification. Lorsque vous travaillez avec Roundtrip HTML, Fireworks MX et Fireworks 4 ne prennent pas entièrement en charge les modifications apportées aux propriétés des cellules dans les tableaux Dreamweaver, pas plus qu’ils ne prennent en charge les comportements appliqués dans Dreamweaver. Fireworks 3 ne prend pas entièrement en charge l’ouverture et la modification des tableaux placés et des découpes dans des tableaux et Fireworks 2 ne prend pas en charge l’ouverture et la modification des fichiers source PNG des images placées. Remarque : Fireworks étant l’éditeur d’images externe par défaut de Dreamweaver, vous n’avez à définir cette préférence que si le lancement de Fireworks 8 depuis Dreamweaver pose problème. Pour définir Fireworks comme l’éditeur d’images externe principal pour Dreamweaver :
2. Dans la liste Extensions, sélectionnez une extension de fichier d’image Web (.gif, .jpg, ou .png).
Lorsque vous ouvrez et modifiez une image Fireworks depuis Dreamweaver, ce dernier utilise la Design Note correspondante pour localiser un fichier source PNG pour cette image. Pour obtenir de meilleurs résultats, enregistrez toujours votre fichier source PNG Fireworks ainsi que les fichiers exportés dans un site Dreamweaver. Tout autre développeur du site est ainsi en mesure de trouver le fichier source PNG lorsqu’il démarre Fireworks à partir de Dreamweaver.
Dreamweaver ne reconnaît ces préférences de Fireworks que dans certains cas, lorsque vous lancez et optimisez une image Fireworks. Plus précisément, vous devez ouvrir et optimiser une image qui ne fait pas partie d’un tableau Fireworks et qui ne contient pas un chemin de Design Note correct vers un fichier source PNG. Dans tous les autres cas, y compris dans les cas de lancement et de modification d’images Fireworks, Dreamweaver ouvre automatiquement le fichier source PNG et vous invite à indiquer l’emplacement de ce fichier source s’il ne le trouve pas. Pour définir les préférences de lancement et de modification pour Fireworks :
Remarque : Sur Mac OS X, cliquez sur Fireworks > Préférences.
3. Indiquez les options à utiliser pour modifier ou optimiser des images Fireworks placées dans une
également définir des préférences de lancement et de modification globales depuis cette invite.
Dreamweaver 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. Le bouton Gestion de fichiers affiche les commandes de menu suivantes : Acquérir copie la version distante du fichier sur le site local en remplaçant le fichier local par la copie distante.
Archiver 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 : Les comportements de boutons Fireworks et d’autres éléments d’interactivité ne sont pas importés dans Flash. Remarque : Le style HTML Flash ne prend pas en charge le code de menus contextuels.
Vous pouvez placer des graphiques Fireworks dans Flash de différentes manières. Les procédures d’importation ou de copier/coller de fichiers PNG Fireworks vous offrent le meilleur contrôle sur l’importation des graphiques et des animations dans Flash. Bien que vous ayez un meilleur contrôle des opérations de cette manière, vous pouvez également importer des fichiers JPEG, GIF, PNG et SWF exportés depuis Fireworks. Importation de fichiers PNG Fireworks dans Flash Vous pouvez importer des fichiers source PNG Fireworks directement dans Flash sans avoir à les exporter dans d’autres formats graphiques. Tous les vecteurs, bitmaps, animations et boutons multi-états Fireworks peuvent être importés dans Flash. Remarque : Les comportements de bouton Fireworks et autres types d’interactions ne sont pas importés dans Flash car les comportements Fireworks sont activés par du code JavaScript, externe au format de fichier. Flash utilise un code interne, ActionScript.
Pour importer un fichier PNG Fireworks dans Flash :
2. Accédez à un document ouvert dans Flash. 3. (Facultatif) Cliquez sur le cadre et le calque vers lequel vous voulez importer le contenu
4. Cliquez sur Fichier > Importer.
L’option Importer dans un nouveau calque dans la scène en cours importe le fichier Fireworks vers un nouveau calque, sans changer les images. 7. Sélectionnez la méthode d’importation des objets vectoriels et texte :
L’option Conserver tous les trajets modifiables conserve le caractère modifiable de tous les objets vectoriels. Si les objets contiennent des trames, traits et des effets que Flash ne prend pas en charge, les propriétés sont perdues. 8. Sélectionnez la méthode d’importation des textes :
Flash ne prend pas en charge. Pour conserver l’aspect du texte, Flash les convertit en image bitmap non modifiable. L’option Conserver tous les caractères modifiables conserve l’ensemble du texte modifiable. Si les objets texte contiennent des trames, traits et des effets que Flash ne prend pas en charge, les propriétés sont perdues. 9. Sélectionnez l’option Importer sous la forme d’un bitmap fusionné pour importer le fichier
Remarque : Si vous sélectionnez cette option, aucune autre option de la boîte de dialogue n’est disponible.
Vous pouvez placer rapidement des graphiques Fireworks dans Flash en les copiant et en les collant. Remarque : Pour copier des graphiques dans des versions de Flash antérieures à Flash 8, vous devez cliquer sur Edition > Copier les contours du trajet.
Remarque : Vous ne pouvez pas copier et coller un effet de dégradé de contour de Fireworks dans un document Flash. Pour copier et coller un graphique de Fireworks dans un document Flash :
2. Cliquez sur Edition > Copier ou sur le bouton Exportation rapide, puis, dans le menu
3. Dans Flash, créez un document et cliquez sur Edition > Coller. Remarque : Il peut être nécessaire de cliquer sur Modification > Dissocier pour dissocier les objets afin de les modifier comme objets vectoriels individuels dans Flash.
Vous pouvez exporter des graphiques Fireworks sous forme de fichiers JPEG, GIF, PNG et Illustrator 7 (AI), puis les importer dans Flash. Pour plus d’informations sur l’exportation de fichiers JPEG et GIF, voir l’Aide de Fireworks. Pour plus d’informations sur l’exportation au format PNG, voir Exportation de fichiers PNG avec transparence, page 384. Pour plus d’informations sur l’importation d’un de ces formats dans Flash, voir Importation dans Flash de graphiques et d’animations Fireworks exportés, page 385. Remarque : Bien que PNG soit le format de fichier natif de Fireworks, les fichiers graphiques PNG exportés depuis Fireworks sont différents des fichiers source PNG que vous enregistrez dans Fireworks. Les fichiers PNG exportés ne sont pas différents des fichiers GIF ou JPEG. Ils contiennent uniquement des données d’images et ne contiennent pas d’autres informations, telles que des découpes, des calques, des éléments d’interactivité, des filtres en direct ou autre contenu modifiable. Pour plus d’informations sur les fichiers source PNG, voir l’Aide de Fireworks.
Une partie de la mise en forme est perdue si vous ne sélectionnez pas l’option Conserver l’apparence dans la boîte de dialogue Options d’exportation Flash SWF. La couleur et la taille des traits sont conservées. Les éléments de mise en forme suivants sont perdus lors de l’exportation au format SWF :
• Pour exporter un graphique ou une animation Fireworks sous la forme d’un fichier SWF :
2. Dans la boîte de dialogue Exporter, entrez un nom de fichier et sélectionnez un dossier de
3. Dans le menu contextuel Enregistrer sous, cliquez sur Macromedia Flash SWF. 4. Cliquez sur le bouton Options.
L’option Conserver l’apparence permet de convertir les objets vectoriels en objets bitmap et de conserver l’aspect des traits et des trames appliqués. Le caractère modifiable est perdu. 6. Dans la section Texte, exécutez l’une des actions suivantes :
L’option Convertir en trajets permet de convertir les textes en trajets tout en conservant les paramètres de crénage ou d’espacement spécifiés dans Fireworks. Le caractère modifiable du texte est perdu. 7. Définissez la qualité des images JPEG avec le curseur contextuel Qualité JPEG. 8. Sélectionnez les images à exporter et leur cadence en secondes. 9. Cliquez sur OK. 10. Dans la boîte de dialogue Exporter, cliquez sur Enregistrer.
Exportation de fichiers PNG avec transparence Le format PNG prend en charge la transparence avec les images couleurs 32 bits. Vous pouvez importer des fichiers source PNG Fireworks directement dans Flash. Vous pouvez également créer une transparence avec un fichier PNG 8 bits. Avec un fichier PNG 8 bits, vous obtenez une transparence excellente et une meilleure compression de fichier qu’avec le format GIF. Vous pouvez exporter des graphiques PNG Fireworks 8 bits avec transparence pour l’insertion dans Flash. Pour exporter un fichier PNG 8 bits avec transparence :
2. Sélectionnez le format de fichier d’exportation PNG 8 et Transparence alpha dans le menu
Pour importer des graphiques et des animations Fireworks dans Flash :
Remarque : Si vous importez un graphique Fireworks dans un fichier Flash existant, créez un nouveau calque dans Flash.
3. Cliquez sur Ouvrir pour importer le fichier.
Grâce à l’intégration de la fonction Lancer et modifier, vous pouvez utiliser Fireworks pour modifier un graphique que vous avez précédemment importé dans Flash. Vous pouvez modifier n’importe quel graphique de cette manière, même si le graphique n’a pas été exporté depuis Fireworks. Remarque : Les fichiers PNG natifs Fireworks importés dans Flash constituent une exception, à moins que vous les ayez importés sous forme d’une image bitmap fusionnée.
1. Dans Flash, cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl
2. Dans le menu contextuel, cliquez sur Modifier avec Fireworks. Remarque : Si cette commande ne s’affiche pas dans le menu contextuel, sélectionnez Modifier avec et recherchez l’application Fireworks.
Remarque : Si vous avez changé les préférences de lancement et de modification Fireworks, cette boîte de dialogue ne s’affiche pas.
4. Modifiez l’image et cliquez sur Terminé.
PNG d’origine, ce fichier est également enregistré.
Les procédures de cette section s’appliquent uniquement à l’utilisation de Fireworks avec FreeHand et à l’utilisation de Fireworks avec d’autres applications graphiques vectorielles, telles que Adobe Illustrator et CorelDraw. Pour plus d’informations, voir Utilisation d’autres applications graphiques vectorielles, page 392. Insertion de graphiques FreeHand dans Fireworks Vous pouvez placer des graphiques FreeHand dans Fireworks de différentes manières. Vous pouvez les importer, les copier et les coller ou les faire glisser et les déposer. Fireworks 8 prend en charge les graphiques FreeHand à partir de la version 7. Importation de graphiques FreeHand dans Fireworks Fireworks peut importer des graphiques vectoriels créés dans FreeHand. Vous pouvez définir les options suivantes lors de l’importation d’un graphique FreeHand : Mise à l’échelle
Conversion de fichier permet de spécifier le mode de traitement des documents de plusieurs pages pendant l’importation :
• L’option Ouvrir les pages en tant qu’images importe toutes les pages du document et les place dans des images différentes.
• L’option Mémoriser les calques permet de conserver la structure des calques du fichier importé. • L’option Convertir les calques en images place les calques du document importé dans des images différentes. importe les objets figurant sur des calques masqués. Si vous ne sélectionnez pas cette option, les calques invisibles ne sont pas pris en compte.
2. Créez un document dans Fireworks ou ouvrez un document existant. 3. Cliquez sur Edition > Coller. Pour faire glisser un graphique FreeHand dans Fireworks :
Conseil : Sous Windows, si les applications FreeHand et Fireworks sont agrandies à leur taille maximale, faites glisser le graphique FreeHand vers le bouton Fireworks dans la Barre des tâches. Maintenez le pointeur quelques secondes. La fenêtre Document de Fireworks s’affiche. Faites glisser le pointeur sur le document et relâchez le bouton.
Vous pouvez placer des graphiques Fireworks dans FreeHand de différentes manières. Pour placer rapidement des graphiques Fireworks dans FreeHand, copiez-les et collez-les dans votre document ou importez-les. Vous pouvez également exporter des graphiques Fireworks dans un format compatible avec FreeHand, puis les importer dans FreeHand. Importation de graphiques Fireworks dans FreeHand FreeHand peut importer des graphiques vectoriels créés dans Fireworks. En fonction des options sélectionnées lors de l’importation ou de l’ouverture, FreeHand peut importer des calques, des images, des objets vectoriels, du texte, des bitmaps et certains effets Fireworks partagés par les deux applications. Les calques Fireworks cachés sont ignorés et ne sont pas importés. Que le contenu que vous importez ou ouvrez soit modifiable ou non dans FreeHand dépend des options d’importation sélectionnées dans la boîte de dialogue Paramètres d’importation de PNG Fireworks. Pour importer un fichier PNG Fireworks dans FreeHand :
2. Accédez à un document ouvert dans FreeHand. 3. Cliquez sur Fichier > Importer ou Fichier > Ouvrir.
importe les images Fireworks sur des pages FreeHand séparées. Si vous le souhaitez, sélectionnez Mémoriser les calques pour convertir les calques Fireworks en calques FreeHand. Si vous ne sélectionnez pas cette option, le contenu de tous les calques Fireworks sera combiné en un seul calque.
6. Sélectionnez une image à importer dans le menu contextuel Image. Pour importer toutes les
10. Cliquez sur OK. 11. Cliquez dans la fenêtre Document de FreeHand dans laquelle vous souhaitez voir s’afficher le
Copier/coller des graphiques Fireworks dans FreeHand Pour placer rapidement des graphiques Fireworks dans FreeHand, copiez-les et collez-les dans votre document. Lorsque vous placez des graphiques Fireworks dans FreeHand, certains attributs sont perdus, tels que les filtres en direct et les textures. Pour plus d’informations, voir Fonctions non prises en charge, page 392. Remarque : La méthode d’insertion par copier/coller de graphiques Fireworks dans d’autres applications fonctionne aussi avec Illustrator, CorelDraw et Adobe Photoshop. Pour copier et coller des graphiques dans FreeHand :
2. Cliquez sur Edition > Copier ou sur le bouton Exportation rapide, puis, dans le menu
3. Accédez à un document ouvert dans FreeHand. 4. Cliquez sur Edition > Coller.
5. Sélectionnez les options souhaitées, puis cliquez sur OK.
Vous pouvez utiliser la commande Copier les contours du trajet pour copier des trajets Fireworks sélectionnés et les coller dans FreeHand. La commande Copier les contours du trajet est utile si vous souhaitez copier les trajets mais pas leur contenu. Remarque : Utilisez la commande Copier les contours du trajet avec FreeHand 10 ou les versions antérieures. Avec FreeHand MX, utilisez Edition > Copier pour récupérer l’aspect complet de l’objet et faire en sorte qu’il soit entièrement modifiable. Pour plus d’informations, voir Copier/coller des graphiques Fireworks dans FreeHand, page 390. Pour copier les trajets Fireworks sélectionnés :
2. Accédez à un document ouvert dans FreeHand. 3. Cliquez sur Edition > Coller pour coller les trajets.
Pour exporter un graphique vectoriel vers FreeHand :
2. Dans la boîte de dialogue Exporter, entrez un nom de fichier et sélectionnez un dossier de
3. Dans le menu contextuel Enregistrer sous, cliquez sur Illustrator 7. Remarque : Illustrator 7 est un format de fichier graphique que vous utilisez lorsque vous exportez depuis Fireworks vers une autre application graphique vectorielle, notamment Macromedia FreeHand. La plupart des applications vectorielles lisent les fichiers Illustrator 7.
5. Dans la boîte de dialogue Options d’exportation vers Illustrator, exécutez l’une des actions
Exporter l’image active uniquement Convertir les images en calques
7. Cliquez sur OK. 8. Dans la boîte de dialogue Exporter, cliquez sur Enregistrer. Remarque : Lors de l’exportation, Fireworks définit des bords nets.
10. Cliquez sur Fichier > Ouvrir ou sur Fichier > Importer pour accéder au fichier que vous avez
La plupart des éditeurs graphiques vectoriels, dont Macromedia FreeHand, ne prennent pas en charge les fonctions Fireworks suivantes :
• Objets découpes et images interactives Nombreuses options de mise en forme du texte Repères, grilles et couleur du fond Images bitmap Certains traits
Fireworks sans compromettre la qualité. Remarque : Le style HTML Director ne prend pas en charge le code de menus contextuels.
Director peut importer des images fusionnées depuis Fireworks, telles que des images JPEG et GIF. Il peut également importer des images PNG 32 bits avec transparence. Pour les contenus découpés, interactifs et animés, Director peut importer du code HTML Fireworks. Pour plus d’informations sur l’exportation d’images Fireworks fusionnées JPEG et GIF, voir l’Aide de Fireworks.
Pour exporter une image PNG 32 bits avec transparence :
2. Cliquez sur Fichier > Exporter. 3. Sélectionnez Images uniquement dans le menu contextuel Type. Nommez le fichier, puis
Exportation de calques et de découpes vers Director En exportant des découpes Fireworks vers Director, vous pouvez exporter des contenus découpés et interactifs, tels que des boutons et des images de survol. En exportant des calques vers Director, vous pouvez exporter des contenus Fireworks contenant des calques tels que des animations. Pour exporter des fichiers Fireworks vers Director :
Remarque : Vous pouvez également cliquer sur le bouton Exportation rapide et sélectionner l’option de source comme calques ou de source comme découpes dans le menu contextuel Director. Sélectionnez Source comme calques si vous exportez une animation et Source comme découpes si vous exportez un contenu interactif, tel que des boutons.
3. Dans le menu contextuel Enregistrer sous, cliquez sur Director. 4. Dans le menu contextuel Source, sélectionnez une option :
Pour importer une image Fireworks fusionnée :
2. Accédez au fichier approprié et cliquez sur Importer. 3. Si nécessaire, changez les options de la boîte de dialogue Options d’image. Pour plus
Pour importer des calques, des découpes et des éléments interactifs Fireworks :
Remarque : L’emplacement et le nom de cette commande de menu peuvent être différents selon votre version de Director.
convertit les comportements
Importation selon scénario
Remarque : Si vous importez une animation Fireworks, faites glisser les images-clés dans Director pour décaler le délai de chaque calque importé, si nécessaire.
L’intégration de lancement et de modification permet de modifier les acteurs Director en démarrant Fireworks pour les modifier depuis Director. Vous pouvez également démarrer Fireworks depuis Director pour optimiser les acteurs. Pour démarrer Fireworks pour modifier un acteur de Director :
2. Dans le menu contextuel, cliquez sur Modifier avec éditeur externe. Remarque : Si Fireworks ne démarre pas comme éditeur d’images externe, dans Director, cliquez sur Fichier > Préférences > Editeurs et définissez Fireworks comme éditeur externe de fichiers graphiques bitmap.
1. Dans Director, sélectionnez l’acteur dans la fenêtre Distribution et cliquez sur Optimiser dans
2. Dans Fireworks, modifiez les paramètres d’optimisation de manière appropriée. 3. Cliquez sur Mettre à jour une fois que vous avez terminé. Cliquez sur Terminé si la boîte de
L’image est mise à jour dans Director avec les nouveaux paramètres.
Vous pouvez utiliser Fireworks et Macromedia HomeSite conjointement pour créer et modifier des pages Web. L’exportation et l’ouverture de code Fireworks HTML dans HomeSite est aussi simple que l’insertion de graphiques Fireworks dans des documents HomeSite. Mais plus important encore, Fireworks et HomeSite partagent une intégration puissante qui vous permet de démarrer Fireworks depuis HomeSite pour modifier des graphiques Web. Insertion d’images Fireworks dans HomeSite Vous pouvez insérer des images GIF ou JPEG Fireworks dans un document HomeSite. Vous devez d’abord exporter les images depuis Fireworks. Pour plus d’informations sur l’exportation d’images GIF et JPEG, voir l’Aide de Fireworks. Pour insérer une image Fireworks dans un document HomeSite :
Remarque : HomeSite crée des chemins relatifs vers les images, mais il ne peut le faire que si vous avez enregistré le document.
3. Pour insérer l’image Fireworks dans votre document HomeSite, exécutez l’une des actions
■ Un lien vers l’image Fireworks est créé dans le code HTML. Cliquez sur l’onglet Parcourir pour afficher l’aperçu de l’image dans le document HomeSite.
HomeSite en utilisant la commande Mettre à jour le code HTML de Fireworks. Remarque : Avant d’exporter, de copier ou de mettre à jour le code HTML Fireworks dans HomeSite, assurez-vous de sélectionner le type de HTML Générique dans la boîte de dialogue Configuration HTML. Pour plus d’informations, voir l’Aide de Fireworks.
L’exportation du code HTML Fireworks génère un fichier HTML et les fichiers d’image associés dans l’emplacement que vous définissez. Vous pouvez ensuite ouvrir le fichier HTML dans HomeSite pour le modifier. Remarque : Avant d’exporter, assurez-vous de sélectionner le type de HTML Générique dans la boîte de dialogue Configuration HTML. Pour plus d’informations, voir l’Aide de Fireworks. Pour exporter du code HTML Fireworks vers HomeSite :
Fireworks. Copie de code HTML Fireworks dans le Presse-papiers pour l’utiliser dans HomeSite Une méthode rapide d’insertion du code HTML Fireworks dans HomeSite consiste à copier le code dans le Presse-papiers de Fireworks et à le coller directement dans un document HomeSite. Lorsque vous copiez du code HTML Fireworks dans le Presse-papiers, les images nécessaires sont exportées vers l’emplacement que vous définissez. Remarque : Avant de le copier dans le Presse-papiers, assurez-vous de sélectionner le type de HTML Générique dans la boîte de dialogue Configuration HTML. Pour plus d’informations, voir l’Aide de Fireworks. Pour copier du code HTML Fireworks pour l’utiliser dans HomeSite :
Pour copier du code d’un fichier Fireworks exporté et le coller dans HomeSite :
HomeSite existant. Pour plus d’informations, voir l’Aide de Fireworks. Mise à jour du code HTML Fireworks exporté dans HomeSite La commande Mettre à jour le code HTML permet de modifier un document HTML Fireworks que vous avez exporté vers HomeSite. Remarque : Avant de mettre à jour le code HTML, assurez-vous de sélectionner le type de HTML Générique dans la boîte de dialogue Configuration HTML. Pour plus d’informations, voir l’Aide de Fireworks. Pour mettre à jour du code HTML Fireworks exporté dans HomeSite :
Modification d’images Fireworks dans HomeSite Vous pouvez utiliser l’intégration des fonctions de lancement et de modification pour modifier des images dans un document HomeSite. HomeSite démarre automatiquement Fireworks pour vous permettre de modifier l’image. Lorsque vous quittez Fireworks, les mises à jour que vous avez apportées sont automatiquement appliquées à l’image placée dans HomeSite. Ensemble, les deux applications fournissent un processus rationnel de modification de graphiques Web dans les pages HTML. Pour ouvrir et modifier des images Fireworks placées dans HomeSite :
2. Exécutez l’une des actions suivantes : ■ Cliquez avec le bouton droit de la souris sur la balise img associée dans le code HTML affiché dans l’onglet Modifier de la fenêtre Document.
4. Si un message vous y invite, indiquez si vous désirez rechercher le fichier source Fireworks de
L’image mise à jour est réexportée vers HomeSite et le fichier source PNG est enregistré si un fichier source a été sélectionné.
Fireworks assure une excellente prise en charge de l’importation de fichiers natifs Photoshop (.PSD), avec des options qui permettent de conserver de nombreux aspects des fichiers importés (calques, masques et texte modifiable). Vous pouvez donc importer des images Photoshop dans Fireworks afin de les modifier et de les optimiser pour le Web, sans perdre la possibilité de réexporter ces images vers Photoshop. Insertion de graphiques Photoshop dans Fireworks Vous pouvez faire glisser des graphiques Photoshop dans Fireworks ou importer la totalité d’un fichier Photoshop. Glisser-déposer de graphiques Photoshop dans Fireworks Vous pouvez placer des graphiques Photoshop dans Fireworks en les faisant glisser dans votre document. Pour faire glisser un graphique Photoshop dans Fireworks :
Chaque graphique que vous faites glisser devient un nouvel objet bitmap. Le texte est également importé sous forme d’objet bitmap et devient un texte non modifiable. Pour plus d’informations, voir Importation de texte depuis Photoshop, page 400. Importation de fichiers Photoshop dans Fireworks Lorsque vous importez ou ouvrez un fichier Photoshop dans Fireworks, le fichier Photoshop est converti en fichier PNG selon les préférences d’importation que vous avez indiquées. Outre la conservation des calques et du texte selon les options d’importation que vous avez définies, Fireworks conserve et convertit les éléments de Photoshop suivants :
• Les effets de calques sont convertis en filtres en direct Fireworks si un filtre en direct correspondant existe. Par exemple, l’effet de calque Ombre portée est converti dans Fireworks en filtre en direct Ombre portée. Remarque : L’aspect des effets de calques et des filtres en direct peut varier légèrement.
Photoshop. Cependant, vous pouvez exporter des trajets d’Illustrator vers Photoshop, puis importer le fichier AI dans Fireworks. Remarque : Sous Windows, les noms des fichiers Photoshop doivent inclure une extension .PSD de façon à être identifiés correctement par Fireworks. Pour importer un fichier Photoshop dans Fireworks :
Vous pouvez ouvrir ou importer un fichier Photoshop contenant du texte. Lors de l’ouverture de fichiers Photoshop contenant du texte, Fireworks contrôle si vous disposez des polices nécessaires sur votre système. Si tel n’est pas le cas, Fireworks demande si vous souhaitez remplacer les polices ou conserver leur aspect. Pour plus d’informations, voir l’Aide de Fireworks. Si le texte du fichier Photoshop contient des effets pris en charge par Fireworks, ces effets sont conservés dans Fireworks. Toutefois, étant donné que Fireworks et Photoshop n’appliquent pas les effets de la même manière, ces effets peuvent être différents dans chaque application. Lorsque vous ouvrez ou importez dans Fireworks des fichiers Photoshop 6 ou 7 contenant du texte, si l’option Conserver l’apparence est activée, une image cache du texte s’affiche pour conserver l’aspect Photoshop. Une fois le texte modifié, l’image cache est remplacée par le texte réel, dont l’aspect peut être différent de celui de l’original. Les données relatives à la police d’origine sont enregistrées dans le fichier PNG de manière à ce que si le fichier se trouve sur un système disposant des polices adéquates, vous puissiez choisir d’utiliser ou non ces polices. Remarque : Fireworks ne permet pas d’exporter du texte dans le format Photoshop 6 ou 7. Si vous modifiez un document Photoshop 6 ou 7 contenant du texte et que vous réexportez le document dans Photoshop, le fichier est exporté au format Photoshop 5.5. Si vous ne modifiez pas le texte, le fichier est exporté au format Photoshop 6. Pour plus d’informations sur l’exportation de fichiers Photoshop, voir Insertion de graphiques Fireworks dans Photoshop, page 403.
Remarque : Sur Mac OS X, cliquez sur Fireworks > Préférences.
Fireworks. Cette option permet de modifier le texte importé à l’aide de l’Inspecteur des propriétés et de l’outil Texte Fireworks. Le texte converti peut légèrement changer d’aspect par rapport à l’original. Texte : Conserver l’apparence convertit le texte d’un fichier Photoshop en objet bitmap dans Fireworks. Cette option conserve l’aspect original du texte, mais ne vous permet pas de modifier celui-ci à l’aide de l’outil Texte de Fireworks. Les données relatives à la police d’origine sont enregistrées dans le fichier PNG de manière à ce que si le fichier se trouve sur un système disposant des polices adéquates, vous puissiez choisir d’utiliser ou non ces polices. Utiliser image composite fusionnée
Les plug-ins et les filtres Photoshop à partir de la version 6 ne sont pas compatibles avec Fireworks 8.
Fireworks. Pour utiliser des filtres et des plug-ins Photoshop ou de fabricants tiers à l’aide de la boîte de dialogue Préférences :
Remarque : Sur Mac OS X, cliquez sur Fireworks > Préférences.
3. Sélectionnez l’option Plug-ins Photoshop. Remarque : Si la boîte de dialogue ne s’affiche pas automatiquement, cliquez sur Parcourir.
5. Cliquez sur OK pour fermer la boîte de dialogue Préférences. 6. Redémarrez Fireworks pour charger les filtres et les plug-ins. Pour utiliser des filtres et des plug-ins Photoshop ou de fabricants tiers à l’aide de la fenêtre Filtres en direct :
Remarque : Ce bouton est disponible uniquement lorsqu’un objet est sélectionné dans le document.
3. Accédez au dossier d’installation des filtres et des plug-ins Photoshop ou tiers et cliquez sur
4. Redémarrez Fireworks pour charger les filtres et les plug-ins. Remarque : Vous pouvez également installer des plug-ins directement dans le dossier Plug-ins de Fireworks.
(PSD). Les paramètres d’exportation permettent de contrôler les éléments du fichier qui resteront modifiables lorsque vous rouvrirez le fichier dans Photoshop. Une image Fireworks exportée dans Photoshop reste modifiable lorsque vous la rouvrez dans Fireworks en tant que graphique Photoshop. Les options d’exportation pour la modification, l’aspect et la taille de fichier permettent de déterminer la meilleure procédure d’exportation d’un graphique. Les utilisateurs de Photoshop peuvent travailler sur leurs graphiques dans Fireworks, puis poursuivre leur modification dans Photoshop. Pour exporter un fichier au format Photoshop :
2. Dans la boîte de dialogue Exporter, nommez votre fichier et, dans le menu Type, cliquez sur
Conserver l’aspect de Fireworks convertit chaque objet en calque Photoshop individuel, mais les effets et le texte ne peuvent plus être modifiés. Sélectionnez cette option si vous désirez garder le contrôle des objets Fireworks dans Photoshop tout en conservant l’aspect original de l’image Fireworks.
Sélectionnez cette option si vous exportez un fichier contenant un grand nombre d’objets Fireworks.
Remarque : Photoshop 5.5 et les versions précédentes ne permettent pas d’ouvrir les fichiers comportant plus de 100 calques. Vous devez supprimer ou fusionner les objets lorsque le document Fireworks à exporter comporte plus de 100 objets.
2. Dans le menu contextuel Objets, exécutez l’une des actions suivantes : Convertir en calques Photoshop convertit chaque objet Fireworks en calque Photoshop et chaque masque Fireworks en masque de calque Photoshop.
Fireworks, lesquels se transforment en calque Photoshop. Si vous sélectionnez cette option, vous n’aurez plus la possibilité de modifier les objets de Fireworks dans Photoshop. Vous perdez également d’autres fonctions (modes de fusion) qui sont associées aux objets de Fireworks.
équivalent Photoshop. Les effets qui n’existent pas dans Photoshop sont ignorés.
Conserver le caractère modifiable convertit le texte en un calque Photoshop modifiable. La mise en forme de texte non prise en charge par Photoshop est alors perdue. Rendu du texte transforme le texte en un objet image. Si vous sélectionnez cette option, vous conservez l’aspect du texte, mais n’avez plus la possibilité de le modifier.
Vous pouvez utiliser Fireworks et Adobe GoLive pour créer et modifier des pages Web. Vous pouvez exporter et copier du code HTML Fireworks dans Adobe GoLive, comme vous le faites avec la plupart des éditeurs HTML. La seule exception réside dans le fait que vous devez sélectionner GoLive HTML comme style HTML avant d’exporter ou de copier le code HTML de Fireworks. Pour plus d’informations sur le choix d’un style HTML et l’exportation du code HTML Fireworks, voir l’Aide de Fireworks. Remarque : Le style HTML Adobe GoLive ne prend pas en charge le code des menus contextuels. Si votre document Fireworks contient des menus contextuels, vous devez sélectionner le style HTML Générique avant l’exportation.
Pour plus d’informations sur l’insertion du code HTML Fireworks dans des éditeurs de code HTML, voir l’Aide de Fireworks. Fireworks permet d’importer également des contenus HTML. Il s’agit d’une fonction puissante qui permet d’ouvrir et de modifier la plupart des documents HTML dans Fireworks. Pour plus d’informations, voir l’Aide de Fireworks.
Si vous maîtrisez JavaScript et Fireworks, vous pouvez écrire en JavaScript vos propres objets et commandes qui affectent les documents Fireworks et leurs éléments. Vous pouvez également utiliser l’architecture Fireworks Cross Product Communication pour permettre aux applications écrites en ActionScript 2.0 et C++ de contrôler Fireworks. Pour plus d’informations, voir l’Aide sur l’extension de Fireworks.
Pour accélérer le processus de modification, la fonction Rechercher et remplacer peut être appliquée à des éléments dans un ou plusieurs fichiers. Vous pouvez rechercher et remplacer des éléments (URL, polices, couleurs, texte et commandes) créés dans le panneau Historique. Vous pouvez utiliser la fonction Traitement par lots pour convertir des groupes entiers de fichiers d’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, 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 commandes 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. Extension Manager permet d’importer, d’installer et de supprimer des extensions dans les applications Macromedia pour étendre les capacités de Fireworks. Ce chapitre couvre les rubriques suivantes : Recherche et remplacement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408 Traitement par lots. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412 Extension de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423 (texte, URL, police et couleurs). Cette fonction peut être appliquée au document actif ou à un groupe de fichiers. La commande Rechercher et remplacer ne fonctionne qu’avec des fichiers PNG Fireworks ou des fichiers contenant des objets vectoriels, tels que les fichiers FreeHand, CorelDRAW non compressés et Illustrator.
Pour sélectionner la source de recherche :
2. Pour ouvrir le panneau Rechercher, exécutez l’une des actions suivantes : ■
Rechercher dans la sélection Rechercher dans l’image
Rechercher dans le document
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 contextuel Rechercher, indiquez les fichiers à rechercher après avoir lancé la recherche en cliquant sur Rechercher, Remplacer ou Remplacer tout.
5. Définissez les options de l’attribut Recherche sélectionné. 6. Sélectionnez une opération de recherche et remplacement :
recherche et remplace toutes les occurrences d’un élément trouvé durant la
Remarque : Le remplacement des objets dans plusieurs fichiers enregistre automatiquement ces fichiers ; 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 419.
Lorsque vous effectuez une recherche et un 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 :
2. Cliquez sur Enregistrer et fermer les fichiers pour enregistrer et fermer les fichiers après la
Seuls les documents déjà actifs restent ouverts. Remarque : Si l’option Enregistrer et fermer les fichiers est désactivée et que vous traitez par lots un grand nombre de fichiers, Fireworks peut se trouver à court de mémoire et annuler le traitement par lots.
Ecraser les copies existantes
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 rechercher et remplacer des mots, des phrases ou toute autre chaîne de texte :
2. Dans la zone de texte Rechercher, entrez le texte à rechercher. 3. Entrez le texte de remplacement dans la zone de texte Remplacer par. 4. Vous pouvez sélectionner des options permettant de définir la recherche : Mot entier permet de rechercher le texte uniquement sous la forme du mot tel qu’il apparaît dans l’option 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
Pour rechercher et remplacer des polices dans un ou plusieurs documents Fireworks :
2. Sélectionnez la police et le style à rechercher. Conseil : Vous pouvez affiner la recherche en définissant des tailles de police minimum et maximum.
Vous pouvez rechercher toutes les occurrences d’une couleur particulière dans vos documents Fireworks et les remplacer par une autre couleur. Pour rechercher et remplacer des couleurs dans des documents Fireworks :
2. Dans le menu contextuel Appliquer à, sélectionnez un élément pour indiquer comment les
Remplissages et traits permet d’effectuer une opération Rechercher et Remplacer à la fois sur
Toutes les propriétés permet d’effectuer une opération Rechercher et Remplacer sur les couleurs de trame, de trait et d’effet. Remplissages permet d’effectuer une opération Rechercher et Remplacer sur une couleur de trame, à l’exception des remplissages à motifs. Traits permet d’effectuer une opération Rechercher et Remplacer sur les couleurs de trait uniquement. Effets permet d’effectuer une opération Rechercher et Remplacer sur les couleurs d’effet uniquement.
2. Dans la zone de texte Rechercher, entrez l’URL à rechercher. 3. Entrez l’URL de remplacement dans la zone de texte Remplacer par. 4. Vous pouvez sélectionner des options permettant de définir la recherche : Mot entier permet de rechercher le texte uniquement sous la forme du mot tel qu’il apparaît dans l’option 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
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 325. Pour chercher toutes les couleurs non Websafe et les remplacer par des couleurs Websafe :
Web216. Remarque : L’option Rechercher non Web216 ne permet pas d’effectuer une opération Rechercher et Remplacer sur les pixels des objets image.
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 le même format avec d’autres paramètres d’optimisation.
• Recherche et remplacement de texte, de couleurs, d’URL, de polices et de couleurs non Web216.
sélectionner des fichiers dans différents dossiers et vous pouvez inclure tous les documents ouverts dans le lot. Lorsque vous travaillez avec l’Assistant, vous pouvez utiliser le bouton Retour si vous devez apporter des modifications à votre sélection de fichiers. Vous avez également la possibilité de ne sélectionner aucun fichier lorsque vous utilisez l’Assistant, si vous ne souhaitez pas enregistrer le script de traitement par lots en vue d’un usage ultérieur.
2. Cliquez sur l’une des options suivantes dans la boîte de dialogue Lot (Windows) ou Traitement
Ajouter ajoute les fichiers et dossiers sélectionnés à la liste de fichiers à traiter dans le même lot.
Remarque : Les fichiers valides sont les fichiers 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 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
Pour réorganiser la liste, sélectionnez la tâche dans la liste Inclure dans le lot, puis cliquez sur les boutons fléchés Haut et Bas.
6. Sélectionnez les paramètres adaptés pour chaque option.
7. Cliquez sur Suivant.
Même emplacement que le fichier d’origine
9. Sélectionnez Sauvegardes pour choisir les options de sauvegarde des fichiers originaux.
10. Cliquez sur Enregistrer le script, si vous souhaitez enregistrer les paramètres du traitement par
Pour plus d’informations, voir Enregistrement des traitements par lots sous forme de scripts, page 422. 11. Cliquez sur Lot pour exécuter le traitement par lots.
En outre, un fichier journal nommé FireworksBatchLog.txt est créé durant le traitement par lots. Ce fichier répertorie tous les fichiers traités, les fichiers éventuels qui n’ont pas pu être ouverts, ainsi que d’autres informations. Ce fichier journal se trouve à l’emplacement suivant : ■
Pour définir les paramètres d’exportation à appliquer à un traitement par lots :
2. Dans le menu contextuel Paramètres, sélectionnez l’une des options suivantes, puis cliquez sur
■ 3. Cliquez sur Suivant pour continuer le traitement par lots.
Pour définir les options de mise à l’échelle lors d’un traitement par lots :
2. Dans le menu contextuel Mise à l’échelle, sélectionnez une option : Pas de mise à l’échelle
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 : Sélectionnez 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
3. Si vous avez sélectionné Mise à l’échelle avec cette taille ou Mise à l’échelle de la zone dans le
Mettre uniquement à l’échelle les documents dépassant actuellement la taille cible. 4. Cliquez sur Suivant pour continuer le traitement par lots.
L’option Remplacement de lot affecte uniquement les formats de fichier suivants : Fireworks PNG, Illustrator, FreeHand et CorelDraw. Elle ne permet pas d’intervenir sur les fichiers GIF et JPEG. Pour sélectionner les attributs à rechercher/remplacer durant un traitement par lots :
2. Cliquez sur Edition. 3. Sélectionnez le type d’attribut à rechercher et à remplacer dans le menu contextuel Rechercher :
4. Dans la zone Rechercher, entrez ou sélectionnez l’élément spécifique à rechercher. 5. Dans la zone Remplacer par, entrez ou sélectionnez l’élément spécifique de remplacement. 6. Cliquez sur OK pour enregistrer les paramètres Rechercher et Remplacer. 7. Cliquez sur Suivant pour continuer le traitement par lots.
Pour définir les options de dénomination pour les fichiers traités par lots :
2. Sélectionnez l’option Renommer au bas de la boîte de dialogue Traitement par lots : Remplacer par vous
Par exemple, si vous avez des fichiers nommés Temp_123.jpg, Temp_124.jpg et Temp_125.jpg, vous pouvez remplacer « Temp_12 » par « Birthday », ce qui modifie les noms de fichier respectivement en Birthday3.jpg, Birthday4.jpg et Birthday5.jpg.
Par exemple, si vous indiquez « nuit_ », le fichier Soleil_levant.gif est renommé nuit_Soleil_levant.gif lors de son traitement par lots.
Soleil_levant_jour.gif lors de son traitement par lots.
Exécution de commandes à l’aide d’un traitement par lots Pour exécuter des commandes JavaScript sur des fichiers, sélectionnez l’option Commandes dans la boîte de dialogue Traitement par lots. Pour définir les options de commandes pour des fichiers traités par lots :
2. Pour ajouter une commande à la liste Inclure dans le lot, sélectionnez une commande et cliquez
Remarque : Ces commandes ne peuvent pas être modifiées.
Après avoir défini toutes les options de traitement par lots dans la boîte de dialogue Traitement par lots, vous devez sélectionner les options d’enregistrement de vos fichiers. Vous pouvez effectuer des copies de sauvegarde des fichiers originaux lors d’un traitement par lots. Les copies de sauvegarde des fichiers sont placées dans un sous-dossier appelé Original Files du dossier de chaque fichier original.
3. Sélectionnez le type de sauvegarde des fichiers : Ecraser les copies existantes
Remarque : Si l’option Sauvegardes n’est pas activée, le traitement par lots écrase 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é.
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 traitement par lots. Après avoir défini toutes les options de traitement par lots dans la boîte de dialogue Lots, vous devez sélectionner les options d’enregistrement de vos fichiers. Pour créer un script de traitement par lots :
2. Entrez le nom et la destination du script. 3. Cliquez sur Enregistrer.
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 435. Pour exécuter un script de traitement par lots :
■ ■ 2. Sélectionnez un script, puis cliquez sur Ouvrir.
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 faites glisser ce script depuis votre disque dur vers l’icône de Fireworks sur votre bureau pour exécuter le traitement par lots. L’application Fireworks démarre et exécute ce script. Pour exécuter un script par glisser-déposer :
2. Exécutez l’une des actions suivantes : ■ 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. 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 films Flash SWF dans Fireworks sous forme de commandes personnalisées. Vous pouvez coller les valeurs de couleur directement depuis Flash Actionscript dans les sélecteurs de couleurs Fireworks. Par ailleurs, le panneau Historique Fireworks 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 Commandes. Remarque : Lorsqu’elles sont enregistrées sous forme de fichier 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 426.
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) du dossier Configuration 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 de profil utilisateur, page 435. Pour ouvrir Extension Manager à partir de Fireworks, exécutez l’une des actions suivantes :
• Cliquez sur Aide > Gérer les extensions. Pour plus d’informations sur l’utilisation d’Extension Manager, voir l’aide d’Extension Manager. Pour visiter le site Web de Macromedia Fireworks Exchange :
• Dans un navigateur Web, visitez le site Fireworks Exchange à l’adresse http://www.macromedia.com/go/fireworks_exchange_fr. Script avec le panneau Historique Le panneau Historique enregistre la liste de toutes vos actions dans Fireworks. Chaque étape est enregistré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 dans le panneau Historique sous forme de commandes réutilisables. Ces commandes peuvent être exécutées sur tout document Fireworks. Elles ne sont pas spécifiques à un type de document. Les commandes mémorisées sont enregistrées dans des fichiers JSF 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 de profil utilisateur, page 435.
Pour annuler ou répéter des étapes à l’aide du panneau Historique :
Remarque : Les étapes annulées restent dans le panneau Historique, mais elles apparaissent grisées. Pour changer le nombre d’étapes mémorisées par le panneau Historique :
2. Indiquez le nombre d’étapes que vous voulez que le panneau Historique mémorise. Remarque : Plus ce nombre d’étapes est élevé, plus la mémoire vive de l’ordinateur est sollicitée. Pour effacer toutes les étapes qui apparaissent dans le panneau Historique :
Cette opération permet de libérer de la mémoire et de l’espace disque. Remarque : Si vous effacez des étapes du panneau Historique, vous ne pourrez plus les annuler.
Vous pouvez à tout moment exécuter des commandes ou une sélection d’actions enregistrées dans le panneau Historique. Pour reproduire une commande enregistrée :
2. Dans le menu Commandes, sélectionnez la commande.
3. Cliquez sur le bouton Réexécuter, en bas du panneau Historique.
Pour appliquer les étapes sélectionnées à des objets situés dans de nombreux documents :
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. Cliquez sur Edition > Coller. Pour répéter la dernière étape :
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. Dans Dreamweaver, vous pouvez donc écrire des scripts permettant de contrôler Fireworks. Pour consulter la documentation sur l’API JavaScript, voir Extension de Fireworks. Création de scripts à l’aide de fichiers Flash SWF A l’aide de Flash, vous pouvez créer des films SWF contenant du code JavaScript. Ces films peuvent être utilisés comme des commandes Fireworks accessibles à partir du menu Commandes de Fireworks. Vous pouvez même créer un film SWF et l’utiliser en tant que panneau Fireworks, accessible à partir du menu Fenêtre. Dans Fireworks, le panneau Aligner est un exemple de film Flash importé sous la forme de panneau. Les films SWF utilisés comme commandes sont enregistrés dans le dossier Commands de votre disque dur, alors que ceux utilisés comme panneaux sont enregistrés 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 Panels 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 435.
Flash SWF, voir Extension de Fireworks. 426
Vous pouvez renommer ou supprimer des commandes que vous avez créées à l’aide 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 :
2. Sélectionnez la commande. 3. Cliquez sur Renommer, entrez un nouveau nom, puis cliquez sur OK. Pour supprimer une commande personnalisée, exécutez l’une des actions suivantes :
Commands de votre dossier Fireworks de profil utilisateur spécifique. Pour plus d’informations sur l’emplacement de ce dossier, voir Fichiers de profil utilisateur, page 435. Pour renommer ou supprimer une commande fournie avec Fireworks ou téléchargée à partir de Macromedia Exchange :
• Cliquez sur Aide > Gérer les extensions. La fenêtre Extension Manager s’affiche. Pour plus d’informations sur la gestion des extensions, voir l’aide d’Extension Manager. Modification ou personnalisation d’un script de commandes Les scripts de commandes sont enregistrés en JavaScript. Si vous maîtrisez le langage JavaScript, vous pouvez ouvrir et modifier les commandes dans un éditeur de texte tel que le Bloc-notes (Windows) ou TextEdit (Macintosh). Pour modifier une commande à l’aide de JavaScript :
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 Panels 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 435.
3. Enregistrez et fermez le script.
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 texte. 5. Modifiez les étapes souhaitées. 6. Enregistrez et fermez le script. 7. Copiez le 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 435.
Fireworks, voir Extension de Fireworks.
2. Sélectionnez le groupe de préférences que vous souhaitez modifier : Général, Edition, Lancer et
Espace de travail : L’option Afficher les icônes des onglets est désélectionnée par défaut. Cette option permet d’afficher ou de masquer les icônes graphiques sur les onglets de panneau qui étaient visibles dans les précédentes versions de Fireworks. Elle affecte également l’affichage de la barre de lancement automatique située au bas de la fenêtre Document. Enregistrement des fichiers : Ajouter des icônes d’aperçu (Macintosh uniquement) permet
Lorsque cette option est désélectionnée, Fireworks affiche l’icône standard des fichiers PNG Fireworks. Cette option prend effet après l’enregistrement du fichier.
Recadrer le document ou sur Modification > Document > Taille du document.
Gomme, Flou, Accentuer, Révélateur, Brûlure et Tache pour refléter précisément 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 s’affichent.
Afficher les points unis
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. 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.
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 et Macromedia Director, lancent et modifient des graphiques dans Fireworks. Dans la plupart des cas, Fireworks tente de localiser le fichier source PNG associé au graphique. 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 graphiques 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.
PNG Fireworks d’origine s’affiche lorsque vous utilisez Fireworks pour modifier des images dans d’autres applications.
Remarque : Ce paramètre ne s’applique pas à Director, qui affiche et optimise automatiquement un graphique 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 de graphiques Fireworks dans Director, voir Utilisation de Macromedia Director MX, page 392. Remarque : Macromedia Dreamweaver gère différemment les préférences Lancer et Modifier. Dreamweaver ouvre toujours 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 n’est présente ou si le chemin d’accès au fichier source PNG est rompu, Dreamweaver vous invite toujours à localiser le fichier source PNG. Pour plus d’informations sur la manipulation de graphiques et d’éléments interactifs Fireworks dans Dreamweaver, voir Utilisation de Macromedia Dreamweaver, page 362.
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. 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.
JPEG et GIF apparaissent en tant qu’options dans les menus contextuels Motif et Texture dans l’Inspecteur des propriétés. Pour plus d’informations sur les textures et les motifs, voir Ajout d’une texture à un remplissage, page 186. Préférences d’importation de fichiers Photoshop Les préférences figurant sous l’onglet Importer permettent de définir des options de conversion des fichiers Photoshop :
• Vous pouvez choisir de modifier le texte importé ou de conserver son aspect. • Vous pouvez importer un fichier Photoshop sous forme d’objet bitmap fusionné. Pour plus d’informations sur les préférences d’importation, voir Utilisation d’Adobe Photoshop, page 399.
La première fois que vous lancez Fireworks après la suppression du fichier de 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 :
2. Localisez le fichier de préférences de Fireworks 8 sur le disque dur, puis supprimez-le.
Localisation du fichier de préférences Fireworks, page 436. 3. Redémarrez Fireworks.
Le programme Fireworks permet d’utiliser des raccourcis clavier pour sélectionner des commandes de menu, sélectionner des outils dans le 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 sélectionner le jeu de raccourcis de votre choix. Pour changer le jeu de raccourcis actif :
2. Dans le menu contextuel Jeu actuel, sélectionnez le jeu de raccourcis souhaité, puis cliquez sur
Création de raccourcis personnalisés et secondaires Vous pouvez créer vos 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 (Windows) et Commande, Maj, Option et Ctrl (Macintosh). Les raccourcis d’outils consistent en une lettre ou un chiffre unique.
3. Entrez le nom du jeu personnalisé dans la boîte de dialogue Dupliquer le jeu, puis cliquez sur
Le nom du nouveau menu personnalisé s’affiche dans la zone de texte Jeu actuel. 4. Dans la liste Commandes, sélectionnez la catégorie de raccourci appropriée : ■
6. Cliquez dans la zone de texte Appuyer sur la touche et appuyez sur les touches souhaitées pour
Si la combinaison de touches sélectionnée est déjà utilisée par un autre raccourci, un message d’avertissement s’affiche sous la zone de texte Appuyer sur la touche. 7. Exécutez l’une des actions suivantes : ■
Suppression de raccourcis personnalisés et de jeux de raccourcis personnalisés Vous pouvez supprimer tout raccourci ou jeu de raccourcis personnalisés. Pour supprimer un jeu de raccourcis personnalisés :
2. Cliquez sur le bouton Supprimer un jeu (icône de la poubelle). 3. Dans la boîte de dialogue Supprimer un jeu, sélectionnez le jeu de raccourcis à supprimer. 4. Cliquez sur le bouton Supprimer. Pour supprimer un raccourci personnalisé :
2. Dans la liste Raccourcis, sélectionnez le raccourci personnalisé. 3. Cliquez sur le bouton Supprimer un raccourci sélectionné (-).
UTF-8. Pour créer une feuille de référence :
2. Cliquez sur le bouton Exporter le jeu au format HTML à côté de la zone de texte Jeu actuel.
3. Entrez le nom de la feuille de référence, puis sélectionnez un emplacement pour son fichier. 4. Cliquez sur Enregistrer.
Pour gérer des systèmes multi-utilisateurs, Fireworks prend en charge des fichiers de configuration spécifiques à l’utilisateur. Ainsi, vous pouvez personnaliser des fonctions 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ître 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ître dans le dossier de l’application Fireworks. Remarque : Par défaut, les systèmes Windows masquent souvent certains fichiers 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 sélectionner l’option d’affichage des fichiers lorsque vous accédez à un dossier pour afficher son contenu. Pour plus d’informations sur l’affichage de tous les fichiers et dossiers, voir l’Aide de Windows.
Les fichiers des profils utilisateur Fireworks se trouvent dans le dossier Macromedia/Fireworks 8 dans votre dossier d’utilisateur 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 localisés et personnalisés, les noms de certains dossiers système peuvent être différents.
Remarque : D’autres fichiers de configuration sont enregistré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 437.
Les utilisateurs ayant les autorisations d’accès de niveau administrateur peuvent personnaliser des fonctions pour tous les autres utilisateurs en modifiant les fichiers de configuration maître dans le dossier de l’application Fireworks. Pour sauvegarder un fichier de configuration maître pour tous les utilisateurs :
Localisation du fichier de préférences Fireworks Les préférences Fireworks sont conservées dans un fichier appelé Fireworks 8 Preferences.txt (Windows) ou Fireworks 8 Preferences (Macintosh). L’emplacement de ce fichier varie en fonction du système d’exploitation.
Macintosh, voir l’Aide d’Apple. Remarque : Sur Macintosh, la plupart des fichiers de configuration Fireworks spécifique à l’utilisateur sont conservés dans un autre dossier, le dossier spécifique à l’utilisateur Application Support, à l’exception du fichier de préférences de Fireworks 8.
Remarque : Vos fichiers de configuration spécifique à l’utilisateur se trouvent dans votre dossier spécifique à l’utilisateur Application Data (Windows) ou Application Support (Macintosh). Pour plus d’informations sur l’emplacement de ce dossier, voir Fichiers de profil utilisateur, page 435.
Windows NT 4, le programme vous demandera si vous souhaitez supprimer les fichiers de configuration spécifique à l’utilisateur et de préférences. Vous supprimez du même coup ces fichiers pour tous les utilisateurs du système.
Sur un ordinateur Macintosh, Fireworks est installé sous la forme d’un module de l’application. Cette fonction 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 d’application Fireworks :
2. Maintenez la touche Ctrl enfoncée et cliquez sur l’icône Fireworks 8, puis cliquez sur Afficher
La nouvelle fenêtre qui apparaît affiche le contenu du module.
Afficher la bordure rayée, préférence 431 Afficher les icônes des onglets, préférence 430 Afficher les points unis, préférence 431 Afficher/masquer les références et les découpes 248 Aide de Fireworks 12 Aide de Macromedia 12 ajout images 304 styles 229 Ajouter des filtres, menu contextuel 188 Ajouter des icônes d'aperçu, préférence 430 Ajouter du bruit, filtre 106 Ajuster le document 44 alignement des objets 75 Aligner, panneau 32 alpha, conversion d'images 103 ancrage de panneaux 33
Anneau, outil 111 Restaurer la barre de navigation 257 Survol simple 256 comportements glisser-déposer définition 252 suppression 255, 256 trait bleu 252 Comportements, panneau 32, 256 composites 223 compression application d'un flou aux bords 337 et optimisation 319 réglage 332 sélection d'un type de fichier 324 sélective 336 compression JPEG sélective 336 Activer la qualité sélective 336 couleur de superposition 336 préservation de la qualité du bouton 337 préservation de la qualité du texte 336 configuration de Fireworks 430 configuration requise pour Fireworks 7 contenu du module, affichage 437 contours 173 Voir aussi traits Contraindre les proportions, option 19 contrainte de la rotation 71 contraste 97
Design Notes pour l'intégration de Macromedia Dreamweaver et Fireworks 377 désinstallation de Fireworks 437
étoiles 110 flèches 111 formes en L 111 graphiques à secteurs 112 lignes 108 lignes connecteurs 111 polygones 110, 112 rectangles 108 rectangles arrondis 109, 112 rectangles biseautés 111 rectangles chanfreinés 111 sélection d'un point 126 spirales 112 Développer, commande 63 diffusion 83 création de bords diffus 184 sélections de pixels 62 164 réinitialisation des couleurs par défaut 164 menus contextuels 45, 284 conception de l'aspect 289 description 284 exportation 296 modification 295 positionnement 294 propriétés avancées 292 saisie du texte de menu 286, 287 méthode de mise à l'échelle par interpolation adoucie 430 méthode de mise à l'échelle par interpolation au plus proche 430 méthode de mise à l'échelle par interpolation bicubique 430 méthode de mise à l'échelle par interpolation bilinéaire 430 Mettre à jour le code HTML, commande 352, 368
Mise à l'échelle, outil 70 mise à l'oblique d'objets 71 mise en retrait d'un texte 150 modèles de couleurs CMJ 168 Niveaux de gris, modèle de couleurs 168 noms de fichiers, modification dans un traitement par lot 420 Normal, mode 40 nouveau dessin des trajets 131 nouveau document, correspondant à la taille du Pressepapiers 17 nouvelles fonctions 9 Nuancier, panneau 165 ajout de nuanciers 166 couleurs système Windows 165 enregistrement, personnalisé 167 remplacement d'une couleur 167 suppression d'une couleur 167 Nuanciers, panneau 32 nuanciers, sélection de nuanciers personnalisés 165 O objets association 73 conversion en symbole d'animation 300 création de bitmaps 78 déplacement d'objets sélectionnés 67 dissociation 73 distorsion 72 empilage 75 fusion 202 inclinaison 71 mise à l'oblique 71 sélection 52 sélection d'une couche alpha 61 suppression d'un effet 194 objets vectoriels, remodelage 129 occurrences définies 232 interpolation 308 mise en place dans le document 233 modification 234 Pipette, outil 81, 166 pixels 16 clonage 84 copie 55 coupure 55 déplacement 55 dessin 80 développement de la bordure de sélection 63 diffusion 83 lissage de la bordure du cadre de sélection 63
435 feuilles de références codées à l'aide du codage UTF8 435 jeux de raccourcis personnalisés 433 raccourcis secondaires 433 suppression des jeux de raccourcis personnalisés 434 RAM 7 Voir aussi configuration requise Rapporter le trajet, commande 136 recadrage document 44 documents 45 164 recherche et remplacement 411 réinitialisation de la couleur par défaut 164 remplissage du dessin 177 réorientation 177 sélection 174 textures 174 trajets 132 ajout de texture de trait 185 changement de forme 126 changement de segments adjacents 126 conversion de droite en courbe 125 copie et collage 390 courbe de segments adjacents 127 création de traits personnalisés 175 division 133 modification des traits 173 permutation des couleurs de trait et de remplissage 164 poussée 130 recadrage 135
Notice Facile