Retrouvez gratuitement la notice de l'appareil FIREWORKS CS3 ADOBE au format PDF.
Téléchargez la notice de votre Logiciel de design graphique au format PDF gratuitement ! Retrouvez votre notice FIREWORKS CS3 - ADOBE et reprennez votre appareil électronique en main. Sur cette page sont publiés tous les documents nécessaires à l'utilisation de votre appareil FIREWORKS CS3 de la marque ADOBE.
GUIDE DE L’UTILISATEUR
Adobe® Fireworks® Utilisation de Fireworks® Si le présent guide est fourni avec un logiciel régi par un contrat d'utilisateur final, ce guide ainsi que le logiciel décrit, sont fournis sous licence et peuvent être utilisés ou copiés uniquement selon les clauses et conditions de la licence. Sauf indication expresse dans le contrat de licence, aucune partie de ce guide ne peut être reproduite, stockée dans un système d'extraction ni transmise de quelque manière que soit, électronique, mécanique, par enregistrement ou autre, sans l'accord écrit préalable d'Adobe Systems Incorporated. Veuillez noter que le contenu du présent guide est protégé par la loi sur les droits d'auteur, même s'il n'est pas distribué avec un logiciel régi par un contrat de licence utilisateur final. Le contenu de ce guide est fourni à titre d'information uniquement, peut faire l'objet de modifications sans préavis et ne saurait être considéré comme un engagement quelconque de la part d'Adobe Systems Incorporated. Adobe Systems Incorporated décline toute responsabilité quant aux erreurs ou imprécisions susceptibles d'apparaître dans les informations que présente ce guide. Rappelez-vous que certaines illustrations ou images que vous souhaitez inclure dans votre projet peuvent être protégées par les lois de copyright. L'inclusion sans autorisation de tels éléments dans vos propres travaux peut porter atteinte aux droits du détenteur de ce copyright. Veillez à obtenir toutes les autorisations nécessaires auprès de ce dernier. Toutes les références aux noms de sociétés dans les exemples de modèles sont fournies à titre d'illustration uniquement et ne visent aucune entreprise existante. Adobe, le logo Adobe, Adobe Bridge, Director, Dreamweaver, Flash, Flex Builder, FreeHand, GoLive, HomeSite, Illustrator, Photoshop et XMP sont des marques commerciales ou des marques déposées d'Adobe Systems Incorporated aux Etats-Unis et/ou dans d'autres pays. Apple et Macintosh sont des marques commerciales d'Apple Inc., déposées aux Etats-Unis et dans d'autres pays. Microsoft et Windows sont des marques commerciales ou des marques déposées de Microsoft Corporation aux États-Unis et/ou dans d'autres pays. Toutes les autres marques sont la propriété de leurs détenteurs respectifs. Adobe Systems Incorporated, 345 Park Avenue, San Jose, Californie 95110, Etats-Unis. Avis aux utilisateurs finaux dépendant du gouvernement des Etats-Unis. Le logiciel et la documentation sont des « articles commerciaux », selon la définition établie par l'article 48 C.F.R. §2.101, composés d'un « logiciel informatique commercial » et d'une « documentation de logiciel informatique commercial », tels que définis dans les articles 48 C.F.R. §12.212 ou 48 C.F.R. §227.7202, selon le cas. Conformément aux articles 48 C.F.R. §12.212 ou 48 C.F.R. §§227.7202-1 à 227.7202-4, selon le cas, le logiciel informatique commercial et la documentation de logiciel informatique commercial sont fournis sous licence aux utilisateurs finaux dépendant du gouvernement des Etats-Unis (a) comme articles commerciaux uniquement et (b) avec les seuls droits normalement accordés aux utilisateurs finaux, en accord avec les conditions générales applicables. Les droits non publiés sont réservés conformément aux lois sur le copyright en vigueur aux Etats-Unis. Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, Etats-Unis. Pour les utilisateurs finaux dépendant du gouvernement des Etats-Unis, Adobe accepte de respecter toutes les lois applicables relatives à l'égalité des chances, y compris, s'il y a lieu, aux dispositions du décret 11246 et ses modifications, de la section 402 de la loi sur l'aide à la réhabilitation des vétérans du Vietnam (Vietnam Era Veterans Readjustment Assistance Act) de 1974 (38 USC 4212), de la section 503 de la loi de réhabilitation (Rehabilitation Act) de 1973 et ses modifications, et des règlements des articles 41 CFR 60-1 à 60-60, 60-250 et 60-741. La clause relative à la discrimination positive et les régulations énoncées dans la phrase précédente sont incluses par référence. 90079064 (02/07)
Attachement de texte à un trajet Transformation de texte
• « Aide Adobe », page 2 2 Insérez le disque d'installation dans votre lecteur de DVD et suivez les instructions à l'écran. Remarque : Pour plus d'informations, consultez le fichier LisezMoi.html du DVD d'installation.
Si vous disposez d'une licence au détail mono-utilisateur pour votre logiciel Adobe, vous devrez activer votre logiciel ; il s'agit d'un processus simple et anonyme que vous devez effectuer dans les 30 jours qui suivent le démarrage du logiciel. Pour plus d'informations sur l'activation du produit, consultez le fichier LisezMoi de votre DVD d'installation ou visitez le site Web de Adobe à l'adresse www.adobe.com/go/activation_fr. 1 Si la boîte de dialogue Activation n'est pas déjà ouverte, cliquez sur Aide > Activer. 2 Suivez les instructions à l'écran. Remarque : Si vous souhaitez installer le logiciel sur un autre ordinateur, vous devez d'abord le désactiver sur votre ordinateur. Cliquez sur Aide > Désactiver.
Guide de l'utilisateur
Si vous reportez l'enregistrement, vous pouvez enregistrer votre produit à tout moment en cliquant sur Aide > Enregistrement en ligne.
Le fichier LisezMoi.html de votre produit se trouve sur le DVD d'installation (il est également copié dans le dossier de l'application lors de l'installation du produit). Ce fichier contient des informations précieuses sur :
• L'installation et la désinstallation • L'activation et l'enregistrement • L'installation des polices • Le dépannage • Le service d'assistance • Les notices légales
A un certain stade de l'installation, il pourrait être souhaitable d'afficher ou d'accéder aux fichiers installés avec Fireworks. Pendant l'installation, Fireworks place des fichiers à différents emplacements de votre système. Il est important de comprendre pourquoi ces fichiers résident à un emplacement plutôt qu'un autre. Pour plus d'informations, voir « Utilisation des fichiers de configuration », page 340. Les utilisateurs de Macintosh noteront le nouveau format utilisé par Fireworks pour enregistrer le programme et ses fichiers de configuration par défaut. Pour plus d'informations, voir « Affichage du contenu du module (Macintosh uniquement) », page 342.
Ressources d'aide Adobe La documentation relative à votre logiciel Adobe existe dans divers formats. Aide relative au produit et LiveDocs
L'aide LiveDocs inclut tout le contenu de l'aide relative au produit, plus les mises à jour et les liens vers des instructions supplémentaires disponibles sur le Web. Pour certains produits, LiveDocs vous permet également d'ajouter des commentaires. Vous trouverez l'aide LiveDocs propre à votre produit dans le Centre de ressources d'aide Adobe à l'adresse www.adobe.com/go/documentation_fr. La plupart des versions de l'aide relative au produit et LiveDocs vous permettent d'effectuer des recherches dans l'aide de plusieurs produits. Les rubriques contiennent également des liens vers le contenu approprié sur le Web ou vers d'autres rubriques dans l'aide d'un autre produit. Considérez l'aide du produit et disponible sur le Web comme une plate-forme d'accès à du contenu supplémentaire et aux communautés d'utilisateurs. La dernière version d'aide la plus détaillée se trouve toujours sur le Web.
Guide de l'utilisateur
Un guide de processus imprimé est inclus à tous les produits Adobe Creative Suite 3 et certains produits Adobe peuvent inclure séparément un guide de démarrage imprimé.
L'aide relative au produit est disponible via le menu Aide. Après avoir lancé l'afficheur d'aide Adobe, cliquez sur Parcourir pour afficher l'aide sur les produits Adobe supplémentaires installés sur votre ordinateur. Les fonctionnalités suivantes vous aident à en savoir plus sur plusieurs produits Adobe :
• Les rubriques peuvent contenir des liens vers d'autres rubriques dans l'aide des autres produits Adobe ou vers du contenu supplémentaire sur le Web.
Remarque : Si vous recherchez une phrase, par exemple « outil de forme », placez-la entre guillemets de manière à afficher uniquement les rubriques qui incluent tous les mots de la phrase. Fonctionnalités d'accessibilité
• Les liens sont soulignés afin de pouvoir les reconnaître aisément. • Si le texte de lien ne correspond pas au titre de la destination, le titre est référencé dans l'attribut Titre de la balise d'ancrage. Par exemple, les liens Précédent et Suivant incluent les titres des rubriques précédentes et suivantes.
• Les graphiques sans légende incluent du texte secondaire. • Un titre est associé à chaque image pour indiquer sa fonction. • Les balises HTML standard définissent la structure du contenu pour les outils de lecture à l'écran ou de reconnaissance vocale.
Guide de l'utilisateur
Bouton Précédente. Alt+flèche gauche Bouton Suivante. Alt+flèche droite Imprimer Ctrl+P Bouton A propos de Ctrl+I Menu Parcourir Alt+flèche vers le bas ou Alt+flèche vers le haut pour afficher l'aide d'un autre programme Zone Rechercher (Windows) Ctrl+S pour placer le curseur dans la zone Rechercher
• Pour vous déplacer dans les liens d'un volet, appuyez sur Tab ou Maj+Tab. • Pour activer un lien sélectionné, appuyez sur Entrée. • Pour agrandir le texte, appuyez sur Ctrl+égal à. • Pour réduire le texte, appuyez sur Ctrl+trait d'union.
Plusieurs ressources sont à votre disposition pour l’apprentissage de Fireworks : l'Aide de Fireworks, les versions PDF de la documentation de Fireworks et différentes sources d'informations Web.
Lorsque vous lancez l'atelier vidéo, vous sélectionnez précisément les produits et les rubriques que vous voulez étudier. Vous pouvez afficher les détails de chaque vidéo afin de déterminer votre chemin d'apprentissage.
Guide de l'utilisateur
Lynda.com présentent des didacticiels, des trucs et astuces de concepteurs et de développeurs éminents tels que Michael Ninness, Katrin Eismann et Chris Georgenes. Vous pouvez voir et écouter des experts Adobe tels que Lynn Grillo, Greg Rewis et Russell Brown. En tout, ce sont plus de 30 experts produit qui partagent leurs connaissances. Didacticiels et fichiers source
Utilisation de l'atelier vidéo Adobe
également disponible en ligne à l'adresse www.adobe.com/go/learn_videotutorials_fr. Adobe ajoute régulièrement de nouvelles vidéos dans l'atelier vidéo en ligne. Veuillez donc vous connecter pour accéder aux nouveautés.
L'atelier vidéo Adobe couvre de nombreux sujets différents portant sur Adobe Fireworks CS3, notamment : • La présentation des calques et de la disposition • La génération de scripts de propriétés de symbole Les vidéos vous montrent également comment utiliser Fireworks CS3 avec d'autres produits Adobe, et portent par exemple sur :
• La présentation du processus Fireworks et Flash • La présentation du processus Photoshop, Illustrator et Fireworks
Vous avez accès à un large éventail de ressources vous permettant de tirer pleinement parti de votre logiciel Adobe. Certaines d'entre elles sont installées sur votre ordinateur au cours du processus d'installation ; d'autres échantillons et documents précieux se trouvent sur le DVD d'installation ou de contenu. Des suppléments uniques sont également proposés en ligne par la communauté Adobe Exchange, à l'adresse www.adobe.com/go/exchange_fr. Ressources installées
Guide de l'utilisateur
Modèles Vous pouvez ouvrir et afficher les fichiers de modèle dans Adobe Bridge, les ouvrir dans l'écran d'accueil ou directement dans le menu Fichier. Selon le produit, les fichiers de modèle contiennent des en-têtes, des bulletins d'informations, des sites Web, des menus DVD ou encore des boutons vidéo. Chaque fichier de modèle est construit de manière professionnelle et représente un exemple extrêmement judicieux des fonctionnalités du produit. Les modèles peuvent constituer une ressource précieuse lorsque vous devez relancer un projet. Echantillons Les fichiers d'exemple incluent des conceptions plus élaborées et constituent un excellent moyen de voir les
Polices Plusieurs polices OpenType® et familles de polices sont incluses à votre produit Creative Suite. Les polices sont copiées sur votre ordinateur lors de l'installation :
• Mac OS X : [lecteur de démarrage]/Library/Application Support/Adobe/Fonts Pour plus d'informations sur l'installation des polices, consultez le fichier LisezMoi.html du DVD d'installation.
Il s'agit d'une communauté en ligne où les utilisateurs peuvent télécharger et partager des milliers d'actions, d'extensions, de plug-ins et autre contenu gratuits afin de les utiliser avec les produits Adobe.
Bridge Home, nouvelle destination dans Adobe Bridge CS3, fournit les dernières informations sur l'ensemble de vos logiciels Adobe Creative Suite 3 dans un emplacement pratique. Démarrez Adobe Bridge, puis cliquez sur l'icône Bridge Home dans la partie supérieure du panneau des favoris pour accéder aux dernières astuces, informations et ressources concernant vos outils Creative Suite. Remarque : Bridge Home n'est peut-être pas disponible dans toutes les langues.
Le Pôle de création Adobe contient des articles, l'inspiration et des instructions des experts de l'industrie, des concepteurs éminents et des partenaires de publication Adobe. Le nouveau contenu est ajouté chaque mois. Vous y trouverez des centaines de didacticiels dédiés à la conception de produits et apprendrez les astuces et techniques au moyen de vidéos, de didacticiels HTML et d'exemples de chapitres d'ouvrages. De nouvelles idées au cœur de Think Tank, de Dialog box et de Gallery :
Visitez le Pôle de création Adobe à l'adresse www.adobe.com/go/designcenter_fr.
Guide de l'utilisateur
Le Pôle de développement Adobe met des échantillons, des didacticiels, des articles et des ressources de la communauté à la disposition des développeurs qui créent des applications Internet enrichies, des sites Web, du contenu mobile et d'autres projets à l'aide des produits Adobe. Le Pôle de développement contient également des ressources dédiées aux développeurs qui développent des plug-ins pour les produits Adobe. Outre les exemples de code et les didacticiels, vous y trouverez des flux RSS, des séminaires en ligne, des kits de développement, des guides de scripts et d'autres ressources techniques. Visitez le Pôle de développement Adobe à l'adresse www.adobe.com/go/developer_fr.
Visitez le site Web de l'assistance Adobe à l'adresse www.adobe.com/go/support_fr pour accéder aux informations de dépannage concernant votre produit et en savoir plus sur les options d'assistance techniques gratuites et payantes. Suivez le lien Formation pour accéder aux cahiers de référence Adobe, à diverses ressources de formation, aux programmes de certification logicielle Adobe, et bien plus encore.
Visitez www.adobe.com/go/downloads_fr pour découvrir les mises à jour gratuites, les essais et d'autres logiciels utiles. En outre, la boutique Adobe (accessible à l'adresse www.adobe.com/go/store_fr) permet d'accéder à des milliers de plug-ins de développeurs tiers, vous aidant ainsi à automatiser les tâches, personnaliser les processus, créer des effets professionnels spécialisés, et bien plus encore.
• Exemples de code et méthodes recommandées visant à accélérer votre courbe d'apprentissage • Versions antérieures du produit et documentation technique • Forums, contenu wiki et autres ressources de collaboration afin de vous aider à interagir avec des développeurs de même sensibilité Les Adobe Labs favorisent un processus de développement logiciel basé sur la collaboration. Cet environnement permet aux clients d'optimiser la productivité liée à l'utilisation de nouveaux produits et de nouvelles technologies, et aux équipes de développement Adobe de répondre et de réagir aux premiers commentaires afin de façonner le logiciel de manière à répondre aux besoins et attentes de la communauté. Visitez les Adobe Labs à l'adresse www.adobe.com/go/labs_fr.
Inclut des forums, blogs et autres avenues permettant aux utilisateurs de partager les technologies, les outils, les informations, de poser des questions et de découvrir comment tirer le meilleur parti de leurs logiciels. Les forums d'utilisateur à utilisateur sont accessibles en anglais, français, allemand et japonais ; les blogs sont publiés dans diverses langues. Pour participer aux forums ou aux blogs, visitez www.adobe.com/go/communities_fr.
Guide de l'utilisateur
Création de symboles enrichis
Symboles enrichis Panneau Propriétés du symbole
Fireworks CS3 intègre désormais une nouvelle fonction dynamique appelée mise à l’échelle à 9 découpes, vous permettant de mettre à l'échelle des symboles vectoriels ou bitmap de manière intelligente. En positionnant un jeu de repères sur votre graphique, vous pouvez définir précisément dans quelle mesure chaque partie d'un symbole est mise à l'échelle. Vous pouvez spécifier si chacune des neuf différentes zones doit être mise à l'échelle horizontalement uniquement, verticalement uniquement, horizontalement et verticalement ou ne doit pas être mise à l'échelle. Vous pouvez également définir cette fonction, qui est activée par défaut, de manière à effectuer une mise à l'échelle dans trois zones uniquement. Lorsqu'elle est combinée à la nouvelle bibliothèque Formes automatiques, la mise à l'échelle à 9 découpes vous permet de créer des prototypes de sites Web et d'applications en un minimum de temps comme jamais auparavant. Mise à l'échelle sans distorsion Nouvel outil de mise à l’échelle à 9 découpes Activez la fonction de mise à l'échelle à 9 découpes pour agrandir ou réduire des symboles vectoriels et bitmap sans déformer leur géométrie. Le symbole peut être mis à l'échelle dans 3 ou 9 zones, selon sa forme.
Ajout de plusieurs pages à un document unique
Guide de l'utilisateur
Création d'un prototype sans complexité Nouveau panneau Pages
Vous pouvez utiliser une page maîtresse optionnelle qui contiendra les éléments communs à toutes les pages.
Création de diaporamas de type Flash
Création d'un diaporama Flash sans connaître Flash Fonction Créer un diaporama
Calques hiérarchiques
Utilisation de calques en vue d'une flexibilité de conception optimisée Calques hiérarchiques
Guide de l'utilisateur
Fireworks CS3 tout en préservant les informations sur les calques. Compatibilité Photoshop améliorée Effets de calques Photoshop
PSD. Vous pouvez désormais également appliquer des effets de calques Photoshop directement à un objet dans Fireworks en sélectionnant Effets en direct Photoshop dans l'outil Filtres en direct de l'Inspecteur des propriétés.
Pour plus d'informations, voir « Utilisation de Photoshop », page 312. Importation de fichiers Fireworks dans Adobe Flash
à 9 découpes et de nombreux effets. Créer des prototypes dans Fireworks et développer dans Flash n'a jamais été aussi facile. Pour plus d'informations, voir « Utilisation de Flash », page 296. Intégration Flex pour la disposition des applications Internet enrichies
Internet enrichies de nouvelle génération, appelées RIA (Rich Internet Applications), en permettant d'exporter les actifs de la bibliothèque commune en tant que composants connus en vue d'une utilisation dans Adobe Flex™ Builder.™ Les styles et le positionnement absolu sont également préservés. Point positif : vous n'avez pas à intervenir. En effet, Fireworks exporte le code Flex nécessaire (MXML) pour vous. Vous pouvez désormais créer aisément la disposition d'une application Flex dans Fireworks, en mettant à niveau les actifs de la bibliothèque commune Flex avec le code MXML en vue du chargement dans Flex Builder. Utilisation de fichiers Illustrator
Adobe Illustrator 8.0. Pour plus d'informations, voir « Travailler avec Illustrator », page 316. Pour plus d'informations sur les nouvelles fonctions, voir la page Fireworks du site Web de Adobe à l'adresse www.adobe.com/products/fireworks/.
Guide de l'utilisateur
Ce chapitre couvre les rubriques suivantes :
• « Graphiques vectoriels et bitmap », page 14 • « Création d’un nouveau document », page 15 Fireworks est un programme polyvalent de création, d'édition et d'optimisation de graphiques Web. Vous pouvez créer et modifier des images bitmap et vectorielles, créer des effets pour le Web, tels que des survols et des menus contextuels, recadrer et optimiser des graphiques afin de réduire la taille de leur fichier et gagner du temps en automatisant les tâches répétitives. Une fois le document terminé, vous pouvez l'exporter ou l'enregistrer au format JPEG, GIF ou autre, accompagné des fichiers HTML contenant des tables HTML et du code JavaScript, afin de l'utiliser sur le Web. Vous pouvez également exporter ou enregistrer un type de fichier spécifique vers un autre programme, tel qu'Adobe Photoshop ou Macromedia Flash, si vous voulez continuer à travailler dans ces programmes.
Dans le panneau Outils de Fireworks, vous trouverez des sections distinctes contenant des outils de création et de modification de vecteurs et de bitmaps. Pour plus d'informations sur ces deux formats de base, voir « Graphiques vectoriels et bitmap », page 14. Dans Fireworks, l'outil que vous sélectionnez détermine si l'objet que vous créez est un objet vectoriel ou bitmap. Par exemple, après avoir sélectionné l'outil Plume dans la section Vecteur du panneau Outils, vous pouvez commencer à tracer des trajets vectoriels en plaçant des points. Après avoir sélectionné l'outil Pinceau, vous pouvez faire glisser le pointeur afin de dessiner un objet bitmap. Après avoir sélectionné l'outil Texte, vous pouvez démarrer votre saisie.
Guide de l'utilisateur
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.
Les découpes et les références sont des objets Web qui spécifient des zones interactives dans un graphique Web. Les découpes permettent de sélectionner des portions d’image et d'appliquer des comportements de survol, des animations et des liens URL (Uniform Ressource Locator). En outre, vous pouvez exporter les sections avec des paramètres différents. Sur une page Web, chaque découpe s'affiche dans une cellule de tableau. Les références vous permettent d'affecter des liens URL et des comportements à l’ensemble ou à une partie du graphique. Pour plus d'informations, voir « Découpes, survols et références », page 193. Les découpes et les références possèdent des poignées de survol glisser-déposer vous permettant d'assigner rapidement aux graphiques des comportements de permutation d'image et de survol directement depuis l'espace de travail. L'Editeur de boutons et l'Editeur de menus contextuels sont des fonctions pratiques de Fireworks qui vous aident à créer des graphiques interactifs spéciaux pour naviguer sur les sites Web.
Lorsque vous vous apprêtez à exporter des graphiques, Fireworks possède des fonctions d'optimisation puissantes qui vous aident à trouver l'équilibre entre la taille des fichiers et une qualité visuelle acceptable. Optimisez les graphiques Web avec Fireworks pour réduire la taille des fichiers et ainsi accélérer leur chargement dans les sites Web. Comparez la qualité des graphiques dans les vues Aperçu, 2 en 1 ou 4 en 1 de l'espace de travail. Vous pouvez découper une image en plusieurs unités, puis optimiser ces unités pour obtenir un format qui correspond mieux au contenu. Pour ajouter de la souplesse à l'optimisation, vous pouvez utiliser une compression JPEG sélective afin de centraliser la partie la plus importante d'un JPEG tandis que la qualité de l'arrière-plan est réduite. Après avoir optimisé vos graphiques, l'étape suivante consiste à les exporter afin de les utiliser sur le Web. A partir de votre document PNG source de Fireworks, vous pouvez exporter un certain nombre de types de fichiers, dont JPEG, GIF, GIF animé et des tables HTML contenant des images découpées, vers différents types de fichiers. Pour plus d'informations, voir « Optimisation et exportation », page 250.
Guide de l'utilisateur 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).
Les graphiques bitmap sont composés de points, appelés pixels, organisés dans une grille. L’écran de votre ordinateur est une grande grille de pixels. Dans une version bitmap de la feuille, l’image est déterminée par l’emplacement et la valeur de couleur de l’ensemble des pixels de la grille. Chaque pixel est associé à une couleur. Lorsque ces points sont affichés à la bonne résolution, ils forment une image comparable à une mosaïque.
Guide de l'utilisateur
JPEG, GIF et GIF animé. Vous pouvez également exporter ou enregistrer des graphiques vers de nombreux formats populaires utilisés en dehors du Web, tels que TIFF, PSD et BMP. Quels que soient les paramètres d'optimisation et d’exportation sélectionnés, le fichier PNG Fireworks d’origine est conservé afin de permettre une modification ultérieure aisée. Avant de créer un graphique Web dans Fireworks, vous devez créer un nouveau document ou ouvrir un document existant. Vous pourrez par la suite ajuster les options de configuration dans l'Inspecteur des propriétés. Pour créer un nouveau document :
La boîte de dialogue Nouveau document s'affiche.
3 Entrez une résolution en pixels par pouce ou pixels par centimètre. 4 Choisissez une couleur de fond blanche, transparente ou personnalisée. Remarque : Utilisez la fenêtre contextuelle du sélecteur de couleurs Personnalisé pour sélectionner une couleur de fond personnalisée. 5 Cliquez sur OK pour créer le nouveau document. Pour créer un nouveau document de la même taille qu’un objet du Presse-papiers :
• un navigateur Web ; • l'une des applications répertoriées dans « Collage dans Fireworks », page 19. 2 Cliquez sur Fichier > Nouveau. La boîte de dialogue Nouveau document s'affiche, présentant la hauteur et la largeur de l’objet dans le Presse-papiers. 3 Sélectionnez une résolution et une couleur de fond, puis cliquez sur OK. 4 Cliquez sur Edition > Coller pour coller dans le nouveau document l’objet en provenance du Presse-papiers.
Guide de l'utilisateur
Dans Fireworks, vous pouvez facilement ouvrir, importer et modifier des images vectorielles et bitmap créées dans d'autres programmes graphiques. En outre, vous pouvez importer des images en provenance d’un appareil photo numérique ou d’un scanner. Remarque : Lorsque vous importez un fichier depuis Adobe Dreamweaver, Fireworks conserve la plupart des comportements JavaScript, mais pas la totalité. Si Fireworks prend en charge un comportement particulier, ce dernier est reconnu et conservé lorsque vous réimportez le fichier dans Dreamweaver. Pour ouvrir un document Fireworks :
La boîte de dialogue Ouvrir s'affiche. 2 Sélectionnez le fichier, puis cliquez sur Ouvrir. Pour ouvrir un fichier sans écraser la version précédente, cliquez sur Ouvrir en tant que Sans titre, puis enregistrez le fichier en utilisant un autre nom. Cette section couvre les rubriques suivantes :
• « Ouverture de graphiques créés dans d'autres applications », page 16 • « Création de fichiers PNG dans Fireworks à partir de fichiers HTML », page 17 • « Insertion d’objets dans un document Fireworks », page 18
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 : ❖ Cliquez sur le nom du fichier dans la page de démarrage.
Fireworks permet d'ouvrir des fichiers créés dans d'autres applications ou dans des formats différents, y compris les fichiers Photoshop, Adobe FreeHand, Adobe Illustrator, CorelDRAW non compressés, WBMP, EPS, JPEG, GIF et GIF animés. Lorsque vous ouvrez un format de fichier autre que PNG en cliquant sur Fichier > Ouvrir, vous créez un nouveau document PNG Fireworks basé sur le fichier que vous ouvrez. Vous pouvez utiliser toutes les fonctions de Fireworks pour modifier l'image. Vous pouvez dès lors cliquer sur Enregistrer sous pour enregistrer votre travail comme nouveau fichier PNG Fireworks ou dans un autre format ; avec certains types d'images, vous pouvez également cliquer sur Enregistrer pour enregistrer le document dans son format d'origine. Si vous sélectionnez cette deuxième option, l'image est fusionnée en un seul calque et vous ne pouvez plus modifier les fonctions spécifiques à Fireworks que vous aviez ajoutées à l'image. Fireworks vous permet d'enregistrer les formats de fichier suivants directement : Fireworks PNG, GIF, GIF animé, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD et PICT (Mac uniquement). Remarque : Fireworks enregistre les images TIFF 16 bits à une profondeur de couleur de 24 bits.
Guide de l'utilisateur
Pour la plupart des fichiers EPS que vous ouvrez ou que vous importez, la boîte de dialogue Options de fichier EPS s'affiche. Taille de l'image détermine les dimensions et les unités de rendu de l'image. Vous pouvez sélectionner pixels, pourcentage, pouces ou centimètres. Résolution indique les pixels par unité pour la résolution. Contraindre les proportions ouvre le fichier en respectant les proportions du fichier d'origine. Anticrénelé lisse les bords irréguliers du fichier EPS ouvert.
Options de fichier vectoriel s'affiche. Il s'agit de la même boîte de dialogue qui s'affiche lorsque vous ouvrez ou importez des fichiers FreeHand.
WBMP directement en utilisant Fichier > Ouvrir ou importer un fichier WBMP en utilisant Fichier > Importer.
Cela vous permet de récupérer des sites Web dont vous avez hérité, même si vous ne possédez pas les fichiers PNG source. Grâce à cette fonction, vous pouvez ouvrir ou importer rapidement une page Web afin de mettre à jour des graphiques, changer la mise en page du document ou modifier des liens de navigation, des boutons et d'autres éléments interactifs, le tout sans avoir à reconstruire la page depuis le début ou à modifier les scripts. Etant donné que Fireworks exporte les contenus HTML sous la forme d'une table HTML, cela détermine également la mise en page du document pour des HTML importés se basant sur des tables HTML. Le fichier HTML doit contenir au moins une table pour que vous puissiez le reconstruire dans Fireworks. Pour plus d'informations sur le HTML, voir « Exportation du fichier HTML », page 273.
Guide de l'utilisateur
• 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. Pour plus d'informations sur ces types de fichiers, voir « Exportation de fichiers avec et sans codage UTF-8 », page 279 et « Exportation d'un fichier XHTML », page 278. Pour ouvrir toutes les tables d'un fichier HTML :
2 Sélectionnez le fichier HTML contenant les tables que vous voulez ouvrir, puis cliquez sur Ouvrir. Chaque table s'affiche dans sa propre fenêtre de document. Pour ouvrir uniquement la première table d'un fichier HTML :
2 Sélectionnez le fichier HTML contenant la table que vous voulez ouvrir, puis cliquez sur Ouvrir. La première table du fichier HTML s'affiche dans une nouvelle fenêtre de document. Pour importer la première table d'un fichier HTML vers un document Fireworks ouvert :
2 Sélectionnez le fichier HTML à partir duquel vous voulez effectuer l'importation, puis cliquez sur Ouvrir. 3 Cliquez pour placer le point d'insertion à l'endroit où vous souhaitez que s'affiche la table importée.
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
Localisation des objets collés
Remarque : Le calque Web est un calque spécial qui contient tous les objets Web. Il est toujours placé en haut du panneau Calques. Pour plus d'informations sur les calques, voir « Pages, calques, masques et fondus », page 151. Rééchantillonnage des objets collés
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. Si l'image bitmap du Presse-papiers possède une résolution différente de celle du document actif, une boîte de dialogue s'affiche, vous demandant si vous voulez ou non effectuer un rééchantillonnage.
Guide de l'utilisateur
« Utilisation des calques », page 154. 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 supérieur gauche de l'image. 5 Importez le fichier :
• Faites glisser le pointeur d'importation pour redimensionner l'image importée. Fireworks conserve les proportions de l'image. Importation à partir d’un scanner ou d’un appareil photo numérique
TWAIN (Windows) ou s'il utilise la fonctionnalité Capture d'image intégrée d'OS X (Macintosh). Ces images sont ouvertes en tant que nouveaux documents. Remarque : Fireworks ne peut pas importer d'images issues d'un scanner ou d'un appareil photo numérique, à moins que les pilotes, modules et plug-ins appropriés du logiciel soient installés. Pour obtenir des instructions spécifiques sur l'installation, les paramètres et les options, voir la section de la documentation de votre scanner ou appareil photo numérique relative au module TWAIN ou au plug-in Photoshop Acquire. Sur Macintosh, Fireworks recherche automatiquement les plug-ins Photoshop Acquire dans le dossier Plug-ins du dossier de l'application Fireworks. Si vous ne souhaitez pas placer les plug-ins à cet endroit, vous devez indiquer un autre emplacement à Fireworks. Remarque : L'emplacement exact du dossier Plug-ins varie en fonction du système d'exploitation. Pour plus d'informations, voir « Utilisation des fichiers de configuration », page 340. Pour diriger Fireworks vers les plug-ins Photoshop Acquire :
Remarque : Sur Mac OS X, cliquez sur Fireworks > Préférences. 2 Cliquez sur l'onglet Dossiers. 3 Sélectionnez Plug-ins Photoshop. 4 Cliquez sur Parcourir si la boîte de dialogue Sélectionner le dossier contenant les plug-ins de Photoshop (Windows) ou Choisissez un dossier (Macintosh) ne s'ouvre pas automatiquement. 5 Recherchez le dossier comportant les plug-ins Photoshop.
Guide de l'utilisateur
2 Installez le logiciel qui accompagne l'appareil photo, si cela n'a pas déjà été fait. 3 Dans Fireworks, cliquez sur Fichier > Numériser, puis sélectionnez Acquisition Twain ou Source Twain. 4 Dans la boîte de dialogue Sélectionner la source, sélectionnez une source, puis cliquez sur OK. 5 Dans la boîte de dialogue Sélectionner les images, sélectionnez les images que vous souhaitez importer, puis cliquez sur OK. L'interface utilisateur de votre logiciel d'appareil photo s'affiche. 6 Suivez les instructions pour appliquer les paramètres souhaités. L’image importée s'affiche dans un nouveau document Fireworks. Pour importer une image à partir d'un appareil photo numérique (Macintosh) :
2 Installez le logiciel qui accompagne l'appareil photo, si cela n'a pas déjà été fait. 3 Dans Fireworks, cliquez sur Fichier > Acquisition, puis sélectionnez Acquisition appareil photo ou Source appareil photo. 4 Dans la boîte de dialogue Sélectionner l'appareil photo, choisissez un appareil photo, puis cliquez sur OK. 5 Dans la boîte de dialogue Sélectionner les images, sélectionnez les images que vous souhaitez importer, puis cliquez sur OK. Remarque : La boîte de dialogue Sélectionner les images n'affiche que les fichiers de types pris en charge par Fireworks. 6 Suivez les instructions pour appliquer les paramètres souhaités. L’image importée s'affiche dans un nouveau document Fireworks. Pour importer une image à partir d'un scanner (Windows) :
2 Installez le logiciel qui accompagne le scanner, si cela n'a pas déjà été fait. 3 Dans Fireworks, cliquez sur Fichier > Numériser, puis sélectionnez Acquisition Twain ou Source Twain. Remarque : Pour la plupart des modules TWAIN ou des plug-ins Photoshop Acquire, des boîtes de dialogue supplémentaires vous invitent à spécifier d’autres options. 4 Suivez les instructions pour appliquer les paramètres souhaités. L’image importée s'affiche dans un nouveau document Fireworks. Pour importer une image à partir d'un scanner (Macintosh) :
2 Installez le logiciel qui accompagne le scanner, si cela n'a pas déjà été fait. 3 Dans Fireworks, cliquez sur Fichier > Acquisition, puis sélectionnez Acquisition Twain ou Source Twain. Remarque : Pour la plupart des modules T WAIN ou des plug-ins Photoshop Acquire, des boîtes de dialogue supplémentaires vous invitent à spécifier d’autres options. 4 Suivez les instructions pour appliquer les paramètres souhaités. L’image importée s'affiche dans un nouveau document Fireworks.
Guide de l'utilisateur
Lorsque vous créez un document ou ouvrez un fichier PNG Fireworks existant, le nom de fichier du document possède l'extension .png. Les fichiers d'autres types, tels que PSD et HTML, s'ouvrent également au format PNG, ce qui vous permet d'utiliser le document PNG Fireworks comme fichier source ou de travail. Cependant, de nombreux fichiers 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 23. L'emplacement par défaut dans lequel Fireworks enregistre un document est déterminé par les éléments suivants, selon cet ordre :
• l'emplacement actuel 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 ;
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 :
La boîte de dialogue Enregistrer sous s'affiche. 2 Recherchez l'emplacement souhaité et entrez le nom du fichier. Vous pouvez ne pas indiquer d'extension pour le nom de fichier ; Fireworks la fournit automatiquement. 3 Cliquez sur Enregistrer. Pour enregistrer un document existant : ❖ Cliquez sur Fichier > Enregistrer. Pour enregistrer un fichier PNG Fireworks CS3 afin de l'utiliser dans une version précédente de Fireworks :
2 Recherchez l'emplacement où vous voulez enregistrer le fichier. 3 Si le fichier Fireworks CS3 contient plusieurs pages, sélectionnez Pages vers Fichiers dans la liste déroulante Exporter. 4 Sélectionnez Images ou Fireworks PNG dans la liste déroulante Exporter en tant que. Si vous sélectionnez Images, chaque page sera enregistrée au format de fichier par défaut. Vous pouvez définir ce format de fichier via le panneau Optimiser. Tous les objets des calques de niveau supérieur seront enregistrés lors de l'exportation ; en revanche, les éléments des souscalques ne seront pas exportés.
Guide de l'utilisateur
Lorsque vous ouvrez un fichier d'un format autre que PNG en cliquant sur Fichier > Ouvrir, vous pouvez utiliser toutes les fonctions de Fireworks pour modifier l'image. Vous pouvez alors cliquer sur Enregistrer sous pour enregistrer votre travail en tant que nouveau fichier PNG Fireworks ou sélectionner un autre format d'enregistrement. Pour la plupart des types de fichiers, vous pouvez cliquer sur Enregistrer pour enregistrer le document dans son format d'origine. Remarque : Si vous enregistrez un fichier PNG dans un fichier bitmap tel que GIF ou JPEG, les objets graphiques que vous avez manipulés dans le fichier PNG ne sont plus disponibles dans le fichier bitmap (voir « Graphiques vectoriels et bitmap », page 14). Si vous devez retoucher l'image, éditez le fichier PNG source, puis exportez-le de nouveau. Vous pouvez enregistrer sous les formats de fichier suivants directement : Fireworks PNG, GIF, GIF animé, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD et PICT (Macintosh uniquement). Fireworks enregistre les images TIFF 16 bits à une profondeur de couleur de 24 bits. Les fichiers d'autres types, comme PSD et HTML, s'ouvrent au format PNG, ce qui vous permet d'utiliser le document PNG Fireworks comme fichier source. Toute modification que vous apportez est appliquée au fichier PNG et non à l'original. Pour enregistrer un fichier GIF, JPEG, TIFF, BMP ou un autre format de fichier répertorié ci-avant :
2 Si les modifications apportées au document ne peuvent pas être modifiées dans le format d'origine du fichier, une notification s'affiche dans la boîte de dialogue Enregistrer. Ces modifications non modifiables peuvent être l'ajout de nouveaux objets, de masques et de filtres en direct, ou le réglage de l'opacité, l'application de modes de fondu et l'enregistrement de sélections de pixels. Remarque : Si vous ne sélectionnez pas l'option Enregistrer comme copie, le format de fichier du document sur lequel vous travaillez est converti dans le format sous lequel vous l'enregistrez. Pour exporter un document dans un autre format :
2 Cliquez sur Fichier > Exporter pour exporter le document. Pour plus d'informations sur l'exportation de fichiers, voir « Optimisation et exportation », page 250.
Guide de l'utilisateur
Lorsque vous ouvrez pour la première fois un document dans Fireworks, Fireworks active l'environnement de travail, y compris le panneau Outils, l'Inspecteur des propriétés, les menus et d'autres panneaux. Le panneau Outils, à gauche de l'écran, contient des catégories étiquetées, incluant les groupes d'outils bitmap, vectoriels et Web. L'Inspecteur des propriétés apparaît par défaut en bas du document et affiche initialement les propriétés du document. Il change ensuite pour afficher les propriétés d'un outil nouvellement sélectionné ou d'un objet actuellement sélectionné lorsque vous travaillez dans le document. Les panneaux sont initialement ancrés en groupes le long du bord droit de l'écran. La fenêtre du document s'affiche au centre du programme.
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 :
La page de démarrage s'affiche. 2 Cliquez sur Ne plus afficher.
Guide de l'utilisateur
Le panneau Outils se divise en six catégories : Sélection, Bitmap, Vecteur, Web, Couleurs et Affichage.
Ligne, l'Inspecteur des propriétés affiche les propriétés des objets sélectionnés. Pour plus d'informations sur l'Inspecteur des propriétés, voir « Utilisation de l'Inspecteur des propriétés », page 26. Pour que s'affichent dans l'Inspecteur des propriétés les options d'un outil que vous êtes en train d' utiliser : ❖ Cliquez sur Sélection > Désélectionner pour désélectionner tous les objets.
Guide de l'utilisateur
Un menu contextuel s'affiche avec les icônes des outils, le nom des outils et les touches de raccourci. L'outil actuellement sélectionné possède une coche à gauche de son nom. 2 Faites glisser le pointeur afin de sélectionner l'outil souhaité et relâchez le bouton de la souris. L'outil s'affiche dans le panneau Outils, et les options de l'outil dans 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 : ❖ Faites glisser la poignée du coin supérieur gauche vers un autre endroit de l'espace de travail. Pour ancrer l'Inspecteur des propriétés au bas de l'espace de travail (Windows uniquement) : ❖ Faites glisser la barre latérale de l'Inspecteur des propriétés en bas de l'écran. 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 :
• Cliquez sur l'icône de menu en haut à droite de l'Inspecteur des propriétés, puis dans le menu 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é. Pour réduire à mi-hauteur la fenêtre de l'Inspecteur des propriétés, exécutez l'une des actions suivantes :
• 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.
Guide de l'utilisateur
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 :
• Couleurs Le panneau Optimiser vous permet de gérer les paramètres qui contrôlent la taille et le type de fichier et de travailler avec
Le panneau Calques vous permet d'organiser la structure d'un document et comporte des options de création, suppression
Le panneau Bibliothèque vous permet d'afficher le contenu du dossier de la bibliothèque commune contenant des
Le panneau Pages vous permet d'afficher les pages dans le fichier actuel, et comporte des options de manipulation des
Le panneau Formes automatiques contient les formes automatiques qui ne s'affichent pas dans le panneau Outils. Le panneau Styles vous permet de stocker et de réutiliser des combinaisons de caractéristiques d'objets ou de sélectionner
Le panneau Bibliothèque comporte des symboles de graphique, de bouton et d’animation. Vous pouvez facilement faire glisser les occurrences de ces symboles du panneau Bibliothèque vers votre document. Vous pouvez modifier l’ensemble des occurrences en modifiant uniquement le symbole. Pour plus d'informations, voir « Utilisation des styles, des symboles et des adresses URL », page 177. Le panneau URL vous permet de créer des bibliothèques contenant des URL fréquemment utilisées. Le panneau Mélangeur vous permet de créer des couleurs que vous pouvez ensuite ajouter à la palette de couleurs du
Le panneau Nuanciers gère la palette de couleurs du document actif.
Guide de l'utilisateur
Le panneau Comportements vous permet de gérer les comportements qui déterminent ce qui se produit lorsque des
Le panneau Rechercher vous permet de rechercher et de remplacer des éléments, tels que du texte, des URL, des polices et
Le panneau Créer le script du symbole vous permet d'automatiser la création de fichiers JavaScript pour les symboles
Le panneau Aligner contient les commandes d'alignement et de distribution des objets dans le document. Le panneau Propriétés de forme automatique vous permet d'apporter des modifications aux propriétés d'une forme
Le panneau Palette de couleurs (sous Autres) vous permet de créer et échanger des palettes de couleurs, d'exporter des
Le panneau Modification d'image (sous Autres) vous permet d'organiser les outils et les options couramment utilisés en vue
Le panneau Trajet (sous Autres) vous permet d'accéder rapidement à de nombreuses commandes associées au trajet. Le panneau Caractères spéciaux (sous Autres) vous permet d'afficher les caractères spéciaux pouvant être utilisés dans les
Le panneau Propriétés du symbole vous permet de gérer les propriétés personnalisables des symboles graphiques.
Vous pouvez également ouvrir et fermer des panneaux individuels. Pour annuler l'ancrage ou déplacer un groupe de panneaux : ❖ Faites glisser la poignée du coin supérieur gauche du panneau et déplacez-la hors de la zone d'ancrage des panneaux dans
Pour ancrer un groupe de panneaux : ❖ Faites glisser la poignée du panneau vers la zone d'ancrage des panneaux.
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, exécutez l'une des actions suivantes :
• Dans le menu Options de la barre de titre du groupe de panneaux, cliquez sur Grouper avec > 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.
Guide de l'utilisateur
(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 > 1280 x 1024. Pour ouvrir un panneau : ❖ Dans le menu Fenêtre, cliquez sur le nom de panneau.
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 : ❖ Cliquez sur Fenêtre > Masquer les panneaux. Pour afficher des panneaux masqués, cliquez de nouveau sur Fenêtre >
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 :
• Cliquez sur la petite flèche séparant cette zone du panneau ancré du reste de la fenêtre de l'application.
Guide de l'utilisateur
2 Sélectionnez un élément de menu. Enregistrement des dispositions de panneaux
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 : ❖ Cliquez sur Fenêtre > Dispositions d’espace de travail, puis sélectionnez une disposition d'espace de travail dans le sous-
❖ Cliquez sur Fenêtre > Barres d'outils, puis sélectionnez une barre d'outils. Pour annuler l'ancrage d'une barre d'outils : ❖ Faites glisser la barre d'outils hors de son lieu d'ancrage.
Pour ancrer une barre d'outils : ❖ Faites glisser la barre d'outils vers une zone d'ancrage, en haut, en bas, à gauche ou à droite de la fenêtre de l'application
Vous pouvez contrôler le zoom du document, le nombre de fenêtres et le mode d'affichage. En outre, vous pouvez facilement appliquer une vue d'ensemble à un document, ce qui est particulièrement utile lorsque vous effectuez un zoom avant et perdez de vue l’ensemble du document. Utilisation des onglets Document (Windows)
❖ Cliquez sur l'onglet Document du document que vous souhaitez afficher.
Guide de l'utilisateur
• 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 avant ou sur un zoom prédéfini. Pour effectuer un zoom arrière en utilisant des incréments prédéfinis, exécutez l’une des actions suivantes :
• 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. La taille du cadre de la sélection du zoom détermine le pourcentage exact de zoom qui s'affiche dans la zone de texte Définir le zoom. Remarque : Vous ne pouvez pas entrer de pourcentage de zoom dans la zone de texte Définir le zoom.
Guide de l'utilisateur
❖ Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser une zone de sélection avec l'outil Zoom. Pour revenir à un zoom de 100 % : ❖ Dans le panneau Outils, double-cliquez sur l’outil Zoom. Pour appliquer une vue d'ensemble autour du document :
2 Faites glisser le pointeur Main. Si la vue d'ensemble dépasse les bords du document, l'affichage continue de glisser de telle sorte que vous pouvez travailler avec des pixels le long du bord du document. Pour adapter le document à la fenêtre active : ❖ Double-cliquez sur l’outil Main. Utilisation des modes d'affichage pour gérer l'espace de travail
Le mode Normal est l'affichage par défaut de la fenêtre du document. Le mode Plein écran avec affichage des menus est un affichage agrandi de la fenêtre du document placé sur un arrièreplan gris avec des menus, des barres d'outils, des barres de défilement et des panneaux visibles. Le mode Plein écran est un affichage agrandi de la fenêtre du document placé sur un arrière-plan noir sans menu, barre d'outils ou barre de titre visibles.
• 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
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 : ❖ Cliquez sur Fenêtre > Mosaïque horizontale ou Fenêtre > Mosaïque verticale. Pour fermer une fenêtre de document : ❖ Cliquez sur le bouton Fermer de la fenêtre.
Guide de l'utilisateur
Pour contrôler le réaffichage du document : ❖ Cliquez sur Affichage > Affichage normal.
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.
• 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.
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
Pour changer la taille du document :
• Choisissez Sélection > Désélectionner, cliquez sur l'outil Pointeur pour afficher les propriétés du document dans l'Inspecteur des propriétés, puis cliquez sur le bouton Taille du document. 2 Entrez les nouvelles dimensions dans les zones de texte Largeur et Hauteur. 3 Cliquez sur un des boutons Ancre pour spécifier les côtés du document où Fireworks pourra ajouter ou supprimer de l'espace, puis cliquez sur OK. 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 Personnalisée, cliquez sur une couleur dans la fenêtre contextuelle du nuancier.
Guide de l'utilisateur
2 Dans la fenêtre contextuelle Nuancier, sélectionnez une couleur ou cliquez sur une couleur quelconque de l'écran avec la pipette. Pour sélectionner un document transparent, cliquez sur le bouton Aucune dans la fenêtre contextuelle du nuancier. Pour redimensionner un document et son contenu :
Vous pouvez changer les unités de mesure. Si l’option Rééchantillonner l’image est désélectionnée, vous pouvez changer la résolution ou la taille, mais pas les dimensions en pixels. 3 Dans les zones de texte Taille, entrez les dimensions horizontales et verticales pour l'image imprimée. 4 Dans la zone de texte Résolution, entrez une nouvelle résolution de l'image. Vous pouvez choisir entre pixels/pouce et pixels/cm pour l’unité de mesure ou sélectionner 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 :
Contraindre les proportions.
6 Sélectionnez Rééchantillonner l'image pour ajouter ou supprimer des pixels lors du redimensionnement de l'image de façon à obtenir le même aspect avec une taille différente. 7 Sélectionnez Page actuelle uniquement pour appliquer la modification de la taille du document à la page actuelle. Si cette case est décochée, la modification de la taille du document s'applique à toutes les pages du document actif, ainsi qu'à toutes les nouvelles pages créées. 8 Cliquez sur OK.
Guide de l'utilisateur
Le redimensionnement des objets bitmap pose toujours le même problème : faut-il ajouter ou supprimer des pixels pour redimensionner l'image ou faut-il changer le nombre de pixels par pouce ou par centimètre ? 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. Un rééchantillonnage positif, ou ajout de pixels pour agrandir l'image, peut parfois entraîner une perte de qualité car les pixels ajoutés ne correspondent pas toujours à l'image d'origine. Un rééchantillonnage négatif, ou une suppression de pixels pour réduire l'image, entraîne systématiquement une perte de
Rotation du document
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
Guide de l'utilisateur
2 Cliquez sur Ajuster le document dans l'Inspecteur des propriétés. Le document s'adapte alors à la taille de son contenu. Recadrage d'un document
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 :
3 Double-cliquez à l'intérieur du cadre de délimitation ou appuyez sur Entrée pour recadrer le document. Fireworks redimensionne le document en fonction de la zone que vous avez définie et supprime les objets en dehors du document. Pour conserver ces objets, avant de recadrer, désélectionnez l'option Supprimer les objets pendant le recadrage dans l'onglet Edition de la boîte de dialogue Préférences. Pour plus d'informations sur les préférences, voir « Définition des préférences », page 336. Utilisation des menus contextuels
Pour afficher un menu contextuel : ❖ Cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl enfoncée et cliquez (Macintosh) sur un
Guide de l'utilisateur
Fireworks et accrocher des objets à cette dernière.
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 : ❖ Cliquez sur Affichage > Règles.
Utilisation des repères
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. Fireworks possède également des repères de découpe qui vous permettent de découper un document à utiliser sur le Web. Ces repères sont cependant différents des repères de découpe. 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 197.
Guide de l'utilisateur
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 : ❖ Cliquez sur Affichage > Repères > Afficher les repères. Pour accrocher des objets aux repères : ❖ Cliquez sur Affichage > Repères > Accrocher 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, puis cliquez sur OK. Pour verrouiller ou déverrouiller tous les repères : ❖ Cliquez sur Affichage > Repères > Verrouiller les repères. Pour supprimer un repère : ❖ Faites glisser le repère en dehors du document.
Utilisation de la grille
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 : ❖ Cliquez sur Affichage > Grille > Afficher la grille. Pour accrocher des objets à la grille : ❖ Cliquez sur Affichage > Grille > Accrocher à 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 grille, puis cliquez sur OK. 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 cliquez sur OK.
Guide de l'utilisateur
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 :
• Dans le panneau Historique, sélectionner des actions exécutées récemment et les répéter. • 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 332. Pour annuler et rétablir des actions :
2 Faites glisser le marqueur d'annulation vers le haut ou vers le bas. Pour répéter des actions :
2 Exécutez l'une des actions suivantes afin de sélectionner les actions à répéter dans le panneau Historique :
• Maintenez la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée et cliquez pour sélectionner des actions individuelles.
3 Cliquez sur le bouton Réexécuter, en bas du panneau Historique. 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 : ❖ Dans le menu Commandes, sélectionnez le nom de la commande.
Lorsque vous travaillez dans Fireworks CS3, vous manipulez des objets vectoriels et bitmap, des blocs de texte, des découpes et des références, ainsi que des zones de pixels. L'utilisation des outils de sélection et de transformation vous permettent de déplacer, copier, supprimer, faire pivoter, mettre à l'échelle ou incliner des objets. Dans les documents qui comportent plusieurs objets, vous pouvez organiser ces derniers en les empilant, en les regroupant et en les alignant. Ce chapitre couvre les rubriques suivantes :
• « Sélection des pixels », page 44 Le panneau Calques affiche chaque objet. Vous pouvez cliquer sur un objet dans le panneau Calques pour le sélectionner
L'outil Pointeur sélectionne des objets lorsque vous cliquez sur les objets ou faites glisser une zone de sélection autour d'eux.
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.
Guide de l'utilisateur
Pour sélectionner des objets en faisant glisser le pointeur :
Utilisez l'outil Sous-sélection pour sélectionner, déplacer ou modifier les points d'un trajet vectoriel ou d'un objet faisant partie d'un groupe. Pour déplacer ou modifier des objets avec l'outil Sous-sélection :
2 Effectuez une sélection. Les poignées de sélection s'affichent. 3 Exécutez l'une des actions suivantes :
• Pour déplacer l'intégralité d'un objet, faites glisser le pointeur n'importe où dans l'objet, excepté sur un point ou une poignée de sélection.
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 : ❖ Naviguez de haut en bas dans la pile d'objets et cliquez sur l’outil Sélectionner derrière jusqu'à ce que vous atteigniez l’objet voulu.
Lorsque vous sélectionnez un objet, l'Inspecteur des propriétés identifie la sélection. La zone supérieure gauche de l'Inspecteur des propriétés contient les informations suivantes concernant la sélection :
• Une 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.
L'Inspecteur des propriétés affiche également des informations et des paramètres concernant le type d'objet sélectionné. Par exemple, lorsque vous sélectionnez un trajet vectoriel, l'Inspecteur des propriétés affiche les propriétés du trajet vectoriel, telles que la largeur et la couleur du trait.
Lorsqu’un objet unique est sélectionné, vous pouvez ajouter des objets à la sélection et désélectionner les objets sélectionnés. En utilisant une commande unique, vous pouvez sélectionner ou désélectionner tout ce qui se trouve sur tous les calques du document. Vous pouvez également masquer le trajet de sélection de façon à pouvoir modifier un objet sélectionné tout en l’affichant tel qu’il doit apparaître sur le Web ou sur une copie imprimée. Pour ajouter à une sélection : ❖ Maintenez la touche Maj enfoncée et cliquez sur des objets supplémentaires avec l’outil Pointeur, Sous-sélection ou Sélec-
Pour désélectionner un objet unique en laissant les autres objets sélectionnés : ❖ Maintenez la touche Maj enfoncée et cliquez sur l’objet sélectionné. Pour sélectionner tout ce qui figure sur tous les calques du document : ❖ Cliquez sur Sélection > Sélectionner tout.
Pour désélectionner tous les objets sélectionnés : ❖ Cliquez sur Sélection > Désélectionner.
Pour masquer l'affichage de la sélection du trajet d’un objet sélectionné : ❖ Cliquez sur Affichage > Masquer les bords.
Pour masquer des objets sélectionnés : ❖ Cliquez sur Affichage > Masquer la sélection.
Pour afficher tous les objets : ❖ Cliquez sur Affichage > Afficher tout.
Vous pouvez modifier les pixels à l'intérieur de la sélection, appliquer des filtres aux pixels ou effacer des pixels sans affecter les pixels se trouvant au-delà de la sélection. Vous pouvez également créer une sélection flottante de pixels que vous pouvez modifier, déplacer, couper ou copier.
Lorsque vous sélectionnez l'outil Sélection, Sélection ovale, Lasso, Lasso polygonal ou Baguette magique, l'Inspecteur des propriétés affiche les options de l'outil en question. L'activation de la case à cocher Cadre direct vous permet de modifier les paramètres de Bord et l'importance de la diffusion (si Diffusion est spécifié comme paramètre Bord) pour votre sélection bitmap lorsque vous utilisez l'outil Cadre de sélection, Cadre de sélection ovale, Lasso, Lasso polygonal et Baguette magique. L'Inspecteur des propriétés affiche également les trois options Bord pour ces outils : Net crée un cadre de sélection avec un bord clairement délimité. Anticrénelage permet d'éviter l'apparition de bords dentelés dans le cadre de sélection. Diffusion permet d’adoucir les bords des pixels sélectionnés.
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 permet de créer un cadre de sélection dont la hauteur et la largeur sont indépendantes. Rapport fixe contraint les proportions entre la hauteur et la largeur. Taille fixe définit la hauteur et la largeur sur une dimension donnée.
Guide de l'utilisateur
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, assurezvous que la case à cocher Cadre direct est activée avant d'opérer votre sélection. Pour sélectionner une zone rectangulaire ou elliptique de pixels :
2 Définissez les options Style et Bord dans l'Inspecteur des propriétés. Pour plus d'informations, voir « Options de l'outil de sélection Bitmap », page 44. 3 Faites glisser le pointeur pour tracer un cadre de sélection qui définit la sélection de pixels. Lorsque vous faites glisser l'outil Cadre de sélection ou Cadre de sélection ovale, maintenez la touche Maj enfoncée afin de tracer des cadres de sélection de forme carrée ou circulaire. Si la case à cocher Cadre direct est activée lorsque vous faites une série de sélections, l'option Cadre direct n'affecte que la dernière sélection de la série. 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 « Options de l'outil de sélection Bitmap », page 44. 3 Faites glisser le pointeur autour des pixels à sélectionner. Placement de points afin de créer un cadre de sélection
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 « Options de l'outil de sélection Bitmap », page 44. 3 Cliquez pour placer des points autour du périmètre de l'objet ou de la zone afin d'entourer la sélection. Maintenez la touche Maj enfoncée pour imposer des incréments de 45° aux segments du cadre de sélection tracé avec l'outil Lasso polygonal. 4 Exécutez l'une des actions suivantes pour fermer le polygone :
• Double-cliquez dans l’espace de travail. Sélection de zones de couleur similaire
Tolérance de la Baguette magique dans l'Inspecteur des propriétés, vous pouvez contrôler la manière dont la Baguette magique sélectionne les pixels. Pour sélectionner une zone de pixels correspondant à une plage de couleurs similaires :
2 Sélectionnez une option Bord dans l'Inspecteur des propriétés. Pour plus d'informations, voir « Options de l'outil de sélection Bitmap », page 44. 3 Définissez le niveau de tolérance en faisant glisser le curseur de l'option correspondante dans l'Inspecteur des propriétés.
Guide de l'utilisateur
4 Cliquez sur la zone de couleurs à sélectionner. Un cadre de sélection s'affiche autour de la plage de pixels sélectionnée.
2 Choisissez Sélection > Sélectionner les couleurs similaires. Un ou plusieurs cadres de sélection affichent toutes les zones contenant la série de pixels sélectionnée, en fonction du paramètre Tolérance actuellement défini dans l'Inspecteur des propriétés pour l'outil Baguette magique. Remarque : Pour ajuster la tolérance pour la commande Sélectionner couleurs similaires, sélectionnez l'outil Baguette magique, puis changez le paramètre Tolérance dans l'Inspecteur des propriétés avant d'utiliser la commande. Vous pouvez également sélectionner la case à cocher Cadre direct afin de pouvoir modifier le paramètre Tolérance avec l'outil Baguette magique. Suppression d'un cadre de sélection
Pour supprimer un cadre de sélection, exécutez l'une des actions suivantes :
• Cliquez en dehors de la sélection active avec un cadre de sélection ou l'outil Lasso. • Appuyez sur Echap. • Cliquez sur Sélection > Désélectionner.
Guide de l'utilisateur
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 ou réglage d'un cadre de sélection
Pour déplacer le cadre de sélection, exécutez l'une des actions suivantes :
• Déplacez le cadre de sélection par incréments d'un pixel avec les touches fléchées. • 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. Ajout ou suppression de pixels
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 sélection bitmap quelconque. Superposition de cadres de sélection pour réaliser un cadre de sélection contigu. Pour soustraire des pixels d'une sélection : ❖ Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et utilisez un outil de sélection bitmap pour sélec-
Création d'un cadre de sélection à partir de cadres de sélection s'entrecroisant
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. Seuls les pixels se situant dans la zone d'intersection des deux cadres de sélection sont sélectionnés.
Guide de l'utilisateur
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 Alt (Windows) ou Commande (Macintosh). Le pointeur change afin de vous indiquer que vous êtes sur le point de sélectionner la couche alpha, ou zone opaque, de l'objet. 3 Cliquez sur la vignette. Une nouvelle sélection de pixels est créée sur le bitmap sélectionné. Pour effectuer un ajout à la sélection de pixels actuelle :
Une fois le curseur positionné sur la vignette et que les touches de modification spécifiées sont enfoncées, le curseur indique que vous êtes sur le point d'effectuer un ajout à la sélection de pixels.
Pour créer une sélection de pixels dans un bitmap sélectionné à partir de l'intersection d'objets qui se chevauchent :
Le pointeur change afin de vous indiquer que vous êtes sur le point de sélectionner la couche alpha, ou zone opaque, de l'objet. 2 Maintenant les touches Ctrl+Maj+Alt (Windows) ou Commande+Maj+Option (Macintosh) enfoncées et cliquez sur un autre objet. 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. Une fois que le curseur est positionné sur la vignette et que les touches de modification spécifiées sont enfoncées, le curseur indique que vous êtes sur le point de créer une sélection à partir de l'intersection des zones opaques de deux objets qui se chevauchent. Création d'une sélection de pixels inversée
Pour créer une sélection de pixels inversée :
2 Choisissez Sélection > Inverser la sélection. Tous les pixels qui ne se trouvaient pas dans la sélection d'origine sont maintenant sélectionnés.
Guide de l'utilisateur
Pour appliquer une diffusion à une sélection de pixels :
2 Entrez un taux de diffusion dans la boîte de dialogue Diffusion. La taille du cadre de sélection se modifie afin de refléter le taux de diffusion. 3 Si nécessaire, changez le nombre dans la boîte de dialogue Diffusion afin d'ajuster le taux de diffusion. 4 Cliquez sur OK. Pour afficher l'aspect du contour progressif de la sélection sans visualiser les pixels adjacents, 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. Extension ou réduction d'un cadre de sélection
Pour développer la bordure d'un cadre de sélection :
2 Entrez le nombre de pixels à utiliser pour étendre la bordure du cadre de sélection, puis cliquez sur OK. Pour réduire la bordure d'un cadre de sélection :
2 Entrez le nombre de pixels à retrancher de la bordure du cadre de sélection, puis cliquez sur OK. Sélection d'une zone autour d'un cadre de sélection existant
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. Lissage de la bordure d'un cadre de sélection
Guide de l'utilisateur
2 Entrez un rayon pour spécifier le niveau de lissage souhaité, puis cliquez sur OK. Conversion d'un cadre de sélection en trajet
Pour convertir un cadre de sélection en trajet : ❖ Après avoir tracé un cadre de sélection, cliquez sur Sélection > Convertir le cadre de sélection en trajet.
Transfert d'un cadre de sélection
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 d'un calque différent. Le cadre de sélection est transféré vers cet objet. Remarque : Fireworks traite les masques et les objets masqués en tant qu'objets séparés. Pour plus d'informations sur les masques, voir « Masquage d’images », page 159. Enregistrement de cadres de sélection
é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 enregistré. Vous pouvez laisser le nom tel quel ou en sélectionner un autre dans le menu contextuel si vous préférez enregistrer votre cadre de sélection dans un autre document ouvert. 3 La zone Sélection affiche le nom de la sélection active dans le document actif. S'il s'agit d'une nouvelle sélection, le mot Nouveau s'affiche par défaut. Vous pouvez laisser le mot tel quel ou, si vous voulez remplacer une sélection enregistrée précédemment par la nouvelle sélection, opérez une autre sélection enregistrée dans le menu contextuel. 4 La zone Nom, affichant les mots Par défaut, est activée uniquement si la zone Sélection affiche le mot Nouveau. Si tel est le cas, sélectionnez les mots Par défaut, puis entrez un nom pour votre nouvelle sélection. 5 Si la zone Sélection affiche le mot Nouveau, la Nouvelle sélection est activée dans la section Opération de la boîte de dialogue Enregistrer la sélection. Si une sélection précédemment enregistrée est activée dans la zone Sélection, les options suivantes sont activées dans la section Opération.
• Ajouter à la sélection ajoute la sélection active à celle spécifiée dans les zones Document et Sélection. • 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. 6 Sélectionnez une option dans la section Opération, puis cliquez sur OK. Répétez ce processus pour chaque cadre de sélection que vous voulez enregistrer.
Guide de l'utilisateur
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é enregistré. Vous pouvez laisser le nom tel quel ou en sélectionner un autre dans le menu contextuel si vous préférez restaurer un cadre de sélection à partir d'un autre document ouvert. 3 La zone Sélection affiche le nom de la sélection à restaurer. Si vous voulez restaurer une autre sélection, cliquez dessus dans le menu contextuel. 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é dans la section Opération de la boîte de dialogue Restaurer la sélection. S'il existe un cadre de sélection actif dans le document actuel, toutes les options suivantes sont activées dans la section Opération.
• Ajouter à la sélection ajoute la sélection active à celle spécifiée dans les zones Document et Sélection. • 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. 6 Sélectionnez une option dans la section Opération, puis cliquez sur OK. Répétez ce processus pour chaque cadre de sélection que vous voulez restaurer. Suppression de cadres de sélection
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 pouvez laisser le nom tel quel ou en sélectionner un autre à partir du menu contextuel si vous voulez supprimer un cadre de sélection d'un autre document. 3 La zone Sélection affiche le nom de la sélection active dans le document actif. Vous pouvez laisser le nom tel quel ou, si vous voulez supprimer une autre sélection du document figurant dans la zone Document, opérez une autre sélection dans le menu contextuel. 4 Pour supprimer la sélection figurant dans la zone Sélection, cliquez sur OK. Pour fermer la boîte de dialogue sans supprimer de sélection, cliquez sur Annuler.
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 :
Guide de l'utilisateur
• Si un outil bitmap non destiné à la sélection est actif, maintenez enfoncée la touche Ctrl (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.
Vous pouvez insérer un nouveau bitmap basé sur une sélection de pixels dans le calque actuel d'un document en coupant ou en copiant les pixels sélectionnés. Pour insérer un nouveau bitmap en coupant et en collant une sélection de pixels :
2 Cliquez sur Edition > Insérer > Bitmap par Couper. Un nouvel objet bitmap basé sur la sélection de pixels est créé dans le calque actuel, et les pixels sélectionnés sont supprimés de l'objet bitmap d'origine. Dans le panneau Calques, une vignette du nouveau bitmap s'affiche dans le calque actuel, audessus de l'objet à partir duquel il a été coupé. Pour insérer un nouveau bitmap en copiant et en collant une sélection de pixels :
2 Cliquez sur Edition > Insérer > Bitmap par Copier. Un nouvel objet bitmap basé sur la sélection de pixels est créé dans le calque actuel, et les pixels sélectionnés restent dans l'objet bitmap d'origine. Dans le panneau Calques, une vignette du nouveau bitmap s'affiche dans le calque actuel, au-dessus de l'objet à partir duquel il a copié.
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.
Guide de l'utilisateur
❖ Cliquez sur Edition > Dupliquer.
Remarque : Vous ne pouvez pas utiliser les commandes Dupliquer ou Cloner avec des sélections bitmap. Utilisez l'outil Soussé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 65. 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 : ❖ Cliquez sur Edition > Cloner.
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 :
• Cliquez sur Edition > Effacer. • Cliquez sur Edition > Couper. • Cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl enfoncée et cliquez (Macintosh) sur l'objet, puis cliquez sur Edition > Couper dans le menu contextuel. Pour annuler ou désélectionner une sélection, exécutez l’une des actions suivantes :
• Si vous utilisez l'outil Cadre de sélection, Cadre de sélection ovale ou Lasso, cliquez sur l'image, mais hors de la zone sélectionnée.
Vous pouvez transformer un objet ou un groupe sélectionné, ou une sélection de pixels, en utilisant les outils Mise à l'échelle, Incliner et Distorsion ainsi que des commandes de menu : Mise à l'échelle agrandit ou réduit un objet.
Guide de l'utilisateur
2 Pour transformer les objets, exécutez l’une des actions suivantes :
• Faites glisser une poignée de transformation pour effectuer une transformation conformément à l'outil de transformation actif. 3 Double-cliquez à l'intérieur de la fenêtre ou appuyez sur Entrée pour appliquer vos changements.
La mise à l’échelle d’un objet permet de l’agrandir ou de le réduire horizontalement, verticalement ou dans les deux sens. Pour mettre à l’échelle un objet sélectionné :
• Pour mettre l’objet à l’échelle à partir du centre, appuyez sur Alt tout en faisant glisser l'une des poignées. Remarque : Vous pouvez également redimensionner des objets sélectionnés en entrant les dimensions dans l'Inspecteur des propriétés. Pour plus d'informations, voir « Transformation numérique d'objets », page 56.
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 36.
Guide de l'utilisateur
❖ Cliquez sur Modification > Transformer, puis sélectionnez une commande de rotation dans le sous-menu. Pour faire pivoter l’objet sélectionné en le faisant glisser :
Pour imposer à la rotation des incréments de 15° par rapport à l’horizon, maintenez la touche Maj enfoncée et faites glisser le pointeur. 4 Double-cliquez à l'intérieur de la fenêtre ou appuyez sur Entrée pour appliquer vos changements. Pour déplacer l’axe de rotation : ❖ Faites glisser le point central hors du centre. Pour replacer l’axe de rotation au centre de la sélection, exécutez l'une des actions suivantes :
• Appuyez sur Echap pour désélectionner l'objet, puis sélectionnez-le à nouveau.
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é : ❖ Cliquez sur Modification > Transformer > Renverser horizontalement ou Renverser verticalement.
Lors de l'inclinaison d'un objet, l'axe horizontal ou vertical ou les deux axes de l'objet sont mis à l'oblique. Pour incliner un objet sélectionné :
Pour obtenir une illusion de perspective : ❖ Faites glisser un point d'angle.
Guide de l'utilisateur
Au lieu de faire glisser un objet pour le mettre à l’échelle, le redimensionner ou le faire pivoter, vous pouvez le transformer en entrant des valeurs spécifiques. Pour redimensionner des objets sélectionnés à l'aide de l'Inspecteur des propriétés ou du panneau Info : ❖ Entrez de nouvelles mesures pour la largeur (L) ou la hauteur (H).
Pour mettre à l’échelle ou faire pivoter des objets sélectionnés en utilisant Transformation numérique :
La boîte de dialogue Transformation numérique s’affiche. 2 Dans le menu contextuel, sélectionnez le type de transformation à exécuter sur la sélection actuelle : Echelle, Redimensionner ou Rotation. 3 Sélectionnez Contraindre les proportions pour préserver les proportions horizontales et verticales pendant la mise à l’échelle ou le redimensionnement d'une sélection. 4 Sélectionnez Attributs d'échelle pour transformer la trame, le trait et les effets en même temps que l'objet lui-même. 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.
Le panneau Info affiche les valeurs des transformations numériques de l’objet actuellement sélectionné. Ces informations sont mises à jour pendant la modification de l’objet.
(H) de l’objet d’origine avant sa transformation et le pourcentage de modification de la largeur et de la hauteur lors de la transformation.
Pour afficher des informations pendant la transformation d’une sélection : ❖ Cliquez sur Fenêtre > Info.
Guide de l'utilisateur
Lorsque vous travaillez sur plusieurs objets au sein d’un même document, vous disposez de plusieurs techniques pour organiser le document :
Vous pouvez associer des objets sélectionnés et les manipuler comme s’il s’agissait d’un objet unique. Par exemple, dessinez séparément les pétales d’une fleur, puis sélectionnez-les pour les regrouper et déplacer l’ensemble de la fleur en tant qu’objet unique. Vous pouvez modifier les groupes sans les dissocier. Vous pouvez sélectionner un objet 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 : ❖ Cliquez sur Modification > Associer. Pour dissocier des objets sélectionnés : ❖ Cliquez sur Modification > Dissocier.
Si vous souhaitez travailler séparément sur les objets d'un groupe, dissociez-les ou utilisez l'outil Sous-sélection pour ne sélectionner que des objets individuels et laisser le groupe intact.
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 156. 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.
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 :
• Cliquez sur Modification > Aligner > Centre vertical pour aligner les points centraux des objets sur un axe vertical. • Cliquez sur Modification > Aligner > A droite pour aligner les objets sur l’objet sélectionné situé le plus à droite. • Cliquez sur Modification > Aligner > En haut pour aligner les objets sur l’objet sélectionné situé le plus haut. • Cliquez sur Modification > Aligner > Centre horizontal pour aligner les points centraux des objets sur un axe horizontal. • Cliquez sur Modification > Aligner > En bas pour aligner les objets sur l’objet sélectionné situé le plus bas. Pour répartir de façon égale les largeurs et les hauteurs de trois objets sélectionnés ou plus : ❖ Cliquez sur Modification > Aligner > Répartir en largeur ou Modification > Aligner > Répartir en hauteur.
Guide de l'utilisateur
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 156.
Maculage. Pour plus d'informations sur les méthodes de sélection et de transformation des images et des zones de pixels, voir « Sélection et transformation d'objets », page 41. Ce chapitre couvre les rubriques suivantes :
• « Création d'objets bitmap », page 60 • « Accès aux outils de retouche de photos », page 62 • « Application d'un flou et accentuation de la netteté des bitmaps », page 77 • « Ajout de bruit à une image », page 80
La section Bitmap du panneau Outils contient des outils de sélection et de modification des bitmaps. Pour modifier les pixels d'un bitmap dans votre document, vous pouvez sélectionner un outil dans la section Bitmap. Contrairement aux précédentes versions de Fireworks, vous n'avez pas besoin de basculer délibérément entre le mode bitmap et le mode vectoriel, mais vous pouvez toujours travailler avec des bitmaps, des objets vectoriels et du texte. Basculer vers le mode approprié est aussi simple que de sélectionner un outil vectoriel ou bitmap dans le panneau Outils.
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 154.
Guide de l'utilisateur
2 Utilisez l'outil Pinceau ou Crayon pour créer des objets bitmap sur le document. Un nouvel objet bitmap est ajouté au calque actif dans le panneau Calques. Pour plus d'informations sur l'utilisation des outils Crayon ou Pinceau, voir « Traçage et modification d'objets bitmap », page 62. 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 :
Calques et du document. Pour couper ou copier des pixels et les coller en tant que nouvel objet bitmap :
Pour plus d'informations, voir « Sélection des pixels », page 44. 2 Exécutez l'une des actions suivantes :
• Cliquez sur Edition > Copier, puis sur Edition > Coller. • Cliquez sur Edition > Insérer > Bitmap par Copier pour copier la sélection actuelle dans un nouveau bitmap. • Cliquez sur Edition > Insérer > Bitmap par Couper pour couper la sélection actuelle afin de la placer dans un nouveau bitmap. La sélection s'affiche dans le panneau Calques comme un objet du calque actuel. 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 52. 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.
Guide de l'utilisateur
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 Les outils contenus dans le panneau Modification d'image sont les mêmes que ceux figurant à d'autres emplacements dans Fireworks (par exemple, dans la boîte à outils et dans le menu 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 65, « Réglage de la couleur et du ton d'un bitmap », page 70, « Application d'un flou et accentuation de la netteté des bitmaps », page 77 et « Ajout de bruit à une image », page 80.
La section Bitmap du panneau Outils contient des outils permettant de sélectionner, de dessiner et de modifier des pixels dans une image 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 :
Conserver la transparence limite l’utilisation de l’outil Crayon aux pixels existants. Aucun trait n’apparaît dans les zones transparentes du graphique.
Guide de l'utilisateur
Pour remplacer la couleur des pixels par la couleur indiquée dans Couleur de remplissage :
3 Définissez la valeur de la tolérance dans l'Inspecteur des propriétés. Remarque : La tolérance détermine le degré de similarité de la couleur des pixels qui seront remplis. Une valeur de tolérance basse remplit les pixels avec des valeurs de couleur similaires au pixel sur lequel vous cliquez. Une tolérance élevée remplit les pixels avec une plage de valeurs de couleur plus large. 4 Cliquez sur l'image. Tous les pixels appartenant à la plage de tolérance adoptent la couleur de remplissage. Pour appliquer une trame de dégradé à une sélection de pixels :
4 Cliquez sur la sélection de pixels pour appliquer la trame. Les outils Pot de peinture et Dégradé peuvent également être appliqués à des objets vectoriels sélectionnés. Pour plus d'informations sur la création, l'application et la modification des trames de dégradé, voir « Utilisation de trames », page 136.
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 :
• Cliquez sur l'icône de remplissage à côté de la case Couleur de remplissage du panneau Outils pour en faire l'attribut actif. Remarque : Ne cliquez pas sur le sélecteur de couleurs. Si vous cliquez dessus, le pointeur Pipette qui 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 132. 2 Ouvrez un document Fireworks ou n'importe quel document que Fireworks peut ouvrir. Pour plus d'informations, voir « Découpes, survols et références », page 193.
Guide de l'utilisateur 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
4 Cliquez sur le document avec l'outil Pipette. La couleur échantillonnée est disponible dans toutes les cases Couleur du trait et Couleur de remplissage de Fireworks.
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 337.
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.
La diffusion rend flous les bords d'une sélection de pixels et aide à mélanger la zone sélectionnée avec les pixels environnants. La diffusion est utile lorsque vous copiez une sélection et que vous la collez sur un autre arrière-plan.
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 la sélection. 4 Effectuez une sélection.
Guide de l'utilisateur
2 Entrez une valeur dans la boîte de dialogue Appliquer une diffusion à la sélection afin de définir le rayon de diffusion, puis cliquez sur OK. La valeur du rayon détermine le nombre de pixels auxquels est appliquée une diffusion de chaque côté de la bordure de sélection.
Fireworks fournit une large panoplie d'outils permettant de retoucher vos images. Vous pouvez modifier la taille d'une image, réduire ou accentuer sa focalisation, ou copier et « imprimer » une partie de l'image dans une autre zone. L'outil Tampon encreur vous permet de copier ou de cloner une zone d'une image dans une autre. L'outil Flou réduit la focalisation des zones sélectionnées dans une image. L'outil Maculage prélève une couleur et l'envoie dans la direction dans laquelle vous faites glisser 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 supprimer la poussière d'une image. Vous pouvez copier une zone de pixels d'une photo et remplacer la partie endommagée ou poussiéreuse par la zone clonée. Pour cloner une partie d'une image bitmap :
2 Cliquez sur une zone afin de la désigner comme étant la source, ou la zone que vous voulez cloner. Le pointeur d'échantillonnage se transforme en un pointeur en forme de croix. Remarque : Pour désigner une autre zone de pixels à cloner, vous pouvez maintenir la touche Alt (Windows) ou Option (Macintosh) enfoncée et cliquer sur une autre zone de pixels afin de la désigner comme étant la source. 3 Déplacez-vous sur une autre partie de l'image et faites glisser le pointeur. Vous allez voir deux pointeurs. Le premier, la source du clonage, a la forme d'une croix. Pour plus d'informations, voir « Préférences de modification », page 337. 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.
Guide de l'utilisateur
2 Sélectionnez l'une des options suivantes dans l'Inspecteur des propriétés : Taille détermine la taille du tampon. Bord détermine l'adoucissement du trait (100 % = dur, 0 % = doux). Source alignée s'applique à l'opération d'échantillonnage. Lorsque Source alignée est sélectionnée, le pointeur d'échantillonnage se déplace verticalement et horizontalement, en alignement avec le second. Lorsque Source alignée est désélectionnée, la zone d'échantillonnage est établie, peu importe l'endroit où vous déplacez le second pointeur et l'endroit où vous cliquez. Utiliser l'ensemble du document permet d'effectuer un échantillonnage de tous les objets de tous les calques. Lorsque cette option est désélectionnée, l'outil Tampon encreur échantillonne uniquement à partir de l'objet actif. L'opacité détermine ce qui peut être vu de l'arrière-plan à travers le trait. Mode de fondu détermine la façon dont l'image clonée affecte l'arrière-plan.
• Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser la sélection de pixels à l'aide de l'outil Pointeur.
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 détermine la taille de la pointe du pinceau. Bord spécifie l'adoucissement de la pointe du pinceau. Forme définit une pointe de pinceau ronde ou carrée. Intensité définit la quantité de flou ou d'accentuation de la netteté.
Maintenez enfoncée la touche Alt (Windows) ou Option (Macintosh) pour inverser le comportement de l'outil. Pour maculer les couleurs d'une image :
2 Définissez les options de l'outil dans l'Inspecteur des propriétés : Taille spécifie la taille de la pointe du pinceau. Forme définit une pointe de pinceau ronde ou carrée. Bord spécifie l'adoucissement de la pointe du pinceau. Pression définit l'intensité du trait. Couleur de la tache vous permet d'effectuer des taches en utilisant une couleur spécifique au début de chaque trait. Si cette
Guide de l'utilisateur
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 détermine la taille de la pointe du pinceau. Forme définit une pointe de pinceau ronde ou carrée. Bord définit l'adoucissement de la pointe du pinceau.
L'exposition s'échelonne de 0 % à 100 %. Pour un effet amoindri, spécifiez une valeur de pourcentage plus basse. Pour un effet plus accentué, spécifiez une valeur plus haute. 4 Définissez la plage dans l'Inspecteur des propriétés : Ombres change principalement les parties sombres de l'image. Surbrillances change principalement les parties claires de l'image. Demi-tons change principalement la plage de couleurs moyenne par couche de l'image.
Maintenez enfoncée la touche Alt (Windows) ou Options (Macintosh) tout en faisant glisser l'outil afin de passer temporairement de l'outil Révélateur à l'outil Brûlure, ou de l'outil Brûlure à l'outil Révélateur.
Sur certaines photographies, les pupilles des sujets prennent une teinte rouge artificielle. L'outil Suppression de l'œil rouge permet de corriger ce problème. L'outil Suppression de l'œil rouge ne traite que les zones rouges de la photographie et les remplace par des tons de gris ou de noir.
Guide de l'utilisateur
Quantité définit la luminosité des gris utilisés pour remplacer les couleurs rouges.
L'outil Remplacer la couleur vous permet de sélectionner une couleur et de dessiner sur cette couleur avec une autre couleur.
Pour remplacer une couleur par une autre à l'aide du nuancier :
3 Cliquez sur le sélecteur de couleurs De pour sélectionner la pipette, puis sélectionnez une couleur dans le menu contextuel pour spécifier la couleur que vous voulez remplacer. 4 Cliquez sur le sélecteur de couleurs A dans l'Inspecteur des propriétés, puis sélectionnez une couleur dans le menu contextuel pour sélectionner la couleur de remplacement. 5 Définissez les autres attributs du trait dans l'Inspecteur des propriétés : Taille détermine la taille de la pointe du pinceau. Forme définit une pointe de pinceau ronde ou carrée. Tolérance détermine la plage de couleurs à remplacer (0 remplace uniquement la couleur A ; 255 remplace toutes les
Quantité détermine la quantité de couleur à changer qui est remplacée. Coloriser remplace la couleur à changer par la couleur A. Désélectionnez Coloriser pour remplacer la couleur à changer
6 Faites glisser l'outil sur la couleur que vous voulez remplacer.
Guide de l'utilisateur
3 Cliquez sur le sélecteur de couleurs A dans l'Inspecteur des propriétés pour sélectionner la pipette, puis sélectionnez une couleur dans le menu contextuel. 4 Définissez les autres attributs du trait dans l'Inspecteur des propriétés : Taille détermine la taille de la pointe du pinceau. Forme définit une pointe de pinceau ronde ou carrée. Tolérance détermine la plage de couleurs à remplacer (0 remplace uniquement la couleur A ; 255 remplace toutes les
Quantité détermine la quantité de couleur à changer qui est remplacée. Coloriser remplace la couleur De par la couleur A. Désélectionnez Coloriser pour remplacer la couleur De par la couleur
5 A l'aide de l'outil, cliquez sur une section de l'image bitmap contenant la couleur que vous souhaitez remplacer. Sans soulever l'outil, continuez à peindre l'image. La couleur sur laquelle vous avez cliqué au début de l'action de peinture sera remplacée par la couleur spécifiée dans le sélecteur de couleurs A.
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é. Les poignées de recadrage s'affichent tout autour du bitmap sélectionné ou du cadre de sélection, si vous en avez tracé un au cours de l'étape 1. 3 Ajustez les poignées de recadrage jusqu'à ce que le cadre de délimitation entoure la zone de l'image bitmap que vous souhaitez conserver. Remarque : Pour annuler une sélection de recadrage, appuyez sur Echap.
Chaque pixel du bitmap sélectionné se trouvant hors du cadre de délimitation est supprimé, mais les autres objets du document demeurent intacts.
Guide de l'utilisateur
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, Adobe 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. Pour appliquer un filtre en direct à une zone définie par un cadre de sélection bitmap :
2 Cliquez sur Edition > Couper. 3 Cliquez sur Edition > Coller. Fireworks colle la sélection à l'emplacement exact où étaient localisés les pixels d'origine, mais la sélection est maintenant un objet bitmap distinct. 4 Cliquez sur la vignette du nouvel objet bitmap dans le panneau Calques afin de sélectionner l'objet bitmap. 5 Appliquez un filtre en direct à partir de l'Inspecteur des propriétés. Fireworks applique le filtre en direct uniquement au nouvel objet bitmap, simulant l'application d'un filtre à une sélection de pixels. 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 34.
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. Egalisation des surbrillances, des demi-tons et des ombres
Surbrillances corrige un excès de pixels clairs, ce qui donne à l'image un aspect délavé. Demi-tons corrige un excès de pixels dans les demi-tons, ce qui rend l'image fade. Ombres corrige un excès de pixels sombres, ce qui masque une grande partie des détails.
Guide de l'utilisateur
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. Pour régler les surbrillances, les demi-tons et les ombres :
2 Pour ouvrir la boîte de dialogue Niveaux, exécutez l’une des actions suivantes :
Niveaux dans le menu contextuel Filtres.
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 « Utilisation des filtres en direct », page 143.
Guide de l'utilisateur
3 Dans le menu contextuel Canal, choisissez si vous voulez appliquer ces modifications à des canaux de couleurs spécifiques (Rouge, Bleu ou Vert) ou à tous les canaux de couleurs (RVB). 4 Réglez le curseur Niveaux d'entrée, situé sous l'histogramme, pour régler les surbrillances, les demi-tons et les ombres.
• Le curseur du centre règle les demi-tons en utilisant des valeurs comprises entre 10 et 0. • Le curseur de gauche règle les ombres en utilisant des valeurs comprises entre 0 et 255. Lorsque vous déplacez les curseurs, les valeurs sont entrées automatiquement dans les zones Niveaux d'entrée. Remarque : La valeur des ombres ne peut pas être supérieure à la valeur des surbrillances, la valeur des surbrillances ne peut pas être inférieure à la valeur des ombres. Quant aux demi-tons, ils doivent se situer entre les paramètres des ombres et des surbrillances. 5 Faites glisser les curseurs Niveaux de sortie pour régler le contraste de l'image.
• Le curseur de gauche règle les ombres en utilisant des valeurs comprises entre 0 et 255. Lorsque vous déplacez les curseurs, les valeurs sont entrées automatiquement dans les zones Niveaux de sortie. Réglage automatique des plages tonales
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 :
Niveaux automatiques dans le menu contextuel Filtres.
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 « Utilisation des filtres en direct », page 143. 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. Correction des couleurs à l'aide de la fonction Courbes
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 représente la luminosité d'origine des pixels (telle qu'elle est indiquée dans la zone Entrée). L'axe vertical représente les nouvelles valeurs de luminosité (telles qu'elles sont indiquées dans la zone Sortie).
Guide de l'utilisateur
2 Pour ouvrir la boîte de dialogue Courbes, exécutez l’une des actions suivantes :
Remarque : Si l'Inspecteur des propriétés est partiellement réduit, cliquez sur le bouton Ajouter des filtres à la place du bouton Plus.
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 « Utilisation des filtres en direct », page 143.
4 Pour régler la courbe, cliquez sur l'un des points de la diagonale de la grille, puis faites-le glisser à une autre position.
Auto dans la boîte de dialogue Courbes.
Guide de l'utilisateur
❖ Faites glisser le point hors de la courbe.
Correction de la plage tonale à l'aide des pipettes de gradation
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 :
Réglage de la luminosité et du contraste La fonction Luminosité/Contraste modifie le contraste ou la luminosité des pixels d'une image. Cela affecte les 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.
2 Pour ouvrir la boîte de dialogue Luminosité/Contraste, exécutez l’une des actions suivantes :
Luminosité/Contraste dans le menu contextuel Filtres.
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 « Utilisation des filtres en direct », page 143. 3 Faites glisser les curseurs Luminosité et Contraste pour régler les paramètres. Les valeurs vont de -100 à 100. 4 Cliquez sur OK.
Guide de l'utilisateur
Vous pouvez utiliser le filtre en direct Trame de couleur pour changer rapidement la couleur d'objets, soit en remplaçant tous les pixels par une couleur donnée soit en mélangeant une couleur à celle d'un objet existant. Lorsque vous mélangez des couleurs, la couleur est ajoutée au-dessus de l’objet. Mélanger une couleur à celle d'un objet existant revient à utiliser la fonction Teinte/Saturation. L'opération de mélange permet toutefois d'appliquer rapidement une couleur spécifique à partir d'un nuancier. Pour ajouter un filtre en direct Trame de couleur à un objet sélectionné :
Remplissage couleur dans le menu contextuel Filtres. 2 Sélectionnez un mode de fondu. Le mode par défaut est Normal. Pour plus d'informations sur les modes de fondu, voir « Modes de fondu », page 173. 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 la teinte de couleur, l'intensité (ou saturation) ou la luminosité d'une couleur dans une image.
2 Pour ouvrir la boîte de dialogue Teinte/Saturation, exécutez l’une des actions suivantes :
Teinte/Saturation dans le menu contextuel Filtres.
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 « Utilisation des filtres en direct », page 143. 3 Réglez le curseur Teinte pour régler la couleur de l'image. Les valeurs vont de -180 à 180. 4 Réglez le curseur Saturation pour régler le niveau de pureté des couleurs. Les valeurs vont de -100 à 100.
Guide de l'utilisateur
Les valeurs vont de -100 à 100. 6 Cliquez sur OK. Pour changer une image RVB en une image à deux tons ou pour ajouter des couleurs à une image en niveaux de gris : ❖ Dans la boîte de dialogue Teinte/Saturation, sélectionnez Coloriser.
Vous pouvez utiliser Inverser pour appliquer la valeur inverse des couleurs de l'image à partir de la roue chromatique. Par exemple, l'application du filtre à un objet rouge (R=255, V=0, B=0) change la couleur en bleu clair (R=0, V=255, B=255).
2 Exécutez l'une des actions suivantes :
Inverser dans le menu contextuel Filtres.
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 « Utilisation des filtres en direct », page 143.
Guide de l'utilisateur
Fireworks possède un ensemble d'options de flou et d'accentuation que vous pouvez appliquer en tant que filtres en direct ou filtres irréversibles et permanents.
L'application d'un flou adoucit l'aspect d'une image bitmap. Fireworks possède six options de flou : Flou adoucit la focalisation des pixels sélectionnés. Accentuer le flou applique un flou trois fois plus puissant que celui de la commande Flou. Flou gaussien applique à chaque pixel une valeur médiane pondérée de flou pour produire un effet de voilage. Flou de mouvement donne l'impression que l'image est en mouvement. Flou radial confère un effet de rotation à l'image. Flou de zoom donne l'impression que le sujet de l'image s'approche ou s'éloigne de la personne qui regarde la photo.
Pour rendre une image floue :
2 Exécutez l'une des actions suivantes : Pour rendre une image floue avec la commande Flou gaussien :
2 Pour ouvrir la boîte de dialogue Flou gaussien, exécutez l’une des actions suivantes :
3 Réglez le curseur Rayon du flou pour spécifier la force de l'effet. Les valeurs vont de 0,1 à 250. L'augmentation du rayon se traduit par un effet de flou accentué. 4 Cliquez sur OK. Pour rendre une image floue avec la commande Flou de mouvement :
2 Pour ouvrir la boîte de dialogue Flou de mouvement, exécutez l’une des actions suivantes :
3 Réglez la molette Angle pour définir la direction du floutage.
Guide de l'utilisateur
Les valeurs vont de 1 à 100. L'augmentation de la distance se traduit par un floutage accentué. 5 Cliquez sur OK. Pour rendre une image floue avec la commande Flou radial :
2 Pour ouvrir la boîte de dialogue Flou radial, exécutez l’une des actions suivantes :
3 Réglez le curseur Intensité pour définir la force du floutage. 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. Les valeurs vont de 1 à 100. L'augmentation de la qualité se traduit par un floutage présentant moins de répétitions de l'image d'origine. 5 Cliquez sur OK. Pour rendre une image floue avec la commande Flou de zoom :
2 Pour ouvrir la boîte de dialogue Flou de zoom, exécutez l’une des actions suivantes :
3 Réglez le curseur Intensité pour définir la force du floutage. 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. Les valeurs vont de 1 à 100. L'augmentation de la qualité se traduit par un floutage présentant moins de répétitions de l'image d'origine. 5 Cliquez sur OK.
L'effet Rechercher les bords modifie vos bitmaps, de façon à ce qu'ils ressemblent à des tracés de lignes en identifiant les transitions de couleurs dans les images et en les changeant en lignes.
Guide de l'utilisateur
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 « Utilisation des filtres en direct », page 143.
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 :
Convertir en Alpha dans le menu contextuel Filtres.
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 « Utilisation des filtres en direct », page 143.
Utilisez la fonction Accentuer pour corriger les images légèrement floues. Fireworks possède trois options Accentuer : Accentuer règle la focalisation d'une image floue en augmentant le contraste des pixels adjacents. Accentuer davantage augmente le contraste des pixels adjacents trois fois plus que la commande Accentuer. Masque d'accentuation règle le contraste du bord des pixels pour rendre l'image plus nette. Cette option offre le meilleur contrôle et doit être utilisée en priorité pour accentuer une image.
2 Pour sélectionner une option d'accentuation, exécutez l’une des actions suivantes :
Accentuer ou Accentuer davantage dans le menu contextuel Filtres.
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 « Utilisation des filtres en direct », page 143.
3 Réglez le curseur Intensité de l'accentuation pour sélectionner un facteur d'accentuation compris entre 1 et 500 %. 4 Réglez le curseur Rayon en pixels pour sélectionner un rayon compris entre 0,1 et 250. Plus le rayon est élevé, plus la zone à fort contraste entourant les pixels est étendue. 5 Réglez le curseur Seuil pour sélectionner une valeur comprise entre 0 et 255. Les valeurs comprises entre 2 et 25 sont les plus communes. Lorsque vous augmentez ce seuil, vous n'accentuez que les pixels dont le contraste est élevé. Par contre, lorsque vous le diminuez, vous incluez les pixels de plus faible contraste. Un seuil de 0 accentue l'ensemble des pixels de l'image. 6 Cliquez sur OK.
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).
Guide de l'utilisateur
2 Pour ouvrir la boîte de dialogue Ajouter du bruit, 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 « Utilisation des filtres en direct », page 143. 3 Réglez le curseur Intensité pour définir l'intensité du bruit. 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 appliquer un bruit monochrome uniquement. 5 Cliquez sur OK.
Vous pouvez dessiner des trajets vectoriels de forme libre à l'aide des outils Plume et Trajet vectoriel. L’outil Plume permet de dessiner des formes complexes avec des courbes lisses et des lignes droites en plaçant des points un par un. Fireworks offre plusieurs méthodes de modification des objets vectoriels que vous avez tracés. Vous pouvez changer la forme d’un objet en déplaçant, ajoutant ou supprimant des points. Vous pouvez utiliser des 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 :
• « Modification des trajets », page 97 Vous pouvez utiliser l'outil Ligne, Rectangle ou Ellipse pour dessiner rapidement des formes de base. L’outil Rectangle dessine des rectangles en tant qu’objets groupés. Pour déplacer séparément un point d'angle de rectangle, dissociez le rectangle ou utilisez l’outil Sous-sélection. Pour dessiner un rectangle de base avec des angles biseautés, chanfreinés ou arrondis, voir la procédure suivante. 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 87. 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. Voir « Application de couleurs, de traits et de trames », page 123. 3 Faites glisser le pointeur sur le document pour dessiner la forme. Avec l’outil Ligne, maintenez la touche Maj enfoncée et faites glisser le pointeur pour obtenir des lignes forcées par incréments de 45°. 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.
Guide de l'utilisateur
❖ Placez le pointeur sur le point central voulu, puis maintenez les touches Maj+Alt (Windows) ou Maj+Option
Pour ajuster la position d'une forme de base lorsque vous la dessinez : ❖ Maintenez le bouton de la souris et la barre d'espace enfoncés et faites glisser l'objet vers l'emplacement approprié sur le
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. Pour redimensionner une ligne, un rectangle ou une ellipse sélectionné, exécutez l'une des actions suivantes :
• Dans la section Sélection du panneau Outils, sélectionnez l'outil Mise à l'échelle, puis faites glisser une poignée de transformation d'angle. L'objet est redimensionné proportionnellement. Remarque : Vous pouvez également redimensionner un objet proportionnellement en cliquant sur Modification > Transformer > Mise à l'échelle, puis en faisant glisser une poignée de transformation d'angle, ou en cliquant sur Modification > Transformer > Transformation numérique, puis en entrant de nouvelles dimensions. Pour plus d'informations sur le redimensionnement et la mise à l'échelle des objets, voir « Transformation et distorsion d'objets sélectionnés et de sélections », page 53.
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. Vous pouvez régler l’arrondi des angles pendant le dessin du rectangle en appuyant plusieurs fois sur les touches fléchées ou sur les touches 1 ou 2. Pour arrondir les angles d’un rectangle sélectionné : ❖ Dans l'Inspecteur des propriétés, entrez une valeur entre 0 et 100 dans la zone Arrondi, puis appuyez sur Entrée ou faites
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.
L'outil Polygone permet de dessiner un polygone équilatéral ou une étoile, qu'il s'agisse d'un triangle, d'un polygone ou d'une étoile à 360 côtés. Pour dessiner un polygone :
2 Dans l'Inspecteur des propriétés, pour définir le nombre de côtés du polygone, exécutez l'une des actions suivantes :
• Entrez un nombre compris entre 3 et 360 dans la zone de texte Côtés.
Guide de l'utilisateur
Pour contraindre l’orientation d’un polygone par incréments de 45°, maintenez la touche Maj enfoncée pendant que vous dessinez. Les dessins à l'aide de l'outil Polygone débutent toujours à 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 de 0 produisent des pointes longues et fines, alors que les valeurs proches de 100 ont pour résultat des pointes courtes et écrasées. 5 Faites glisser le pointeur sur le document pour dessiner l’étoile. Pour contraindre l’orientation d’une étoile par incréments de 45°, maintenez la touche Maj enfoncée pendant que vous faites glisser le pointeur. Les dessins à l'aide de l'outil Polygone débutent toujours à partir d'un point central.
Les formes automatiques sont des groupes d'objets vectoriels intelligents qui suivent des règles particulières permettant de simplifier la création et la modification d'éléments visuels communs. Les outils Formes automatiques dessinent des groupes d'objets. Contrairement à d'autres groupes d'objets, les formes automatiques sélectionnées ont des points de contrôle en forme de losange en plus des poignées de groupe d'objets habituelles. Chaque point de contrôle est associé à une propriété visuelle spécifique de la forme. Lorsque vous faites glisser un point de contrôle, vous modifiez uniquement la propriété visuelle associée. La plupart des points de contrôle des formes automatiques disposent d'info-bulles décrivant leur effet sur la forme automatique. Déplacez le pointeur au-dessus d'un point de contrôle pour en afficher l'info-bulle.
« Transformation et distorsion d'objets sélectionnés et de sélections », page 53. 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. Flèche dessine des groupes d'objets représentant des flèches simples de toutes proportions. Grâce aux points de contrôle,
Rectangle biseauté dessine des groupes d'objets représentant des rectangles aux angles biseautés. Grâce aux points de
Rectangle chanfreiné dessine des groupes d'objets représentant des rectangles avec des chanfreins, autrement dit des angles
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. Anneau dessine des groupes d'objets représentant des anneaux remplis. Grâce aux points de contrôle, vous pouvez ajuster
Guide de l'utilisateur
Graphique à secteurs dessine des groupes d'objets représentant des graphiques à secteurs. Grâce aux points de contrôle,
Rectangle arrondi dessine des groupes d'objets représentant des rectangles aux angles arrondis. Grâce aux points de contrôle, vous pouvez modifier l'arrondi de tous les angles ou de chaque angle individuellement. Polygone intelligent dessine des groupes d'objets représentant des polygones équilatéraux de 3 à 25 côtés. Grâce aux points de contrôle, vous pouvez redimensionner, faire pivoter, ajouter ou supprimer des segments, augmenter ou réduire le nombre de côtés ou ajouter un polygone intérieur à la forme. Spirale dessine des groupes d'objets représentant des spirales ouvertes. Grâce aux points de contrôle, vous pouvez modifier
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é
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 :
• Cliquez sur le document pour y placer la forme à sa taille par défaut. Pour créer la forme automatique de la commande Ajouter une ombre :
2 Cliquez sur Commandes > Création > Ajouter une ombre. Une ombre est ajoutée à l'objet sélectionné. 3 Si vous souhaitez apporter des changements à l'ombre, vous pouvez exécuter l'une des actions suivantes :
• Cliquez sur le point de contrôle Direction pour redéfinir l'ombre (sa taille est identique à la forme d'origine). • Maintenez les touches Ctrl+Commande enfoncées et cliquez sur le point de contrôle Direction pour redéfinir l'axe des x uniquement.
Pour plus d'informations sur la manière de modifier les propriétés d'une forme automatique, voir « Modification des propriétés de formes automatiques », page 85.
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.
Guide de l'utilisateur
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. Le panneau Propriétés de forme automatique s'affiche, qui présente les propriétés de la forme automatique sélectionnée. 3 Ajustez les propriétés dans le panneau Propriétés de forme automatique. 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. 4 Pour appliquer les changements, appuyez sur la touche de tabulation ou Entrée. La forme automatique sélectionnée est mise à jour à l'aide des changements que vous avez apportés à ses propriétés. Si vous souhaitez apporter des changements supplémentaires, vous pouvez également ajuster la forme automatique sur le document en utilisant des points de contrôle ; les valeurs correspondantes dans le panneau Propriétés de forme automatique sont mises à jour de façon dynamique. 5 Si vous souhaitez insérer une autre forme automatique, vous pouvez en sélectionner une dans le menu contextuel Insérer nouvelle forme automatique au bas du panneau. La nouvelle forme s'affiche dans le coin supérieur gauche du document. Réglage des formes automatiques représentant des flèches
Pour régler le style d'une pointe de flèche : ❖ Faites glisser le point de contrôle de style de la flèche sélectionnée. Pour augmenter ou réduire la taille d'une pointe de flèche : ❖ Faites glisser le point de contrôle de pointe de la flèche sélectionnée. Pour allonger ou raccourcir la queue d'une flèche : ❖ Faites glisser le point de contrôle de longueur de la flèche sélectionnée. Pour régler l'épaisseur de la queue d'une flèche : ❖ Faites glisser le point de contrôle d'épaisseur de la flèche sélectionnée. Réglage des formes automatiques représentant des flèches courbées
Pour régler le style de pointe d'une flèche courbée : ❖ Faites glisser le point de contrôle de pointe de la flèche courbée sélectionnée. Pour réduire ou augmenter la taille de la pointe d'une flèche courbée : ❖ Faites glisser le point de contrôle de pointe de la flèche courbée sélectionnée.
Guide de l'utilisateur
❖ Faites glisser le point de contrôle de longueur de la flèche courbée sélectionnée. Pour régler l'épaisseur de la queue d'une flèche courbée : ❖ Faites glisser le point de contrôle d'épaisseur de la flèche courbée sélectionnée. Pour régler l'arrondi de la courbe de la queue d'une flèche courbée : ❖ Faites glisser le point de contrôle du rayon d'angle de la flèche sélectionnée. Réglage des formes automatiques représentant des rectangles biseautés, chanfreinés et arrondis
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 : ❖ Déplacez un point de contrôle d'angle de la forme sélectionnée. Pour régler un seul angle d'une forme automatique représentant un rectangle biseauté, chanfreiné ou arrondi : ❖ Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser un point de contrôle d'angle de la
Pour redimensionner une forme automatique représentant un rectangle biseauté, chanfreiné ou arrondi sans modifier les angles : ❖ Faites glisser le point de contrôle de redimensionnement. Pour changer le type des angles d'un rectangle : ❖ Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et cliquez sur le point de contrôle de votre choix. Pour changer le type d'un seul angle : ❖ Maintenez les touches Maj+Alt (Windows) ou Maj+Option (Macintosh) enfoncées et cliquez sur le point de contrôle de
Réglage des formes automatiques représentant des lignes connecteurs
Pour déplacer les points de départ ou de fin d'une ligne connecteur : ❖ Faites glisser le point de contrôle au début ou à la fin de la ligne connecteur. Pour repositionner la barre transversale d'une ligne connecteur : ❖ Faites glisser le point de contrôle de position horizontale. Pour régler tous les angles de la ligne connecteur sélectionnée : ❖ Faites glisser un point de contrôle d'angle. Pour régler un seul angle de la ligne connecteur sélectionnée : ❖ Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser le point de contrôle d'un angle.
Guide de l'utilisateur
Pour ajouter des sections à un anneau sélectionné : ❖ Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser un point de contrôle d'ajout/de
Pour supprimer une section d'un anneau sélectionné : ❖ Faites glisser le point de contrôle d'ajout/division de secteur sur le périmètre extérieur de la forme pour définir la portion de la forme qui doit rester dans le document. Pour redimensionner le rayon intérieur d'un anneau sélectionné : ❖ Faites glisser le point de contrôle du rayon intérieur. Pour définir le rayon intérieur d'un anneau sélectionné sur zéro : ❖ Cliquez sur le point de contrôle de réinitialisation du rayon. Réglage des formes automatiques représentant des graphiques à secteurs
Pour ajouter des sections à un graphique à secteurs sélectionné : ❖ Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser un point de contrôle de segmen-
Pour redimensionner une découpe d'un graphique à secteurs sélectionné : ❖ Faites glisser un point de contrôle de segmentation sur le périmètre extérieur de la forme. Pour redéfinir le graphique à secteurs sélectionné en un seul secteur : ❖ Cliquez sur le point de contrôle de réinitialisation.
Pour modifier la longueur ou l'épaisseur d'une section sélectionnée de la forme en L : ❖ 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 : ❖ Faites glisser le point de contrôle du rayon d'angle. Réglage des formes automatiques représentant des polygones intelligents
Guide de l'utilisateur
• 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é : ❖ Faites glisser le point de contrôle des sections. Pour modifier le nombre de côtés du polygone intelligent sélectionné : ❖ Faites glisser le point de contrôle des côtés. Pour diviser le polygone intelligent sélectionné en plusieurs segments : ❖ Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser le point de contrôle des côtés. Pour redimensionner le polygone intérieur d'un polygone intelligent, exécutez l'une des actions suivantes :
• Dans le cas contraire, faites glisser le point de contrôle de réinitialisation du polygone intérieur. Pour redimensionner le polygone intérieur du polygone intelligent sélectionné : ❖ Cliquez sur le point de contrôle de réinitialisation du polygone intérieur. Réglage des formes automatiques représentant des spirales
Pour régler le nombre de circonvolutions de la spirale sélectionnée : ❖ Faites glisser le point de contrôle de spirale. Pour ouvrir ou fermer la spirale sélectionnée : ❖ Cliquez sur le point de contrôle d'ouverture/fermeture de la spirale. Réglage des formes automatiques représentant des étoiles
Pour changer le nombre de côtés de l'étoile sélectionnée : ❖ Faites glisser le point de contrôle des points. Pour régler les creux de l'étoile sélectionnée : ❖ Faites glisser le point de contrôle des creux. Pour régler les pics de l'étoile sélectionnée : ❖ Faites glisser le point de contrôle des pics. Pour régler l'arrondi des creux et des pics de l'étoile sélectionnée : ❖ Faites glisser un point de contrôle d'arrondi. Ajout de formes automatiques aux dessins
Guide de l'utilisateur
2 Faites glisser un aperçu de forme automatique du panneau Actifs vers le document. 3 Modifiez la forme automatique en déplaçant l'un ou l'autre de ses points de contrôle comme vous le souhaitez. Ajout de nouvelles formes automatiques à Fireworks
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 Extending Fireworks (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. Fireworks se connecte au site Web Fireworks Exchange. 3 Suivez les instructions à l'écran pour sélectionner de nouvelles formes automatiques et les ajouter dans Fireworks.
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 « Application de couleurs, de traits et de trames », page 123. Utilisation de l'outil Trajet vectoriel
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 obtenir un lissage de trajet plus précis, vous pouvez modifier le nombre de points composant le trajet dans la zone Précision de l'Inspecteur des propriétés avant de dessiner le trajet.
Guide de l'utilisateur
Pour dessiner un trajet vectoriel de forme libre :
Voir « Application de couleurs, de traits et de trames », page 123. 3 Si vous le souhaitez, modifiez le niveau de précision du trajet en sélectionnant un nombre dans le menu contextuel Précision dans l'Inspecteur des propriétés pour l'outil Trajet vectoriel. Plus le nombre sélectionné est élevé, plus le nombre de points s'affichant sur le trajet que vous dessinez est élevé. 4 Faites glisser le pointeur pour dessiner. Pour contraindre le trajet à une ligne horizontale ou verticale, maintenez enfoncée la touche Maj et faites glisser le pointeur. 5 Relâchez le bouton de la souris à la fin du trajet. Pour fermer le trajet, relâchez le bouton de la souris après avoir placé le pointeur sur le premier point du trajet.
L’une des façons de dessiner et de modifier des objets vectoriels sous Fireworks est de tracer des points et de les relier-comme dans-un dessin pour enfant. Lorsque vous cliquez sur chaque point avec l'outil Plume, Fireworks dessine automatiquement le trajet de l'objet vectoriel à partir du dernier point sur lequel vous avez cliqué. 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
Guide de l'utilisateur
Afficher les points unis permet d'afficher des points unis à mesure que vous dessinez.
3 Cliquez sur le document pour placer le premier point d’angle. 4 Déplacez le pointeur et cliquez pour placer le point suivant. Un segment de droite réunit les deux points. 5 Continuez à tracer des points. Les segments de droite relient les points. 6 Pour créer un trajet ouvert ou fermé, exécutez l'une des actions suivantes :
• Sélectionnez un autre outil pour laisser ce trajet ouvert. Remarque : Si vous sélectionnez un outil de sélection ou vectoriel autre que l'outil Texte, puis revenez à l'outil Plume, Fireworks reprend le dessin de l'objet à votre prochain clic.
Remarque : Les boucles formées par un trajet qui se chevauche ne constituent pas des trajets fermés. Seuls les trajets qui commencent et se terminent par le même point sont des trajets fermés. Dessin de segments de courbe
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 pointeur pour obtenir un point de courbe. Lorsque vous cliquez et faites glisser le pointeur, Fireworks étend le segment de droite jusqu’au nouveau point.
Guide de l'utilisateur
Vous pouvez permuter temporairement avec 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) en faisant glisser un point ou une poignée de points avec l'outil Plume. 5 Pour créer un trajet ouvert ou fermé, exécutez l'une des actions suivantes :
• Sélectionnez un autre outil pour laisser ce trajet ouvert. Si vous sélectionnez certains outils, puis revenez à l'outil Plume, Fireworks reprend le dessin de l'objet à votre prochain clic.
Réglage de la forme d’un trajet de segment de droite
Pour changer un segment de droite :
2 Cliquez sur l’un des points avec l’outil Sous-sélection pour le sélectionner. Les points d’angle sélectionnés s'affichent sous la forme de carrés bleus. 3 Faites glisser le point ou utilisez l'une des touches fléchées pour déplacer le point vers un autre emplacement. Réglage de la forme d’un segment de trajet de courbe
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. Les points de courbe sélectionnés s'affichent sous forme de carrés unis bleus. Les tangentes s'étendent depuis le point.
L'aperçu du trajet en bleu indique par où passera le nouveau trajet si vous relâchez le bouton de la souris.
Guide de l'utilisateur
2 Cliquez sur un point d'angle du trajet sélectionné et faites-le glisser à l'écart de sa position initiale. Les tangentes s’étendent et les segments adjacents se courbent.
Commande (Mac) lorsque l'outil Plume est actif.
2 Cliquez sur un point de courbe du trajet sélectionné.
Pour sélectionner des points spécifiques sur un trajet sélectionné :
❖ Cliquez sur le point avec l’outil Sous-sélection. Si l’un des points situés près du point sur lequel vous avez cliqué est un
Déplacement des points et de leurs tangentes
Pour déplacer un point : ❖ Faites-le glisser avec l’outil Sous-sélection accessible dans le panneau Outils.
Guide de l'utilisateur
❖ Faites glisser une poignée de point avec l'outil Sous-sélection. Pour déplacer une seule poignée à la fois, maintenez la
Insertion et suppression de points sur un trajet
Pour insérer un point sur un trajet sélectionné : ❖ Avec l’outil Plume, cliquez sur l’une des parties du trajet qui ne comporte pas encore de point. Pour supprimer un point d’un segment de trajet sélectionné, 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
Pour reprendre le dessin d'un trajet ouvert existant :
2 Cliquez sur le point de terminaison, puis reprenez le tracé. Le pointeur de l’outil Plume change de forme pour indiquer que vous ajoutez un trajet. Fusion de deux trajets ouverts
Pour fusionner deux trajets ouverts :
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.
Guide de l'utilisateur
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 à quelques pixels de la fin du trajet similaire. 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.
Certains outils de Fireworks permettent non seulement de déplacer des points et des tangentes, mais aussi de modifier directement des objets vectoriels. Incurvation et remodelage d'objets vectoriels
L’outil Forme libre est en cours d’utilisation et le pointeur de traction tire sur le trajet sélectionné.
Remarque : L’outil Forme libre reporte également la pression exercée sur une tablette Wacom ou compatible. Pour tirer un trajet sélectionné :
Le pointeur se transforme en pointeur de traction. 3 Dessinez le trajet. Pour pousser un trajet sélectionné :
Le pointeur se transforme en pointeur de poussée ou de traction. 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 une nouvelle forme. Pour changer la forme du pointeur de poussée, exécutez l’une des actions suivantes :
• Maintenez le bouton de la souris enfoncé et appuyez sur la touche Flèche gauche ou sur 1 pour réduire la largeur du pointeur.
Guide de l'utilisateur
Remarque : L’outil Reformer la zone reporte également la pression exercée sur une tablette Wacom ou compatible. Pour appliquer une distorsion aux trajets sélectionnés :
Pour changer la taille du pointeur Reformer la zone, exécutez l'une des actions suivantes :
• Maintenez le bouton de la souris enfoncé et appuyez sur la touche Flèche gauche ou sur 1 pour réduire la largeur du pointeur.
Pour définir l’intensité du cercle intérieur du pointeur Reformer la zone : ❖ Entrez une valeur comprise entre 1 et 100 dans la zone de texte Intensité de l'Inspecteur des propriétés. Cette valeur
Nouveau dessin des trajets
Pour redessiner ou étendre un segment de trajet sélectionné :
Le pointeur se transforme en pointeur Redessiner le trajet. 4 Faites glisser le pointeur pour redessiner ou étendre le segment de trajet. La portion de trajet à redessiner s'affiche en surbrillance rouge. 5 Relâchez le bouton de la souris. Changement de l'aspect du trajet en modifiant la pression et la vitesse
Division de trajets en objets multiples
Remarque : L'utilisation de la gomme sur des stylos Wacom sélectionne automatiquement l'outil Cutter. 2 Exécutez l'une des actions suivantes :
• Cliquez sur le trajet. 3 Désélectionnez le 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 58. Remarque : L'utilisation des options de trajet supprime toutes les informations de pression et de vitesse des trajets concernés. Combinaison d'objets de trajet
Pour créer un trajet continu à partir de deux trajets ouverts :
2 Sélectionnez deux extrémités sur deux trajets ouverts. 3 Cliquez sur Modification > Combiner les trajets > Joindre.
Guide de l'utilisateur
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 : ❖ Cliquez sur Modification > Combiner les trajets > Union. Le trajet qui en résulte a les attributs de trait et de trame de
Conversion d'un trajet en cadre de sélection
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 Bord pour le cadre de sélection que vous allez créer. 4 Si vous avez sélectionné Diffusion dans le paramètre Bord, spécifiez la valeur que vous voulez utiliser pour le taux de diffusion. 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. Création d’un objet à partir de l’intersection d’autres objets
❖ 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.
Guide de l'utilisateur
Les attributs de trait et de trame restent identiques. Recadrage d'un trajet
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. L’objet trajet qui en résulte a les attributs de trait et de trame de l’objet trajet situé à l'arrière-plan. Simplification d’un trajet
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é.
Guide de l'utilisateur
La boîte de dialogue Simplifier s'affiche. 2 Entrez une valeur de simplification, puis cliquez sur OK. Lorsque vous augmentez la valeur de simplification, vous augmentez le degré de modification du trajet utilisé par Fireworks pour réduire le nombre de points du trajet. Extension d'un trait
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 pointe devient automatiquement biseauté. La limite est le rapport de la longueur du coin sur la largeur du trait. 5 Sélectionnez une option de terminaison : bout, carré ou rond, Cliquez ensuite sur OK. Un trajet fermé reprenant la forme de l’original, ainsi que ses attributs de trait et de trame, remplace le trajet original. Réduction ou extension d’un trajet
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 réduit le trajet. A l’extérieur étend le trajet.
4 Spécifiez un type d'angle : pointu, arrondi ou biseauté. 5 Si vous avez sélectionné la forme en pointe, définissez la limite, le point auquel un angle en pointe devient automatiquement biseauté. La limite est le rapport de la longueur du coin sur la largeur du trait. 6 Cliquez sur OK. Un objet trajet plus petit ou plus grand, avec les mêmes attributs de trait et de trame, remplace l’objet trajet original.
Guide de l'utilisateur
Le panneau Trajet permet d'accéder rapidement à un certain nombre de commandes liées aux trajets. Vous pouvez utiliser les outils de ce panneau pour accélérer les tâches de modification de trajets. Pour ouvrir le panneau Trajet : ❖ Cliquez sur Fenêtre > Autres > Trajet.
D’autre part, vous pouvez utiliser le correcteur orthographique de Fireworks pour corriger les erreurs orthographiques. 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 Adobe 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 :
• « Mise en forme du texte », page 109 • « Applications de traits, de trames et de filtres à un texte », page 116 • « Attachement de texte à un trajet », page 117 • « Transformation de texte », page 118 • « Conversion de texte en trajets », page 119 • « Importation de texte », page 119 • « Correction orthographique », page 121 • « Utilisation de l'Editeur de texte », page 122
Entrez, formatez et modifiez le texte de vos graphiques avec l'outil Texte et les options de l'Inspecteur des propriétés.
Pour modifier le nom d'un objet texte :
Le nom existant de cet objet texte s'affiche dans le champ Texte de l'Inspecteur des propriétés et sur la vignette de l'objet du panneau Calques. 2 Exécutez l'une des actions suivantes :
• Double-cliquez sur le nom dans la vignette de l'objet du panneau Calques, puis entrez un nouveau nom.
Le texte des documents Fireworks s'affiche dans un rectangle entouré de poignées, appelé bloc de texte.
L'Inspecteur des propriétés affiche les options de l'outil Texte. 2 Sélectionnez la couleur, la police, la taille, l'espacement des caractères et toute autre caractéristique. 3 Exécutez l'une des actions suivantes :
à redimensionnement automatique.
Pour plus d'informations sur les différents types de blocs de texte, voir « Utilisation de blocs de texte à redimensionnement automatique et de largeur fixe », page 108. 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 :
• Dans le panneau Outils, sélectionnez un autre outil. • Appuyez sur Echap.
Guide de l'utilisateur
Vous pouvez sélectionner un bloc de texte et le déplacer vers n'importe quel emplacement dans le document, à l'instar de tout autre objet. Vous pouvez également déplacer des blocs de texte lorsque vous faites glisser le pointeur pour les créer. Pour déplacer un bloc de texte : ❖ Faites-le glisser jusqu'à son nouvel emplacement. Pour déplacer un bloc de texte lorsque vous faites glisser 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 à taper. 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.
A. Indicateur de largeur fixe B. Indicateur de redimensionnement automatique
2 Double-cliquez sur le cercle ou le carré dans le coin supérieur droit du bloc de texte. Le bloc de texte est converti en conséquence. Pour convertir un bloc de texte sélectionné en bloc de texte de largeur fixe en le redimensionnant : ❖ Faites glisser une poignée de redimensionnement.
Guide de l'utilisateur
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.
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 doublecliqué sur le bloc de texte pour modifier son contenu. Pour modifier un texte :
• Cliquez dans un bloc de texte avec l'outil Texte et sélectionnez du texte. 2 Apportez les modifications appropriées. Pour plus d'informations sur la modification des attributs de texte, voir « Choix d'une police, d'une taille et d'un style de texte », page 110, « Insertion de caractères spéciaux », page 110, « Définition du crénage », page 111, « Définition de l'interlignage », page 112, « Définition de l'orientation du texte », page 113, « Définition de l’alignement du texte », page 113 et « Mise en retrait d'un texte », page 114. 3 Pour appliquer vos modifications, exécutez l'une des actions suivantes :
• Dans le panneau Outils, sélectionnez un autre outil. • Appuyez sur Echap.
Guide de l'utilisateur
L'Inspecteur des propriétés permet de changer les attributs de police, de taille et de style d'un bloc de texte. Pour changer la police, la taille et le style du texte sélectionné à l'aide de l'Inspecteur des propriétés :
Remarque : Les polices utilisées le plus récemment s'affichent en haut du menu contextuel Police.
3 Pour appliquer la mise en forme gras, italique ou souligné, cliquez sur le bouton 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.
La couleur du texte est contrôlée par le sélecteur de couleur de remplissage. Par défaut, le texte est noir et ne comporte pas d’attributs de trait. Vous pouvez changer la couleur de l'ensemble ou d'une partie du texte dans un bloc de texte sélectionné. L'outil Texte conserve la couleur de texte actuelle d'un bloc de texte à l'autre. 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 116. Application d'une couleur à l'ensemble du texte dans des blocs de texte sélectionnés
Pour définir la couleur de l'ensemble du texte d'un bloc de texte sélectionné, exécutez l'une des actions suivantes :
Guide de l'utilisateur
Pipette, puis cliquez pour échantillonner une couleur n'importe où dans un document ouvert. 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. Application d'une couleur à un texte sélectionné dans un bloc de texte
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 :
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.
Guide de l'utilisateur
❖ Dans l'Inspecteur des propriétés, désélectionnez Crénage auto. 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 le crénage :
• Utilisez l'outil Texte pour sélectionner les caractères à modifier. • Utilisez l'outil Pointeur pour sélectionner l'ensemble d'un bloc de texte. Maintenez la touche Maj enfoncée et cliquez pour sélectionner plusieurs blocs de texte. 2 Exécutez l'une des actions suivantes :
Maintenez les touches Maj et Ctrl (Windows) ou Maj et Commande (Macintosh) enfoncées et appuyez sur la touche Flèche gauche ou Flèche droite pour régler le crénage par incréments de 10 %.
L'interlignage détermine l'espace séparant les lignes adjacentes d'un paragraphe. L'interlignage peut être mesuré en pixels ou sous la forme d'un pourcentage de la distance en points séparant les lignes de base. Vous pouvez utiliser l'Inspecteur des propriétés ou le clavier pour définir l'interlignage.
2 Pour changer le type d'unité d'interlignage, sélectionnez % ou px (pixels) dans le menu contextuel Unités d'interlignage. Pour définir l'interlignage du texte sélectionné à l'aide du clavier : ❖ Maintenez enfoncée la touche Ctrl (Windows) ou Commande (Macintosh) et appuyez sur la touche Flèche Haut ou
La touche Flèche haut augmente l'espace entre les lignes et la touche Flèche Bas le diminue. 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.
Guide de l'utilisateur
Vous pouvez orienter un bloc de texte horizontalement ou verticalement. Par défaut, le texte est orienté à l'horizontale.
Pour définir l'orientation d'un bloc de texte sélectionné :
De gauche à droite horizontalement est l'orientation par défaut du texte pour la majorité des langues dans Fireworks. Cette
De droite à gauche horizontalement oriente le texte horizontalement et affiche les caractères de droite à gauche.
De gauche à droite verticalement oriente le texte verticalement. Si vous appliquez cette option à des lignes de texte séparées
De droite à gauche verticalement oriente le texte verticalement. Des lignes de texte séparées par des retours à la ligne
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.
L'alignement détermine la position d'un paragraphe de texte par rapport aux bords d'un bloc de texte. L'alignement horizontal aligne le texte par rapport aux bords gauche et droit du bloc de texte. L'alignement vertical aligne le texte par rapport aux bords supérieur et inférieur du bloc de texte. Pour plus d'informations sur l'orientation de texte horizontale ou verticale, voir « Définition de l'orientation du texte », page 113. Vous pouvez aligner le texte horizontalement sur le bord gauche ou droit du bloc de texte, le centrer ou le justifier pour l'aligner sur les bords gauche et droit. Par défaut, le texte horizontal est aligné sur la gauche. Un texte vertical peut être aligné sur le bord supérieur ou inférieur du bloc de texte, centré dans le bloc de texte ou justifié entre les bords supérieur et inférieur.
Guide de l'utilisateur
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.
Pour mettre en retrait la première ligne des paragraphes sélectionnés : ❖ Dans l'Inspecteur des propriétés, faites glisser le curseur contextuel Renforcement de paragraphes ou entrez une valeur
Vous pouvez définir l'espacement avant et après les paragraphes à l'aide de l'Inspecteur des propriétés. L'espacement entre les paragraphes est exprimé en pixels.
Pour définir l'espacement qui précède des paragraphes sélectionnés : ❖ Dans l'Inspecteur des propriétés, faites glisser le curseur contextuel Espace avant un paragraphe ou entrez une valeur
Pour définir l'espacement qui suit des paragraphes sélectionnés : ❖ Dans l'Inspecteur des propriétés, faites glisser le curseur contextuel Espace après un paragraphe ou entrez une valeur
Guide de l'utilisateur
Pour lisser le bord des caractères, appliquez-leur un anticrénelage. Cela permet de fusionner les bords du texte avec l’arrièreplan, ce qui le rend plus net et lisible lorsque vous utilisez de grandes polices.
Sans anticrénelage désactive le lissage du texte. Anticrénelage net crée une transition nette entre les bords du texte et l'arrière-plan. Anticrénelage fort crée une transition très nette entre les bords du texte et l'arrière-plan, préservant la forme des caractères du texte et améliorant la netteté des zones détaillées des caractères. Anticrénelage lissé crée une transition douce entre les bords du texte et l'arrière-plan. Anticrénelage système utilise la méthode de lissage de texte de Windows XP ou de Mac OS X. Anticrénelage personnalisé fournit les commandes d'anticrénelage avancées suivantes : Suréchantillonnage détermine la quantité de détails utilisée pour créer la transition entre les bords du texte et l'arrière-plan. Netteté détermine le lissage de la transition entre les bords du texte et l'arrière-plan. Quantité détermine le degré de mélange entre les bords du texte et l'arrière-plan.
❖ Dans l'Inspecteur des propriétés, sélectionnez l'une des options du menu contextuel Anticrénelage :
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.
Pour augmenter ou réduire la largeur des caractères sélectionnés : ❖ Dans l'Inspecteur des propriétés, faites glisser le curseur contextuel Echelle horizontale ou entrez une valeur dans la zone
Guide de l'utilisateur
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.
❖ Dans l'Inspecteur des propriétés, faites glisser le curseur contextuel Décalage de la ligne de base ou entrez la valeur d'indice ou d'exposant à appliquer au texte dans la zone de texte correspondante. Si vous entrez des valeurs positives, vous créez des exposants. Si vous entrez des valeurs négatives, vous créez des indices.
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.
Pour plus d'informations sur les traits et les trames, voir « Application de couleurs, de traits et de trames », page 123. Pour plus d'informations sur l'utilisation des styles, voir « Utilisation des styles », page 177. Pour plus d'informations sur les filtres en direct, voir « Application de filtres en direct », page 143. 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.
Guide de l'utilisateur
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 modifiable. 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. Si le texte attaché à un trajet ouvert est plus long que ce dernier, les caractères excédentaires apparaissent sur la ligne suivante et prennent la même forme que le trajet.
2 Cliquez sur Texte > Attacher au trajet. Pour détacher le texte d’un trajet sélectionné : ❖ Cliquez sur Texte > Détacher du trajet.
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.
Guide de l'utilisateur
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é.
Pour changer l’orientation du texte d’un trajet sélectionné : ❖ Cliquez sur Texte > Orientation, puis sélectionnez une orientation.
Pour déplacer le point de départ d'un texte rattaché à un trajet :
2 Dans l'Inspecteur des propriétés, entrez une valeur dans la zone de texte Décalage du texte. Appuyez sur Entrée. Remarque : Si vous avez réduit la fenêtre de l'Inspecteur des propriétés, cliquez sur la flèche d'extension dans 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é.
Guide de l'utilisateur
Vous pouvez convertir un texte en trajets, puis modifier la forme des lettres comme vous le feriez pour n’importe quel autre objet vectoriel. Tous les outils de modification des vecteurs sont disponibles une fois le texte converti en trajets. Cependant, vous perdez la possibilité de modifier le texte avec l'Editeur de texte. Pour convertir le texte sélectionné en trajets : ❖ Cliquez sur Texte > Convertir en trajets.
• 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 97. 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.
Vous pouvez copier du texte à partir d'un document source et le coller dans le document Fireworks actuel ou le faire glisser depuis la source vers le document actuel. Vous pouvez également ouvrir ou importer un fichier texte dans Fireworks. Fireworks permet d'importer des fichiers 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 16.
Si vous ouvrez un document dans Fireworks comportant des polices qui ne sont pas installées sur votre ordinateur, Fireworks vous demande si vous voulez remplacer les polices ou conserver leur aspect. Cela est particulièrement utile si vous partagez des fichiers avec des utilisateurs sur d'autres ordinateurs qui n'utilisent pas les mêmes polices. L'option Conserver l'apparence remplace le texte par une image bitmap qui présente le texte avec sa police d'origine. Vous pouvez toujours modifier le texte, mais dans ce cas Fireworks remplace l'image bitmap par une police installée sur votre système. Dans ce cas, l'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 :
La boîte de dialogue Polices manquantes s'affiche. 2 Sélectionnez une police manquante dans la liste Changer les polices manquantes. 3 Exécutez l'une des actions suivantes :
• Indiquez que vous voulez afficher le texte dans la police système par défaut. • Pour laisser la police manquante telle quelle, cliquez sur Pas de modification. 4 Cliquez sur OK. Ainsi, lorsque vous ouvrez un document comportant la même police manquante, la boîte de dialogue Polices manquantes affiche la police que vous avez sélectionnée.
Guide de l'utilisateur
3 Si vous vérifiez l'orthographe pour la première fois dans Fireworks, une boîte de dialogue s'affiche pour vous demander de sélectionner un dictionnaire. Cliquez sur OK pour fermer la boîte de dialogue. Dans la liste Dictionnaire, sélectionnez une langue, puis cliquez sur OK. 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 Adobe.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 121. 4 La boîte de dialogue Vérifier l'orthographe s'affiche. Pour chaque mot trouvé, sélectionnez l'option appropriée : Ajouter à Personnel ajoute le mot inconnu à votre dictionnaire personnel. Ignorer ignore l'occurrence actuelle du mot inconnu. Ignorer tout ignore toutes les occurrences du mot inconnu lors de la vérification orthographique. Lors de la vérification suivante, Fireworks identifiera de nouveau le mot comme étant inconnu. Modifier remplace l'occurrence actuelle du mot inconnu par le texte que vous entrez dans la zone Remplacer par ou par la
Remplacer tout remplace toutes les occurrences du mot inconnu de la même manière. Supprimer supprime les mots en double.
Vous pouvez personnaliser la manière dont Fireworks vérifie l'orthographe en utilisant la boîte de dialogue Installation du correcteur orthographique. Cette boîte de dialogue vous permet de définir les dictionnaires de langue que Fireworks doit utiliser pour vérifier l'orthographe et modifier les mots de votre dictionnaire personnel. Vous pouvez également modifier les éléments que Fireworks doit vérifier, notamment les adresses Internet et de fichier. Pour personnaliser la vérification orthographique dans Fireworks :
• Cliquez sur le bouton Configurer de la boîte de dialogue Vérifier l'orthographe. 2 Dans la boîte de dialogue Installation du correcteur orthographique, sélectionnez les options nécessaires :
Remarque : L'option Macromedia.tlx est toujours sélectionnée en tête de la liste Dictionnaire. Il s'agit du fichier contenant votre dictionnaire orthographique personnalisé.
Guide de l'utilisateur
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 avec la police système :
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 « Traitement des bitmaps », page 60. 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 70. Ce chapitre couvre les rubriques suivantes :
• « Organisation des groupes de nuanciers et des modèles de couleurs », page 124 • « Utilisation des sélecteurs de couleurs et des fenêtres contextuelles pour la sélection des couleurs », page 132 • « Utilisation des traits », page 133 • « Utilisation de trames », page 136 • « Application de trames de dégradé et de remplissages à motifs », page 137 • « Ajout d’une texture aux traits et aux trames », page 141
La section Couleurs du panneau Outils contient des commandes permettant d'activer les sélecteurs Couleur de trait et Couleur de remplissage qui déterminent si les traits ou les trames des objets sélectionnés sont affectés par les choix de couleurs. Cette section contient également des commandes qui permettent de rétablir rapidement les couleurs par défaut, de définir les paramètres de couleur de trait et de remplissage sur Aucune et de permuter les couleurs de trait et de remplissage. Pour activer le sélecteur Couleur de trait ou Couleur de remplissage : ❖ Dans le panneau Outils, cliquez sur l'icône située à côté du sélecteur Couleur de trait ou 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.
Couleur de remplissage du panneau Outils.
Guide de l'utilisateur
❖ Cliquez sur le bouton Couleurs par défaut dans le panneau Outils ou dans le Mélangeur. Pour supprimer le trait ou la trame des objets sélectionnés à l'aide du bouton Aucun trait ou Trame :
La caractéristique de trait ou de trame active devient Aucune. 2 Pour définir également la caractéristique inactive sur Aucune, cliquez de nouveau sur le bouton Aucun trait ou Trame. 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. Vous pouvez également utiliser le panneau Palette de couleurs pour créer des palettes, permuter des palettes de couleurs et explorer d'autres systèmes colorimétriques.
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é. La couleur apparaît dans le sélecteur Couleur de trait ou Couleur de remplissage actif.
Guide de l'utilisateur
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 : ❖ Dans le menu Options du panneau Nuancier, sélectionnez un groupe de nuanciers.
Pour sélectionner un groupe de nuanciers personnalisé :
2 Accédez au dossier, puis sélectionnez un fichier de nuancier. 3 Cliquez sur Ouvrir. Les nuanciers de couleurs dans ce fichier remplacent les nuanciers précédents. Remarque : Pour plus d'informations sur la création d’un groupe de nuanciers personnalisé, voir « Personnalisation du panneau Nuancier », page 125 et « Enregistrement de palettes », page 263. Pour ajouter des nuanciers issus d'une palette de couleurs externe aux nuanciers actuels :
2 Naviguez vers le dossier souhaité, puis sélectionnez un fichier de palette de couleurs. Remarque : Fireworks permet d’ajouter de nouveaux nuanciers de palettes exportées sous forme de fichiers ACT ou GIF. 3 Cliquez sur OK. Fireworks ajoute les nouveaux nuanciers à la fin de la liste des nuanciers actuels. Personnalisation du panneau Nuancier
Remarque : La commande Edition > Annuler ne permet pas d'annuler l'ajout ou la suppression d'un nuancier.
2 Dans le menu contextuel Echantillon dans l'Inspecteur des propriétés, sélectionnez le nombre de pixels à échantillonner : 1 pixel, Moyenne 3x3 ou Moyenne 5x5. 3 Cliquez n'importe où dans une fenêtre de document Fireworks ouverte pour échantillonner une couleur. 4 Placez le bout de la pipette dans l'espace ouvert après le dernier échantillon dans le panneau Nuancier. Le pointeur de la pipette se transforme en pot de peinture. 5 Cliquez à cet endroit pour ajouter l'échantillon.
Guide de l'utilisateur
Pour remplacer une couleur de nuancier par une autre couleur :
2 Dans le menu contextuel Echantillon dans l'Inspecteur des propriétés, sélectionnez le nombre de pixels à échantillonner : 1 pixel, Moyenne 3x3 ou Moyenne 5x5. 3 Cliquez n'importe où dans une fenêtre de documents Fireworks pour échantillonner une couleur. 4 Maintenez la touche Maj enfoncée et placez le pointeur sur un nuancier dans le panneau Nuancier. Le pointeur prend alors la forme d'un pot de peinture. 5 Cliquez sur une cellule du nuancier pour la remplacer par la nouvelle couleur. 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. La boîte de dialogue Exporter le nuancier s'affiche. 3 Sélectionnez un nom de fichier et un répertoire, puis cliquez sur Enregistrer. Effacement et tri des nuanciers
Pour effacer ou trier des nuanciers : ❖ Dans le menu Options du panneau Nuancier, sélectionnez l'une des options suivantes : Effacer le nuancier efface la totalité du panneau Nuancier. Trier par couleur trie les nuanciers par valeur de 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. 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 Adobe Illustrator, Adobe Photoshop ou Adobe FreeHand qui convertissent automatiquement en mode CMJ les images RVB lors d'une sortie en séparations de couleurs numériques. Pour plus d'informations, consulter la documentation accompagnant ces applications.
Guide de l'utilisateur
Pour afficher le Mélangeur : ❖ Cliquez sur Fenêtre > 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. Le pointeur se transforme en pipette. 3 Cliquez sur une couleur pour la sélectionner. La couleur est appliquée à l’objet sélectionné et devient la couleur de trait ou de remplissage active. Pour sélectionner une couleur dans le Mélangeur :
2 Activez le sélecteur Couleur de trait ou Couleur de remplissage pour définir la destination de la nouvelle couleur. 3 Dans le menu Options du Mélangeur, sélectionnez un modèle de couleurs.
Guide de l'utilisateur
• Utilisez les curseurs contextuels. • Sélectionnez une couleur dans la barre de couleurs. Vous pouvez ajouter la couleur au panneau Nuancier afin de pouvoir la réutiliser. Pour plus d'informations, voir « Personnalisation du panneau Nuancier », page 125. Pour parcourir les modèles de couleur à l’aide de la barre de couleurs : ❖ Maintenez la touche Maj enfoncée et cliquez sur la barre de couleurs au bas du Mélangeur.
Création de couleurs à l’aide des couleurs système
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 système Windows ou Mac. 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. La couleur devient la nouvelle couleur de trait ou de remplissage. Pour plus d'informations sur l’ajout d’une couleur au panneau Nuancier avec les couleurs système, voir « Personnalisation du panneau Nuancier », page 125.
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 (Windows uniquement). 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 : ❖ Dans le menu Options du panneau Info ou du Mélangeur, sélectionnez un autre modèle de couleurs.
Guide de l'utilisateur
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.
2 Dans le menu contextuel Options de remplissage de l'Inspecteur des propriétés, cliquez sur Tramage Web. 3 Dans l'Inspecteur des propriétés, activez le sélecteur Couleur de remplissage. La fenêtre contextuelle pour la sélection des couleurs s'affiche avec les options de remplissage de trames Web. La couleur non Websafe de l'objet apparaît dans la zone Couleur source de la fenêtre Options de remplissage. Les deux couleurs de tramage Websafe s'affichent dans les sélecteurs de couleurs de droite. Le tramage Web est appliqué à l'objet et devient la couleur de remplissage active. Remarque : La définition du bord d’un remplissage de trame Web sur Anticrénelé ou Diffusion génère des couleurs non Websafe. 4 Cliquez hors de la fenêtre contextuelle pour la fermer. 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 Tramage Web. 3 Dans l'Inspecteur des propriétés, activez le sélecteur Couleur de remplissage. La fenêtre contextuelle pour la sélection des couleurs s'affiche avec les options de remplissage de trames Web. 4 Cliquez sur l'option Transparent. Les sélecteurs de couleurs sur la droite de la fenêtre contextuelle changent pour refléter votre sélection et l'objet sur le document devient semi-opaque ou translucide. 5 Cliquez hors de la fenêtre contextuelle pour la fermer. 6 Exportez l'objet au format GIF ou PNG après avoir sélectionné l'option Transparence d'index ou Transparence du calque alpha. Pour plus d'informations sur l'exportation de fichiers comportant des options de transparence, voir « Création de zones transparentes », page 263. Lorsque le graphique s'affiche dans un navigateur Web, l’arrière-plan de la page Web est visible au travers de chaque pixel du remplissage de trame Web transparent, créant un effet de transparence. Remarque : Les navigateurs ne prennent pas tous en charge les fichiers PNG.
Guide de l'utilisateur
Le panneau Palette de couleurs vous permet de créer des palettes de couleurs, de permuter des palettes de couleurs, d'exporter des nuanciers ACT personnalisés, d'explorer divers systèmes colorimétriques et d'accéder aux commandes de sélection de couleurs les plus courantes. La palette contient trois onglets : Sélecteurs, Mélangeurs et Mélangeur.
❖ Cliquez sur Fenêtre > Autres > Palette de couleurs. Pour trouver la couleur Web la plus proche d'une valeur de couleur donnée :
2 Avec le pointeur de pipette, cliquez n'importe où dans une fenêtre de documents Fireworks pour échantillonner une couleur. La couleur apparaît dans la case de couleur de remplissage active et la couleur Web la plus proche s'affiche juste au dessous. L'onglet Sélecteur vous permet également de convertir les couleurs d'un modèle colorimétrique dans un autre (RVB en CMJN, par exemple) et de sélectionner le mode d'affichage des couleurs (par octets ou par pourcentage, par exemple). Pour créer une palette de couleurs ou pour permuter les palettes de couleurs pour un document :
Guide de l'utilisateur
3 Au besoin, utilisez la roue chromatique TSL en bas à droite du panneau pour modifier la teinte, la saturation ou la luminosité de la palette. Chaque modification est appliqué automatiquement à la palette entière. 4 Pour tester différentes palettes dans le document, cliquez sur Palette 2, sur le côté gauche du panneau, et sélectionnez les couleurs de base de cette seconde palette. 5 Après avoir créé les palettes, cliquez sur les deux icônes Remplacer la couleur, en bas à gauche du panneau, pour alterner entre les deux palettes. Remarque : La fonction de permutation de palette remplace les trames, les traits et les dégradés dans les éléments vectoriels, mais pas dans les éléments bitmap ni dans les symboles graphiques. Pour exporter une palette :
2 Cliquez sur l'icône Exporter comme bitmap pour exporter la palette sous forme de fichier bitmap, ou cliquez sur l'icône Exporter comme table de couleurs pour l'exporter sous forme de fichier ACT. Pour créer une série de dégradés de couleurs à l'aide de l'onglet Mélangeur :
3 Utilisez le curseur contextuel Actions pour sélectionner le nombre d'actions de la série. Après avoir créé la série de dégradés, vous pouvez appliquer n'importe lequel de ces dégradé au document. Vous pouvez également placer le pointeur de la souris sur un nuancier afficher la valeur hexadécimale de la couleur correspondante.
Guide de l'utilisateur
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é.
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 :
La fenêtre contextuelle pour la sélection des couleurs s'affiche. 2 Exécutez l'une des actions suivantes :
• Cliquez avec le pointeur de pipette sur une couleur de l'écran pour l'appliquer au sélecteur de couleurs. • Cliquez sur le bouton Transparent dans la fenêtre contextuelle pour rendre la trame ou le trait transparent. Pour afficher le groupe de nuanciers actuel du panneau Nuancier dans la fenêtre contextuelle pour la sélection des couleurs : ❖ Dans le menu Options de la fenêtre contextuelle pour la sélection des couleurs, sélectionnez le panneau Nuancier. Pour afficher un groupe de nuanciers différent dans la fenêtre contextuelle pour la sélection des couleurs : ❖ Dans le menu Option de la fenêtre contextuelle pour la sélection des couleurs, sélectionnez un groupe de nuanciers. La
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 :
La fenêtre contextuelle pour la sélection des couleurs s'affiche et le pointeur se transforme en pipette. 2 Cliquez n'importe où dans l'espace de travail Fireworks pour sélectionner la couleur du sélecteur de couleurs. La couleur est appliquée à la caractéristique ou à l'élément associé au sélecteur de couleurs et la fenêtre contextuelle pour la sélection des couleurs se ferme. Maintenez la touche Maj enfoncée et cliquez pour sélectionner une couleur Websafe.
Guide de l'utilisateur
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.
Vous pouvez changer les attributs de trait des outils Plume 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.
• Dans le menu contextuel Catégorie de trait, cliquez sur Options de trait pour afficher des options supplémentaires. Dans la fenêtre contextuelle Options de trait, sélectionnez des attributs de trait.
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 afficher la fenêtre contextuelle des couleurs. 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 :
2 Cliquez sur Avancé. La boîte de dialogue Modifier le trait s'affiche. Pour définir les options de trait de pinceau générales :
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 proportionnel à la valeur définie. 4 Pour définir la texture des bords, entrez une valeur dans la zone de texte Texture du bord, puis sélectionnez un effet de bord dans le menu contextuel Effet de bord. 5 Définissez le nombre de pointes du trait de pinceau. Pour plusieurs extrémités, entrez une valeur d'espacement des pointes, puis sélectionnez la méthode de variation de couleur. Vous pouvez sélectionner Aléatoire, Uniforme, Complémentaire, Teinte ou Ombre. 6 Pour sélectionner une ligne pointillée ou discontinue, sélectionnez une option dans le menu contextuel Tiret. 7 Pour définir la longueur des tirets et des espaces d'une ligne pointillée, utilisez les trois ensembles de zones d'entrée de texte Activé(e) et Désactivé(e) pour contrôler le premier, le deuxième et le troisième tiret. 8 Cliquez sur Appliquer pour appliquer les paramètres aux traits sélectionnés, puis cliquez sur OK.
Guide de l'utilisateur
2 Définissez la taille de la pointe du pinceau, l'épaisseur, l'aspect de la pointe et son angle. 3 Cliquez sur Appliquer, puis sur OK. Lors de l'utilisation d'une tablette et d'un crayon Wacom sensibles à la pression, Fireworks utilise des paramètres de trait pour définir précisément les attributs de trait contrôlés par la vitesse et la pression. Vous pouvez sélectionner l'attribut de trait à contrôler avec le crayon. Pour définir la sensibilité de trait :
2 Dans les options Facteurs de variation, sélectionnez le degré auquel la sensibilité affecte la propriété de trait en cours. 3 Cliquez sur OK.
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.
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 : A l'intérieur, Centré ou A l'extérieur. 3 Vous pouvez également sélectionner l'option Recouvrir le tracé avec la trame. Normalement, le trait chevauche la trame. La sélection de l'option Recouvrir le tracé avec la trame permet de dessiner une trame sur le trait. Si vous sélectionnez cette option pour un objet comportant une trame opaque, toutes les parties du trait qui figurent dans le trajet sont obscurcies. Les trames comportant un niveau de transparence risquent de teinter les traits de pinceau à l’intérieur des trajets ou de se mélanger avec ces derniers.
Guide de l'utilisateur
Vous pouvez modifier des caractéristiques de trait spécifiques, telles que la quantité d’encre, la forme et la pression de la pointe, puis enregistrer le trait personnalisé en tant que style, de façon à l’utiliser de nouveau dans les autres documents. Pour créer des traits personnalisés :
• Dans le menu contextuel Options de trait de l'Inspecteur des propriétés, cliquez sur Options de trait. La boîte de dialogue Options de trait s'affiche. 2 Modifiez les attributs de trait de pinceau. 3 Enregistrez les attributs de trait personnalisés sous la forme d'un style. Pour plus d'informations, voir « Création et suppression de styles », page 178.
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.
Vous pouvez définir les attributs de trame des outils de dessin Rectangle, Rectangle arrondi, Ellipse, Polygone et Auto 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.
2 Exécutez l'une des actions suivantes :
3 Sélectionnez une couleur de remplissage dans les nuanciers ou échantillonnez une couleur de l'écran à l'aide du pointeur de la pipette. 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.
Guide de l'utilisateur
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. La trame apparaît dans l’objet sélectionné et devient la couleur de remplissage active.
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. Remarque : Les nouvelles trames utilisent la couleur actuellement affichée dans le sélecteur Couleur de remplissage du panneau Outils.
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.
• Activez le sélecteur Couleur de remplissage du panneau Outils, puis cliquez sur Options de remplissage et sélectionnez Motif dans le menu contextuel Options de remplissage. 2 Dans le menu contextuel Nom de motif, sélectionnez un motif. Le remplissage à motifs apparaît dans l’objet sélectionné et devient la couleur de remplissage active.
Guide de l'utilisateur
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 Nom de motif. 3 Recherchez le fichier bitmap à utiliser comme nouveau motif, puis cliquez sur Ouvrir. Le nouveau motif est ajouté à la liste Nom de motif, dans l'ordre alphabétique.
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.
❖ Dans le menu contextuel Options de remplissage de l'Inspecteur des propriétés, sélectionnez un dégradé. La trame
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é.
Guide de l'utilisateur
2 Activez le sélecteur Couleur de remplissage dans l'Inspecteur des propriétés ou le panneau Outils pour ouvrir la fenêtre contextuelle. 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é : ❖ Faites glisser le nuancier à l’écart de la fenêtre contextuelle Modifier le dégradé. Pour définir ou changer la couleur d'un nuancier :
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 :
• Entrez une valeur numérique comprise entre 0 et 100 pour définir l'opacité. Remarque : L'échiquier de transparence s'affiche à travers le dégradé dans les zones transparentes. 3 Après avoir modifié le dégradé, appuyez sur Entrée ou cliquez hors de la fenêtre contextuelle 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 : ❖ Faites glisser les nuanciers de gauche à droite.
L'outil Dégradé appartient au même groupe d'outils que l'outil Pot de peinture. Cet 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 : menu contextuel permettant de sélectionner un type de dégradé. Sélecteur Couleur de remplissage : lorsque vous cliquez dessus, la fenêtre contextuelle Modifier le dégradé s'affiche pour vous permettre de définir des options de couleur et de transparence. Bord détermine si le dégradé a un bord de remplissage net, anticrénelé ou diffus. Si vous sélectionnez un bord diffus, vous
Texture permet d'accéder à diverses options, telles que Grain, Métal, Grille, Maille ou Emeri.
Guide de l'utilisateur
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.
❖ Faites glisser la poignée ronde ou cliquez sur un nouvel emplacement dans la trame avec l’outil Dégradé. Pour appliquer une rotation à la trame : ❖ Faites glisser les lignes reliant les poignées. Pour régler la largeur et l’inclinaison de la trame : ❖ Faites glisser une poignée carrée.
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é :
• Activez le sélecteur Couleur de remplissage du panneau Outils, puis cliquez sur Options de remplissage, puis sur le menu contextuel Bord. 2 Sélectionnez une option de bord : Bord net, Anticrénelage ou Diffusion. 3 Pour un bord diffus, sélectionnez également le nombre de pixels qui doivent être diffusés de part et d’autre du bord. La valeur par défaut est 10. Vous pouvez sélectionner une valeur comprise entre 0 et 100. La diffusion est proportionnelle à la valeur définie.
Guide de l'utilisateur
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 178.
Ajout d’une texture à un trait
Vous pouvez ajouter une texture à n’importe quel trait. Fireworks offre un choix de plusieurs textures, telles que Chiffon, Marée noire et Emeri.
• Activez le sélecteur Couleur de trait du Panneau Outils, cliquez sur Options de trait, puis sur le menu contextuel Texture. 2 Exécutez l'une des actions suivantes :
• Dans le menu contextuel, cliquez sur Autre et accédez à un fichier de texture à utiliser comme texture externe. Remarque : Vous pouvez appliquer des textures issues de fichiers aux formats suivants : PNG, GIF, JPEG, BMP, TIFF et PICT (Macintosh seulement). 3 Entrez un pourcentage compris entre 0 et 100 afin de contrôler la profondeur de la texture. L’augmentation du pourcentage augmente l’intensité de la texture. Ajout d’une texture à un remplissage
Guide de l'utilisateur
• Activez le sélecteur Couleur de remplissage du panneau Outils, puis cliquez sur Options de remplissage, puis sur le menu contextuel Texture. 2 Exécutez l'une des actions suivantes :
• Dans le menu contextuel, cliquez sur Autre et accédez à un fichier de texture à utiliser comme texture externe. 3 Entrez un pourcentage compris entre 0 et 100 afin de contrôler la profondeur de la texture. L’augmentation du pourcentage augmente l’intensité de la texture. 4 Pour donner un effet de transparence à la trame, sélectionnez Transparent. Le pourcentage de texture contrôle également le degré de transparence. Ajout d'une texture personnalisée
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. La nouvelle texture est ajoutée à la liste Nom de la texture, par ordre alphabétique.
Les filtres en direct de Fireworks CS3 (précédemment appelés effets en direct) sont des améliorations que vous pouvez appliquer à des objets vectoriels, des images bitmap et du texte. 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 70. Ce chapitre couvre les rubriques suivantes :
• « Edition de filtres en direct », page 148
Vous pouvez appliquer un ou plusieurs filtres en direct à des objets sélectionnés à l'aide de l'Inspecteur des propriétés. Chaque fois que vous ajoutez un nouveau filtre en direct à l'objet, il est ajouté à la liste du menu contextuel Ajouter des filtres dans l'Inspecteur des propriétés. Vous pouvez activer ou désactiver chaque filtre en direct.
Guide de l'utilisateur
Outils. Vous pouvez personnaliser chaque filtre en direct en fonction de l'aspect que vous souhaitez obtenir. Lorsque vous sélectionnez des filtres de correction colorimétrique, des boîtes de dialogue s'affichent, contenant des commandes pour ajuster les caractéristiques des couleurs, telles que les niveaux automatiques, la luminosité et le contraste, la teinte et la saturation, l'inversion des couleurs, les courbes et les remplissages de couleur. Lorsque vous sélectionnez des filtres Biseau, 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. Essayez les différents paramètres à votre disposition pour obtenir l'aspect voulu. Pour changer les paramètres de filtre ultérieurement, voir « Edition de filtres en direct », page 148.
A. Largeur du biseau B. Bouton de biseau prédéfini C. Contraste D. Adoucissement E. Angle du biseau Le filtre est ajouté à la liste Filtres pour l'objet sélectionné. 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. 2 Si une fenêtre contextuelle ou une boîte de dialogue s'affiche, entrez les paramètres du filtre, puis exécutez l'une des actions suivantes :
• Si le filtre en direct a une fenêtre contextuelle, appuyez sur Entée ou cliquez n'importe où dans l'espace de travail. 3 Répétez les étapes 1 et 2 pour appliquer d'autres 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 148. Pour activer ou désactiver un filtre en direct appliqué à un objet : ❖ Activez la case à cocher à côté du filtre dans la liste Filtres dans l'Inspecteur des propriétés. Pour activer ou désactiver tous les filtres en direct appliqués à un objet : ❖ Dans l'Inspecteur des propriétés, cliquez sur le bouton Ajouter des filtres en direct, puis cliquez sur Options > Tous actifs
Pour plus d'informations sur la suppression permanente des filtres en direct, voir « Suppression de filtres en direct », page 148.
Guide de l'utilisateur
L'application d’un bord biseauté à un objet permet de créer une impression de relief. Vous pouvez créer un biseau intérieur ou extérieur.
• Biseau et estampe > Biseau extérieur. 2 Dans la fenêtre contextuelle, modifiez les paramètres du filtre. 3 Cliquez hors de la fenêtre ou appuyez sur Entrée pour la fermer.
Utilisez le filtre en direct d'estampe pour donner l'impression qu'une image, un objet ou un texte est rapporté ou en relief sur le document.
• Biseau et estampe > Estampe en relief. 2 Dans la fenêtre contextuelle, modifiez les paramètres du filtre. Si vous voulez que l'objet d'origine s'affiche dans la zone estampée, sélectionnez Afficher l'objet. 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.
Fireworks facilite l'application d'ombres unies, portées et intérieures et d'effets néon aux objets. Spécifiez l'angle de l'ombre pour simuler la direction de la lumière éclairant l'objet.
2 Dans la boîte de dialogue Ombre unie, réglez les paramètres du filtre :
• Réglez le curseur Distance pour définir la distance séparant l'ombre de l'objet. • Activez la case à cocher Couleur unie pour appliquer une couleur unie à l'ombre. • Cliquez sur le sélecteur de couleurs pour ouvrir la fenêtre contextuelle des couleurs et définir la couleur d'ombre. • Si vous ne voulez pas avoir un aperçu de l'ombre unie, désactivez la case à cocher Aperçu. 3 Lorsque vous avez terminé, cliquez sur OK. Pour appliquer une ombre portée ou intérieure :
• Ombre et néon > Ombre intérieure. 2 Dans la fenêtre contextuelle, modifiez les paramètres du filtre :
• Cliquez sur le sélecteur de couleurs pour ouvrir la fenêtre contextuelle des couleurs et définir la couleur d'ombre. • Réglez le curseur Opacité pour définir le pourcentage de transparence de l'ombre. • Réglez le curseur Adoucissement pour définir la netteté de l'ombre. • Réglez la molette Angle pour définir la direction de l'ombre. • Sélectionnez Emporte-pièce pour masquer l'objet et afficher l'ombre uniquement. 3 Lorsque vous avez terminé, cliquez hors de la fenêtre ou appuyez sur Entrée pour la fermer. Pour appliquer un effet néon :
Effet Néon. 2 Dans la fenêtre contextuelle, modifiez les paramètres du filtre :
• Réglez le curseur Largeur pour définir la largeur de l'effet néon. • Réglez le curseur Opacité pour définir le pourcentage de transparence de l'effet néon. • Réglez le curseur Adoucissement pour définir la netteté de l'effet néon. • Réglez le curseur Décalage pour spécifier la distance entre l'effet néon et l'objet. 3 Lorsque vous avez terminé, cliquez hors de la fenêtre ou appuyez sur Entrée pour la fermer.
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 : Le menu Xtras de certaines versions précédentes de Fireworks s'appelle désormais menu Filtres dans Fireworks 8 ou version supérieure. Les extensions Xtra de Fireworks sont appelées filtres.
Guide de l'utilisateur
Installation des plug-ins Photoshop
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 338. 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. Pour installer les plug-ins Photoshop :
2 Ouvrez le dossier dans lequel sont installés les plug-ins Photoshop, puis cliquez sur OK. 3 Redémarrez Fireworks pour charger les plug-ins. 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 : ❖ Dans l'Inspecteur des propriétés, cliquez sur le bouton Ajouter des filtres en direct, puis sélectionnez un filtre dans le
Vous pouvez également appliquer des effets de calques Photoshop via le menu contextuel Ajouter des filtres de l'Inspecteur des propriétés. Si vous importez un fichier PSD, vous pouvez également modifier les effets de calques qui existent déjà dans ce fichier. Pour appliquer les effets de calques Photoshop :
2 Dans le volet gauche, sélectionnez l'un des effets, puis modifiez les paramètres dans le volet droit. Vous pouvez sélectionner plusieurs effets à la fois. 3 Cliquez sur OK pour appliquer les effets de calques.
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 Soussé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 57.
Guide de l'utilisateur
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 modifier un filtre en direct :
La fenêtre contextuelle ou la boîte de dialogue correspondante s’affiche. 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. 3 Cliquez hors de la fenêtre ou appuyez sur Entrée.
Vous pouvez changer l'ordre des filtres appliqués à un objet. La réorganisation des filtres change la séquence d'application de ces derniers, ce qui peut affecter le filtre combiné. 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é : ❖ Faites glisser un filtre vers l'emplacement souhaité dans la liste dans l'Inspecteur des propriétés.
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é : ❖ Sélectionnez le filtre à supprimer de la liste Filtres dans l'Inspecteur des propriétés, puis cliquez sur le bouton Supprimer des filtres en direct. Pour supprimer tous les filtres d'un objet sélectionné : ❖ Dans l'Inspecteur des propriétés, cliquez sur le bouton Ajouter des filtres en direct, puis sélectionnez Aucun dans le
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.
• Vous pouvez appliquer un filtre en direct personnalisé aux objets sélectionnés dans le menu contextuel Ajouter des filtres ou le panneau Styles.
Guide de l'utilisateur
2 Dans l'Inspecteur des propriétés, cliquez sur le bouton Ajouter des filtres en direct, puis cliquez sur Options > Enregistrer en tant que style. La boîte de dialogue Nouveau style s'affiche. 3 Entrez le nom du style, puis cliquez sur OK. 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. 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. La boîte de dialogue Nouveau style s'affiche. 3 Désélectionnez toutes les propriétés (sauf la propriété Filtre), entrez un nom, puis cliquez sur OK. 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 178 et « Modification de styles », page 179. Remarque : Vous ne pouvez pas renommer ni supprimer un filtre standard de Fireworks.
Vous pouvez enregistrer et réutiliser un filtre en créant une commande basée dessus. A l'aide du panneau Historique, vous pouvez automatiser tous les filtres en direct appliqués à un objet en créant une commande disponible dans le menu Commandes. Vous pouvez utiliser ces commandes dans un traitement par lots. Pour plus d'informations, voir « Exécution de commandes à l’aide d’un traitement par lots », page 329. 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 commande.
Guide de l'utilisateur
Le masquage vous permet de contrôler de manière créative les calques et les objets. Vous pouvez appliquer des masques et des modes de fondu depuis le panneau Calques. Vous pouvez également créer des masques à l'aide des options des menus Sélection et Modification. Vous pouvez utiliser un objet vectoriel ou bitmap pour masquer une partie d’une image sousjacente. Par exemple, si vous souhaitez masquer une partie d'une photographie pour entourer cette dernière d'une ellipse, vous pouvez coller une forme elliptique en tant que masque sur la photographie. Toutes les zones situées à l’extérieur de l’ellipse sont alors masquées et seule reste visible la partie de l'image située à l’intérieur de l’ellipse. Les modes de fondu 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 », page 154 • « Masquage d’images », page 159 Vous pouvez afficher les pages de votre fichier dans le panneau Pages. Les pages sont ajoutées dans l'ordre dans lequel elles sont créées. Le nom de la page active s'affiche en surbrillance dans le panneau Pages et apparaît dans le menu contextuel de pages dans la barre du document actif sous le document actif. Les objets présents sur chaque page sont affichés sous forme de vignette en regard du nom de la page dans le panneau Pages. Chaque page contient une hiérarchie indépendante incluant le calque Web et les calques généraux, pouvant être partagée entre plusieurs pages. Vous pouvez également créer une page maîtresse contenant les éléments communs. Toutes les autres pages héritent des objets et de la hiérarchie des calques de la page maîtresse.
Guide de l'utilisateur
Dans le panneau Pages, vous pouvez ajouter de nouvelles pages, supprimer des pages inutiles et dupliquer des pages existantes. Lorsque vous créez une nouvelle page, une page vide est insérée au bas de la liste des pages. Cette nouvelle page devient la page active et s'affiche en surbrillance dans le panneau Pages. Lorsque vous supprimez une page, la page qui la précède devient la page active. La duplication d'une page ajoute une nouvelle page contenant les mêmes objets et la même hiérarchie des calques que la page sélectionnée. Les objets dupliqués conservent l’opacité et le mode de fondu des objets originaux. Vous pouvez modifier les objets dupliqués sans modifier les originaux. Pour ajouter une page, exécutez l'une des actions suivantes :
Pour supprimer une page, exécutez l'une des actions suivantes :
• Sélectionnez Supprimer la page dans le menu Options du panneau Pages. Pour dupliquer une page, exécutez l'une des actions suivantes :
• Sélectionnez une page, puis sélectionnez Dupliquer la page dans le menu Options du panneau Pages. Pour vous déplacer entre les pages, exécutez l'une des actions suivantes :
• Utilisez les boutons Page précédente et Page suivante du clavier. • Choisissez une page dans le menu contextuel de pages, dans la partie inférieure de la fenêtre du document. Un astérisque situé en regard du nom de la page dans le menu contextuel de pages indique la page maîtresse.
Chaque page est un document différent. En fonction de vos besoins, vous pouvez personnaliser la taille du document et la résolution de l'image individuellement pour chacune des pages. Pour modifier la taille du document, la couleur ou la résolution de l'image d'une page :
2 Cliquez sur Modification > Document > Taille de l'image, Modification > Document > Couleur du fond ou Modification > Document > Taille du document. 3 Apportez les modifications souhaitées. Vous pouvez également effectuer ces modifications via le panneau Propriétés lorsque le document d'une page est sélectionné. 4 Pour appliquer les modifications à la page sélectionnée uniquement, ne décochez pas la case Page actuelle uniquement. Pour appliquer les modifications à toutes les pages, décochez la case.
Guide de l'utilisateur
Vous pouvez activer ou désactiver la visibilité du calque de la page maîtresse. Pour ce faire, il vous suffit de cliquer sur l'icône représentant un œil à gauche du calque de la page maîtresse dans le panneau Calques. Si vous modifiez la visibilité de la page maîtresse sur une page, cette modification s'applique à toutes les pages. Pour plus d'informations sur le contrôle de la visibilité des calques, voir « Protection des calques et des objets », page 157. Pour créer une page maîtresse : ❖ Dans le panneau Pages, sélectionnez une page que vous avez déjà créée et choisissez Définir comme page maîtresse dans
Une page maîtresse ne peut pas disposer de calques partagés. Par conséquent, lorsque vous définissez une page comme page maîtresse, tous les calques partagés qu'elle contient sont supprimés et modifiés en calques ordinaires (non partagés). Pour lier des pages à la page maîtresse :
« liées » à la page maîtresse. En outre, si les paramètres de la page maîtresse sont modifiés ultérieurement, ces modifications ne s'appliqueront à aucune des autres pages sauf si elles sont liées à la page maîtresse. Exécutez l'une des actions suivantes pour lier de façon définitive une page à la page maîtresse :
• Cliquez dans la colonne à gauche de la vignette de page dans le panneau Pages. L'icône de lien s'affiche pour indiquer que la page est liée à la page maîtresse. Remarque : Si vous modifiez un paramètre, tel que la couleur de fond, sur une page liée à la page maîtresse, celui-ci remplace le paramètre de la page maîtresse et le lien vers la page maîtresse est automatiquement cassé. Pour supprimer des calques de la page maîtresse :
Si vous voulez ensuite replacer les calques de la page maîtresse sur la page, sélectionnez Ajouter le calque de la page maîtresse dans le menu Options du panneau Calques. Pour redéfinir une page maîtresse comme une page normale : ❖ Dans le panneau Pages, sélectionnez la page maîtresse, puis choisissez Réinitialiser la page maîtresse dans le menu
3 Dans le menu contextuel Exporter, cliquez sur Documents HTML et images. 4 Dans la boîte de dialogue Configuration HTML, cliquez sur le bouton Options, puis, dans le menu contextuel Style HTML de l'onglet Général, sélectionnez un éditeur HTML. Si votre éditeur HTML n'est pas répertorié, sélectionnez Générique. 5 Cliquez sur OK pour revenir à la boîte de dialogue Exporter. 6 Dans le menu contextuel HTML, cliquez sur Exporter le fichier HTML. L'option Exporter HTML génère un fichier HTML et les divers fichiers images associés à l'emplacement que vous avez spécifié. 7 Si votre document contient des découpes, dans le menu contextuel Découpes, cliquez sur Exporter les découpes. 8 Si vous souhaitez exporter toutes les pages du fichier, décochez la case Page actuelle uniquement. 9 Si vous souhaitez stocker les images dans un dossier distinct, sélectionnez Placer les images dans un sous-dossier. Vous pouvez sélectionner un dossier spécifique ou utiliser le dossier Images proposé par défaut par Fireworks. 10 Cliquez sur Exporter. Une fois exportés, les fichiers Fireworks apparaissent dans votre disque dur. Si vous avez choisi d'exporter toutes les pages, un fichier HTML distinct est créé pour chaque page. Des images et des fichiers HTML sont générés à l'emplacement spécifié dans la boîte de dialogue Exporter. Remarque : Pour plus d'informations sur l'exportation depuis Fireworks, voir « Optimisation et exportation », page 250.
1 Cliquez sur Fichier > Exporter. 2 Spécifiez l'emplacement des fichiers d'exportation. 3 Exécutez l'une des actions suivantes :
Exporter en tant que. Toutes les pages sont exportées au format d'image par défaut, défini via le panneau Optimiser.
Chaque objet d’un document est placé sur un calque. Vous pouvez créer des calques avant de commencer à dessiner ou en ajouter au fur et à mesure de vos besoins. Le document (fond) est situé sous tous les calques et n’est pas un calque en soi. Pour plus d'informations sur l'utilisation de ce document, voir « Modification du document », page 34.
Guide de l'utilisateur
Le panneau Calques affiche l’état actuel de tous les calques de l’image actuelle ou de la page d’un document. Pour afficher d'autres images ou pages, vous pouvez utiliser le panneau Images ou Pages, ou sélectionner une option dans le menu contextuel Images, dans la partie inférieure du panneau Calques, ou dans le menu contextuel Pages dans la partie inférieure de la fenêtre du document. Pour plus d'informations, voir « Utilisation d'images », page 235 et « Utilisation des pages », page 151. 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. Par défaut, 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 159. Les boutons de contrôle des modes d’opacité et de fondu figurent en haut du panneau Calques. Pour plus d'informations, voir « Réglage de l’opacité et application des fondus », page 175.
Nouveau calque/Dupliquer G. Nouveau sous-calque H. Ajouter un masque I. Nouvelle image bitmap
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.
Dans le panneau Calques, vous pouvez ajouter de nouveaux calques et sous-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, sauf s'il s'agit du dernier calque restant ; dans ce cas, un nouveau calque vide est créé. 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.
Guide de l'utilisateur
• Sélectionnez un calque et choisissez Supprimer le calque dans le menu Options du 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
Avant le calque actif place les nouveaux calques au-dessus du calque sélectionné. Après le calque actif place les nouveaux calques en dessous du calque sélectionné. En bas place les nouveaux calques en bas du panneau Calques.
Pour dupliquer un objet : ❖ Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser l’objet vers l'emplacement souhaité.
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 d'un calque : ❖ Cliquez sur le triangle à gauche du nom du calque dans le panneau Calques. Pour développer ou réduire l'affichage de tous les calques : ❖ Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et cliquez sur le triangle à gauche du nom du calque
Vous pouvez organiser les calques et les objets d'un document en les renommant et en changeant leur disposition dans le panneau Calques. Les objets peuvent être déplacés au sein d’un même calque ou d’un calque à l’autre. Le déplacement des calques et des objets dans le panneau Calques modifie l'ordre 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.
Guide de l'utilisateur
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 renommer les sous-calques du calque Web et les objets Web du calque Web, comme les découpes et les références. Pour plus d'informations, voir « Utilisation du calque Web », page 159. Pour déplacer un calque ou un objet : ❖ Faites glisser le calque ou l'objet vers l'emplacement souhaité dans le panneau Calques. Pour déplacer vers un autre emplacement tous les objets sélectionnés sur un calque, exécutez l’une des actions suivantes :
• Après avoir sélectionné les objets, cliquez une fois dans la colonne de droite (à l'endroit où apparaît normalement l'indicateur de sélection bleu) du calque de destination. Tous les objets sélectionnés sur le calque sont transférés simultanément vers l'autre calque. Remarque : Vous ne pouvez pas faire glisser un calque parent vers son calque enfant. Pour copier dans un autre emplacement tous les objets sélectionnés sur un calque, exécutez l’une des actions suivantes :
Fireworks copie tous les objets sélectionnés sur le calque vers l'autre calque.
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 et des sous-calques. 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 269. Pour verrouiller un objet : ❖ Cliquez sur le carré dans la colonne située immédiatement à gauche du nom de l'objet.
Pour verrouiller un calque : ❖ Cliquez sur le carré dans la colonne située immédiatement à gauche du nom du calque.
Guide de l'utilisateur
❖ Dans le panneau Calques, faites glisser le pointeur le long de la colonne Verrouillage. Pour verrouiller ou déverrouiller tous les calques : ❖ Dans le menu Options du panneau Calques, cliquez sur Tout verrouiller ou Tout déverrouiller. Pour activer ou désactiver la fonction Modification par calque : ❖ Dans le menu Options du panneau Calques, cliquez sur Modification par calque.
Pour afficher ou masquer un calque ou les objets d’un calque : ❖ Cliquez sur le carré dans la colonne la plus à gauche du nom du calque ou du nom de l’objet.
Pour afficher ou masquer plusieurs calques ou plusieurs objets : ❖ Faites glisser le pointeur le long de la colonne Œil du panneau Calques. Pour afficher ou masquer tous les calques ou tous les objets : ❖ Dans le menu Options du panneau Calques, cliquez sur Afficher tout ou Masquer tout.
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. Pour fusionner des objets :
Vous pouvez fusionner le contenu d'un calque sélectionné avec un objet bitmap correspondant à l'objet le plus haut dans le calque immédiatement situé sous le calque sélectionné. 2 Exécutez l'une des actions suivantes :
• Cliquez sur Modification > Fusionner vers le bas. • Cliquez sur Fusionner vers le bas dans le menu contextuel qui s'affiche lorsque vous cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl (Macintosh) enfoncée et cliquez sur les objets sélectionnés du document. Le ou les objets sélectionnés sont fusionnés avec l'objet bitmap. Vous obtenez un seul objet bitmap. Remarque : La commande Fusionner vers le bas n'affecte ni les découpes ni les références ni les boutons.
Vous pouvez partager un calque entre toutes les pages ou 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 pages ou images. Cette fonction est utile si vous voulez que des objets, tels que des éléments d'arrière-plan, s'affichent sur toutes les pages d'un site Web ou dans toutes les images d’une animation.
Guide de l'utilisateur
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. Pour partager un calque sélectionné entre plusieurs pages, exécutez l'action suivante : ❖ Dans le menu Options du panneau Calques, cliquez sur Calque partagé vers Pages...
Seul un calque parent peut être partagé entre les pages. Les sous-calques ne peuvent pas être partagés.
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 « Découpes, survols et références », page 193. 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 pages et images, et les objets Web sont visibles sur chaque page ou 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.
Lorsque des fichiers Photoshop contenant des calques sont importés, chaque calque est placé en tant qu’objet séparé dans un même calque de Fireworks. Les calques groupés sont importés un par un, comme s’ils avaient été dissociés dans Photoshop avant d’être importés dans Fireworks. L’effet de détourage des calques groupés de Photoshop est perdu lors de l’importation.
Comme le nom l'indique, les masques permettent de cacher ou d'afficher des parties d'un objet ou d'une image. Il existe différentes techniques de masquage permettant d'obtenir de nombreux types d'effet créatif à partir d'objets. Vous pouvez créer un masque qui recadre ou découpe les objets ou les images sous-jacents, faisant office d'emporte-pièce. Vous pouvez également créer un masque qui révèle ou masque certaines parties des objets situés sous lui, générant un effet de brouillard. Ce type de masque utilise des niveaux de gris pour rendre les objets sélectionnés plus ou moins visibles. Vous pouvez encore créer un masque qui utilise sa propre transparence pour affecter la visibilité. Vous pouvez créer un masque à l'aide du panneau Calques ou du menu Edition, Sélection ou Modification. Après avoir créé un masque, vous pouvez ajuster la position de la sélection masquée sur le document ou modifier l'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.
Guide de l'utilisateur
également les appliquer à l'aide de leur couche alpha. Pour plus d'informations, voir « Changement du mode d'application des masques », page 171.
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 que 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
Pour créer un masque à l'aide de la commande Coller en tant que masque :
Remarque : L'utilisation de plusieurs objets en tant que masque crée toujours un masque vectoriel, même si les deux objets sont des bitmaps.
Guide de l'utilisateur
L'objet ou les objets à utiliser comme masque peuvent se trouver devant ou derrière l'objet ou le groupe d'objets à masquer.
4 Sélectionnez l'objet ou le groupe à masquer. Si vous masquez plusieurs objets, les objets doivent être groupés. Pour plus d'informations sur le groupement d'objets, voir « Association d'objets », page 57.
• Cliquez sur Modification > Masque > Coller en tant que masque.
Guide de l'utilisateur
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 :
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.
4 Sélectionnez l'objet dans lequel vous voulez coller le contenu. Cet objet sera utilisé comme masque ou trajet de détourage.
La méthode la plus rapide pour ajouter un masque bitmap transparent vide consiste à utiliser le panneau Calques. Le panneau Calques ajoute un masque blanc à un objet que vous pouvez personnaliser en dessinant dessus avec les outils bitmap. Remarque : Pour plus d'informations sur la création de masques vides, opaques (ou noirs), voir « Masquage d'objets à l'aide des commandes Révéler la sélection et Masquer la sélection », page 165. 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. Un masque vide est appliqué à l'objet sélectionné. Le panneau Calques affiche une vignette de masque représentant le masque vide. 3 Si l'objet masqué est un objet bitmap, utilisez également l'un des outils Cadre de sélection ou Lasso pour créer une sélection de pixels. 4 Dans le panneau Outils, sélectionnez un outil de dessin bitmap, tel que Pinceau, Crayon, Pot de peinture ou Dégradé. 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, l'objet masqué sous-jacent est masqué.
Guide de l'utilisateur
« Modification de l'aspect d'un masque », page 170.
Le sous-menu Modification > Masque contient plusieurs options permettant d'appliquer des masques bitmap vides aux objets : Tout révéler applique un masque transparent vide à un objet qui révèle la totalité de l'objet. Cette commande revient à cliquer sur le bouton Ajouter un masque dans le panneau Calques. Masquer tout applique un masque opaque vide à un objet qui cache la totalité de l'objet. Révéler la sélection peut être utilisé uniquement avec des sélections de pixels. La commande applique un masque de pixels
Masquer la sélection peut être utilisé uniquement avec des sélections de pixels. La commande applique un masque de pixels opaque en utilisant la sélection de pixels en cours. Les autres pixels de l’objet bitmap sont visibles. Cette commande revient à sélectionner des pixels, puis à maintenir la touche Alt (Windows) ou Option (Macintosh) enfoncée et à cliquer sur le bouton Ajouter un masque.
2 Pour créer le masque, exécutez l'une des actions suivantes :
• Cliquez sur Modification > Masque > Masquer tout pour cacher l’objet. 3 Dans le panneau Outils, sélectionnez un outil de dessin bitmap, tel que Pinceau, Crayon ou Pot de peinture. 4 Définissez les options appropriées de l'outil dans l'Inspecteur des propriétés. Si vous avez exécuté la commande Masquer tout, vous devez sélectionner une couleur autre que le noir. 5 Dessinez sur le masque vide. Dans les zones dans lesquelles vous dessinez, l'objet masqué sous-jacent sera masqué ou visible, selon le type de masque que vous avez appliqué. 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 170.
Guide de l'utilisateur 2 Sélectionnez des pixels dans un bitmap.
• Cliquez sur Modification > Masque > Masquer la sélection pour cacher la zone définie par la sélection de pixels.
Dans Photoshop, vous pouvez masquer les images à l’aide de masques de calque ou de calques groupés. Fireworks vous permet d’importer des images employant des masques de calque sans perdre la possibilité de les modifier. Les masques de calques sont importés sous forme de masques bitmap. Les masques Fireworks peuvent être également exportés vers Photoshop. Ils sont alors convertis en masques de calque Photoshop. Si l'objet masqué contient du texte dont vous souhaitez conserver le caractère modifiable dans Photoshop, vous devez sélectionner Conserver le caractère modifiable et sacrifier l'aspect lors de l'exportation. Remarque : Si le texte est utilisé comme objet masque, il est converti en bitmap et ne peut plus être modifié comme texte une fois importé dans Photoshop.
Guide de l'utilisateur
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 160. Pour grouper des objets pour créer un masque :
2 Cliquez sur Modification > Masque > Grouper en tant que masque.
Il existe différentes manières de modifier un masque. En modifiant la position, la forme et la couleur d'un masque, vous pouvez changer la visibilité des objets masqués. Vous pouvez également changer le type d'un masque et son application. En outre, les masques peuvent être remplacés, désactivés ou supprimés. Les modifications apportées à un masque sont immédiatement visibles, même si l'objet masque 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.
Guide de l'utilisateur
Calques. Les vignettes facilitent la sélection et la modification du masque ou des objets masqués uniquement sans affecter les autres objets. Lorsque vous sélectionnez la vignette d'un masque, son icône apparaît à côté du masque dans le panneau Calques et les propriétés du masque s'affichent dans l'Inspecteur des propriétés dans lequel vous pouvez les modifier.
❖ Cliquez sur la vignette du masque dans le panneau Calques.
Pour sélectionner des objets masqués : ❖ Cliquez sur la vignette de l'objet masqué dans le panneau Calques.
Sélection de masques et d'objets masqués à l'aide de l'outil Sous-sélection
Lorsque vous sélectionnez un masque ou un objet masqué avec l'outil Sous-sélection, l'Inspecteur des propriétés affiche les propriétés de l'objet sélectionné. Pour sélectionner un masque ou un objet masqué de manière indépendante : ❖ Cliquez avec l'outil Sous-sélection sur l'objet dans le document.
Déplacement de masques et d'objets masqués
Guide de l'utilisateur
2 Faites glisser le masque vers son nouvel emplacement sans tirer la poignée de déplacement, à moins que vous ne souhaitiez déplacer l'objet masqué indépendamment du masque.
Cette opération permet de dissocier les masques des objets masqués pour les déplacer indépendamment.
3 A l'aide de l'outil Pointeur, faites glisser l'objet ou les objets sur le document. Remarque : S'il existe plusieurs objets masqués, tous les objets masqués sont déplacés simultanément. 4 Cliquez entre les vignettes des masques dans le panneau Calques. Cette opération permet de relier les objets masqués au masque. Pour déplacer un masque indépendamment à l'aide de sa poignée de déplacement :
2 Sélectionnez l'outil Sous-sélection et faites glisser la poignée de déplacement du masque vers le nouvel emplacement.
Guide de l'utilisateur
2 Faites glisser la poignée de déplacement vers le nouvel emplacement. Les objets sont déplacés sans modifier la position du masque.
Pour déplacer les objets masqués indépendamment les uns des autres : ❖ Cliquez avec l'outil Sous-sélection sur l'objet pour le sélectionner, puis faites glisser l'objet.
Modification de l'aspect d'un masque
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 ajouter des objets. L'objet ou les objets sont ajoutés au masque.
Guide de l'utilisateur
2 Dans le sous-menu Modification > Transformer, sélectionnez un outil de transformation ou une commande pour appliquer une transformation au masque. Pour plus d'informations sur l’utilisation des outils de transformation, voir « Transformation et distorsion d'objets sélectionnés et de sélections », page 53. 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. Changement du mode d'application des masques
Par défaut, les masques vectoriels sont appliqués avec leur contour de trajectoire. Le contour de trajectoire ou le texte est utilisé comme masque. Vous pouvez également afficher le trait et la trame du masque. Cela revient à utiliser la commande Coller dedans pour créer des masques. Pour plus d'informations, voir « Création d'un masque à partir d'un objet existant », page 161.
Guide de l'utilisateur
Pour plus d'informations sur les masques vectoriels et bitmap, voir « Masques », page 160. Pour appliquer un masque vectoriel avec son contour de trajectoire : ❖ Si un masque vectoriel est sélectionné, cliquez sur Contour de trajectoire dans l'Inspecteur des propriétés. Pour afficher le trait et la trame d'un masque vectoriel : ❖ Dans l'Inspecteur des propriétés, cliquez sur Afficher la trame et le trait, si le masque vectoriel sélectionné a été appliqué
Pour appliquer un masque bitmap avec sa couche alpha : ❖ Si un masque bitmap est sélectionné, cliquez sur Couche alpha dans l'Inspecteur des propriétés. Pour appliquer un masque vectoriel ou bitmap avec son aspect d'échelle de gris : ❖ Si un masque est sélectionné, cliquez sur Aspect échelle de gris dans l'Inspecteur des propriétés. Pour convertir un masque vectoriel en masque bitmap :
2 Cliquez sur Modification > Fusionner la sélection. Ajout d'objets à une sélection masquée
Pour ajouter des objets masqués à une sélection masquée :
2 Dans le panneau Calques, sélectionnez la vignette de l'objet masqué. 3 Cliquez sur Edition > Coller dedans. L'objet ou les objets sont ajoutés aux objets masqués. Remarque : L'exécution de la commande Coller dedans sur un masque existant ne permet pas d'afficher le trait et la trame de l'objet masque, à moins que le masque d'origine ait été appliqué avec son trait et sa trame. Remplacement, désactivation et suppression de masques
Pour remplacer un masque :
2 Dans le panneau Calques, sélectionnez la vignette de l'objet masqué, puis cliquez sur Edition > Coller en tant que masque.
Guide de l'utilisateur
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 :
• Cliquez sur Modification > Masque > Désactiver le masque ou sur Modification > Masque > 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. Pour supprimer un masque sélectionné :
• Cliquez sur Modification > Masque > Supprimer le masque. • Faites glisser la vignette du masque vers l'icône de la poubelle, dans le panneau Calques. 2 Avant de supprimer le masque, indiquez si vous voulez appliquer ou annuler l'effet du masque sur les objets masqués : Appliquer permet de conserver les modifications que vous apportez dans l'objet, mais le masque ne peut plus être modifié.
Rejeter permet d’annuler tous les changements effectués et de restaurer l’objet à son état d’origine. Annuler annule la suppression et laisse le masque intact.
La création d’une image composite est une technique consistant à faire varier la transparence ou l’interaction des couleurs de plusieurs objets qui se chevauchent. Dans Fireworks, les modes de fondu permettent de créer des images composites. Les modes de fondu permettent également de contrôler l'opacité des objets et des images.
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. Un mode de fondu contient les éléments suivants : La couleur de fondu est la couleur à laquelle est appliqué le mode de fondu. L'opacité est le degré de transparence auquel est appliqué le mode de fondu. La couleur de base est la couleur des pixels situés sous la couleur de fondu. La couleur résultante est le résultat de l’effet du mode de fondu sur la couleur de base.
Normal n'applique aucun mode de fondu. Dissoudre choisit des couleurs de manière aléatoire entre le calque actuel et d'arrière-plan pour créer l'effet de fondu. Multiplicateur multiplie la couleur de base par la couleur de fondu, ce qui produit des couleurs plus sombres. Ecran multiplie la couleur inverse de la couleur de fondu par la couleur de base, ce qui produit un effet de blanchiment.
Guide de l'utilisateur
Brûlure linéaire vérifie chaque couche des calques actuels et d'arrière-plan, et assombrit la couleur d'arrière-plan afin de refléter la couleur de fondu en diminuant la luminosité. L'effet global consiste à assombrir l'image. Le blanc étant la couleur neutre, le fondu de brûlure linéaire avec le blanc ne produit aucun effet. Eclaircir sélectionne la couleur la plus claire, entre la couleur de fondu et la couleur de base, pour l’utiliser comme couleur résultante. Seuls sont remplacés les pixels qui sont plus sombres que la couleur de fondu. Révélateur linéaire vérifie chaque couche des calques actuels et d'arrière-plan, et éclaircit la couleur d'arrière-plan afin de refléter la couleur de fondu en augmentant la luminosité. L'effet global consiste à éclaircir l'image. Le noir étant la couleur neutre, le fondu de révélateur linéaire avec le noir ne produit aucun effet. Lumière vive mode de fondu qui augmente le contraste combinant les effets des modes Densité couleur + et Densité couleur -. Si la couleur de fondu est plus sombre que le gris moyen, la lumière vive assombrit ou applique une brûlure à l'image en augmentant le contraste. Sinon, l'image est éclaircie ou l'outil Révélateur lui est appliquée pour diminuer le contraste. Lumière linéaire diffère de la lumière vive en ce sens que la lumière linéaire est une combinaison de Brûlure linéaire et de
Lumière de broche remplace la couleur, en fonction de la couleur de fondu. Si la couleur de fondu est plus claire que 50 % de gris, les pixels plus sombres que la couleur de fondu sont remplacés ; en revanche, les pixels plus clairs que la couleur de fondu restent inchangés. Si la couleur de fondu est plus sombre que 50 % de gris, les pixels plus clairs que la couleur de fondu sont remplacés ; en revanche, les pixels plus sombres que la couleur de fondu restent inchangés. Mélange net réduit les couleurs d'une image à huit couleurs pures uniquement. Différence soustrait la couleur de fondu de la couleur de base, ou la couleur de base de la couleur de fondu. La couleur la moins lumineuse est soustraite de la couleur la plus lumineuse. Teinte combine la valeur de teinte de la couleur de fondu avec la luminance et la saturation de la couleur de base afin de créer la couleur résultante. Saturation combine la saturation de la couleur de fondu avec la luminance et la teinte de la couleur de base afin de créer la
Couleur combine la teinte et la saturation de la couleur de fondu avec la luminance de la couleur de base afin de créer la
Luminosité combine la luminance de la couleur de fondu avec la teinte et la saturation de la couleur de base. Inverser inverse la couleur de base. Nuance ajoute du gris à la couleur de base. Effacer supprime tous les pixels de la couleur de base, y compris ceux de l’image d’arrière-plan.
à l'adresse : www.pegtop.net/delphi/articles/blendmodes/.
Guide de l'utilisateur
Voici des exemples de certains modes de fondu de Fireworks : Pour des exemples supplémentaires, consultez le site Web suivant : www.pegtop.net/delphi/articles/blendmodes/.
Pour définir un mode de fondu et une opacité avant de dessiner un objet : ❖ Après avoir sélectionné l'outil souhaité dans le panneau Outils, définissez les options de fondu et d'opacité dans
Remarque : Les options de fondu et d'opacité ne sont pas disponibles avec tous les outils.
Guide de l'utilisateur
2 Dans le menu contextuel Mode de fondu de l'Inspecteur des propriétés ou du panneau Calques, sélectionnez une option de fondu. 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 et un niveau d'opacité dans l'Inspecteur des propriétés. 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.
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 « Utilisation des filtres en direct », page 143.
Les styles sont stockés dans le panneau Styles, les symboles du document actif dans le panneau Bibliothèque et les adresses URL dans le panneau URL. Par défaut, ces trois panneaux sont placés dans le groupe de panneaux Actifs. Le panneau Styles contient un jeu de styles Fireworks prédéfinis. En outre, si vous avez créé une combinaison de traits, de 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 « Création d'animations », page 231 et « Création de boutons et de menus contextuels », page 213. 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 de symboles », page 180 • « Utilisation des URL », page 189 Vous pouvez enregistrer et réutiliser un ensemble prédéfini d’attributs de trame, de trait, de filtre et de texte en créant un style. Lorsque vous appliquez un style à un objet, celui-ci reprend les caractéristiques de ce style.
Fireworks et le site Web de Adobe 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.
Guide de l'utilisateur
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 :
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.
Pour créer un nouveau style basé sur un style existant :
2 Modifiez les attributs de cet objet. 3 Enregistrez ces attributs en créant un nouveau style, comme décrit dans la procédure précédente. Pour supprimer un style :
Maintenez la touche Maj enfoncée et cliquez pour sélectionner des styles multiples ; maintenez la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée et cliquez pour sélectionner des styles multiples non contigus. 2
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 attributs à appliquer. La boîte de dialogue Modifier le style possède les mêmes options que la boîte de dialogue Nouveau style. Pour plus de détails sur la sélection d'attributs à inclure dans un style, voir « Création et suppression de styles », page 178. 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 :
Maintenez la touche Maj enfoncée et cliquez pour sélectionner des styles multiples ; maintenez la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée et cliquez pour sélectionner des styles multiples non contigus. 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. Pour importer des styles :
2 Sélectionnez le document de styles à importer. Tous les styles de ce document de styles sont importés et placés directement après le style sélectionné dans le panneau Styles.
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.
Guide de l'utilisateur
❖ Dans le menu Options du panneau Styles, cliquez sur Réinitialiser les styles.
Pour changer la taille des icônes d'aperçu des styles : ❖ Dans le menu Options du panneau Styles, cliquez sur Grandes icônes pour passer des icônes de grande taille aux icônes
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 les nouveaux attributs. 4 Cliquez sur Edition > Coller les attributs. Les objets sélectionnés héritent des mêmes attributs que l'objet original.
Fireworks dispose de trois types de symboles : symbole graphique, d'animation et de bouton. Chaque type possède des caractéristiques exclusives pour une utilisation spécifique. Les occurrences sont des représentations d’un symbole Fireworks. Lorsque l’objet symbole (l’objet original) est changé, les occurrences (copies) changent automatiquement pour refléter les modifications apportées au symbole. Les symboles sont utiles pour réutiliser un élément graphique. Vous pouvez placer des occurrences dans plusieurs documents Fireworks et conserver l'association avec le symbole. Les symboles sont utiles pour créer des boutons et animer des objets sur plusieurs images. Pour plus d'informations sur les fonctions supplémentaires intégrées aux fonctions d'animation et de bouton, voir « Création de symboles d'animation », page 232 et « Création d'un symbole de bouton », page 213.
Vous pouvez créer des symboles via le sous-menu 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 l'onglet Bibliothèque du panneau Actifs. Pour placer des occurrences dans un document, il suffit de les faire glisser de l'onglet Bibliothèque vers le document. Après avoir créé une occurrence du symbole dans le document actif, vous pouvez la modifier dans l'onglet Bibliothèque du panneau Actifs où elle réside. 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 Convertir en symbole, entrez le nom du symbole. 3 Sélectionnez un type de symbole : Graphique, Animation ou Bouton. 4 Si vous souhaitez utiliser les repères de mise à l’échelle à 9 découpes pour mettre à l'échelle le symbole, cochez la case Activer les repères de mise à l’échelle à 9 découpes. Pour plus d'informations sur la fonction de mise à l'échelle à 9 découpes, voir « Utilisation de la mise à l’échelle à 9 découpes », page 182. 5 Pour ajouter le symbole au panneau Bibliothèque commune de manière à pouvoir l'utiliser dans plusieurs documents, cochez la case Enregistrer dans la bibliothèque commune.
Guide de l'utilisateur
Le symbole s'affiche dans l'onglet Bibliothèque du panneau Actifs et dans le panneau Bibliothèque commune si vous avez choisi cette option. L'objet sélectionné devient une occurrence du symbole et l'Inspecteur des propriétés affiche les options du symbole. Pour créer un nouveau symbole vierge :
• Dans le menu Options du panneau Bibliothèque, cliquez sur Nouveau symbole. 2 Sélectionnez un type de symbole : Graphique, Animation ou Bouton. 3 Si vous souhaitez utiliser les repères de mise à l’échelle à 9 découpes pour mettre à l'échelle le symbole, cochez la case Activer les repères de mise à l’échelle à 9 découpes. Cliquez ensuite sur OK. Selon le type de symbole que vous sélectionnez, l'Editeur de symboles ou l'Editeur de boutons s'affiche. 4 Créez le symbole à l'aide des outils du panneau Outils, puis fermez l'éditeur. Pour plus d'informations, voir « Création d'un symbole de bouton », page 213, « Pour permuter un symbole : », page 182 et « Création de symboles d'animation », page 232.
Vous pouvez placer les occurrences d’un symbole dans le document actif. Pour placer une occurrence : ❖ Faites glisser un symbole du panneau Bibliothèque vers le document actif.
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 186. Pour modifier un symbole et toutes ses occurrences :
• Sélectionnez une occurrence, puis cliquez sur Modification > Symbole > Modifier le symbole. • Sélectionnez un symbole dans le panneau Bibliothèque et choisissez Modifier le symbole dans le menu Options. 2 Modifiez le symbole et fermez la fenêtre. Le symbole et toutes les occurrences associées reflètent ces modifications. Remarque : Utilisez les repères de mise à l’échelle à 9 découpes dans l'Editeur de symboles afin de vous assurer que la forme du symbole n'a pas subi de distorsion après le redimensionnement. Pour plus d'informations, voir « Utilisation de la mise à l’échelle à 9 découpes », page 182.
Guide de l'utilisateur
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 : ❖ Dans le menu Options du panneau Bibliothèque, cliquez sur Sélectionner les éléments inutilisés. Pour supprimer un symbole :
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. Pour permuter un symbole :
2 Cliquez avec le bouton droit de la souris et sélectionnez Permuter le symbole. 3 Dans la boîte de dialogue Permuter le symbole, sélectionnez l'occurrence d'un autre symbole. 4 Cliquez sur OK. Utilisation de la mise à l’échelle à 9 découpes
La figure ci-dessous illustre la façon dont les images sont mises à l'échelle à l'aide de la fonction de mise à l'échelle à 9 découpes.
Guide de l'utilisateur
2 Modifiez les repères de mise à l’échelle à 9 découpes comme suit : a Activez ou désactivez les repères en cochant ou décochant la case Activer les repères de mise à l’échelle à 9 découpes. b Déplacez les repères et placez-les de façon appropriée sur le bouton ou symbole. Assurez-vous que les parties du symbole qui ne doivent pas être déformées lors de la mise à l'échelle (par exemple les angles) se trouvent à l'extérieur des repères, comme représenté par les zones jaunes sur le graphique ci-dessus.
3 Après avoir placé les repères de mise à l’échelle à 9 découpes, cliquez sur Terminé dans l'Editeur de symboles ou de boutons. 4 Redimensionnez le symbole si nécessaire à l'aide de l'outil Mise à l'échelle.
Les symboles enrichis constituent un type de symbole graphique : vous pouvez les mettre à l'échelle de manière intelligente tout en leur affectant des attributs spécifiques à l'aide d'un fichier JavaScript (JSF). Vous pouvez contrôler ces attributs via le panneau Propriétés du symbole (Fenêtre > Propriétés du symbole). Vous pouvez utiliser les symboles enrichis pour créer une interface utilisateur ou un site Web rapidement. Pour ce faire, il vous suffit de faire glisser les symboles sur le document et de modifier les paramètres qui y sont associés dans le panneau Propriétés du symbole. Pour afficher ou utiliser un symbole enrichi :
2 Pour utiliser un symbole, glissez et déposez-le du panneau Bibliothèque commune dans le document Fireworks. Une bibliothèque de symboles enrichis prédéfinie a été incluse dans Fireworks CS3. Vous pouvez les personnaliser aisément de manière à les intégrer à l'apparence d'un site Web ou d'une interface utilisateur quelconque. Comme pour tous les symboles, vous pouvez modifier une occurrence du type de symbole enrichi via l'Inspecteur des propriétés. Cette opération n'affecte pas les autres occurrences du symbole. Vous pouvez également modifier les propriétés des symboles dans le panneau Propriétés du symbole. Pour modifier le symbole, double-cliquez sur l'occurrence de symbole et modifiez le symbole dans l'Editeur de symboles. Ces modifications affectent le symbole actif et toutes les autres occurrences du symbole. 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 186.
Guide de l'utilisateur
2 Lorsque vous créez l'objet, personnalisez le nom des fonctions qui pourront être modifiées en tapant un nom dans le panneau Calques. Par exemple, vous pouvez nommer un champ de texte modifiable « label ». Ce nom sera utilisé dans le fichier JavaScript. Remarque : Veillez à ne pas inclure d'espace dans le nom des fonctions, sous peine de provoquer une erreur JavaScript. Ainsi, par exemple, vous ne pourrez pas utiliser "chiffre label" comme nom de fonction ; vous devrez entrer "chiffre_label". 3 Sélectionnez les objets, puis cliquez sur Modification > Symbole > Convertir en symbole. 4 Dans la zone de texte Nom de la boîte de dialogue Convertir en symbole, entrez le nom du symbole. 5 Sélectionnez Graphique comme type de symbole, puis Enregistrer dans la bibliothèque commune. Cliquez ensuite sur OK. Le logiciel vous invite à spécifier l'emplacement d'enregistrement de votre nouveau symbole. Par défaut, le logiciel crée un dossier Symboles personnalisés. Vous pouvez y enregistrer votre nouveau symbole ou créer un autre dossier au même niveau que le dossier Symboles personnalisés. Remarque : Vous devez enregistrer les symboles enrichis dans un dossier de la bibliothèque commune. Après avoir été enregistré, le symbole est supprimé du document et apparaît dans la bibliothèque commune. 6 Ouvrez le panneau Créer le script du symbole en cliquant sur Créer le script du symbole dans le menu Commandes. 7 Cliquez sur le bouton Parcourir dans le coin supérieur droit du panneau et recherchez le fichier PNG de symboles. Celuici est enregistré par défaut dans le répertoire <user settings>\Application Data\Adobe\Fireworks 9\Common Library\Custom Symbols (Windows), ou <user name>/Application Support/Adobe/Fireworks9/Common Library/Custom Symbols (Macintosh). 8 Cliquez sur le bouton plus pour ajouter un nom d'élément. 9 Ajoutez le nom de l'élément que vous souhaitez personnaliser. Par exemple, tapez « label » dans le champ Nom de l'élément si vous souhaitez personnaliser le champ de texte nommé « label ». 10 Dans le champ Attribut, sélectionnez le nom de l'attribut que vous souhaitez personnaliser. Par exemple, sélectionnez l'attribut textChars pour personnaliser le texte dans l'étiquette ou sélectionnez l'attribut fillColor pour personnaliser la couleur de trait d'un objet. Remarque : Pour plus d'informations sur ces options d'attribut, voir Extending Fireworks (Extension de Fireworks). 11 Dans le champ Nom de propriété, tapez le nom de la propriété personnalisable, par exemple « Label » ou « Chiffre ». Il s'agit du nom de propriété qui apparaît dans le panneau Propriétés du symbole. 12 Dans le champ Valeur, entrez une valeur par défaut pour la propriété. Il s'agit de la valeur par défaut définie lorsque vous placez une occurrence du symbole dans un document pour la première fois. 13 Ajoutez des éléments supplémentaires au fur et à mesure de vos besoins. 14 Cliquez sur Enregistrer pour enregistrer les options sélectionnées et créer un fichier JavaScript. 15 Dans le menu Options du panneau Bibliothèque commune, cliquez sur Recharger pour recharger le nouveau symbole. Après avoir créé le fichier JavaScript, vous pouvez créer une nouvelle occurrence du symbole en le faisant glisser vers le document, puis vous pouvez mettre à jour ses attributs en les modifiant dans le panneau Propriétés du symbole.
Guide de l'utilisateur
Pour enregistrer un symbole existant en tant que symbole enrichi :
2 Dans le menu Options du panneau Bibliothèque, cliquez sur Enregistrer dans la bibliothèque commune. 3 Créez un fichier JavaScript pour contrôler les propriétés du symbole. Création de paramètres de symbole modifiables via JavaScript :
<user settings>\Application Data\Adobe\Fireworks 9\Common Library\Custom Symbols (Windows) ou <user name>/Application Support/Adobe/Fireworks9/Common Library/Custom Symbols (Macintosh). Pour créer un symbole enrichi, vous devez créer un fichier JavaScript portant le même nom que le symbole et l'enregistrer au même emplacement. Par exemple, à monbouton.graphique.png correspondrait un fichier JavaScript nommé monbouton.jsf. Le panneau Créer le script du symbole permet aux non-programmeurs d'affecter des attributs de symboles simples et de créer le fichier JavaScript automatiquement. Pour ouvrir ce panneau, cliquez sur Créer le script du symbole dans le menu Commandes. Fichier JavaScript
L'exemple suivant illustre un fichier .JSF permettant de créer un symbole personnalisé : fonction setDefaultValues() { var currValues = new Array(); //to build symbol properties currValues.push({name:"Selected", value:"true", type:"Boolean"}); //Value est la valeur par défaut qui s'affiche lorsque le symbole enrichi est chargé pour la première fois. Ici, la couleur par défaut sera le bleu lorsque le symbole enrichi est utilisé. //Color est le type de paramètre affiché. Le paramètre Color appelle la zone du menu contextuel des couleurs dans le panneau Propriétés du symbole. currValues.push({name:"BG Color", value:"#003366", type:"Color"}); Widget.elem.customData["currentValues"] = currValues; } fonction applyCurrentValues() { var currValues = Widget.elem.customData["currentValues"]; //color_bg est le nom du calque dans le fichier PNG qui permet de changer les couleurs var color_bg = Widget.GetObjectByName("color_bg"); color_bg.pathAttributes.fillColor = currValues[0].value; 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 217. Modification de symboles enrichis
Rupture du lien d'un symbole
Guide de l'utilisateur
2 Modifiez les propriétés de l'occurrence dans l'Inspecteur des propriétés.
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 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
Pour importer un ou plusieurs symboles préparés à partir d'une bibliothèque de symboles Fireworks :
2 Sélectionnez un dossier dans le panneau Bibliothèque commune. Ces dossiers contiennent divers symboles créés au préalable tels que les animations et les puces. En outre, vous pouvez importer des symboles de fichiers PNG de bibliothèques préalablement exportés et placés sur votre disque dur, un CD ou un réseau. Pour plus d'informations sur l'exportation de symboles, voir « Exportation de symboles », page 188.
Guide de l'utilisateur
3 Sélectionnez les symboles à importer, puis cliquez sur Importer. Les symboles importés s'affichent dans le panneau Bibliothèque.
Pour importer un symbole en effectuant un glisser-déposer ou un copier-coller, exécutez l'une des actions suivantes :
• Copiez l'occurrence d'un symbole dans le document contenant le symbole, puis collez-le dans le document de destination. Le symbole est importé dans le panneau Bibliothèque du document de destination et conserve un lien avec le symbole du document original. Pour plus d'informations, voir « Mise à jour de symboles et d'occurrences exportés dans plusieurs documents », page 188. Exportation de symboles
Bibliothèque afin de les exporter dans un fichier PNG. Vous pouvez ensuite importer les symboles en naviguant jusqu'au fichier PNG qui contient les symboles en utilisant le sous-menu Edition > Bibliothèques. Pour plus d'informations, voir « Importation de symboles », page 187. 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 Enregistrer. Fireworks enregistre les symboles dans un seul fichier PNG. Mise à jour de symboles et d'occurrences exportés dans plusieurs documents
Guide de l'utilisateur
Modification > Symbole > Modifier le symbole pour ouvrir l'Editeur de symboles correspondant. 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 Bibliothèque. 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.
URL permet d’ajouter, modifier et organiser vos URL. Par exemple, si votre site Web contient plusieurs boutons de navigation permettant de revenir à la page d’accueil, ajoutez l’adresse URL de cette dernière au panneau URL. Sélectionnez l'URL dans la bibliothèque d'URL, puis affectez cette URL à chaque bouton de navigation. Utilisez la fonction Rechercher et remplacer pour modifier une URL dans plusieurs documents (voir « Recherche et remplacement », page 320). Les bibliothèques d'URL sont disponibles pour l'ensemble des documents de Fireworks et sont enregistrées entre deux sessions.
Lorsque vous entrez une URL dans le panneau URL, vous pouvez spécifier une URL absolue ou relative :
• Par contre, si vous établissez un lien vers une page Web figurant dans votre site, vous pouvez spécifier une URL absolue ou relative. Les URL absolues sont des adresses URL complètes, incluant le protocole de serveur (qui est généralement http:// pour les pages Web). Par exemple, http://www.adobe.com/support/fireworks est l'URL absolue de la page Web du Centre d'assistance de 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é.
Guide de l'utilisateur
• ../../fichier.htm établit un lien avec un fichier situé dans un dossier placé deux niveaux au-dessus du dossier contenant le document source. Chaque signe ../ représente un niveau.
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.
Si votre document Fireworks contient un certain nombre de pages, vous pouvez automatiquement créer des liens entre elles en utilisant les URL de chaque page. Le menu contextuel du champ Lien de l'Inspecteur des propriétés ou du panneau URL contient une liste d'URL pour chaque page de votre document. Sélectionnez l'une de ces URL pour créer un lien vers cette page. Si vous souhaitez que vos URL de page par défaut possèdent une extension autre que “.htm”, utilisez la procédure suivante : 1) Le document étant ouvert, sélectionnez Fichier > Exporter. 2) Dans le menu contextuel Exporter, cliquez sur Documents HTML et images. 3) Cliquez sur le bouton Options. 4) Sur l'onglet Général, sélectionnez l'extension de fichier voulue dans le menu contextuel Extension, puis cliquez sur OK. 5) Dans la boîte de dialogue Exporter, cliquez sur Annuler. L'extension de fichier des URL dans le menu contextuel Liens est également remplacée par la nouvelle extension.
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.
Le fichier URLs.htm et toutes les nouvelles bibliothèques que vous créez sont stockés dans le dossier URL Libraries sous Application Data/Adobe/Fireworks (Windows) ou Application Support/Adobe/Fireworks (Macintosh). Pour plus d'informations sur l'emplacement de ce dossier, voir « Utilisation des fichiers de configuration », page 340. 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. Le nom de la nouvelle bibliothèque s'affiche dans le menu contextuel Bibliothèque du panneau URL.
Guide de l'utilisateur
2 Entrez une URL dans la zone de texte Lien. 3 Cliquez sur le bouton Plus (+). Le bouton Plus (+) ajoute l'URL actuelle à la bibliothèque. Vous pouvez améliorer l'organisation de vos URL en n’ajoutant que celles qui sont utilisées dans votre document. Pour ajouter simultanément une URL à la bibliothèque lorsque vous affectez cette URL à un objet Web :
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 204 et « Définition de l'URL d'un symbole ou d'une occurrence de bouton », page 219. 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 bibliothèque. Pour supprimer une URL sélectionnée du panneau d'aperçu des URL : ❖
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 Remplacer toutes les occurrences dans le 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.
Guide de l'utilisateur
2 Indiquez un nom de fichier, puis cliquez sur Enregistrer. Un fichier HTML est créé. Il contient les URL que vous avez exportées. Pour importer des URL :
2 Sélectionnez un fichier HTML, puis cliquez sur Ouvrir. Toutes les URL de ce fichier sont importées.
Les découpes sont les éléments de base de l'interactivité dans Fireworks. Il s'agit d'objets Web : elles n'existent pas réellement en tant qu'images, mais, en dernière instance, comme code HTML. Vous pouvez les afficher, les sélectionner et les renommer via le calque Web dans le panneau Calques. 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 :
• « Affectation de comportements interactifs aux découpes », page 198 • « Préparation des découpes pour l'exportation », page 204 • « Utilisation de références et d'images interactives », page 208
Le découpage consiste à diviser un document Fireworks en plusieurs segments dont chacun sera exporté dans un fichier distinct. Pendant l'exportation, Fireworks crée également un fichier HTML contenant le code des tables permettant de réassembler le graphique dans un navigateur.
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 « Optimisation et exportation », page 250. Optimisation
2 Si vous avez sélectionné plusieurs objets, sélectionnez le mode d'application des découpes : Simple crée une découpe unique, qui recouvre tous les objets sélectionnés. Multiple crée un objet découpe pour chaque objet sélectionné.
Création d'une découpe HTML Une découpe HTML représente une zone dans laquelle un texte HTML ordinaire apparaît dans le navigateur. Une découpe HTML n'exporte aucune image mais du texte HTML qui apparaît dans la cellule de tableau définie par la découpe.
Guide de l'utilisateur
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 de mise en forme HTML pour mettre le texte en forme. 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 Adobe Dreamweaver. 5 Cliquez sur OK pour appliquer les modifications et refermer la fenêtre Modifier découpe du code HTML. Le texte et les balises HTML que vous avez insérés s'affichent comme code HTML brut dans le corps de la découpe dans le fichier PNG Fireworks. Remarque : L'aspect des découpes de texte HTML peut varier selon les navigateurs et les systèmes d'exploitation car la taille et le type de police peuvent être définis dans le navigateur. Création d'une découpe non rectangulaire
Polygonale pour tracer des découpes de toute forme polygonale.
Pour tracer un objet découpe polygonal :
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 fonction de la forme souhaitée).
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
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 (Macintosh). 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. La découpe est alors sélectionnée dans le calque Web et dans le document. Affichage et masquage des découpes
Les découpes étant des objets Web, elles apparaissent sous le calque Web du panneau Calques ; vous pouvez choisir d'afficher ou de masquer la découpe sélectionnée. Vous pouvez également utiliser le panneau Outils pour contrôler la visibilité des découpes. Le masquage d'un objet découpe n'empêche pas l'exportation de la découpe dans le texte HTML. Pour masquer et afficher des découpes et références spécifiques :
Pour afficher ou masquer les repères de découpe dans tous les modes d’affichage du document : ❖ Cliquez sur Affichage > Repères de découpe. Modification de la couleur des découpes et 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é : ❖ Dans l'Inspecteur des propriétés, sélectionnez une nouvelle couleur dans le sélecteur de couleurs.
Guide de l'utilisateur
2 Sélectionnez une nouvelle couleur dans la section Couleur de la découpe de la boîte de dialogue Repères, puis cliquez sur OK.
Sous Fireworks, vous pouvez travailler sur la disposition d'une découpe comme s'il s'agissait d'un tableau dans un programme de traitement de texte. Lorsque vous faites glisser un repère de découpe pour redimensionner la découpe, toutes les découpes rectangulaires adjacentes sont automatiquement redimensionnées. En outre, vous pouvez utiliser l'Inspecteur des propriétés pour redimensionner et transformer des découpes, comme s'il s'agissait d'objets vectoriels ou bitmap. Déplacement des repères d'une découpe pour modifier la découpe
Si plusieurs objets découpes sont alignés sur un même repère de découpe, faites glisser ce repère pour redimensionner simultanément tous les objets découpes.
Pour redimensionner une ou plusieurs découpes :
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é. Les découpes sont alors redimensionnées et toutes les découpes adjacentes sont également redimensionnées automatiquement.
Guide de l'utilisateur
❖ A l'aide de l'outil Pointeur ou Sous-sélection, faites glisser le repère de découpe au-delà des limites du document. Pour déplacer des repères de découpe adjacents :
2 Déposez le repère de découpe à l'emplacement souhaité. Tous les repères de découpe que vous faites glisser ainsi seront déplacés vers cet emplacement. 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. Utilisation des outils pour modifier des objets découpes
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 197. Pour modifier la forme d'une découpe sélectionnée, exécutez l'une des actions suivantes :
• Effectuez la transformation souhaitée à l'aide d'un outil de transformation. Pour plus d'informations sur l'utilisation des outils de transformation, voir « Transformation et distorsion d'objets sélectionnés et de sélections », page 53. Remarque : La transformation d'une découpe rectangulaire peut changer sa forme, sa position ou ses dimensions, mais la découpe elle-même reste rectangulaire. Utilisation de l'Inspecteur des propriétés ou du panneau Info pour la modification des objets découpes
« Edition d'objets sélectionnés », page 52.
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 :
En faisant glisser simplement la poignée de comportement d'une découpe et en la déposant sur une découpe cible, vous pouvez créer rapidement une interactivité simple.
Les comportements de Fireworks sont compatibles avec ceux de Dreamweaver. Après avoir exporté un survol de Fireworks vers Dreamweaver, vous pouvez modifier les comportements Fireworks à l’aide du panneau Comportements de Dreamweaver.
Guide de l'utilisateur
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.
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.
Guide de l'utilisateur
« Partage des calques », page 158. 2 Cliquez sur Edition > Insérer > Découpe pour créer une découpe par-dessus l'objet de déclenchement. 3 Cliquez sur le bouton Nouvelle image/Dupliquer dans le panneau Images pour créer une nouvelle image. 4 Créez, collez ou importez une image à utiliser pour la permutation dans la nouvelle image. Placez l'image sous la découpe créée à l'étape 2, et qui est encore visible, bien que vous vous trouviez dans l'image 2. Les découpes sont visibles dans toutes les images. 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 et placez le pointeur au-dessus de la poignée de comportement. Le pointeur prend la forme d’une main.
7 Cliquez sur la poignée de comportement et sur Survol simple dans le menu. 8 Cliquez sur l'onglet Aperçu pour tester le survol simple ou appuyez sur la touche F12 pour le prévisualiser dans un navigateur. Création d'un survol séparé
événement souris (survol ou clic), une image s'affiche à un autre endroit de la page Web. L'image survolée est considérée comme le déclencheur, alors que l'image qui change est considérée comme la cible. A l'instar des survols simples qui utilisent une seule découpe, vous devez d'abord définir la découpe de déclenchement, la découpe cible et l'image dans laquelle se trouve 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 209. Pour plus d'informations sur les boutons, voir « Création d'un symbole de bouton », page 213.
Guide de l'utilisateur
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. 2 Cliquez sur le bouton Nouvelle image/Dupliquer dans le panneau Images pour créer une nouvelle image. 3 Placez une deuxième image qui servira de cible dans la nouvelle image à l'emplacement souhaité dans le document. Vous pouvez placer l'image à un autre endroit que sous la découpe créée à l'étape 1. 4 Sélectionnez l'image, puis cliquez sur Edition > Insérer > Découpe pour associer une découpe à cette image. 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 d'origine) et placez le pointeur sur la poignée de comportement. Le pointeur prend la forme d’une main. 7 Faites glisser la poignée de comportement de la découpe de déclenchement ou de la référence vers la découpe cible créée à l'étape 4. Le trait de comportement s'étend du centre du déclencheur jusqu'au coin supérieur gauche de la découpe cible, et la boîte de dialogue Permuter les images s'affiche.
9 Cliquez sur le bouton Aperçu et testez le survol séparé. Application de plusieurs survols à une découpe
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é.
Guide de l'utilisateur
3 Pour créer d'autres survols, répétez les étapes 1 et 2 autant de fois que vous le désirez. Suppression d'un survol glisser-déposer
Pour supprimer le survol glisser-déposer d'un objet Web ou d'un bouton sélectionné : 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 199. Les comportements suivants sont disponibles dans Fireworks : Survol simple ajoute un comportement de survol à la découpe sélectionnée en utilisant l'image 1 pour l'état Relevé et l'image 2 pour l'état Au-dessus. Après avoir sélectionné ce comportement, vous devez créer 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. Permuter les images remplace l'image qui figure sous la découpe spécifiée par le contenu d’une autre image ou d’un fichier
Restaurer la permutation d'images redonne son aspect d'origine à l'objet cible de l'image 1. Définir image barre de navigation définit une découpe comme faisant partie d’une barre de navigation Fireworks. Toutes 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
Barre de navigation - Enfoncée indique l'état Enfoncé de la découpe sélectionnée lorsqu'elle fait partie d'une barre de
Restaurer la barre de navigation ramène toutes les autres découpes de la barre de navigation à leur état Relevé. Définir le menu contextuel affecte un menu contextuel à une découpe ou à une référence. Vous pouvez appliquer un
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
Affectation de comportements
Guide de l'utilisateur
Modification des 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 le menu contextuel : onMouseOver déclenche le comportement lorsque le pointeur survole la zone de déclenchement. onMouseOut déclenche le comportement lorsque le pointeur quitte la zone de déclenchement. onClick déclenche le comportement lorsque vous cliquez sur l'objet de déclenchement. onLoad déclenche le comportement lorsque la page Web est chargée.
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. 2 Recherchez le fichier à utiliser, puis cliquez sur Ouvrir. 3 Si nécessaire, désélectionnez Précharger les images (si le fichier externe est de type GIF animé).
Guide de l'utilisateur
Pour éviter ce problème, désélectionnez Précharger les images lorsque vous définissez le survol. Remarque : Si vous comptez exporter votre document pour l'utiliser sur le Web, assurez-vous que le fichier d'image externe est accessible à partir du code HTML Fireworks exporté. Fireworks crée des trajets de document vers les fichiers d'image. Il est conseillé de placer les fichiers externes dans votre site local avant de les utiliser comme images de permutation dans Fireworks. Ensuite, lorsque vous chargez vos fichiers sur le Web, assurez-vous que le fichier d'image externe est également chargé. Pour plus d'informations sur le code HTML Fireworks, voir « Exportation du fichier HTML », page 273.
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.
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é.
Si votre fichier contient un certain nombre de pages que vous avez l'intention d'exporter, ouvrez le menu contextuel Lien et sélectionnez l'une des pages pour l'URL. Une fois les pages exportées, ce lien renvoie automatiquement l'utilisateur vers la page spécifiée. Pour affecter une URL à une découpe sélectionnée : ❖ Indiquez une URL dans la zone de texte Lien de l'Inspecteur des propriétés.
URL dans cette bibliothèque. Pour plus d'informations, voir « Utilisation des URL », page 189.
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.
Guide de l'utilisateur
Pour spécifier le texte secondaire d'une découpe ou d'une référence sélectionnée : ❖ Dans l'Inspecteur des propriétés, entrez le texte dans le champ Texte sec.
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 : ❖ Dans la zone de texte Cible, entrez le nom du cadre HTML ou sélectionnez une cible réservée dans le menu contextuel
_blank charge les documents liés dans une nouvelle fenêtre, sans nom, du navigateur. _parent charge les documents liés dans le jeu de cadres parent, ou dans la fenêtre du cadre contenant le lien. Si le cadre
_self charge le document lié dans le même cadre ou la même fenêtre que le lien. Cette cible est implicite et ne nécessite
_top charge les documents liés dans la fenêtre de base du navigateur, remplaçant ainsi tous les cadres.
Vous pouvez optimiser une découpe en sélectionnant une option dans le menu contextuel Paramètres d'exportation dans l'Inspecteur des propriétés ou le panneau Optimiser. Vous pouvez sélectionner des paramètres d’exportation courants afin de définir rapidement un format de fichier et d’appliquer des paramètres spécifiques à un format précis. Pour plus d'informations sur l'utilisation et la personnalisation de ces paramètres, voir « Utilisation des paramètres d'optimisation », page 255.
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
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.
Guide de l'utilisateur
Pour nommer automatiquement un fichier de découpe : ❖ Lorsque vous exportez votre image découpée, entrez un nom dans la zone de texte Fichier (Windows) ou Nom
Modification de la convention de nom par défaut
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.
Par exemple, si vous entrez le nom de fichier de découpe personnalisé accueil pour un bouton à trois états, Fireworks nomme le graphique de l’état Relevé accueil.gif, celui de l’état Au-dessus accueil_f2.gif et celui de l’état Enfoncé accueil_f3.gif. Vous pouvez créer votre propre convention de nom pour les découpes en plusieurs images, dans la boîte de dialogue Configuration HTML. Pour changer la convention de nom par défaut :
2 Cliquez sur l'onglet Propre au document.
Guide de l'utilisateur
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.
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. Vous pouvez préciser la manière dont la table Fireworks doit être reconstruite dans un navigateur. Entre autres options, vous pouvez, lorsque vous exportez un document au fichier HTML, choisir d'utiliser des séparateurs ou des tables imbriquées :
Pour plus d'informations sur le code HTML, voir « Exportation du fichier HTML », page 273. 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 crée une table imbriquée sans séparateur. Table unique, pas de séparateurs crée une table unique sans séparateur. Cette option risque d'entraîner un affichage
Espace transparent de 1 pixel utilise une image GIF transparente de 1 pixel carré comme séparateur. Ce séparateur peut
Guide de l'utilisateur
• Désélectionnez Utiliser la couleur du fond pour choisir une autre couleur dans la fenêtre contextuelle des couleurs. Remarque : Si vous sélectionnez une couleur dans la fenêtre contextuelle des couleurs, elle est appliquée aux découpes HTML uniquement. Les découpes d'image conservent la couleur du fond. 5 Dans le menu contextuel Contenu, sélectionnez ce qui doit être placé dans les cellules vides : Aucun laisse les cellules vides. Image du séparateur place une petite image transparente appelée spacer.gif dans les cellules vides. Espace insécable place une balise d'espacement HTML dans les cellules vides. Cette cellule est d'aspect creux.
6 Cliquez sur OK. Pour plus d'informations sur la définition des options d'exportation HTML, voir « Définition des options d'exportation du code HTML », page 279. Remarque : Vous pouvez spécifier des paramètres d'exportation de table propres aux objets découpes des documents. Si nécessaire, utilisez le bouton Paramètres par défaut dans l'onglet 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.
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 194.
Guide de l'utilisateur
Après avoir identifié les zones du graphique source représentant de bons repères de navigation, créez les références, puis affectez-leur des liens URL, des menus contextuels, des messages de barre d'état et du texte de description. Il existe deux méthodes pour créer des références :
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 :
(Windows) ou Option (Macintosh) enfoncée pour dessiner à partir du point central. Remarque : Vous pouvez ajuster la position d'une référence à mesure que vous la dessinez. Maintenez le bouton de la souris et la barre d'espace enfoncés et faites glisser la référence vers un autre emplacement du document. Relâchez la barre d'espace pour continuer à dessiner la référence. Pour créer une référence de forme irrégulière :
Si vous avez sélectionné plusieurs objets, un message vous demande si vous souhaitez créer une référence rectangulaire unique couvrant tous les objets ou plusieurs références, une pour chaque objet. 2 Cliquez sur Simple ou Multiple. Le calque Web affiche la ou les nouvelles références.
Les références sont des objets Web et, à l'instar de nombreux objets, elles peuvent être modifiées à l'aide des outils Pointeur, Sous-sélection et Transformation. Pour plus d'informations sur l'utilisation de ces outils pour modifier un objet Web, voir « Utilisation des outils pour modifier des objets découpes », page 198.
Guide de l'utilisateur
« Edition d'objets sélectionnés », page 52. Vous pouvez également modifier la forme d'une référence dans l'Inspecteur des propriétés. Pour convertir une référence sélectionnée en rectangle, cercle ou polygone : ❖ Dans l'Inspecteur des propriétés, sélectionnez Rectangle, Cercle ou Polygone dans le menu contextuel Forme de la référence.
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.
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. Comme autre solution d'exportation, copiez une image interactive dans le Presse-papiers et collez-la dans Dreamweaver ou dans un autre éditeur HTML. Pour exporter une image interactive ou pour la copier dans le Presse-papiers :
Pour plus d'informations, voir « Optimisation », page 250. 2 Cliquez sur Fichier > Exporter. 3 Si vous choisissez d'exporter l'image (plutôt que de la copier dans le Presse-papiers), accédez au dossier où vous souhaitez placer le fichier HTML et nommez ce dernier. 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
Copier dans le Presse-papiers copie tout le code HTML approprié, y compris une table si le document est découpé, dans le
Guide de l'utilisateur
7 Si nécessaire, sélectionnez Placer les images dans des sous-dossiers, puis ouvrez le dossier approprié. Remarque : Si vous cliquez sur Copier dans le Presse-papiers, cette option est désactivée car inutile. 8 Cliquez sur Enregistrer pour fermer la boîte de dialogue Exporter. 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. Pour plus d'informations sur le placement de contenu Fireworks exporté dans Dreamweaver, voir « Utilisation de Dreamweaver », page 284.
Avec la technique de survol glisser-déposer, utilisée pour la création d'effets interactifs, vous pouvez aisément affecter un survol séparé à une référence, si la zone cible est définie par une découpe. Les effets de survol sont appliqués aux références de la même manière que pour les découpes. Pour plus d'informations, voir « Ajout d'une interactivité simple aux découpes », page 199. 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.
Vous pouvez placer une référence par-dessus une découpe pour déclencher une action ou un comportement. Choisissez cette méthode si vous avez un 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.
Guide de l'utilisateur
2 Dans le panneau Images, créez une nouvelle image et insérez l'image qui sera utilisée comme image permutée. Veillez à placer cette image sous la découpe insérée à l'étape 1. 3 Faites glisser un trait de comportement de la référence vers la découpe contenant l'image à permuter. 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, puis cliquez sur OK.
Avec Fireworks, vous pouvez créer un ensemble de boutons et de menus contextuels CSS ou JavaScript, même si vous ne connaissez pas le code JavaScript et CSS. 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. Adobe 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'une barre de navigation », page 221 • « Création de menus contextuels », page 221 • 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 180.
Guide de l'utilisateur
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é (état par défaut) représente l’aspect normal du bouton. L'état Au-dessus conditionne l'aspect du bouton lorsque le pointeur le survole. Cet état signale à l'utilisateur que le fait de cliquer produira une action. L'état Enfoncé représente le bouton une fois que vous avez cliqué dessus. Une image concave du bouton est souvent utilisée pour indiquer que l'utilisateur a appuyé dessus. Cet état de bouton représente généralement la page Web active d'une barre de navigation comportant plusieurs boutons. L'état Au-dessus Enfoncé est l'aspect du bouton lorsque l'utilisateur déplace le pointeur sur le bouton en état Enfoncé. Cet état de bouton indique généralement que le pointeur se trouve au-dessus du bouton de la page Web active d'une barre de navigation comportant plusieurs boutons.
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.
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é :
L'Editeur de boutons affiche l'onglet de l’état Relevé. 2 Importer ou créer le graphique de l'état Relevé :
• Définissez les repères de mise à l’échelle à 9 découpes de manière à ce que le bouton ne soit pas déformé lors du redimensionnement. Pour plus d'informations, voir « Utilisation de la mise à l’échelle à 9 découpes », page 182.
états du bouton seront créés automatiquement avec les graphiques et texte correspondants. 3 Si nécessaire, sélectionnez l'outil Texte, puis créez le texte associé au bouton. Pour créer un état Au-dessus :
2 Pour créer l'état Au-dessus du bouton, exécutez l'une des actions suivantes :
Guide de l'utilisateur
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 214. Pour créer un état Enfoncé :
2 Pour créer l'état Enfoncé du bouton, exécutez l'une des actions suivantes :
Remarque : Lorsque vous insérez ou créez le graphique associé à l'état Enfoncé, l'option Inclure l'état Enfoncé de la barre de navigation est automatiquement sélectionnée. Cet état de bouton est associé aux boutons faisant partie de la barre de navigation. 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 :
Enfoncé, puis modifiez cette copie pour changer son aspect.
Remarque : Lorsque vous insérez ou créez le graphique associé à l'état Au-dessus Enfoncé, l'option Inclure l'état Au-dessus Enfoncé de la barre de navigation est automatiquement sélectionnée. Cet état de bouton est associé aux boutons faisant partie de la barre de navigation.
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 Dans l'Inspecteur des propriétés, cliquez sur le bouton Ajouter des filtres. 3 Dans le menu contextuel qui s'affiche, exécutez l'une des actions suivantes :
• Sélectionnez Biseau et estampe > Biseau extérieur.
Conversion des survols de Fireworks en boutons Vous pouvez créer des boutons à partir des survols créés dans les précédentes versions de Fireworks. Les composants sont convertis en bouton et le nouveau bouton est placé dans la bibliothèque. Pour plus d'informations sur les survols, voir « Affectation de comportements interactifs aux découpes », page 198. Pour convertir un survol Fireworks en bouton :
2 Dans le menu contextuel Séquence de calques du panneau Images, cliquez sur Afficher toutes les images. 3 Sélectionnez tous les objets à inclure dans le bouton. 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 42. 4 Cliquez sur Modification > Symbole > Convertir en symbole. La boîte de dialogue Propriétés du symbole s'affiche. 5 Dans la zone de texte Nom, entrez le nom du symbole. 6 Sélectionnez le type de symbole Bouton. 7 Cliquez sur OK. Le nouveau bouton est ajouté à la bibliothèque. 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.
Guide de l'utilisateur
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.
• Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser une occurrence sur le document pour créer une autre occurrence de bouton.
Les symboles de bouton figurant dans le panneau Bibliothèque sont spécifiques à chaque document. Si vous ouvrez un document dont les symboles figurent dans le panneau Bibliothèque, puis créez un nouveau document, le panneau Bibliothèque de ce dernier sera vide. Il existe cependant plusieurs méthodes pour importer des symboles de bouton dans le panneau Bibliothèque d'un document, que ce soit à partir d'une bibliothèque ou d'un autre document Fireworks. Pour importer des symboles de bouton dans le panneau Bibliothèque d'un document, exécutez l'une des actions suivantes :
• Coupez une occurrence de bouton depuis un autre document Fireworks et collez-la dans le document actif. • Importez les symboles de bouton à partir d'un fichier PNG Fireworks. • Exportez les symboles de bouton depuis un autre document Fireworks vers un fichier bibliothèque PNG, puis importez les symboles de bouton du fichier bibliothèque PNG dans le document.
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 187 et « Exportation de symboles », page 188.
Les symboles de bouton Fireworks sont des symboles spéciaux. Ils disposent de deux types de propriétés : certaines changent dans toutes les occurrences lorsque vous modifiez une occurrence du symbole tandis que d'autres n'affectent que l'occurrence active. Dans Fireworks, les symboles de bouton permettent d'utiliser des symboles tout en autorisant la modification de certaines propriétés d'une occurrence de bouton telles que du texte, sans affecter les autres occurrences. Modification des propriétés d'un symbole
• Les filtres en direct ou l'opacité appliqués à chaque objet du symbole de bouton • Les dimensions et la position de la zone active • 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)
Guide de l'utilisateur 1 Pour ouvrir le bouton dans l'Editeur de boutons, exécutez l'une des actions suivantes :
• Dans le panneau Bibliothèque, double-cliquez sur l'aperçu du bouton ou sur l'icône du symbole, à côté du symbole de bouton. 2 Modifiez les attributs graphiques du bouton et cliquez sur Terminé. Les modifications sont appliquées à toutes les occurrences du symbole du bouton. Modification des propriétés des occurrences
• Les caractères et la mise en page du texte, notamment la police, la taille des caractères, l'orientation et la couleur du texte • Le lien URL (écrase toute URL existante au niveau du symbole) • La description de l'image • Le cadre cible (écrase tout cadre cible existant au niveau du symbole) • Les comportements supplémentaires affectés à une occurrence à partir du panneau Comportements • L'option Afficher l'état Enfoncé lors du chargement dans l'Inspecteur des propriétés, au sein d'une barre de navigation Remarque : 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 CS3 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 279.
2 Définissez les propriétés dans l'Inspecteur des propriétés.
Dans Fireworks, vous pouvez contrôler les éléments interactifs d'un bouton, notamment la zone active, l'URL, la cible et la description de l'image. Modification de la zone active d'un symbole de bouton
Guide de l'utilisateur
à 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 :
• Dans le panneau Bibliothèque, double-cliquez sur l'aperçu du bouton ou sur l'icône du symbole, à côté du symbole de bouton. 2 Cliquez sur l'onglet Zone active. 3 Exécutez l'une des actions suivantes :
• Utilisez un outil de découpe ou de référence quelconque pour dessiner une nouvelle zone active. Définition de l'URL d'un symbole ou d'une occurrence de bouton
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 189. Pour définir l'adresse URL d'un symbole de bouton dans l'Editeur de boutons :
• Dans le panneau Bibliothèque, double-cliquez sur l'aperçu du bouton ou sur l'icône du symbole, à côté du symbole de bouton. 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 :
Cette liste contient toutes les pages du document actif.
Remarque : La modification de l'URL d'un symbole de bouton ne modifie pas l'URL des autres occurrences de bouton de ce symbole qui possèdent déjà des URL uniques. Ce principe s'applique également aux modifications apportées à la cible et au texte secondaire d'un symbole de bouton.
Guide de l'utilisateur
Cette liste contient toutes les pages du document actif.
Définition de la cible d'un bouton
Pour définir la cible d'un symbole de bouton dans l'Editeur de boutons :
• Dans le panneau Bibliothèque, double-cliquez sur l'aperçu du bouton ou sur l'icône du symbole, à côté du symbole de bouton. 2 Dans l'Inspecteur des propriétés, exécutez l'une des actions suivantes :
Aucune ou _self charge la page Web dans le même cadre ou la même fenêtre que le lien. _blank charge la page Web dans une nouvelle fenêtre, sans nom, du navigateur. _parent charge la page Web dans le jeu de cadres parent ou dans la fenêtre du cadre contenant le lien. _top charge la page Web dans la fenêtre principale du navigateur et supprime tous les cadres.
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 ou _self charge la page Web dans le même cadre ou la même fenêtre que le lien. _blank charge la page Web dans une nouvelle fenêtre, sans nom, du navigateur. _parent charge la page Web dans le jeu de cadres parent ou dans la fenêtre du cadre contenant le lien. _top charge la page Web dans la fenêtre principale du navigateur et supprime tous les cadres.
Définition du texte secondaire d'un symbole ou d'une 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. 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.
Guide de l'utilisateur
• Dans le panneau Bibliothèque, double-cliquez sur l'aperçu du bouton ou sur l'icône du symbole, à côté du symbole de bouton. 2 Dans l'Inspecteur des propriétés, entrez le texte devant apparaître comme texte secondaire dans un navigateur. 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. Pour créer une barre de navigation de base :
2 Faites glisser une occurrence (copie) du symbole depuis le panneau Bibliothèque dans la zone de travail. 3 Pour créer une copie de l'occurrence du bouton, exécutez l'une des actions suivantes :
• Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et faites glisser l'occurrence de bouton. 4 Maintenez la touche Maj enfoncée et faites glisser un bouton pour l'aligner horizontalement ou verticalement. Utilisez les touches fléchées pour un déplacement plus précis de l'occurrence. 5 Pour créer d'autres occurrences de bouton, répétez les étapes 3 et 4. 6 Sélectionnez chaque occurrence et affectez-lui un texte unique, une URL et d'autres propriétés à l'aide de l'Inspecteur des 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.
Guide de l'utilisateur L'onglet Contenu contient les options permettant de définir la structure du menu de base, ainsi que le texte, le lien URL et
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,
L'onglet Position contient les options permettant de définir la position des menus et sous-menus :
Dans l'onglet Contenu de l'Editeur de menus contextuels, vous pouvez définir la structure de base et le contenu du menu contextuel. Les options actuelles ou par défaut des autres onglets de l'Editeur de menus contextuels sont appliquées lors de la création du menu.
Guide de l'utilisateur
2 Pour ouvrir l'Editeur de menus contextuels, exécutez l'une des actions suivantes :
• Cliquez sur la poignée de comportement au milieu de la découpe, puis sélectionnez Ajouter menu contextuel. 3 Cliquez sur l'onglet Contenu s'il n'apparaît pas à l'écran. 4
5 Double-cliquez sur chaque cellule, puis entrez ou sélectionnez l'information appropriée : Texte indique le texte de l'élément de menu. Lien définit l'URL de l'élément de menu. Vous pouvez entrer un lien personnalisé ou en sélectionner un dans le menu
Cible désigne la cible de l'URL. Vous pouvez entrer une cible personnalisée ou en sélectionner une prédéfinie dans le menu
La saisie du contenu sur la dernière ligne de la fenêtre insère une ligne vide en dessous de la dernière ligne. 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. 6 Répétez les étapes 4 et 5 jusqu'à ce que tous les éléments de menu soient définis. 7 Vous pouvez également supprimer un élément de menu. Pour ce faire, sélectionnez l'élément concerné, puis cliquez sur le bouton Menu Supprimer. 8 Exécutez l'une des actions suivantes :
Dans l'espace de travail, la référence ou la découpe sur laquelle vous avez créé le menu contextuel affiche un trait de comportement de couleur bleue relié à un contour du niveau supérieur du menu contextuel. Remarque : Pour afficher un menu contextuel, appuyez sur la touche F12 pour avoir un aperçu dans un navigateur. Il n'est pas possible de prévisualiser des menus contextuels dans l'espace de travail de Fireworks.
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 :
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 apparaissant sous l'élément placé directement au-dessus de lui dans la liste.
Guide de l'utilisateur
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 également sélectionner un élément de menu ou de sous-menu et cliquez sur Ajouter un menu. 6 Exécutez l'une des actions suivantes :
Pour créer un sous-menu contextuel au sein d'un sous-menu contextuel :
2 Cliquez sur le bouton Menu Renfoncement pour remettre en retrait le sous-menu, afin qu'il soit positionné en retrait par rapport à l'élément de sous-menu situé directement au-dessus. Continuez la mise en retrait pour créer autant de niveaux de sous-menus imbriqués que vous le souhaitez. Pour placer un élément de menu dans un sous-menu de niveau supérieur ou dans le menu contextuel principal :
3 Pour achever la création des menus contextuels ou pour continuer à en créer d'autres, exécutez l'une des actions suivantes :
Dans l'espace de travail, la référence ou la découpe sur laquelle vous avez créé le menu contextuel affiche un trait de comportement de couleur bleue relié à un contour du niveau supérieur du menu contextuel. Remarque : Pour prévisualiser un menu contextuel, appuyez sur la touche F12 pour l'afficher dans un navigateur. Il n'est pas possible de prévisualiser 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é.
Guide de l'utilisateur
Après avoir créé un menu de base et des sous-menus optionnels, vous pouvez mettre en forme le texte, appliquer des styles graphiques aux états Au-dessus et Relevé et sélectionner l'orientation verticale ou horizontale sous l'onglet Aspect de 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 229. 2 Dans le menu contextuel Orientation, sélectionnez Verticale ou Horizontale. Pour indiquer si un menu contextuel est un menu à base de code HTML ou de graphiques :
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 229. 2 Sélectionnez une option Cellules : HTML définit l'aspect du menu en utilisant uniquement du code HTML. Cette option crée des pages correspondant à des fichiers de petite taille. Image propose une sélection de styles de graphique pour l'arrière-plan des cellules. Cette option crée des pages corres-
Remarque : Vous pouvez enrichir cette sélection de styles en créant des styles de menu contextuel personnalisés. Pour plus d'informations, voir « Ajout des styles de menu contextuel », page 226. Pour mettre en forme le texte dans 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 229. 2 Dans le menu contextuel Taille, sélectionnez une taille prédéfinie ou entrez une valeur dans la zone de texte Taille.
Guide de l'utilisateur
3 Dans le menu contextuel Police, sélectionnez un groupe de polices système ou entrez le nom d'une police personnalisée. 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. 4 Pour appliquer le style gras ou italique, vous pouvez également cliquer sur un bouton de style de texte. 5 Cliquez sur un bouton de justification pour aligner le texte à gauche ou à droite ou pour le centrer. 6 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 229. 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 état. 4 Exécutez l'une des actions suivantes :
Dans l'espace de travail, la référence ou la découpe sur laquelle vous avez créé le menu contextuel affiche un trait de comportement de couleur bleue relié à un contour du niveau supérieur du menu contextuel. Remarque : Pour prévisualiser un menu contextuel, appuyez sur la touche F12 pour l'afficher dans un navigateur. Il n'est pas possible de prévisualiser 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 :
2 Dans le panneau Styles, sélectionnez le nouveau style, puis sélectionnez Exporter des styles dans le menu Options du panneau Styles. 3 Localisez le dossier Nav Menu sur votre disque dur, renommez le fichier de styles si vous le souhaitez, puis cliquez sur Enregistrer. Remarque : L'emplacement exact du dossier Nav Menu varie en fonction du système d'exploitation. Pour plus d'informations, voir « Utilisation des fichiers de configuration », page 340. Lorsque vous revenez à l'onglet Aspect de l'Editeur de menus contextuels et sélectionnez l'option Image d'arrière-plan des cellules, le nouveau style s'affiche avec les styles prédéfinis associés aux états Relevé et Au-dessus des cellules du menu contextuel.
Guide de l'utilisateur
Dans l'Editeur de menus contextuels, l'onglet Avancé propose des paramètres supplémentaires permettant de définir la taille, la marge intérieure et l'espacement des cellules, le retrait du texte, le délai de disparition du menu, ainsi que la largeur, la couleur, l'ombre et la surbrillance des bordures.
Pour plus d'informations sur l'ouverture d'un menu contextuel existant dans l'Editeur de menus contextuels, voir « Modification d'un menu contextuel », page 229. 2 Dans le menu contextuel Automatique/Pixels, sélectionnez une largeur ou une hauteur maximale : Automatique règle la hauteur de cellule sur la taille du texte définie dans l'onglet Aspect de l'Editeur de menus-contextuels
Pixels permet d'entrer des mesures spécifiques, en pixels, dans les zones de texte Largeur de cellule et Hauteur de cellule.
4 Entrez une valeur dans la zone de texte Espacement des cellules pour définir l'espacement entre les cellules du menu. 5 Entrez une valeur dans la zone de texte Retrait du texte pour définir la valeur du retrait du texte du menu contextuel. 6 Entrez une valeur dans la zone de texte Menu Intervalle pour définir, en millisecondes, la durée pendant laquelle le menu reste affiché après son survol par le pointeur. 7 Définition de propriétés de bordures de menu contextuel : Afficher les bordures permet d'afficher ou de masquer les bordures du menu contextuel. Si cette option n'est pas sélec-
Largeur de la bordure définit la largeur de la bordure du menu contextuel. Couleur de bordure, Ombre et Surbrillance permettent de modifier la couleur des bordures du menu contextuel.
Remarque : 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.
L'onglet Position de l'Editeur de menus contextuels permet de définir la position d'un menu contextuel. Vous pouvez également positionner un menu contextuel de niveau supérieur en faisant glisser son contour dans l'espace de travail lorsque le calque Web est visible.
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 229. 2 Pour définir la position du menu, exécutez l'une des actions suivantes :
• Entrez les coordonnées X et Y. Les coordonnées 0,0 alignent le coin supérieur gauche du menu contextuel sur le coin supérieur gauche de la découpe ou de la référence qui le déclenche. 3 Exécutez l'une des actions suivantes :
• Cliquez sur En arrière pour modifier les propriétés dans les autres onglets. • Cliquez sur Terminé pour fermer l'Editeur de menus contextuels.
Guide de l'utilisateur
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 229. 2 Pour définir la position du sous-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 les propriétés des autres onglets. Pour définir la position d'un menu contextuel en le faisant glisser :
• Cliquez sur la colonne Oeil dans le panneau Calques. 2 Sélectionnez l'objet Web de déclenchement du menu contextuel. 3 Dans l'espace de travail, faites glisser le contour du menu contextuel vers un autre emplacement.
L'Editeur de menus contextuels permet de modifier ou de mettre à jour le contenu d'un menu contextuel, de réorganiser les éléments de menu ou de modifier des propriétés dans n'importe lequel des quatre onglets. Pour modifier un menu contextuel dans l'Editeur de menus contextuels :
• Cliquez sur la colonne Oeil dans le panneau Calques. 2 Sélectionnez la découpe à laquelle le menu contextuel est affecté. 3 Double-cliquez sur le contour bleu du menu contextuel, dans l'espace de travail. L'Editeur de menus contextuel s'ouvre, affichant les entrées du menu contextuel. 4 Apportez les modifications souhaitées dans n'importe lequel des quatre onglets et cliquez sur Terminé. Pour modifier une entrée de menu contextuel :
2 Double-cliquez dans la zone de texte Texte, Lien ou Cible pour modifier le texte du menu. 3 Cliquez hors de la liste des entrées pour appliquer les modifications. 4 Cliquez sur Terminé.
Guide de l'utilisateur
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 273.
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 Flash pour les améliorer. Ce chapitre couvre les rubriques suivantes :
• « Utilisation des symboles d'animation », page 232 Pour créer une animation à partir des symboles d'animation de Fireworks :
Pour plus d'informations, voir « Création de symboles d'animation », page 232. 2 Dans l'Inspecteur des propriétés ou dans la boîte de dialogue Animer, indiquez les paramètres pour le symbole d'animation. Vous pouvez définir l'angle et la direction du mouvement, l'échelle, l'opacité (pour les apparitions et disparitions progressives), ainsi que l'angle et la direction de la rotation. Pour plus d'informations, voir « Modification d'un symbole d'animation », page 233. Remarque : L'angle et la direction du mouvement sont définis uniquement dans la boîte de dialogue Animer. 3 Les contrôles Cadence des images du panneau Images permettent de définir la vitesse du mouvement animé. Pour plus d'informations, voir « Réglage de la cadence des images », page 235.
Guide de l'utilisateur
5 Exportez le document sous forme de fichier GIF animé ou SWF, ou enregistrez-le sous forme de fichier PNG Fireworks et importez-le dans Flash pour l'améliorer. Pour plus d'informations, voir « Formats d'exportation des animations », page 241.
Les symboles d'animation exécutent des actions dans votre fichier Fireworks, comme des acteurs dans un film. Par exemple, dans une animation représentant trois oies sauvages traversant le ciel, chaque oie est un acteur. Un symbole d'animation peut être tout objet que vous créez ou importez, et il peut y avoir un grand nombre de symboles dans un même fichier. Chaque symbole possède ses propres propriétés et est animé indépendamment. Vous pouvez donc créer des symboles qui traversent l'écran, pendant que d'autres apparaissent progressivement ou changent de taille. Il n'est pas nécessaire d'utiliser des symboles pour chaque aspect de votre animation. Cependant, outre les avantages présentés dans ce chapitre, l'utilisation des symboles et occurrences des 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.
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. Vous pouvez tracer des objets vectoriels ou bitmap. 5 Fermez la fenêtre de l'Editeur de symboles. Fireworks classe le symbole dans la bibliothèque, et en place une copie au centre du document. Vous pouvez ajouter de nouvelles images au symbole à l'aide du curseur Images de l'Inspecteur des propriétés. Cliquez sur Fenêtre > Propriétés pour ouvrir l'Inspecteur des propriétés, s'il n'est pas ouvert. Pour convertir un objet en symbole d'animation :
2 Cliquez sur Modification > Animation > Animer la sélection. 3 Entrez les paramètres souhaités dans la boîte de dialogue. Pour plus d'informations sur les paramètres, voir « Modification d'un symbole d'animation », page 233. 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.
Guide de l'utilisateur
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
Images 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. Déplacer est la distance, en pixels, que doit parcourir chaque objet. Cette option est accessible uniquement dans la boîte de
Déplacer. Les mouvements sont linéaires, et il n'existe pas d'images principales (ce qui n'est pas le cas dans Flash et Adobe Director). Direction est la direction, en degrés, de déplacement de l'objet. Les valeurs vont de 0 à 360º. Cette option est accessible uniquement dans la boîte de dialogue Animer.
Echelle est le changement de taille, en pourcentage, entre le début et la fin de l'animation. Bien que la valeur par défaut soit 100 %, vous pouvez entrer n'importe quelle valeur dans la zone de texte Echelle. Pour mettre à l'échelle un objet de 0 à 100 %, l'objet d'origine doit être très petit ; des objets vectoriels sont recommandés. Opacité est le degré de fondu (apparition ou disparition) entre le début et la fin de l'animation. La plage de valeurs va de 0
Rotation est la valeur de rotation, en degrés, du symbole entre le début et la fin. Les valeurs vont de 0 à 360º. Vous pouvez
Vers la droite et Vers la gauche indiquent la direction de rotation de l'objet. Vers la droite signifie une rotation dans le sens des aiguilles d'une montre, et Vers la gauche dans le sens inverse.
2 Cliquez sur Modification > Animation > Paramètres pour afficher la boîte de dialogue Animer, ou sur Fenêtre > Propriétés pour afficher l'Inspecteur des propriétés, s'il n'est pas encore ouvert. 3 Modifiez les propriétés souhaitées. 4 Si vous utilisez la boîte de dialogue Animer, cliquez sur OK pour accepter les propriétés modifiées.
Guide de l'utilisateur
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é : ❖ Cliquez sur Modification > Animation > Supprimer l'animation.
Vous pouvez changer le graphique de votre symbole et ses propriétés. Pour modifier le graphique de votre symbole, utilisez l'Editeur de symboles. Il vous permet de modifier vos graphiques à l'aide des outils texte, de dessin et de couleur. Lorsque vous travaillez dans l'Editeur de symboles, seul le symbole sélectionné est affecté. Le symbole est un élément de la bibliothèque. Par conséquent, si vous modifiez l'aspect de l'une de ses occurrences, vous modifiez toutes les autres. Pour changer les attributs du graphique du symbole sélectionné :
• Cliquez sur Modification > Symbole > Modifier le symbole. • Cliquez sur le bouton Modification dans la boîte de dialogue Animer. 2 Modifiez le symbole d'animation et changez le texte, les traits, les trames ou les effets selon vos besoins. 3 Fermez l'Editeur de symboles.
Lorsque vous sélectionnez un symbole d'animation, il est entouré d'un cadre de délimitation spécifique et accompagné d'une trajectoire de déplacement qui indique la direction de son mouvement. Sur cette trajectoire, le point vert est le point de départ et le point rouge indique le point d'arrivée. Les points bleus intermédiaires représentent les images. Par exemple, la trajectoire d'un symbole qui s'étend sur cinq images comporte un point vert, trois points bleus et un point rouge. La position de l'objet sur la trajectoire indique l'image 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.
❖ Faites glisser l'une des poignées de début ou de fin d'animation du symbole vers un nouvel emplacement. Le point vert
Pour contraindre la direction du déplacement par incréments de 45°, maintenez la touche Maj enfoncée et faites glisser le symbole.
Guide de l'utilisateur
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 :
2 Exécutez l'une des actions suivantes :
• Double-cliquez sur la colonne Cadence des images. La fenêtre contextuelle Propriétés de l'image s'affiche. 3 Entrez une valeur de cadence des images. 4 Appuyez sur Entrée ou cliquez hors du panneau pour fermer la fenêtre contextuelle.
Vous pouvez afficher ou masquer certaines images pour la lecture. Si une image est masquée, elle ne sera pas affichée pendant la lecture et ne sera pas exportée. Pour afficher ou masquer une image :
• Double-cliquez sur la colonne Cadence des images. La fenêtre contextuelle Propriétés de l'image s'affiche. 2 Désélectionnez Inclure lors de l'exportation. Une croix (X) rouge s'affiche à la place de la durée de cadence des images. 3 Appuyez sur Entrée ou cliquez hors de la fenêtre Propriétés de l'image pour la fermer.
Guide de l'utilisateur
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 : ❖
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 fin de la séquence. Cliquez ensuite sur OK. Pour réaliser une copie d'une image : ❖ Faites glisser une image existante sur le bouton Nouvelle image/Dupliquer dans la partie inférieure du panneau Images. Pour copier l'image sélectionnée et la placer dans une séquence :
2 Entrez le nombre de copies à créer à partir de l'image sélectionnée, sélectionnez leur point d'insertion, puis cliquez sur OK. 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 : ❖ Faites glisser les images une par une vers un nouvel emplacement dans la liste. Pour supprimer l'image sélectionnée, exécutez l'une des actions suivantes :
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 : ❖ Dans le panneau Images, faites glisser l'indicateur de sélection (petit carré bleu à droite de la durée de cadence des
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 154. 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. Vous pouvez modifier les objets des calques partagés dans n'importe quelle image ; ces modifications se reflètent dans toutes les autres images.
2 Sélectionnez Utiliser pour toutes les images. 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 :
• Copiez le contenu du calque partagé dans toutes les images.
Guide de l'utilisateur
Vous pouvez aisément afficher des objets dans une image spécifique à l'aide du menu contextuel Image du panneau Calques. Pour afficher des objets dans une image spécifique : ❖ Sélectionnez une image dans le menu contextuel Images, dans la partie inférieure du panneau 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. Pour ajuster le nombre d'images visibles avant et après l'image courante :
2 Sélectionnez une option d'affichage : Pas de séquence de calques désactive l'affichage de la séquence de calques et n'affiche que le contenu de l'image courante. Afficher image suivante affiche le contenu de l'image courante et celui de l'image suivante. Avant et après affiche le contenu de l'image courante et celui des images adjacentes. Afficher toutes les images affiche le contenu de toutes les images. Personnalisé permet de définir un nombre personnalisé d'images et de contrôler l'opacité de la séquence de calques. Modification de plusieurs images vous permet de sélectionner et modifier tous les objets visibles. La désactivation de cette
Guide de l'utilisateur
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 à insérer entre les deux occurrences d'origine. 4 Pour répartir les objets interpolés dans des images distinctes, sélectionnez Répartir dans les images, puis cliquez sur OK. Si vous choisissez de ne pas répartir les objets dans des images distinctes, vous pouvez le faire plus tard en sélectionnant toutes les occurrences et en cliquant sur le bouton Répartir dans les images dans le panneau Images. Remarque : Dans la plupart des cas, l'utilisation de symboles d'animation est préférable à l'interpolation. Pour plus d'informations, voir « Utilisation des symboles d'animation », page 232.
Vous pouvez prévisualiser une animation en cours de travail pour en vérifier l'avancement. Vous pouvez également prévisualiser une animation après optimisation, pour vérifier l'aspect qu'elle aura dans un navigateur Web. Pour prévisualiser une animation dans l'espace de travail : ❖ Utilisez les contrôles d'image qui apparaissent au bas de la fenêtre Document.
• Les images qui n'ont pas été exportées n'apparaissent pas dans l'aperçu. • 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.
Guide de l'utilisateur
❖ Cliquez sur Fichier > Aperçu dans le navigateur, puis sélectionnez un navigateur dans le sous-menu.
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 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 Flash », page 296.
Le paramètre Boucle du panneau Images détermine le nombre de répétitions de l'animation. Comme le défilement d'images se répète autant de fois que vous l'avez indiqué, vous pouvez réduire le nombre d'images nécessaires pour créer l'animation. Pour définir l'animation sélectionnée à répéter :
Par exemple, si vous sélectionnez 4, l'animation sera lue cinq fois en tout. Avec En continu, l'animation se répète indéfiniment.
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 d'index ou Transparence Alpha. Pour une description de ces options, voir « Création de zones transparentes », page 263. 3 Utilisez l'outil Transparence du panneau Optimiser pour sélectionner les couleurs utilisées pour la transparence.
Guide de l'utilisateur
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 options d'optimisation, voir « Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT », page 258. 3 Dans le panneau Images, définissez la cadence des images. Pour plus d'informations, voir « Réglage de la cadence des images », page 235.
Lorsque vous avez créé et optimisé une animation, elle est prête à être exportée. Le format GIF animé est celui qui donne les meilleurs résultats pour les graphiques de type aplats et dessins animés. Pour plus d'informations sur l'exportation de GIF animés, voir « Exportation d'une animation », page 271. Vous pouvez exporter l'animation sous forme de fichier Flash SWF et l'importer ensuite dans 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 Flash », page 296. 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 272.
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.
Guide de l'utilisateur 3 Cliquez sur Oui pour ajouter des images supplémentaires à votre animation. Si vous cliquez sur Annuler, seule la première image du fichier GIF animé sera affichée. Bien que tout le document d'origine soit importé, vous devez ajouter des images pour voir le reste du fichier. Pour ouvrir un GIF animé : ❖ Cliquez sur Fichier > Ouvrir, puis localisez le fichier GIF.
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. Fireworks ouvre les fichiers dans un nouveau document unique, en plaçant chaque fichier dans une image distincte, dans l'ordre dans lequel vous avez sélectionné les fichiers.
La commande Créer un diaporama intégrée à Flash permet de générer des diaporamas de type Flash ou HTML/SPRY en sélectionnant tout simplement un dossier contenant des images et en ajoutant des options de diaporama. Ce chapitre couvre les rubriques suivantes :
• « Création ou modification d'un diaporama », page 243 • « Propriétés du diaporama », page 245 • générer automatiquement un fichier XML avec plusieurs albums ou exporter un fichier XML sans diaporama en spécifiant un répertoire d'image ;
• modifier les propriétés d'un diaporama existant et ajouter plusieurs albums à un diaporama ; • ajouter des images supplémentaires à un album existant ; • afficher et faire pivoter des images dans la fenêtre d'aperçu Créer un diaporama ; • trier les images dans un album ; • supprimer des images et/ou albums inutiles ; • appliquer des intervalles d'image (durée d'affichage des images sur l'écran), en secondes, à un ou plusieurs albums ; • appliquer des transitions de diapo aux images de l'album ; • exporter le diaporama vers un dossier spécifique ; • utiliser un lecteur Fireworks par défaut pour un diaporama ou trouver d'autres lecteurs sur le site Web de Adobe Fireworks Exchange. La sortie produite par la commande Créer un diaporama est conçue de telle sorte que n'importe quel concepteur ou développer puisse créer dans Flash un lecteur Fireworks utilisant la sortie XML générée.
La commande Créer un diaporama permet de créer un diaporama de type Flash (ou non Flash) en sélectionnant un dossier contenant des images, en ajoutant des options de diaporama, puis en générant un diaporama afin de l'utiliser sur le Web. Vous pouvez modifier des diaporamas existants en ajoutant ou supprimant des images, ou en ajoutant plusieurs albums dans un album unique.
Guide de l'utilisateur
2 Cliquez sur le bouton Ajouter un album (le signe +) situé à côté de Albums. 3 Choisissez les fichiers d'image à inclure dans le diaporama. Cliquez ensuite sur OK. 4 Renseignez le champ Propriétés de l'album du diaporama. Pour plus d'informations sur ces propriétés, voir « Panneau Propriétés de l’album », page 245. 5 Sélectionnez les panneaux de droite pour configurer les propriétés du diaporama. Pour plus d'informations sur les propriétés de diaporama disponibles, voir « Propriétés du diaporama », page 245. 6 Spécifiez l'emplacement du diaporama terminé dans le panneau Exporter des options. 7 Après avoir configuré tous les paramètres du diaporama, cliquez sur Créer. 8 Une fois le traitement du diaporama terminé, cochez la case Lancer le diaporama dans le navigateur et cliquez sur Fermer pour afficher le diaporama dans votre navigateur par défaut. Pour ouvrir un diaporama existant :
2 Dans la fenêtre Créer un diaporama, sélectionnez Albums > Ouvrir un album existant. 3 Naviguez jusqu’au dossier qui contient le fichier XML du diaporama existant et cliquez sur Ouvrir. Remarque : Vous pouvez également ouvrir un diaporama existant en cliquant sur le bouton Parcourir (...) situé à côté de Albums. Pour supprimer un album :
2 Dans la fenêtre Créer un diaporama, cliquez sur Albums > Ouvrir un album existant. 3 Accédez au dossier contenant le fichier XML de diaporama existant et cliquez sur Ouvrir. 4 Dans la liste d'albums, sélectionnez l'album à supprimer, puis cliquez sur le bouton Supprimer un album (le signe moins).
Guide de l'utilisateur
2 Dans la fenêtre Créer un diaporama, créez un album ou sélectionnez Albums > Ouvrir un album existant. 3 Si vous ouvrez un album existant, naviguez jusqu’au dossier qui contient le fichier XML du diaporama existant et cliquez sur Ouvrir. 4 Cliquez sur l'album, dans la liste des albums, afin de le sélectionner. 5 Cliquez sur le bouton Ajouter image(s) (le signe plus) situé à côté de Images. 6 Cliquez sur le bouton Parcourir (…) et sélectionnez une ou plusieurs images à ajouter à l'album, puis cliquez sur Terminé. Les nouvelles images sont ajoutées à la fin de la liste d'images de l'album. Pour changer l'ordre des images dans un album :
2 Dans la fenêtre Créer un diaporama, créez un nouvel album ou cliquez sur Albums > Ouvrir un album existant pour ouvrir un album existant. 3 Si vous ouvrez un album existant, accédez au dossier contenant le fichier XML de diaporama existant et cliquez sur Ouvrir. 4 Dans la liste Albums, cliquez sur l'album pour le sélectionner. 5 Sélectionnez des images individuelles et cliquez sur les touches fléchées Haut et Bas en haut de la liste des images pour déplacer les images vers le haut ou vers le bas de la liste.
Vous pouvez personnaliser vos diaporamas à l'aide des propriétés suivantes. Cliquez sur chaque propriété sur le côté droit de la fenêtre Créer un diaporama pour ouvrir le panneau et modifier les propriétés.
Les propriétés de l'album s'appliquent à un livre, qui peut contenir plusieurs albums. Titre : titre de l'album. Description : description de l'album. Lecteur : type de lecteur de diaporama (par défaut, les options possibles sont Player_Black, Player_White, DW PhotoAlbum, Simple, Sliver Silver ou Flex Blue). Icône Info (à côté de Lecteur) : lorsque cette icône est activée, vous pouvez cliquer dessus pour afficher des informations
Démarrer automatiquement le diaporama : permet de lancer le diaporama automatiquement à l'ouverture du lecteur. Autoriser l’activation des images : permet à l'utilisateur de cliquer sur l'image et de l'ouvrir dans une nouvelle fenêtre de navigateur. Cette option permet à l'utilisateur d'enregistrer des images, de les afficher dans un nouvel onglet ou d'afficher la version en taille réelle de l'image. Premier album : Sélectionnez l'album du livre à charger au démarrage du lecteur.
Les propriétés suivantes s'appliquent uniquement à l'album sélectionné. Titre : titre de l'album dans le diaporama (ce titre peut contenir des espaces, par exemple "Mon voyage"). Nom de dossier : nom du dossier généré pour l'album actuel. Si vous prévoyez de télécharger le diaporama vers un serveur
Guide de l'utilisateur
Vignette : permet de sélectionner la vignette d'aperçu à associer à l'album actuel. Lorsque vous sélectionnez cette option, un menu contextuel vous permet de choisir l'image de vignette à utiliser pour l'aperçu du diaporama. Arrière-plan : permet de sélectionner l'image d'arrière-plan à associer à l'album actuel. Sélectionnez cette option pour associer une image d'arrière-plan au diaporama. Les menus contextuels permettent de sélectionner l'image à utiliser ainsi que la mise à l'échelle à leur appliquer.
Les options de ce panneau vous permettent de personnaliser les légendes de vos diaporamas. Appliquer à tous les albums : permet d'appliquer les options de légende sélectionnées à tous les albums du livre. Cette
Aucun changement : Aucun changement n’est apporté aux légendes. Effacer toutes les légendes : permet d’effacer les légendes de toutes les images dans l’album actuel lors de la génération du
Utiliser les noms de fichiers : permet d’utiliser le nom réel du fichier pour chaque image présente dans l’album actuel, avec
Insérer un texte : permet d’utiliser le texte spécifié pour chaque image de l’album actuel. Bouton Appliquer : permet d’appliquer les propriétés de légende spécifiées. Aucune modification ne sera apportée tant que vous n'aurez pas cliqué sur ce bouton.
Les options de ce panneau permettent d'appliquer l'un des filtres inclus à un diaporama afin de modifier les images qu'il contient. L'application de filtres n'est possible que pour les nouveaux albums. Appliquer à tous les albums : permet d’appliquer le(s) filtre(s) spécifiés(s) à tous les albums du livre ou uniquement à
Choisir le filtre : permet de sélectionner le filtre à appliquer. Les filtres suivants sont inclus : Niveau automatique, Flou, Convertir en tons sépia, Invertir et Accentuer. Bouton Supprimer : permet de supprimer le filtre sélectionné. Bouton Déplacer le filtre vers le haut : permet de déplacer le filtre sélectionné vers le haut de la liste. Bouton Déplacer le filtre vers le bas : permet de déplacer le filtre sélectionné vers le bas de la liste.
Les options de ce panneau vous permettent de personnaliser le diaporama actuellement sélectionné. Appliquer à tous les albums : permet d’appliquer les options spécifiées à tous les albums du livre ou uniquement à l'album
Intervalle : nombre de secondes entre les images. Utiliser la transition : permet d’utiliser l’effet de transition spécifié lors de l’affichage des images du diaporama. Première image : permet de sélectionner la première image à afficher par le lecteur dans le diaporama. Afficher la séquence : permet de déterminer s’il convient d’afficher les images dans l'ordre ou de manière aléatoire.
Les options de ce panneau permettent de paramétrer l'exportation des images. Exporter des images : sélectionnez cette option pour exporter les images en taille réelle et les vignettes avec les paramètres
Guide de l'utilisateur
Chemin d’exportation : emplacement où le diaporama et les fichiers associés seront exportés/créés. Largeur et hauteur : largeur et hauteur des images en taille réelle exportées. Les images seront mises à l’échelle afin de s’adapter aux limites spécifiées, tout en conservant leurs proportions d’origine. Exporter des vignettes : sélectionnez cette option pour exporter les vignettes en même temps que les images en taille réelle. Largeur et hauteur : largeur et hauteur des vignettes exportées. Qualité d’image : largeur et hauteur des images en taille réelle exportées. La valeur 100 correspond à la meilleure qualité
Agrandir les images pour ajuster : si l’image d’origine est plus petite que la largeur et la hauteur spécifiées, agrandissez-la
Vous pouvez, si vous le souhaitez, créer un lecteur personnalisé à utiliser avec la commande Créer un diaporama. Les fichiers source des lecteurs de diaporama par défaut sont également inclus dans le logiciel pour vous permettre de modifier ou d'habiller les lecteurs. Suivez la procédure ci-après pour ajouter un lecteur personnalisé à Fireworks ou pour partager votre lecteur avec d'autres utilisateurs. Lors de la publication et de la consolidation d'un lecteur Fireworks, suivez les recommandations suivantes :
• Remplacez l'extension du fichier SWF par une extension autre que .swf. Remarque : Sur Macintosh, l'opération qui consiste simplement à renommer le fichier SWF dans le Finder peut ne pas fonctionner (sauf si vous avez défini l'option « Afficher les extensions de fichier »). Vous devrez peut-être le renommer via la boîte de dialogue des propriétés du fichier, sous Nom et extension.
<?xml version=”1.0” encoding=”utf-8”?> <FWACPlayer> • Si vous décidez de fournir des informations supplémentaires sur le lecteur, ajoutez le nœud Info, en indiquant le nom du fichier dans l'attribut src. Le fichier d'informations doit également contenir du texte HTML. Si le fichier contient du texte simple non HTML, les sauts de page, retours chariot et tabulations seront supprimés avant affichage du texte.
Guide de l'utilisateur
La structure du fichier XML généré est la suivante : <AlbumBook... (Livre) > <Album ... > <Slide ... (Diapositive) /> • Vous préparez d'abord un document ou des graphiques découpés individuels pour l'exportation en sélectionnant des paramètres d'optimisation et en comparant les aperçus pour déterminer le juste équilibre entre la qualité et la taille des fichiers.
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 23. 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. Ce chapitre couvre les rubriques suivantes :
• « Utilisation de l'Assistant Exportation », page 251 • « Optimisation dans l’espace de travail », page 254 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.
Guide de l'utilisateur
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. Une fois que vous maîtrisez les procédures d'optimisation et d'exportation, utilisez le panneau Optimiser et les boutons d'aperçu de la fenêtre Document pour optimiser les graphiques. Ils sont plus pratiques à utiliser que l'Assistant Exportation et offrent un meilleur contrôle aux utilisateurs qui maîtrisent le processus d'optimisation. Après avoir optimisé les graphiques de cette manière, vous devez exécuter une étape supplémentaire pour exporter (ou dans certains cas, enregistrer) les graphiques. Pour plus d'informations sur l'exportation, voir « Optimisation dans l’espace de travail », page 254 ou « Exportation depuis Fireworks », page 269. Pour plus d'informations sur l'enregistrement, voir « Enregistrement de documents dans d'autres formats », page 23. 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. Fireworks fournit quelques recommandations sur les formats de fichier. Cliquez sur Taille du fichier d'exportation cible dans le premier panneau pour optimiser selon une taille de fichier maximum. 3 Cliquez sur Quitter dans la fenêtre Résultats de l'analyse de l'Assistant. La fenêtre Aperçu de l'image présente des options d'exportation recommandées. Pour plus d'informations, voir « Utilisation de la fenêtre Aperçu de l'image », page 251.
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. Le document ou le graphique s'affiche dans la zone d'aperçu de la fenêtre Aperçu de l'image tel qu'il sera exporté. Cette zone fournit également une estimation de la taille du fichier et du temps de téléchargement selon les paramètres d'exportation choisis.
Guide de l'utilisateur
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 :
Pour plus d'informations sur les options de cet onglet, voir les procédures suivantes.
2 Cliquez sur le bouton Zoom en bas de la boîte de dialogue pour effectuer un zoom avant ou arrière dans l'aperçu. Cliquez sur ce bouton pour activer l'outil Zoom, puis cliquez dans l'aperçu pour l'agrandir. Maintenez la touche Alt (Windows) ou Option (Macintosh) enfoncée et cliquez sur le bouton dans l'aperçu pour effectuer un zoom arrière. 3 Pour appliquer un panoramique sur la zone d'aperçu, exécutez l'une des actions suivantes :
4 Cliquez sur un bouton de fractionnement pour diviser la zone d'aperçu en deux ou quatre aperçus pour comparer les paramètres.
Remarque : Si vous appliquez un zoom ou un panoramique lorsque plusieurs fenêtres sont ouvertes, toutes les fenêtres sont agrandies et mises en panoramique simultanément. 5 Cliquez sur Exporter après avoir modifié les paramètres.
Guide de l'utilisateur
Pour plus d'informations sur les options de la boîte de dialogue Exporter, voir « Exportation depuis Fireworks », page 269. 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 l'Assistant Optimiser la taille. 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 :
• En modifiant le lissage JPEG • En modifiant le nombre de couleurs dans les images 8 bits • En changeant les paramètres de tramage dans les images 8 bits • En activant ou désactivant les paramètres d'optimisation Pour définir les dimensions de l'image exportée à l'aide de la fenêtre Aperçu de l'image :
2 Spécifiez le pourcentage de mise à l'échelle ou entrez la largeur et la hauteur souhaitées en pixels. Sélectionnez Contraindre une mise à l'échelle proportionnelle de la largeur et de la hauteur.
2 Sélectionnez l'option Exporter zone et exécutez l'une des actions suivantes pour définir la zone à exporter :
Guide de l'utilisateur
2 Utilisez l'une des techniques suivantes pour prévisualiser les images animées :
3 Modifiez l'animation :
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 :
également une table de couleurs qui affiche les couleurs utilisées dans la palette de couleurs exportées. Remarque : Lorsqu'une découpe est sélectionnée, le panneau Optimiser affiche les paramètres d'optimisation pour cette découpe. De la même manière, lorsque tout le document est sélectionné, le panneau Optimiser affiche les paramètres d'optimisation de tout le document. En d'autres termes, les données affichées dans le panneau Optimiser dépendent de l'élément sélectionné.
Guide de l'utilisateur
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.
❖ Sélectionnez un paramètre prédéfini dans le menu contextuel Paramètres de l'Inspecteur des propriétés ou dans le
GIF Web 216 force toutes les couleurs à devenir des couleurs Websafe. Cette palette contient jusqu'à 216 couleurs (voir
GIF Adaptatif 256 est une palette qui ne contient que les couleurs exactes utilisées dans le graphique. Cette palette contient
JPEG - Qualité supérieure définit le taux de qualité sur 80 et le lissage sur 0, ce qui produit des graphiques de haute-qualité
JPEG - Fichier réduit définit le taux de qualité sur 60 et le lissage sur 2, ce qui produit des graphiques dont la taille de fichier est réduite de plus de la moitié par rapport au type JPEG - Qualité supérieure, mais au prix d’une réduction de la qualité d’image. GIF animé WebSnap 128 sélectionne le format de fichier GIF animé et convertit les couleurs non Websafe dans la couleur Websafe la plus proche. Cette palette contient jusqu’à 128 couleurs.
Guide de l'utilisateur
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 panneau Optimiser. Pour plus d'informations sur les commandes d'optimisation spécifiques, voir les sections correspondantes dans « Optimisation dans l’espace de travail », page 254. 4 Vous pouvez nommer et sauvegarder vos paramètres d'optimisation personnalisés. Lorsque vous sélectionnez des découpes, des boutons ou le document, les noms des paramètres enregistrés s'affichent dans les paramètres d'optimisation prédéfinis dans le menu contextuel Paramètres du panneau Optimiser et de l'Inspecteur des propriétés. Pour plus d'informations, voir « Enregistrement et réutilisation des paramètres d’optimisation », page 268. Pour modifier la palette de couleurs : ❖ Si le panneau Optimiser est fermé, cliquez sur Fenêtre > Optimiser pour afficher et modifier la palette de couleurs d'un
Pour plus d'informations, voir « Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT », page 258. 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.
Vous pouvez utiliser le panneau Optimiser pour optimiser un document dans une fenêtre d'aperçu comme si vous vous trouviez dans la fenêtre Original. Optimisez l'ensemble du document ou uniquement les découpes sélectionnées. La couche de découpe permet de différencier les découpes en cours d’optimisation du reste du document. La couche de découpe affiche, avec une teinte laiteuse transparente, les zones qui ne sont pas en cours d’optimisation. Vous pouvez activer ou désactiver la couche de découpe.
Guide de l'utilisateur
❖ Cliquez sur le bouton Aperçu dans le coin supérieur gauche de la fenêtre Document.
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 aperçu afin de les comparer. 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 basculer d'une vue optimisée à la vue du document original dans un aperçu 2 en 1 ou 4 en 1 :
2 Dans le menu contextuel Aperçu en bas de la fenêtre d'aperçu, cliquez sur Original (pas d'aperçu). Pour basculer de la vue du document original vers une vue optimisée dans un aperçu 2 en 1 ou 4 en 1 :
2 Dans le menu contextuel Aperçu, sélectionnez Aperçu de l'image. Pour afficher ou masquer la couche de découpe : ❖ Cliquez sur Affichage > Couche de découpe.
Guide de l'utilisateur
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, ou Graphics Interchange Format, est l'un des formats graphiques Web les plus utilisés. Il contient un maximum de 256
JPEG, a été développé par le Joint Photographic Experts Group pour les besoins spécifiques des images photographiques ou comportant un nombre très élevé de couleurs. Le format JPEG prend en charge des millions de couleurs (24 bits). Le format JPEG est idéal pour des photographies numérisées, des images comportant des textures ou des dégradés, ou toute autre image nécessitant plus de 256 couleurs. PNG, ou Portable Network Graphic, est un format graphique Web polyvalent. Cependant, tous les navigateurs Web ne
WBMP, ou Wireless Bitmap, est un format graphique utilisé pour les périphériques de l'informatique mobile (téléphones portables et assistants numériques personnels). Il a été conçu spécifiquement pour les pages WAP (Wireless Application Protocol). Dans la mesure où il s'agit d'un format 1 bit, seules deux couleurs sont visibles : noir et blanc. TIFF, ou Tagged Image File Format, est un format graphique utilisé pour le stockage des images bitmap. Il s'agit du format
BMP, format de fichier graphique de Microsoft Windows, est un format de fichier couramment utilisé pour l'affichage
PICT, mis au point par Apple Computer, est un format de fichier graphique couramment utilisé sur les ordinateurs
Remarque : Les fichiers JPEG constituent l'exception. Pour plus d'informations sur les commandes d'optimisation JPEG, voir « Optimisation des fichiers JPEG », page 265. Les paramètres d'optimisation de Fireworks s'appliquent de façon identique à tous les formats de fichiers sur 8 bits. Pour les fichiers Web tels que les fichiers GIF et PNG, il est possible d'indiquer le niveau de compression à appliquer aux graphiques. 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 256.
Guide de l'utilisateur
Fireworks) peuvent être enregistrés sous leur format d'origine dans Fireworks CS3 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 23. Sélection d'une palette de couleurs
Voici les palettes de couleurs disponibles dans Fireworks : Adaptative est une palette personnalisée établie à partir des couleurs utilisées dans le document. Les palettes adaptatives offrent en général la meilleure qualité d’image. Adaptive pour le Web est une palette adaptative qui convertit les couleurs proches du format Websafe dans la couleur Websafe la plus proche. Les couleurs Websafe proviennent de la palette Web 216. Web 216 est une palette des 216 couleurs qui sont communes aux ordinateurs Windows et Macintosh. Cette palette est
Exacte contient exactement les couleurs utilisées dans le graphique. La palette exacte n'est utilisable que pour les images contenant au maximum 256 couleurs. Au-delà, la palette Adaptative est automatiquement activée. Windows et Macintosh comportent respectivement les 256 couleurs définies par les normes des plates-formes Windows ou
Niveaux de gris est une palette de 256 nuances de gris ou moins. Sélectionnez cette palette pour convertir l'image exportée
Noir et blanc est une palette à deux couleurs, ne comportant que du noir et du blanc. Uniforme est une palette mathématique regroupant les valeurs en pixels des couleurs RVB. Personnalisée est une palette qui a été modifiée ou chargée à partir d'une palette externe (fichier ACT) ou d'un fichier GIF.
Pour sélectionner une palette de couleurs : ❖ Dans le menu contextuel Palette indexée du panneau Optimiser, sélectionnez une option. Pour importer une palette personnalisée :
• Dans le menu contextuel Palette indexée du panneau Optimiser, cliquez sur Personnalisée. 2 Recherchez un fichier de palette ACT ou GIF, puis cliquez sur Ouvrir. Les couleurs du fichier ACT ou GIF sont ajoutées dans la table de couleurs du panneau Optimiser. Remarque : Les utilisateurs Windows doivent sélectionner les fichiers GIF dans le menu contextuel Fichiers de type pour pouvoir afficher tous les fichiers ayant l'extension .gif dans la boîte de dialogue Ouvrir.
Guide de l'utilisateur
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 : ❖ Dans le menu contextuel Couleurs du panneau Optimiser, sélectionnez une option ou entrez une valeur dans la zone de
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 261. Pour sélectionner une profondeur de couleur supérieure à 256 couleurs : ❖ Dans le menu contextuel Exporter un format de fichier du panneau Optimiser, sélectionnez un format de fichier 24 ou
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 265. Suppression de couleurs inutilisées
Remarque : L'option est disponible pour les GIF et les autres formats de fichier graphique 8 bits uniquement. Pour supprimer les couleurs inutilisées : ❖ Dans le menu contextuel Options du panneau Optimiser, cliquez sur Supprimer les couleurs inutilisés. Pour conserver toutes les couleurs de la palette, y compris celles ne figurant pas dans l'image exportée ou enregistrée : ❖ Désélectionnez Supprimer les couleurs inutilisées. Utilisation du tramage pour simuler des couleurs perdues
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 : ❖ Entrez une valeur de pourcentage dans la zone de texte Tramer du panneau Optimiser.
Guide de l'utilisateur
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.
Pour reconstituer la table de couleurs afin de refléter les modifications apportées au document : ❖ Cliquez sur le bouton Reconstituer, en bas du panneau Optimiser.
Pour sélectionner une couleur : ❖ Cliquez sur la couleur souhaitée dans la table de couleurs du panneau Optimiser. Pour sélectionner plusieurs couleurs : ❖ Maintenez la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée et cliquez sur les 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 à sélectionner.
Guide de l'utilisateur
2 Cliquez sur un nuancier dans la table de couleurs du panneau Optimiser et maintenez le bouton de la souris enfoncé. Les pixels contenant le nuancier sélectionné changent temporairement de couleur tant que le bouton de la souris reste enfoncé. Remarque : Lorsque vous 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. Verrouillage des couleurs d’une palette
Pour verrouiller une couleur sélectionnée, exécutez l'une des actions suivantes :
Pour déverrouiller une couleur :
2 Cliquez sur le bouton Verrouiller dans le panneau Optimiser ou 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. Pour déverrouiller toutes les couleurs : ❖ Dans le menu contextuel Options du panneau Optimiser, cliquez sur Déverrouiller toutes les couleurs. Modification des couleurs d’une palette
Optimiser. Ce faisant, vous remplacez toutes les instances de cette couleur dans l'image à exporter ou enregistrer comme bitmap. La couleur modifiée n'est pas remplacée dans l'image d'origine, sauf si vous travaillez dans un bitmap et que vous enregistrez l'image comme tel. Dans ce cas, il est recommandé d'enregistrer également l'image en tant que fichier PNG pour conserver une version modifiable de l'image d'origine. Pour modifier une couleur :
2 Changez la couleur à l’aide des couleurs système. La nouvelle couleur remplace toutes les occurrences de la couleur remplacée dans la zone d'aperçu. Remarque : Cliquez avec le bouton droit de la souris (Windows) ou 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. Utilisation des couleurs Websafe
Fireworks dispose de plusieurs méthodes permettant d'appliquer et d'utiliser les couleurs Websafe.
Guide de l'utilisateur
❖ Dans le menu contextuel Palette indexée du panneau Optimiser, sélectionnez Web 216. Pour créer une palette adaptative favorisant les couleurs Websafe : ❖ Dans le menu contextuel Palette indexée du panneau Optimiser, sélectionnez Adaptative pour le Web.
Pour forcer l'application des couleurs Websafe équivalentes :
Optimiser affecte la version exportée de l'image uniquement et non l'image elle-même. Enregistrement de palettes
Adobe Freehand, Adobe 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. Chargez le ficher de palette enregistré dans le panneau Nuancier ou Optimiser et utilisez-le pour exporter d'autres documents. Réglage de la compression
Une valeur de perte comprise entre 5 et 15 permet généralement d'obtenir les meilleurs résultats.
❖ Entrez la valeur du paramètre Perte dans le panneau Optimiser. Création de zones transparentes
Web soit visible à travers ces zones dans un navigateur Web. Dans Fireworks, un échiquier gris et blanc dans les aperçus de documents indique les zones transparentes.
Guide de l'utilisateur
Utilisez l'option Transparence d'index lorsque vous exportez des images GIF contenant des zones de transparence. La transparence d'index vous permet de spécifier les couleurs qui seront transparentes lors de l'exportation des fichiers. Cette option active ou désactive des pixels ayant des valeurs de couleur spécifiques. Etant donné que les images GIF prennent en charge la transparence d'index, elles représentent la forme de transparence la plus utilisée sur le Web. Remarque : Par défaut, les images GIF sont exportées sans transparence dans Fireworks. Bien que le document apparaissant derrière une image ou un objet soit transparent dans la fenêtre Original de Fireworks, cela n'implique pas que l'arrière-plan de l'image sera transparent lorsqu'elle sera exportée au format GIF pour être utilisée sur le Web. Vous devez sélectionner l'option Transparence d'index avant d'exporter l'image. Vous pouvez également sélectionner Transparence Alpha, bien qu'elle ne soit pas souvent utilisée pour les graphiques Web étant donné qu'elle n'est prise en charge que par les fichiers de format PNG et que la plupart des navigateurs Web n'utilisent pas ce format. Cette option est souvent utilisée dans les graphiques exportés qui contiennent une transparence dégradée et des pixels semi-opaques. Elle permet également d'exporter des fichiers vers 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 256. Pour sélectionner une couleur de transparence :
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 Transparence en bas du panneau. La couleur du fond apparaît transparente dans l’aperçu. 3
4 Pour sélectionner la couleur de la transparence, exécutez l'une des actions suivantes :
• Cliquez sur une couleur dans le document. Pour ajouter ou supprimer des couleurs transparentes :
1 ou 4 en 1, cliquez sur une vue autre que l'original. Remarque : Vous pouvez ajouter ou supprimer des couleurs de la transparence dans la fenêtre Original, mais vous ne pourrez visualiser les résultats que dans une fenêtre d'aperçu.
Guide de l'utilisateur
• Cliquez sur une couleur dans l’aperçu. Pour appliquer un effet de transparence à l'arrière-plan d'une image :
1 ou 4 -en 1, cliquez sur une vue autre que l'original. 2 Sélectionnez le format de fichier GIF dans le panneau Optimiser, puis Transparence d'index dans le menu contextuel Transparence. La couleur de fond apparaît transparente dans l'aperçu et le graphique peut alors être exporté. Entrelacement : téléchargement graduel
Remarque : Cette option est disponible uniquement pour les formats de fichier GIF et PNG. Vous pouvez obtenir des résultas identiques avec une image JPEG en rendant son téléchargement progressif. Pour plus d'informations, voir « Optimisation des fichiers JPEG », page 265. Pour entrelacer un fichier GIF ou PNG non Fireworks : ❖ Dans le menu contextuel Options du panneau Optimiser, cliquez sur Entrelacée.
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 256. Remarque : Dans Fireworks CS3, 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 23.
Guide de l'utilisateur
❖ Réglez la qualité à l'aide du curseur du menu contextuel Qualité du panneau Optimiser.
A l'inverse, un faible pourcentage permet d'obtenir un fichier de taille réduite mais d'une qualité graphique inférieure.
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 fichier. 4 Cliquez sur le bouton Modifier les options de qualité sélective dans le panneau Optimiser. La boîte de dialogue Paramètres JPEG sélectifs s'affiche. 5 Sélectionnez Activer la qualité sélective, puis entrez une valeur dans la zone de texte. Plus la valeur entrée est faible, plus la zone de qualité JPEG sélective sera compressée à un taux important par rapport au reste de l’image. Plus la valeur entrée est élevée, moins la zone de qualité JPEG sélective sera compressée à un taux important par rapport au reste de l’image. 6 Au besoin, changez la couleur de superposition de la zone de qualité JPEG sélective. Cela n'affecte pas le résultat. 7 Sélectionnez Préserver la qualité du texte. Tous les éléments texte seront automatiquement exportés avec un niveau de qualité élevé, quelle que soit la valeur de qualité sélective. 8 Sélectionnez Préserver la qualité du bouton. Tous les symboles de bouton sont automatiquement exportés avec un niveau de qualité supérieur. 9 Cliquez sur OK.
Guide de l'utilisateur
La sélection apparaît en surbrillance. 2 Pour modifier la taille de la zone de sélection, utilisez l’outil Cadre de sélection ou tout autre outil de sélection. 3 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. Application d'un flou ou accentuation des détails
Pour conserver la netteté des séparations entre deux couleurs : ❖ Dans le menu Options du panneau Optimiser, cliquez sur Bords des JPEG plus nets.
Utilisation d'images JPEG progressives
Pour exporter ou enregistrer une image JPEG progressive : ❖ Dans le menu contextuel Options du panneau Optimiser, cliquez sur JPEG progressive.
L'anticrénelage permet de lisser un objet en mélangeant progressivement sa couleur avec celle de l'arrière-plan dans lequel il est placé. Par exemple, si l’objet est noir et que la plage sur laquelle il est placé est blanche, la fonction d’anticrénelage ajoute plusieurs niveaux de gris intermédiaires aux pixels qui forment le contour de l’objet pour adoucir la transition entre le noir et le blanc.
Pour régler une couleur d'arrière-plan cible : ❖ Dans le panneau Optimiser, sélectionnez une couleur dans le menu contextuel Matage. Faites en sorte qu'elle soit le plus
Remarque : L'anticrénelage s'applique uniquement aux objets à contours adoucis placés directement sur le fond.
Guide de l'utilisateur
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 :
Pour supprimer manuellement un halo d'une image GIF ou d'un fichier graphique :
2 Dans le menu contextuel Transparence du panneau Optimiser, cliquez sur Transparence d’index. 3
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)
Guide de l'utilisateur
2 Entrez le nom de l’optimisation prédéfinie, puis cliquez sur OK. Les paramètres d’optimisation enregistrés s'affichent dans la partie inférieure du menu contextuel Paramètres du panneau Optimiser et dans l'Inspecteur des propriétés. Il sera disponible pour tous les documents ultérieurs. Le fichier prédéfini est enregistré dans le dossier 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 340. Pour partager les paramètres d'optimisation enregistrés avec un autre utilisateur de Fireworks : ❖ Copiez le fichier d’optimisation prédéfini enregistré depuis le dossier Paramètres d'exportation dans le dossier équivalent
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. Vous ne pouvez pas supprimer un paramètre d'optimisation prédéfini de Fireworks.
L'exportation depuis Fireworks s'effectue 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 250. Pour plus d'informations sur l'enregistrement, voir « Enregistrement de documents dans d'autres formats », page 23. 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 puis enregistré le PNG. 2 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. 3 Emplacement actuel du fichier. 4 Emplacement d'enregistrement par défaut des nouveaux documents ou des nouvelles images sur le système d'exploitation. L'emplacement par défaut d'enregistrement 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 22.
Utilisez la commande Fichier > Exporter pour exporter un graphique après l'avoir optimisé à partir de l'espace de travail. Si vous travaillez sur une image existante ouverte dans Fireworks, vous pouvez l'enregistrer au lieu de l'exporter. Pour plus d'informations, voir « Enregistrement de documents dans d'autres formats », page 23.
Guide de l'utilisateur
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. Pour les graphiques Web, le meilleur emplacement est généralement un dossier du site Web local. 4 Entrez un nom de fichier. Vous pouvez ne pas indiquer d'extension pour le nom de fichier ; Fireworks la fournit lors de l'exportation à partir du type de fichier que vous avez spécifié dans les paramètres d'optimisation. Pour plus d'informations sur l'optimisation, voir « Optimisation », page 250. 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 273. Avant d'exporter le fichier, assurez-vous que le style HTML approprié est sélectionné dans la boîte de dialogue Configuration HTML. Pour plus d'informations, voir « Définition des options d'exportation du code HTML », page 279. 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 (Macintosh). 5 Dans le menu contextuel HTML, cliquez sur Exporter le fichier HTML. 6 Dans le menu contextuel Découpes, cliquez sur Exporter les découpes. 7 (Facultatif) Sélectionnez Placer les images (graphiques) dans des sous-dossiers. 8 Cliquez sur Exporter. Les fichiers Fireworks exportés s'affichent sur votre disque dur. Des images et un fichier 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 275.
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 193.
Guide de l'utilisateur
2 Sélectionnez un dossier de destination pour les fichiers exportés. En général, il est préférable de choisir un dossier figurant dans votre site Web local. 3 Entrez un nom de fichier. Vous pouvez ne pas indiquer d'extension pour le nom de fichier ; Fireworks la fournit automatiquement. Si vous exportez plusieurs découpes, Fireworks utilise le nom 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 Découpes sélectionnées uniquement, puis assurez-vous que l'option Inclure les zones sans découpes n'est pas activée. 6 Cliquez sur Exporter. Les découpes sont exportées en utilisant des paramètres d'optimisation qui leur sont propres et tels que définis dans le panneau Optimiser. Pour plus d'informations sur l'optimisation, voir « Optimisation », page 250. Mise à jour d'une découpe
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 cliquez (Macintosh) sur la découpe, puis sélectionnez Exporter la découpe sélectionnée dans le menu contextuel. 4 Cliquez sur Exporter pour exporter la découpe dans le même dossier que la découpe originale, en utilisant le même nom de base. 5 Cliquez sur OK lorsque le programme vous demande si vous voulez remplacer le fichier existant. Si vous reprenez le nom de fichier original pour la découpe mise à jour et téléchargez cette nouvelle découpe au même emplacement de votre site Web que pour l’original, la nouvelle découpe remplace l’ancienne dans le document HTML. Remarque : Dans Fireworks, évitez de redimensionner la découpe au-delà de sa taille d'exportation d'origine car vous risquez d'obtenir des résultats imprévisibles dans le document HTML après la mise à jour de la découpe.
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 272. Pour plus d'informations sur l'exportation d'animations sous forme de fichiers Flash SWF, voir « Utilisation de Flash », page 296.
Guide de l'utilisateur
Pour plus d'informations sur l'optimisation, voir « Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT », page 258. 2 Cliquez sur Fichier > Exporter. 3 Dans la boîte de dialogue Exporter, entrez un nom pour le fichier, puis sélectionnez le dossier de destination. 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. Un message vous demande si vous souhaitez insérer une ou plusieurs découpes. 3 Cliquez sur Multiple. 4 Sélectionnez chaque découpe individuellement, puis dans le panneau Images, définissez les différents paramètres d'animation de chaque découpe. Pour plus d'informations sur les paramètres d'animation, voir « Création d'animations », page 231. 5 Sélectionnez toutes les découpes à animer, puis GIF animé comme format de fichier dans le panneau Optimiser. Pour plus d'informations sur l'optimisation, voir « Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT », page 258. 6 Cliquez avec le bouton droit (Windows) ou maintenez la touche Ctrl (Macintosh) enfoncée et cliquez sur chaque découpe ; dans le menu contextuel, sélectionnez Exporter la découpe sélectionnée pour exporter individuellement chaque découpe. Dans la boîte de dialogue Exporter, entrez un nom pour chaque fichier, sélectionnez une destination, puis cliquez sur Exporter.
Fireworks permet d'exporter chaque calque ou image dans un document en tant que fichier d'image (graphique) distinct en tenant compte des paramètres d'optimisation spécifiés dans le panneau Optimiser. Le nom du calque ou de l'image détermine le nom du fichier exporté correspondant. Cette méthode d'exportation est souvent utilisée pour exporter des animations. Pour exporter les images ou les calques dans des fichiers distincts :
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 exporte les images dans des fichiers distincts. Calques vers fichiers exporte les calques dans des fichiers distincts.
4 Sélectionnez Rogner les images pour recadrer automatiquement les images exportées en fonction des objets qu'elles contiennent. Lorsque vous devez exporter des images ou des calques dont la taille est identique à celle du document, désactivez Rogner les images. 5 Cliquez sur Exporter.
Guide de l'utilisateur
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. Lorsque vous relâchez le bouton de la souris, la zone d'exportation reste sélectionnée. 3 Au besoin, redimensionnez la zone d'exportation :
(Macintosh) enfoncée et faites glisser la poignée.
4 Double-cliquez à l'intérieur du cadre de sélection de la zone d'exportation pour activer l'Aperçu de l'image. 5 Définissez les paramètres dans l'Aperçu de l'image, puis cliquez sur Exporter. 6 Dans la boîte de dialogue Exporter, entrez un nom de fichier, puis sélectionnez un dossier de destination. 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.
HTML accompagné de ses fichiers graphiques. Fireworks génère un véritable fichier HTML qui peut être lu dans la plupart des navigateurs Web et éditeurs HTML. Il existe plusieurs façons d'exporter un fichier HTML Fireworks :
• Exporter chaque page d'un fichier Fireworks dans un fichier HTML distinct. • Copier le code HTML dans le Presse-papiers de Fireworks, puis coller directement ce code dans un document HTML existant.
Remarque : Adobe 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 Dreamweaver », page 284. Par défaut, Fireworks spécifie un codage UTF-8 lorsque vous exportez vers le format HTML, ce qui assure l'affichage correct des caractères du fichier HTML pour toutes les langues. Vous pouvez aussi exporter des fichiers HTML sous forme de calques CSS (Cascading Style Sheet) et XHTML.
Guide de l'utilisateur
HTML, ou Hypertext Markup Language, représente actuellement le langage standard utilisé pour l'affichage des pages Web sur Internet. Un fichier HTML est un fichier texte contenant les éléments suivants :
• 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> texte affecté </TAG>
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é : ❖ Avant l'exportation, ouvrez la boîte de dialogue Configuration HTML, puis sélectionnez l’option Inclure les commen-
Résultats de l'exportation
Fireworks puisse être reconstituée sur une page Web :
éléments interactifs. Le code HTML généré par Fireworks contient des liens vers les images exportées et utilise la couleur du fond pour l'arrière-plan de la page Web.
Fireworks utilise pour corriger les problèmes d'espacement lorsque les images découpées sont assemblées de nouveau dans un tableau HTML. La création de ce fichier de séparateurs est facultative. Pour plus d'informations, voir « Définition des options d'exportation du code HTML », page 279.
Guide de l'utilisateur
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 Director. Pour plus d'informations sur les calques CSS, voir « Exportation de calques CSS », page 278. Pour plus d'informations sur Director, voir « Utilisation de Director », page 307. La méthode d'exportation permettant de récupérer dans d'autres applications un code HTML généré par Fireworks est une méthode idéale pour le travail en équipe. L'exportation d'un fichier HTML fractionne la charge de travail en segments, ce qui permet à une personne d'exécuter une tâche donnée dans une application, puis à une autre de prendre la suite plus tard et de travailler dans une autre application. Vous pouvez définir des préférences globales pour l'exportation de code HTML dans la boîte de dialogue Configuration HTML. Pour plus d'informations, voir « Définition des options d'exportation du code HTML », page 279. Remarque : 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 Dreamweaver », page 284. Pour exporter du code HTML Fireworks :
• Cliquez sur le bouton Exportation rapide dans le coin supérieur droit de la fenêtre Document, puis sélectionnez une option d'exportation dans le menu contextuel de l'application de destination. Fireworks renseigne automatiquement les zones de texte de la boîte de dialogue Exporter en y faisant figurer les paramètres appropriés à l'application sélectionnée. Remarque : Les applications autres que Adobe sont accessibles dans le sous-menu Exportation rapide > Autres. 2 Localisez le dossier de site souhaité sur votre disque dur. 3 Dans le menu contextuel Exporter, cliquez sur Documents HTML et images. 4 Dans la boîte de dialogue Configuration HTML, cliquez sur le bouton Options, puis, dans le menu contextuel Style HTML de l'onglet Général, sélectionnez un éditeur HTML . Si votre éditeur HTML n'est pas répertorié, sélectionnez Générique. 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. 5 Cliquez sur OK pour revenir à la boîte de dialogue Exporter. 6 Dans le menu contextuel HTML, cliquez sur Exporter le fichier HTML. L'option Exporter HTML génère un fichier HTML et les fichiers d'image associées dans l'emplacement que vous avez spécifié. 7 Si votre document contient des découpes, dans le menu contextuel Découpes, cliquez sur Exporter les découpes. 8 Si vous souhaitez stocker les images dans un dossier distinct, sélectionnez Placer les images dans des sous-dossiers. Vous pouvez sélectionner un dossier spécifique ou utiliser le dossier Images proposé par défaut par Fireworks. 9 Si vous exportez un document Fireworks de plusieurs pages, décochez la case Page actuelle uniquement pour exporter toutes les pages dans des documents HTML distincts. 10 Cliquez sur Exporter. Une fois exportés, les fichiers Fireworks exportés s'affichent sur votre disque dur. Des images et un fichier HTML sont générés à l'emplacement spécifié dans la boîte de dialogue Exporter.
Guide de l'utilisateur
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 :
HTML dans Dreamweaver.
Si vous rencontrez ce problème, sélectionnez l'option Exporter HTML à la place de l'option de copie du code HTML dans le Presse-papiers. Remarque : Avant de copier le code HTML, assurez-vous que vous avez sélectionné le style HTML approprié et l'option Inclure les commentaires HTML dans l'onglet Général de la boîte de dialogue Configuration HTML. Pour plus d'informations, voir « Définition des options d'exportation du code HTML », page 279. Pour copier un code HTML Fireworks à partir de l'option Copier le code HTML :
• Cliquez sur le bouton Exportation rapide, puis sur Copier le code HTML dans le menu contextuel. 2 Un Assistant vous guide dans le paramétrage de l'exportation du code HTML et des images. Lorsque vous y êtes invité, indiquez un dossier de destination des images exportées. Ce dossier doit être celui dans lequel se trouve votre fichier HTML. Remarque : Si vous comptez coller le code HTML dans Dreamweaver, peu importe le dossier dans lequel vous exportez les images, pourvu qu'elles se trouvent sur le même site Dreamweaver que le fichier HTML dans lequel vous allez coller le code. L'Assistant exporte les images dans le dossier indiqué et copie le code HTML dans le Presse-papiers. 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. 2 Dans la boîte de dialogue Exporter, spécifiez un dossier de destination des images exportées. Ce dossier doit être celui dans lequel se trouve votre fichier HTML. Remarque : Si vous comptez coller le code HTML dans Dreamweaver, peu importe le dossier dans lequel vous exportez les images, pourvu qu'elles se trouvent sur le même site Dreamweaver que le fichier HTML dans lequel vous allez coller le code. 3 Dans le menu contextuel Exporter, cliquez sur Documents HTML et images. 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 Exporter les découpes. 6 Cliquez sur le bouton Options, sélectionnez votre éditeur HTML dans la boîte de dialogue Configuration HTML, puis cliquez sur OK. 7 Cliquez sur Exporter dans la boîte de dialogue Exporter.
Guide de l'utilisateur
Remarque : Si vous utilisez Dreamweaver, vous n'êtes pas tenu d'enregistrer le fichier HTML dans le même dossier que celui des images exportées. Dès lors que vous exportez des images de Fireworks vers un site Dreamweaver et enregistrez le fichier HTML dans un dossier se trouvant sur ce site, Dreamweaver indique automatiquement les chemins vers les images associées. 2 Affichez le code HTML et placez le point d'insertion à l'emplacement de votre choix entre les balises <BODY> . Remarque : Le code HTML copié à partir de Fireworks ne contient pas les balises d'ouverture et de fermeture <HTML> et <BODY>. 3 Collez le code HTML. Pour obtenir des instructions de collage du contenu du Presse-papiers, voir le système d'aide de votre éditeur HTML. 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é
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 HTML. Il n’est pas nécessaire de copier les balises <HTML> et <BODY>, qui doivent normalement déjà figurer dans le document HTML de destination. Si vous avez activé l'option Inclure les commentaires HTML dans la boîte de dialogue Configuration HTML de Fireworks, suivez les instructions fournies dans les commentaires pour copier/coller le code à l'emplacement approprié. 5 Si le document Fireworks contient des éléments interactifs, vous devez également copier le code JavaScript. Le code JavaScript est entouré des balises <SCRIPT> et se trouve dans la section <HEAD> du document. Copiez et collez l'intégralité de la section <SCRIPT>, sauf si le document de destination contient déjà une section <SCRIPT>. Dans ce cas, il vous suffit de copier uniquement le contenu de la section <SCRIPT> dans la section <SCRIPT> existante en veillant à ne pas écraser les données de cette dernière. Vérifiez également qu'aucune fonction JavaScript n'est dupliquée dans la section <SCRIPT> lorsque vous avez copié le code. Mise à jour d'un code HTML exporté
Remarque : La mise à jour du code HTML ne s'effectue pas de la même manière dans les documents Dreamweaver et les autres documents HTML. Pour plus d'informations, voir « Utilisation de Dreamweaver », page 284. Pour mettre à jour un code HTML généré par Fireworks, vous pouvez choisir de remplacer uniquement les images modifiées ou l'intégralité du code et des images. Si vous choisissez de remplacer uniquement les images modifiées, toutes les modifications apportées au fichier HTML en dehors de Fireworks seront conservées. Remarque : Si vous souhaitez apporter d'importantes modifications à la présentation du document, apportez les modifications dans Fireworks, puis réexportez le fichier HTML.
Guide de l'utilisateur
• Cliquez sur le bouton Exportation rapide, puis sur Mettre à jour le code HTML dans le menu contextuel. 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 code HTML à la fin du document. 5 Par contre, si un code HTML généré par Fireworks est trouvé, sélectionnez l'une des actions suivantes, puis cliquez sur OK : Remplacer les images et leur code HTML. remplace le code HTML Fireworks précédent. Mettre à jour les images uniquement écrase uniquement les images.
Web. Les calques CSS peuvent se chevaucher et être empilés les uns au-dessus des autres. Sous Fireworks, les sorties en code HTML normal ne se chevauchent pas. Pour exporter un graphique dans des calques CSS :
2 Dans la boîte de dialogue Exporter, entrez un nom de fichier, puis sélectionnez un dossier de destination. 3 Dans le menu contextuel Exporter, sélectionnez Calques CSS. 4 Dans le menu contextuel Source, sélectionnez l'une des actions suivantes : Calques Fireworks exporte tous les calques en tant que calques CSS. Images Fireworks exporte toutes les images en tant que calques CSS. Découpes Fireworks exporte les découpes du document en tant que calques CSS.
6 Sélectionnez Placer les images dans des sous-dossiers pour choisir le dossier devant recevoir les images. 7 Cliquez sur Exporter.
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 17.
Guide de l'utilisateur
Consortium) sur le site http://www.w3.org. Pour exporter un fichier XHTML depuis Fireworks :
2 Exportez le document en utilisant l'une des méthodes d'exportation ou de copie de document HTML disponibles. Pour plus d'informations sur les différentes manières d'exporter et de copier un document HTML depuis Fireworks, voir « Exportation du fichier HTML », page 273. Remarque : Fireworks utilise le codage UTF-8 lorsque vous exportez un document XHTML. Pour plus d'informations sur le codage UTF-8, voir « Exportation de fichiers avec et sans codage UTF-8 », page 279. Exportation de fichiers avec et sans codage UTF-8
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 17. Dans Fireworks, le codage UTF-8 est activé par défaut afin que tout document HTML que vous exportez puisse afficher les caractères provenant de plusieurs jeux de caractères. Vous pouvez désactiver le codage UTF-8, si vous préférez. 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 OK. Remarque : Pour plus d'informations sur les options de configuration HTML, voir « Définition des options d'exportation du code HTML », page 279. 3 Exportez le document en utilisant l'une des méthodes d'exportation ou de copie de document HTML disponibles. Pour plus d'informations sur les différentes manières d'exporter et de copier un document HTML depuis Fireworks, voir « Exportation du fichier HTML », page 273.
Ces paramètres peuvent être spécifiques au document ou servir de paramètres par défaut pour toutes les exportations de code HTML. Les modifications effectuées sous l'onglet Propre au document affectent uniquement le document actif. Cependant, vous pouvez utiliser ces paramètres comme paramètres par défaut pour tous les nouveaux documents, si vous cliquez sur le bouton Paramètres par défaut avant de refermer la boîte de dialogue Configuration HTML. Les paramètres Général et Table sont des préférences globales et affectent tous les nouveaux documents. Pour spécifier le mode d'exportation du code HTML à partir de Fireworks :
2 Sous l'onglet Général, sélectionnez l'une des options suivantes :
Le code HTML Générique est compatible avec tous les éditeurs HTML. Cependant, si le document contient des comportements ou des contenus interactifs, sélectionnez un éditeur spécifique s'il est répertorié dans la liste. Fireworks exporte différemment les éléments interactifs en fonction du style HTML sélectionné.
Guide de l'utilisateur
• Cliquez sur Inclure les commentaires HTML pour inclure des commentaires sur les endroits où vous souhaitez couper et coller dans le code HTML. Il est recommandé d'utiliser cette option si le document contient des éléments interactifs tels que des boutons, des comportements ou des images survolées. Les commentaires HTML permettent d'identifier les parties du code à copier et à coller.
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.
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.
3 Sous l'onglet Table, sélectionnez les paramètres requis pour vos tables HTML. Pour plus d'informations sur la définition des propriétés des tables HTML Fireworks exportées, voir « Définition du mode d'exportation des tables HTML », page 207. 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.
Cette fonction constitue également une aide pour les utilisateurs du Web malvoyants.
Codage UTF-8. Pour plus d'informations sur le codage UTF-8, voir « Exportation de fichiers avec et sans codage UTF8 », page 279. 5 Cliquez sur Paramètres par défaut pour enregistrer ces paramètres en tant que paramètres par défaut globaux. 6 Cliquez sur OK.
Guide de l'utilisateur
Le bouton Exportation rapide, situé dans le coin supérieur droit de la fenêtre Document, permet d'accéder aisément aux options les plus couramment utilisées pour exporter des fichiers Fireworks vers d'autres applications. Ce bouton vous permet d'exporter les fichiers vers divers formats, y compris Dreamweaver et GoLive. Toutes les options d'exportation disponibles à partir du bouton Exportation rapide sont également accessibles dans Fireworks, notamment à partir de la boîte de dialogue Exporter et du menu Edition. Ce bouton offre un raccourci vers les options d'exportation les plus courantes. Pour plus d'informations sur l'exportation vers chaque format, voir « Utilisation de Fireworks avec d'autres applications », page 283. 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 250. 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 cliquez sur Exporter. Pour démarrer une autre application à l'aide du bouton Exportation rapide : ❖ Cliquez sur le bouton Exportation rapide, puis sélectionnez l'option Lancer dans le sous-menu de l'application. Personnalisation du menu contextuel Exportation rapide
Pour ajouter des options au menu contextuel Exportation rapide :
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 342. 2 Modifiez le fichier Quick Export Menu.xml en incluant des références dans les nouveaux fichiers JSF. Au prochain démarrage de Fireworks, les nouvelles options créées sont ajoutées au menu contextuel Exportation rapide. Pour plus d'informations, voir Extending Fireworks (Extension de Fireworks).
Guide de l'utilisateur
PNG Fireworks joint le document PNG actif à un nouveau courriel. JPG compressé joint le document actif à un nouveau courriel avec le paramètre d'optimisation JPEG - Qualité supérieure. Utiliser les paramètres d'exportation joint le document actif à un courriel avec les paramètres définis dans le panneau
Remarque : Mozilla, Netscape 6 et Nisus Emailer ne sont pas pris en charge par Macintosh.
Le bouton Gestion de fichiers, situé en regard du bouton Exportation rapide dans la partie supérieure de la fenêtre Document, permet d'accéder facilement aux commandes de transport de fichier. Utilisez le bouton Gestion de fichiers si votre document réside dans un dossier de site 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. Extraire extrait le fichier en remplaçant le fichier local par la copie distante. Cette option est activée dans Fireworks
Placer copie la version locale du fichier dans le site distant en remplaçant le fichier distant par la copie locale. Archiver archive le fichier local en remplaçant le fichier distant par la copie locale. Cette option est activée dans Fireworks uniquement si l'option Activer l'archivage et l'extraction de fichier est activée dans Dreamweaver pour le site dans lequel le document réside. Annuler extraction annule l'extraction du fichier local et l'archive en remplaçant le fichier local par la copie distante. Cette option est activée dans Fireworks uniquement si l'option Activer l'archivage et l'extraction de fichier est activée dans Dreamweaver pour le site dans lequel le document réside.
Pour plus d'informations sur le menu Gestion de fichiers, voir « Utilisation de Dreamweaver », page 284.
Qu'il s'agisse de créer un contenu Web ou multimédia, Fireworks est un élément essentiel de la boîte à outils du concepteur. Fireworks fonctionne parfaitement avec d'autres applications et offre une multitude de fonctions d'intégration qui rationalisent la procédure de conception. Vous pouvez exporter des graphiques Fireworks vers de nombreuses applications, notamment les autres produits Adobe. Utilisé avec d'autres applications Adobe, Fireworks offre des fonctions d'intégration puissantes :
Fireworks simplifie également le travail avec des applications 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. Ce chapitre couvre les rubriques suivantes :
• « Utilisation de Flash », page 296 • « Utilisation de FreeHand », page 303 • « Utilisation de Director », page 307 • « Utilisation de HomeSite », page 310 • « Utilisation de Photoshop », page 312 • « Travailler avec Illustrator », page 316 • « Travailler avec GoLive », page 317 • « Utilisation avec les éditeurs HTML », page 317 • « Extension de Fireworks », page 317 • « Adobe XMP », page 318 Des fonctions d'intégration exclusives permettent d'interchanger facilement les fichiers Dreamweaver et Fireworks. Dreamweaver et Fireworks reconnaissent et partagent un grand nombre de modifications possibles dans un même fichier, y compris la modification des liens, les images interactives, les découpes de table, etc. Utilisées conjointement, ces deux applications permettent de rationaliser le processus de modification, d'optimisation et d'insertion de fichiers graphiques Web dans des pages HTML. 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.
Il existe plusieurs méthodes pour placer un graphique Fireworks dans un document 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 :
• Cliquez sur le bouton Images : Bouton Image dans la catégorie Commun de la barre d'insertion. 3 Accédez à l'image exportée depuis Fireworks, puis cliquez sur Ouvrir. Si le fichier d'image ne se trouve pas dans le site Dreamweaver en cours, un message s'affiche pour vous demander si vous voulez copier le fichier vers le dossier du site. Création de fichiers Fireworks à partir d'espaces réservés 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.
Guide de l'utilisateur
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 des actions suivantes :
• Cliquez sur le menu contextuel Images : Image dans la catégorie Commun de la barre Insérer, puis sélectionnez Espace réservé pour l'image. 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.
• Maintenez la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée et double-cliquez sur l'espace réservé pour l'image.
Fireworks s'ouvre avec un document vide exactement de la même taille que l'espace réservé pour l'image. La fenêtre Document indique que vous modifiez une image transférée depuis Dreamweaver.
Guide de l'utilisateur
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. Pour plus d'informations sur l'enregistrement de fichiers PNG dans Fireworks, voir l'Aide de Fireworks. 7 Entrez le nom du ou des fichiers d'image exportés dans la boîte de dialogue Exporter. Il s'agit des fichiers d'image qui s'affichent dans Dreamweaver. 8 Spécifiez l'emplacement du ou des fichiers d'image exportés. L'emplacement que vous choisissez doit se trouver dans le dossier de site Dreamweaver. Pour plus d'informations sur l'exportation, voir l'Aide de Fireworks. 9 Cliquez sur Enregistrer. Lorsque vous revenez dans Dreamweaver, l'espace réservé pour l'image que vous avez initialement sélectionné est remplacé par la nouvelle image ou le nouveau tableau Fireworks que vous avez créé.
Vous pouvez placer du code HTML Fireworks dans Dreamweaver de différentes manières. Vous pouvez exporter le code HTML Fireworks ou le copier dans le Presse-papiers. Vous pouvez également ouvrir un fichier HTML Fireworks exporté dans Dreamweaver et copier et coller les sections de code sélectionnées. Vous pouvez aisément mettre à jour le code que vous avez exporté vers Dreamweaver en utilisant la commande Mettre à jour le code HTML de Fireworks. Vous pouvez même exporter du code HTML sous forme d'élément de bibliothèque Dreamweaver. 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. Exportation de code HTML Fireworks vers Dreamweaver
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 : ❖ Exportez votre document au format HTML. Pour plus d'informations, voir l'Aide de Fireworks.
Guide de l'utilisateur
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 :
• Cliquez sur le menu contextuel Images : Image dans la catégorie Commun de la barre Insérer, puis sélectionnez HTML Fireworks. 4 Dans la boîte de dialogue qui s'affiche, cliquez sur Parcourir pour sélectionner le fichier HTML Fireworks souhaité. 5 Cliquez sur Supprimer fichier après insertion pour déplacer le fichier HTML vers la Corbeille (Windows) ou le supprimer de façon permanente (Macintosh) une fois l'opération terminée. Utilisez cette option si vous n'avez plus besoin d'utiliser le fichier HTML de Fireworks après l'avoir inséré. Cette option n'affecte pas le fichier source PNG associé au fichier HTML. Remarque : Si le fichier HTML se trouve sur un lecteur réseau, il ne sera pas envoyé à la Corbeille (Windows), mais définitivement supprimé. 6 Cliquez sur OK pour insérer le code HTML, avec les images, les découpes et le JavaScript qui lui sont associés, dans le document Dreamweaver. Copie de code HTML Fireworks dans le Presse-papiers pour une utilisation dans Dreamweaver
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 :
Dreamweaver. 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. Copie de code depuis un fichier Fireworks exporté et collage dans 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.
Guide de l'utilisateur
❖ Exportez un fichier HTML Fireworks, puis copiez et collez le code dans un document Dreamweaver existant. Pour plus
Mise à jour du code HTML Fireworks exporté dans Dreamweaver
Dreamweaver. Remarque : Bien que la commande Mettre à jour HTML soit utile pour mettre à jour du code HTML que vous avez exporté vers Dreamweaver, Roundtrip HTML fournit des avantages supplémentaires. Pour plus d'informations, voir « Modification de fichiers Fireworks dans Dreamweaver », page 289. La commande Mettre à jour le code HTML permet de modifier une image source PNG dans 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, dans le menu contextuel Dreamweaver, cliquez sur Mettre à jour le code HTML. 3 Recherchez le fichier Dreamweaver contenant le code HTML que vous désirez mettre à jour et cliquez sur Ouvrir. 4 Accédez au dossier de destination des fichiers d'image mis à jour et cliquez sur Ouvrir. Fireworks met à jour le code HTML et JavaScript dans le document Dreamweaver. Fireworks exporte également les images mises à jour associées au code HTML et les place dans le dossier de destination indiqué. 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
é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. Vous ne pouvez pas modifier un élément de bibliothèque directement dans votre document 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.
Guide de l'utilisateur
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. 3 Entrez un nom de fichier dans la boîte de dialogue Exporter. 4 Lorsque votre image comporte des découpes, sélectionnez les options correspondantes. Pour plus d'informations, voir l'Aide de Fireworks. 5 Sélectionnez Placer les images dans des sous-dossiers pour choisir un dossier distinct pour recevoir les images à enregistrer. 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 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 293.
Guide de l'utilisateur
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
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 293. Pour ouvrir et modifier une image Fireworks placée dans Dreamweaver :
2 Exécutez l'une des actions suivantes :
Modifier. 3 Lorsque le programme vous y invite, indiquez si vous désirez que le fichier source Fireworks de l'image placée soit ouvert. Pour plus d'informations sur les fichiers source PNG dans Fireworks, voir l'Aide de Fireworks. 4 Modifiez l'image dans Fireworks. La fenêtre Document indique que vous modifiez une image transférée depuis Dreamweaver. 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. L'image est exportée avec les paramètres d'optimisation en cours, le fichier GIF ou JPEG utilisé par Dreamweaver est mis à jour et le fichier source PNG est enregistré si un fichier source a été sélectionné. 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.
Guide de l'utilisateur
Avant de modifier des tableaux 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 293. 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 Adobe. Pour ouvrir et modifier un tableau Fireworks placé dans Dreamweaver :
2 Exécutez l'une des actions suivantes :
(L'Inspecteur des propriétés identifie la sélection comme étant un tableau Fireworks et affiche le nom du fichier source PNG associé à ce tableau.) Dans l'Inspecteur des propriétés, cliquez ensuite sur Modifier.
• 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 double-cliquez sur l'image que vous voulez modifier.
Dreamweaver lance Fireworks s'il n'est pas encore ouvert. Le fichier source PNG du tableau entier s'affiche dans la fenêtre Document. Pour plus d'informations sur les fichiers source PNG dans Fireworks, voir l'Aide de Fireworks. 3 Apportez les modifications appropriées dans Fireworks. Dreamweaver reconnaît et conserve toutes les modifications apportées au tableau dans Fireworks. 4 Une fois les modifications apportées du tableau, cliquez sur Terminé dans la fenêtre Document. Cette opération exporte les fichiers HTML et des découpes d'images du tableau en utilisant les paramètres d'optimisation en cours, met à jour le tableau placé dans Dreamweaver, et enregistre le fichier source PNG. A propos des comportements Dreamweaver
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.
Guide de l'utilisateur
Fireworks prend en charge les comportements Dreamweaver suivants au cours d'une session de lancement et de modification :
• Permuter les images • Restauration de permutation d'images • 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. Remarque : Les éléments de bibliothèque Dreamweaver ne prennent pas en charge les menus contextuels.
Vous pouvez démarrer Fireworks à partir de Dreamweaver pour apporter des modifications d'exportation rapides (rééchantillonnage ou changement de type de fichier) dans les images et animations Fireworks placées. Fireworks permet de modifier les paramètres d'optimisation et d'animation, ainsi que la taille et la zone de l'image exportée. Pour modifier les paramètres d'optimisation d'une image Fireworks placée dans Dreamweaver :
• Dans l'Inspecteur des propriétés, cliquez sur le bouton Optimiser dans Fireworks. • Cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl enfoncée et cliquez (Macintosh), puis, dans le menu contextuel, cliquez sur Optimiser dans Fireworks. 2 Si le programme vous y invite, indiquez si vous souhaitez ouvrir le fichier source Fireworks de l'image placée. Une boîte de dialogue s'affiche. Bien que la barre de titre ne contienne pas de nom, il s'agit de la boîte de dialogue Aperçu avant exportation Fireworks.
Guide de l'utilisateur
• Pour modifier la taille et la zone de l'image exportée, cliquez sur l'onglet Fichier et changez les paramètres appropriés. Si vous changez les dimensions de l'image dans Fireworks, vous devez également redéfinir la taille de l'image dans l'Inspecteur des propriétés lorsque vous retournez dans Dreamweaver.
Pour plus d'informations sur les options de ces onglets, voir l'Aide de Fireworks. 4 Lorsque vous avez fini de modifier l'image, cliquez sur Mettre à jour. L'image est exportée en utilisant les nouveaux paramètres d'optimisation, le GIF ou JPEG placé dans Dreamweaver est mis à jour et le fichier source PNG est enregistré si un fichier source a é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
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 289. Pour modifier les paramètres d'une animation placée, voir « Optimisation des images Fireworks et des animations placées dans Dreamweaver », page 292 et Utilisation de la fenêtre Aperçu avant exportation dans l'Aide de Fireworks.
Pour utiliser Roundtrip HTML de manière efficace, vous devez exécuter préalablement quelques tâches, telles que définir Fireworks comme éditeur d'images principal dans Dreamweaver et spécifier les préférences de lancement et de modification dans Fireworks. Remarque : Vous devez également définir un site local dans Dreamweaver avant d'utiliser Roundtrip HTML. Pour plus d'informations, voir Utilisation de Dreamweaver. Désignation de Fireworks comme l'éditeur d'images externe principal pour Dreamweaver
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 CS3 depuis Dreamweaver pose problème.
Guide de l'utilisateur
2 Dans la liste Extensions, sélectionnez une extension de fichier d'image Web (.gif, .jpg, ou .png). 3 Dans la liste Editeurs, sélectionnez Fireworks s'il y figure. Si Fireworks ne se trouve pas dans la liste, cliquez sur le bouton Plus (+), recherchez l'application Fireworks sur votre disque dur, puis cliquez sur Ouvrir.
5 Répétez les étapes 2 à 4 pour définir Fireworks comme éditeur principal pour les autres types de fichiers d'image Web. Design Notes et fichiers source
Fireworks crée une Design Note (note de conception) contenant des informations sur le fichier. Par exemple, lorsque vous exportez un tableau Fireworks, Fireworks écrit une Design Note pour chaque image exportée. Ces Design Notes contiennent des références au fichier source PNG qui contient l'ensemble des fichiers exportés. 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. Définition des préférences de lancement et de modification pour les fichiers source Fireworks
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.
Guide de l'utilisateur
Remarque : Sur Mac OS X, cliquez sur Fireworks > Préférences. 2 Cliquez sur l'onglet Lancer et modifier (Windows) ou cliquez sur Lancer et modifier dans le menu contextuel (Macintosh). 3 Indiquez les options à utiliser pour modifier ou optimiser des images Fireworks placées dans une application externe : Toujours utiliser le format PNG source ouvre automatiquement le fichier PNG créé dans Fireworks défini dans la Design Note comme source de l'image placée. Des mises à jour sont effectuées dans le fichier source PNG ainsi que dans l'image placée correspondante. Ne jamais utiliser le fichier PNG source ouvre automatiquement l'image Fireworks placée, qu'il existe ou non un fichier
Demander lors du lancement vous permet de spécifier à chaque fois si le fichier source PNG doit être ouvert. Lorsque vous modifiez ou optimisez une image placée, Fireworks affiche un message vous invitant à sélectionner le type d'image à lancer et à modifier. Vous pouvez également définir des préférences de lancement et de modification globales depuis cette invite.
Le bouton Gestion de fichiers , situé en regard du bouton Exportation rapide dans la partie supérieure de la fenêtre Document, permet d'accéder facilement aux commandes de transport de fichier. Utilisez le bouton Gestion de fichiers si votre document réside dans un dossier de site 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. Extraire extrait le fichier en remplaçant le fichier local par la copie distante. L'option Extraire est activée dans Fireworks
Placer copie la version locale du fichier dans le site distant en remplaçant le fichier distant par la copie locale. Archiver archive le fichier local en remplaçant le fichier distant par la copie locale. L'option 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. Annuler extraction annule l'extraction du fichier local et l'archive en remplaçant le fichier local par la copie distante. L'option Annuler extraction 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.
Guide de l'utilisateur
Fireworks s'intègre parfaitement à Flash. Vous pouvez facilement importer, copier et coller ou exporter des vecteurs, des bitmaps, des animations et des graphiques de boutons multi-états Fireworks pour les utiliser dans Flash. La fonction de lancement et de modification permet également de modifier aisément des graphiques Fireworks dans Flash. Remarque : Le style HTML Flash ne prend pas en charge le code de menus contextuels. Les comportements de boutons Fireworks et d'autres éléments d'interactivité ne sont pas importés dans Flash.
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. Remarque : Lorsque vous copiez et collez ou importez des graphiques Fireworks dans Flash, certains attributs sont perdus, tels que les filtres en direct et les textures. Vous ne pouvez pas copier et coller ou importer un effet de dégradé de contour de Fireworks dans un document Flash. En outre, Flash prend en charge uniquement les trames unies, les remplissages de dégradé et les traits élémentaires. Importation de fichiers PNG Fireworks 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™. Lorsque vous importez un fichier PNG Fireworks dans Flash, vous pouvez choisir diverses options d'importation. Si votre fichier PNG contient plusieurs pages, vous pouvez toutes les importer dans de nouvelles séquences ou images Flash ou sélectionner une page spécifique afin de l'importer dans l'image courante. Vous pouvez importer tout le contenu d'une page (à savoir tous les calques, objets et images) sous forme de clip Flash ou importer tout le contenu dans un nouveau calque. Avec les objets vectoriels et texte, vous pouvez conserver leur caractère modifiable, ou bien, vous pouvez annuler le caractère modifiable de ces objets et importer le fichier PNG Fireworks sous la forme d'une seule image bitmap fusionnée. Pour importer un fichier PNG Fireworks dans Flash :
Pour plus d'informations sur l'enregistrement de fichiers, voir l'Aide de Fireworks. 2 Accédez à un document ouvert dans Flash. 3 (Facultatif) Cliquez sur le cadre et le calque vers lequel vous voulez importer le contenu Fireworks. 4 Cliquez sur Fichier > Importer. 5 Accédez au fichier PNG souhaité et sélectionnez-le dans la boîte de dialogue Importer, puis cliquez sur OK.
Guide de l'utilisateur
Remarque : Si vous sélectionnez cette option, aucune autre option de la boîte de dialogue n'est disponible. b Sélectionnez une option d'importation dans les deux menus contextuels : Importer toutes les pages dans de nouvelles images sous forme de clips Importe toutes les pages du fichier PNG dans un
Importer la page 1 dans l'image courante sous forme de clip Le contenu de la page sélectionnée est importé sous forme de
Importer toutes les pages dans de nouvelles séquences sous forme de clips Importe toutes les pages du fichier PNG et
Importer la page 1 dans un nouveau calque La page sélectionnée est importée sous forme de nouveau calque. Les images sont importées dans le scénario en tant qu'images séparées.
Importer au format bitmap pour préserver l'apparence permet de conserver le caractère modifiable des objets vectoriels,
Importer sous forme de trajets modifiables permet de conserver le caractère modifiable de tous les objets vectoriels. Si les
7 Sélectionnez la méthode d'importation des textes : Importer au format bitmap pour préserver l'apparence permet de conserver le caractère modifiable du texte, sauf s'il
Flash les convertit en image bitmap non modifiable. Rendre tout le texte modifiable permet de conserver le caractère modifiable de l'ensemble du texte. Si les objets texte
Guide de l'utilisateur
Remarque : Les sélections effectuées dans la boîte de dialogue Importer un document Fireworks sont enregistrées et seront utilisées par défaut lors de la prochaine importation d'un fichier PNG. Copie et collage de graphiques Fireworks dans Flash
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 : Il peut être nécessaire de cliquer sur Modification > Dissocier pour dissocier les objets afin de les modifier comme objets vectoriels individuels dans Flash. Pour copier et coller ou faire glisser-déposer un graphique de Fireworks dans un document Flash :
2 Cliquez sur Edition > Copier ou sur le bouton Exportation rapide, puis, dans le menu contextuel Flash, cliquez sur Copier. 3 Dans Flash, créez un document et cliquez sur Edition > Coller ou faites glisser le fichier directement de Fireworks à Flash. La boîte de dialogue Importer un document Fireworks s'affiche.
Image actuelle sous forme de clip Le contenu collé est importé sous forme de clip, celui-ci étant placé dans l'image et le
Nouveau calque Le contenu collé est importé sous forme de nouveau calque. Les images sont importées dans le scénario
5 Sélectionnez la méthode d'importation des objets vectoriels : Importer au format bitmap pour préserver l'apparence permet de conserver le caractère modifiable des objets vectoriels,
Importer sous forme de trajets modifiables permet de conserver le caractère modifiable de tous les objets vectoriels. Si les
6 Sélectionnez la méthode d'importation des textes : Importer au format bitmap pour préserver l'apparence permet de conserver le caractère modifiable du texte, sauf s'il
Flash les convertit en image bitmap non modifiable.
Guide de l'utilisateur
7 Cliquez sur OK. Le contenu collé est importé dans Flash en utilisant les options d'importation que vous avez sélectionnées. Remarque : Les sélections effectuées dans la boîte de dialogue Importer un document Fireworks sont enregistrées et seront utilisées par défaut la prochaine fois que vous importerez un fichier PNG dans Flash par copier-coller ou par glisser-déposer. Structure de la bibliothèque Flash
Dossier du fichier 1 // Nommé en fonction du nom du fichier Fireworks
— Page 1 // Nommée en fonction du nom de la page — — Dossier de l'image 1 // Nommé en fonction du nom de l'image (s'il y en a plusieurs) — — Image 1 // Nommée en fonction du nom de l'image — — — Symbole 1 de l'image 1 // Nommé en fonction du nom du symbole. — — — Symbole 2 de l'image 1 ... — Dossier des calques partagés // Calques partagés entre les images de la page 1 — — Dossier de calque partagé // Nommé en fonction du calque partagé — — Symbole du calque partagé
— Page 2 — Symbole 1 de la page 2 (pour une page ne contenant aucune image) ...
La mise à l'échelle à 9 découpes est préservée pour les symboles graphiques, les symboles graphiques enrichis et les symboles de boutons, mais pas pour les animations, celles-ci n'étant pas prises en charge dans Fireworks. Les symboles importés sont enregistrés en tant que symboles dans la bibliothèque Flash. Importation de symboles graphiques enrichis
• les symboles graphiques enrichis sont enregistrés sous la forme d'un fichier PNG et d'un fichier JSF. Seul le fichier PNG est importé. Si le symbole est composé de plusieurs trajets, ceux-ci sont combinés en un seul symbole. Si vous devez disposer de la fonctionnalité complète du symbole dans Flash, vous devez le remplacer par la version Flash du symbole.
Guide de l'utilisateur
également décrite. Effet en direct Photoshop - Ombre portée : L'effet est mappé comme suit :
Effet en direct Photoshop - Ombre interne : L'effet est mappé comme suit :
Effet en direct Photoshop - Lueur externe : L'effet est mappé comme suit :
Préservation de la visibilité et du verrouillage
Si un calque est verrouillé ou masqué, tous les objets et sous-calques que contient le calque héritent de ce paramètre et le conservent lors de leur importation dans Flash. Cependant, si vous importez une seule page dans un nouveau calque dans Flash, un calque est créé pour la page entière et tous les objets sont affichés ; dans ce cas, la visibilité et le verrouillage ne sont pas préservés. Exportation de graphiques Fireworks dans d'autres formats et leur utilisation 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 302. 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 302. 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.
Guide de l'utilisateur
Exporter un fichier SWF. 2 Dans la boîte de dialogue Exporter, entrez un nom de fichier et sélectionnez un dossier de destination. 3 Dans le menu contextuel Enregistrer sous, cliquez sur Flash SWF. 4 Cliquez sur le bouton Options. La boîte de dialogue Options d'exportation Flash SWF s'affiche.
Conserver les trajets permet de conserver le caractère modifiable des trajets. Les effets et la mise en forme sont perdus. Conserver l'apparence permet de convertir les objets vectoriels en objets bitmap et de conserver l'aspect des traits et des
6 Dans la section Texte, exécutez l'une des actions suivantes : Préserver le caractère modifiable permet de modifier le texte. Les effets et la mise en forme sont perdus. 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.
8 Sélectionnez les images à exporter et leur cadence en secondes.
Guide de l'utilisateur
10 Dans la boîte de dialogue Exporter, cliquez sur Enregistrer. Pour plus d'informations sur l'importation d'un fichier SWF exporté dans Flash, voir « Importation dans Flash de graphiques et d'animations Fireworks exportés », page 302. Exportation de fichiers PNG avec transparence
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 contextuel Transparence. 3 Cliquez sur Fichier > Exporter. 4 Sélectionnez Images uniquement dans le menu contextuel Type. Nommez le fichier, puis cliquez sur Enregistrer. Pour plus d'informations sur l'importation de fichiers PNG exportés dans Flash, voir « Importation dans Flash de graphiques et d'animations Fireworks exportés », page 302. Importation dans Flash de graphiques et d'animations Fireworks exportés
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. 2 Cliquez sur Fichier > Importer, puis recherchez le graphique ou l'animation. 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. Si le graphique a été exporté depuis Fireworks et que vous avez enregistré le fichier PNG d'origine avec le fichier graphique exporté, vous pouvez ouvrir le fichier PNG d'origine dans Fireworks depuis Flash pour apporter les modifications. Lorsque vous revenez dans Flash, le fichier PNG et le graphique dans Flash sont mis à jour. 1 Dans Flash, cliquez avec le bouton droit de la souris (Windows) ou maintenez la touche Ctrl enfoncée et cliquez (Macintosh) sur le fichier graphique dans le panneau Bibliothèque. 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. 3 Cliquez sur Oui dans la zone de recherche de la source pour rechercher le fichier PNG d'origine du graphique Fireworks, puis cliquez sur Ouvrir. Remarque : Si vous avez changé les préférences de lancement et de modification Fireworks, cette boîte de dialogue ne s'affiche pas.
Guide de l'utilisateur
4 Modifiez l'image et cliquez sur Terminé. Fireworks exporte un nouveau fichier graphique vers Flash et si vous avez modifié le fichier PNG d'origine, ce fichier est également enregistré.
Du fait que les deux applications prennent en charge les vecteurs, vous pouvez aisément partager des graphiques vectoriels entre Fireworks et FreeHand. L'aspect des objets peut être différent d'une application à l'autre par le fait que Fireworks et FreeHand ne partagent pas les mêmes fonctions. Pour plus d'informations, voir « Utilisation d'autres applications graphiques vectorielles », page 307. 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 307.
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 CS3 prend en charge les graphiques FreeHand à partir de la version 7. Importation de graphiques FreeHand dans Fireworks
Mise à l'échelle indique le pourcentage de mise à l'échelle appliqué au fichier importé. Largeur et hauteur définit la largeur et la hauteur du fichier importé, exprimées en pixels, pouces ou centimètres. Résolution indique la résolution du fichier importé. Anticrénelage lisse les objets importés pour éviter l'affichage de bords dentelés. Vous pouvez sélectionner cette option
Remarque : Utilisez l'Inspecteur des propriétés pour appliquer aux objets sélectionnés les paramètres Anticrénelé ou Trame à bords nets. 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 Ignorer les calques importe tous les objets d'un calque. • 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. Inclure les calques invisibles importe les objets figurant sur des calques masqués. Si vous ne sélectionnez pas cette option,
Inclure les calques d'arrière-plan importe les objets en provenance du calque d'arrière-plan du document. Sinon, le calque d'arrière-plan ne sera pas pris en compte. Rendu sous forme d'image convertit en bitmap les groupes complexes, les fondus ou les trames en mosaïque et les place
Guide de l'utilisateur
La boîte de dialogue Options de fichier vectoriel s'affiche.
3 Cliquez sur OK. Copier/coller ou glisser/déposer des graphiques FreeHand dans Fireworks
Pour copier et coller un graphique sélectionné FreeHand dans Fireworks :
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 : ❖ Faites glisser le graphique de FreeHand vers un document Fireworks ouvert.
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
Guide de l'utilisateur
Pour plus d'informations sur l'enregistrement de fichiers, voir l'Aide de Fireworks. 2 Accédez à un document ouvert dans FreeHand. 3 Cliquez sur Fichier > Importer ou sur Fichier > Ouvrir. 4 Accédez au fichier PNG et sélectionnez-le dans la boîte de dialogue Importer, puis cliquez sur Ouvrir. La boîte de dialogue Paramètres d'importation de PNG Fireworks s'affiche.
Ouvrir les images en tant que pages importe les images Fireworks sur des pages FreeHand séparées. Si vous le souhaitez,
Ouvrir les images en tant que calques importe les images Fireworks sous forme de calques séparés.
Remarque : L'option Toutes est disponible uniquement si vous ouvrez des images en tant que calques ou si vous ouvrez un fichier PNG (au lieu de l'importer).\ 7 Sélectionnez la méthode d'importation des objets : Convertir en bitmap, si nécessaire, afin de préserver l'apparence convertit certains objets vectoriels en images bitmap non
Préserver tous les trajets modifiables vous permet de modifier tous les objets vectoriels importés. Certains objets peuvent
8 Sélectionnez la méthode d'importation du texte : Convertir en bitmap, si nécessaire, afin de préserver l'apparence convertit certains objets texte en images bitmap non
Préserver le texte modifiable vous permet de modifier tout le texte importé. Certains objets texte peuvent sembler légèrement
9 Sélectionnez l'option Importer sous la forme d'un seul bitmap fusionné si vous souhaitez conserver l'aspect du document Fireworks. Lorsque cette option est sélectionnée, les autres options de la boîte de dialogue Paramètres d'importation de PNG Fireworks sont désactivés. Sélectionnez cette option uniquement si la possibilité de modifier le document n'est pas un critère majeur. 10 Cliquez sur OK. 11 Cliquez dans la fenêtre Document de FreeHand à l'emplacement où vous souhaitez voir s'afficher le fichier PNG Fireworks.
Guide de l'utilisateur
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 307. Remarque : La méthode d'insertion par copier/coller de graphiques Fireworks dans d'autres applications fonctionne aussi avec Illustrator, CorelDraw et Photoshop. Pour copier et coller des graphiques dans FreeHand :
2 Cliquez sur Edition > Copier ou sur le bouton Exportation rapide, puis, dans le menu contextuel FreeHand, cliquez sur Copier. 3 Accédez à un document ouvert dans FreeHand. 4 Cliquez sur Edition > Coller. La boîte de dialogue Paramètres d'importation de PNG Fireworks s'affiche. Pour une description détaillée de ces options, voir « Importation de graphiques Fireworks dans FreeHand », page 304. 5 Sélectionnez les options souhaitées, puis cliquez sur OK. Copier/coller des trajets Fireworks dans FreeHand
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 306. Pour copier les trajets Fireworks sélectionnés :
FreeHand, cliquez sur Copier les contours du trajet. 2 Accédez à un document ouvert dans FreeHand. 3 Cliquez sur Edition > Coller pour coller les trajets. Exportation de graphiques Fireworks vers FreeHand
FreeHand. Pour exporter un graphique vectoriel vers FreeHand :
FreeHand, cliquez sur Exporter vers FreeHand. 2 Dans la boîte de dialogue Exporter, entrez un nom de fichier et sélectionnez un dossier de destination. 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 FreeHand. La plupart des applications vectorielles lisent les fichiers Illustrator 7. 4 Cliquez sur le bouton Options. 5 Dans la boîte de dialogue Options d'exportation vers Illustrator, exécutez l'une des actions suivantes : Exporter l'image active uniquement conserve les noms des calques et exporte uniquement l'image en cours. Convertir les images en calques exporte les images Fireworks en tant que calques.
Guide de l'utilisateur
Cette option ignore les bitmaps et convertit les trames de dégradé en trames unies. 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. 9 Accédez à un document ouvert dans FreeHand. 10 Cliquez sur Fichier > Ouvrir ou sur Fichier > Importer pour accéder au fichier que vous avez exporté depuis Fireworks, puis cliquez sur Ouvrir.
Fireworks peut partager des graphiques vectoriels avec d'autres applications graphiques vectorielles, dont Adobe Illustrator. Dans Fireworks, vous exportez et importez des graphiques vectoriels depuis ces applications comme vous le faites dans FreeHand. Pour plus d'informations, voir « Utilisation de FreeHand », page 303. Fonctions non prises en charge
La plupart des éditeurs graphiques vectoriels, dont FreeHand, ne prennent pas en charge les fonctions Fireworks suivantes :
• Modes de fondu • Textures, remplissages à motifs, remplissages de trames Web et trames de dégradé • 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
Vous pouvez combiner la puissance de Fireworks et de Director. Fireworks permet d'exporter des contenus graphiques et interactifs vers Director. Le processus d'exportation conserve les comportements et les découpes du graphique. Vous pouvez exporter en toute sécurité les images découpées avec des survols, voire des images comportant des calques. Cela permet aux utilisateurs de Director de tirer parti des outils d'optimisation et de conception de graphiques de 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.
Guide de l'utilisateur
Pour exporter une image PNG 32 bits avec transparence :
Matage sur transparent. 2 Cliquez sur Fichier > Exporter. 3 Sélectionnez Images uniquement dans le menu contextuel Type. Nommez le fichier, puis cliquez sur Enregistrer. Exportation de calques et de découpes vers Director
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. 2 Dans la boîte de dialogue Exporter, entrez un nom de fichier et sélectionnez un dossier de destination. 3 Dans le menu contextuel Enregistrer sous, cliquez sur Director. 4 Dans le menu contextuel Source, sélectionnez une option : Calques Fireworks exporte les calques du document. Sélectionnez cette option si vous exportez un contenu avec des calques
Découpes Fireworks exporte les découpes du document. Sélectionnez cette option si vous exportez un contenu découpé ou interactif, tel que des images de survol et des boutons.
6 Sélectionnez Placer les images dans des sous-dossiers pour choisir le dossier devant recevoir les images. 7 Cliquez sur Enregistrer. Importation de fichiers Fireworks vers Director
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 d'informations sur chaque option, voir Utilisation de Director. 4 Cliquez sur OK. Le graphique importé s'affiche sous la forme d'un fichier bitmap.
Guide de l'utilisateur
Remarque : L'emplacement et le nom de cette commande de menu peuvent être différents selon votre version de Director. 2 Recherchez le fichier HTML Fireworks que vous avez exporté pour Director. La boîte de dialogue Ouvrir le code HTML Fireworks s'affiche.
Couleur permet de définir la profondeur de couleur des graphiques importés. S'ils contiennent une transparence, sélectionnez Couleur 32 bits. Enregistrement permet de définir le point d'alignement des graphiques importés. Importation de comportements de survol en code Lingo convertit les comportements Fireworks en code Lingo. Importation selon scénario place les acteurs dans le scénario après l'importation.
Le graphique et le code du fichier HTML Fireworks sont importés. 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 :
(Macintosh) sur le graphique dans la fenêtre Distribution. 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.
Guide de l'utilisateur
Fireworks exporte le nouveau graphique vers Director. Optimisation des acteurs dans Director
Pour démarrer Fireworks pour prévisualiser les paramètres d'optimisation d'un acteur Director :
Bitmap de l'Inspecteur des propriétés. 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 dialogue Edition MIX s'affiche. L'image est mise à jour dans Director avec les nouveaux paramètres.
Vous pouvez utiliser Fireworks et 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.
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. 2 Dans la fenêtre Ressources, sélectionnez l'image Fireworks que vous avez exportée. 3 Pour insérer l'image Fireworks dans votre document HomeSite, exécutez l'une des actions suivantes :
Guide de l'utilisateur
Fireworks, puis cliquez avec le bouton droit de la souris dans la fenêtre Ressources et sélectionnez l'option d'insertion sous la forme d'un lien. 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.
Vous pouvez placer du code HTML de différentes manières dans HomeSite. Vous pouvez exporter le code HTML Fireworks ou le copier dans le Presse-papiers. Vous pouvez également ouvrir un fichier HTML Fireworks exporté dans HomeSite et copier et coller des sections de code sélectionnées. En outre, vous pouvez aisément mettre à jour le code que vous avez exporté vers 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. Exportation du code HTML Fireworks vers HomeSite
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 : ❖ Exportez votre document au format HTML depuis Fireworks, puis ouvrez le fichier exporté dans HomeSite en sélec-
Copie de code HTML Fireworks dans le Presse-papiers pour l'utiliser dans HomeSite
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 : ❖ Copiez le code HTML dans le Presse-papiers depuis Fireworks, puis collez directement ce code dans un nouveau
Copie du code d'un fichier exporté Fireworks et collage du code dans HomeSite
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 copier du code d'un fichier Fireworks exporté et le coller dans HomeSite : ❖ Exportez un fichier HTML Fireworks, puis copiez et collez le code souhaité dans un document HomeSite existant. Pour
Mise à jour du code HTML Fireworks exporté dans HomeSite
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.
Guide de l'utilisateur
❖ Utilisez la commande Mettre à jour le code HTML dans Fireworks. Pour plus d'informations, voir l'Aide de Fireworks.
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 sur l'onglet Vignettes de la fenêtre Résultat. • 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. 3 Dans le menu contextuel, cliquez sur Modifier dans Fireworks. HomeSite démarre Fireworks, s'il n'est pas déjà ouvert. 4 Si un message vous y invite, indiquez si vous désirez rechercher le fichier source Fireworks de l'image placée. Pour plus d'informations sur les fichiers source PNG dans Fireworks, voir l'Aide de Fireworks. 5 Modifiez l'image dans Fireworks. La fenêtre Document indique que vous modifiez une image Fireworks transférée depuis une autre application. 6 Une fois les modifications terminées, cliquez sur Terminé dans la fenêtre Document. 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.
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
Pour faire glisser un graphique Photoshop dans Fireworks : ❖ Faites glisser le graphique de Photoshop vers un document ouvert dans Fireworks.
Guide de l'utilisateur
• 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.
Les calques de réglage, les groupes de détourage et les trajets de Photoshop ne sont pas pris en charge par Fireworks. Fireworks ignore donc ces fonctions lors de l’importation de fichiers 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 :
2 Cliquez sur Ouvrir. Le fichier Photoshop est importé comme fichier PNG. Si vous apportez des modifications et voulez enregistrer le fichier dans le format PSD, vous devez l'exporter dans ce format. Pour plus d'informations, voir « Insertion de graphiques Fireworks dans Photoshop », page 315. Importation de texte depuis Photoshop
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 315. Options d’importation de fichiers Photoshop
Guide de l'utilisateur
Remarque : Sur Mac OS X, cliquez sur Fireworks > Préférences. 2 Cliquez sur l'onglet Importer (Windows) ou sur Importer dans le menu contextuel (Macintosh). 3 Sélectionnez les options d’importation : Calques : Convertir en objets Fireworks importe chaque calque d'un fichier Photoshop comme objet séparé sur un seul
Calques : Utiliser le calque pour toutes les images rend les calques importés visibles dans toutes les images du fichier
Calques : Convertir en images importe chaque calque d'un fichier Photoshop comme objet dans une image distincte de Fireworks. Cette option est utile pour importer des fichiers destinés à une animation. Texte : Modifiable convertit le texte d'un fichier Photoshop en texte modifiable dans Fireworks. Cette option permet de
Texte : Conserver l'apparence convertit le texte d'un fichier Photoshop en objet bitmap dans Fireworks. Cette option
Utiliser image composite fusionnée importe le fichier Photoshop comme image fusionnée sans calques.
Fireworks vous permet d'utiliser de nombreux filtres et plug-ins Photoshop, ainsi que des filtres et plug-ins de fabricants tiers. Vous pouvez utiliser des plug-ins dans la fenêtre Filtres en direct ou le menu Filtres. Remarque : Les plug-ins et les filtres de Photoshop 5.5 (et versions antérieures) sont pris en charge. Les plug-ins et les filtres Photoshop à partir de la version 6 ne sont pas compatibles avec Fireworks CS3. Pour plus d'informations sur la fenêtre Filtres en direct et le menu Filtres, voir l'Aide de 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. 2 Cliquez sur l'onglet Dossiers (Windows) ou sur Dossiers dans le menu contextuel (Macintosh). 3 Sélectionnez l'option Plug-ins Photoshop. La boîte de dialogue de sélection de dossier Windows ou Macintosh s'affiche. Remarque : Si la boîte de dialogue ne s'affiche pas automatiquement, cliquez sur Parcourir. 4 Accédez au dossier d'installation des filtres et des plug-ins Photoshop ou tiers et cliquez sur Sélectionner (Windows) ou Choisir (Macintosh). 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 :
Ajouter des effets dans l'Inspecteur des propriétés. Remarque : Ce bouton est disponible uniquement lorsqu'un objet est sélectionné dans le document. 2 Dans le menu contextuel qui s'affiche, cliquez sur Options > Rechercher les plug-ins.
Guide de l'utilisateur
Choisir (Macintosh). Cliquez sur OK, si le message qui s'affiche vous demande si vous voulez redémarrer Fireworks. 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.
Fireworks offre une prise en charge complète pour l'exportation de fichiers au format Photoshop (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 Photoshop PSD. 3 Pour spécifier les paramètres d’exportation groupés, sélectionnez une option dans le menu Paramètres. Ces paramètres représentent des combinaisons prédéfinies d’options d’exportation individuelles pour les objets, les effets et le texte du fichier Fireworks. Ces options d’exportation individuelles sont décrites en détail dans « Personnalisation de fichiers à exporter vers Photoshop », page 315. Privilégier le caractère modifiable convertit les objets en calques, conserve le caractère modifiable des effets et convertit le
Préserver l’aspect de Fireworks convertit chaque objet en calque Photoshop individuel, mais les effets et le texte ne peuvent
Fichier Photoshop plus petit fusionne les calques pour créer une seule image de rendu. Sélectionnez cette option si vous
Personnalisée permet de sélectionner des paramètres spécifiques pour les objets, les effets et le texte.
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. Personnalisation de fichiers à exporter vers Photoshop
Pour personnaliser les paramètres d'exportation vers Photoshop :
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
Fusionner tous les calques Fireworks fusionne l'ensemble des objets de chaque calque 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.
Guide de l'utilisateur
Préserver le caractère modifiable convertit les filtres en direct de Fireworks en leur équivalent Photoshop. Les effets qui n'existent pas dans Photoshop sont ignorés. Rendu des effets fusionne les effets avec les objets auxquels ils s'appliquent. Si vous sélectionnez cette option, vous
4 Dans le menu contextuel Texte, sélectionnez l'une des actions suivantes : Préserver 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,
Fireworks assure une prise en charge de l’importation de fichiers natifs Illustrator (AI) CS2 et CS3, avec des options qui permettent de conserver de nombreux aspects des fichiers importés (calques, motifs et images liées). Vous pouvez donc importer des images Illustrator dans Fireworks afin de les modifier et de les optimiser pour le Web. Vous pouvez également exporter des fichiers Illustrator depuis Fireworks qui sont compatibles avec le logiciel Illustrator 8.0. Les fonctions suivantes sont préservées lors de l'importation de fichiers Illustrator : Points de Bézier : Le nombre et la position des points de Bézier seront préservés. Couleurs : Les couleurs seront préservées autant que possible lors de l'importation de contenu AI dans Fireworks. Attributs de texte : Les attributs de police suivants seront préservés :
• Taille Trames unies : Les trajets remplis sont importés en tant qu'objet de dessin unique. Trajets composés : Les trajets composés sont importés en tant qu'objet de dessin unique. Groupes : Le groupe est préservé et les objets groupés individuels s'affichent en tant qu'objets de dessin.
Guide de l'utilisateur
Primitives : Les primitives Illustrator sont en fait des trajets ; elles ne sont donc pas importées en tant que primitives
Motifs : Les motifs sont importés en tant que mosaïque individuelle. Cette mosaïque est importée en tant que motif natif
Traits de pinceau : Les traits de pinceau sont importés sous forme de groupes multiples (un groupe par trajet fermé). Symboles : Les symboles sont importés sous forme d'objets de groupe normaux. Transparence : Fireworks importe l'opacité de l'objet correctement, préservant ainsi les paramètres de transparence de
Sous-calques : Fireworks importe tous les sous-calques en tant que sous-calques Fireworks natifs.
Vous pouvez utiliser Fireworks et GoLive conjointement pour créer et modifier des pages Web. Vous pouvez exporter et copier du code HTML Fireworks dans 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 GoLive ne prend pas en charge le code de menus contextuels. Si votre document Fireworks contient des menus contextuels, vous devez sélectionner le style HTML Générique avant l'exportation.
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 Extending Fireworks.
Guide de l'utilisateur
Exécutez l'action suivante pour enregistrer des métadonnées comme modèle ou fichier XMP afin d'importer les métadonnées dans d'autres fichiers. 1 Choisissez Fichier > Info sur le fichier 2 Exécutez l'une des actions suivantes :
Adobe® Bridge est une application multiplateforme fournie avec les trois composants d'Adobe® Creative Suite® et permettant de localiser, organiser et rechercher les actifs nécessaire pour créer des contenus vidéo, audio, web et destinés à l'impression. Vous pouvez lancer Bridge à partir de tout composant de Creative Suite (à l'exception d'Acrobat 8) et l'utiliser pour accéder à des actifs Adobe et autres. A partir d'Adobe Bridge, vous pouvez effectuer les opérations suivantes :
• Exécuter des tâches automatisées, telles que des commandes par lots. • Synchroniser les paramètres de couleur sur l'ensemble des composants Creative Suite avec gestion des couleurs. • Lancer une conférence Web en temps-réel afin de partager vos documents de bureau et d'évaluation.
Guide de l'utilisateur
(MXML export) A l'heure où que les créateurs poussent toujours plus loin les limites de la technologie, il est essentiel de disposer des outils les plus perfectionnés et de la meilleure intégration possible. Fireworks facilite le développement des applications Internet riches (RIA) de la prochaine génération en permettant l'exportation d'actifs de bibliothèques communs dans Adobe Flex™ Builder™. Et ce qui rend cette perspective encore plus séduisante, c'est que vous n'avez rien à faire, puisque Fireworks se charge d'exporter le code Flex nécessaire (MXML) en préservant les styles et le positionnement absolu. Vous pouvez désormais créer un format d'application Flex dans Fireworks, exploiter les actifs de bibliothèque Flex communs et les exporter au format MXML dans le but de les télécharger dans Flex Builder. Pour exporter des données MXML
2 Choisissez Documents MXML et images dans le menu contextuel Exporter. 3 Sélectionnez l'option Placer les images dans des sous-dossiers si vous souhaitez enregistrer les images dans un dossier distinct de celui contenant le code MXML. 4 Sélectionnez l'option Page actuelle uniquement pour exporter uniquement la page sélectionnée. 5 Cliquez sur Enregistrer pour achever l'exportation.
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 Adobe pour étendre les capacités de Fireworks. Ce chapitre couvre les rubriques suivantes :
• « Traitement par lots », page 324 • « Extension de Fireworks », page 331 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 Adobe Illustrator.
Guide de l'utilisateur
2 Pour ouvrir le panneau Rechercher, exécutez l'une des actions suivantes :
• Cliquez sur Edition > Rechercher. • Appuyez sur Ctrl+F (Windows) ou sur Commande+F (Macintosh). Remarque : Si les fichiers que vous sélectionnez sont verrouillés ou archivés depuis un site Adobe Dreamweaver, vous êtes invité à les déverrouiller ou à les extraire avant de continuer. 3 Dans le menu contextuel Rechercher, sélectionnez la source dans laquelle la recherche doit s’effectuer : Rechercher dans la sélection n’effectue de recherche/remplacement des éléments que parmi les objets et texte actuellement
Rechercher dans l’image n’effectue de recherche/remplacement des éléments que dans l’image active. Rechercher dans le document n’effectue de recherche/remplacement des éléments que dans le document actif. Rechercher dans les fichiers effectue une recherche et un remplacement des éléments dans plusieurs fichiers. Si cette option
Remplacer ou Remplacer tout. 4 Dans le menu contextuel Rechercher, sélectionnez l’attribut à rechercher. Les options du panneau changent en fonction de votre sélection. 5 Définissez les options de l'attribut Recherche sélectionné. 6 Sélectionnez une opération de recherche et remplacement : Rechercher détecte la première occurrence de l’élément. Les éléments trouvés s'affichent comme sélectionnés dans le document. Remplacer remplace l'élément trouvé par le contenu indiqué dans le champ Remplacer par. Remplacer tout recherche et remplace toutes les occurrences d'un élément trouvé durant la recherche.
Guide de l'utilisateur
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 recherche et le remplacement. 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. 3 Dans le menu contextuel Sauvegarder les fichiers originaux, sélectionnez l’une des options suivantes : Pas de copies effectue une recherche et un remplacement sans sauvegarder la version originale des fichiers. Le fichier modifié remplace alors le fichier original. Ecraser les copies existantes crée et ne conserve qu'une seule copie de sauvegarde de chaque fichier modifié par l'opération
Sauvegardes incrémentielles conserve toutes les copies de sauvegarde des fichiers modifiés au cours d’opérations Rechercher et remplacer. Les fichiers originaux sont alors déplacés dans le sous-dossier Original Files au sein de leur dossier actuel, et un chiffre incrémentiel est ajouté à la suite de leur nom. Si vous effectuez de nouvelles opérations Rechercher et remplacer, le fichier original est copié dans le dossier Original Files, et le chiffre supérieur suivant est ajouté à son nom de fichier. Par exemple, la copie de sauvegarde d’un fichier nommé Dessin.png est nommée Dessin-1.png lors de la première opération Rechercher et remplacer. La seconde fois, le fichier de sauvegarde est renommé Dessin-2.png, etc.
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
Respecter la casse permet de faire la distinction entre les lettres en majuscules et en minuscules pendant la recherche. Expressions régulières permet d’effectuer une recherche conditionnelle sur une partie de mot ou de nombre.
Guide de l'utilisateur
Vous pouvez également chercher et remplacer rapidement des polices dans des documents Fireworks. Pour rechercher et remplacer des polices dans un ou plusieurs documents Fireworks :
2 Sélectionnez la police et le style à rechercher. Vous pouvez affiner la recherche en définissant des tailles de police minimum et maximum. 3 Indiquez la police, le style et la taille de remplacement dans Remplacer par.
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 couleurs trouvées doivent être appliquées : Remplissages et traits permet d’effectuer une opération Rechercher et Remplacer à la fois sur les couleurs de trame et de
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
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.
Pour rechercher et remplacer des URL affectées à des objets Web :
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
Respecter la casse permet de faire la distinction entre les lettres en majuscules et en minuscules pendant la recherche. Expressions régulières permet d’effectuer une recherche conditionnelle sur une partie de mot ou de nombre.
Guide de l'utilisateur
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 258. Pour chercher toutes les couleurs non Websafe et les remplacer par des couleurs Websafe : ❖ Dans le menu contextuel Rechercher du panneau Rechercher, cliquez sur Rechercher non Web216.
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. • Mise à l’échelle des fichiers exportés. • Recherche et remplacement de texte, de couleurs, d’URL, de polices et de couleurs non Web216. • Renommez des groupes de fichiers par une combinaison quelconque d'ajout de préfixe, d'ajout de suffixe, de remplacement de sous-chaîne et de remplacement de blancs.
Pour effectuer un traitement par lots sur des 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.
Guide de l'utilisateur
2 Cliquez sur l'une des options suivantes dans la boîte de dialogue Lot (Windows) ou Traitement par lots (Macintosh) : Ajouter ajoute les fichiers et dossiers sélectionnés à la liste de fichiers à traiter dans le même lot. Si vous sélectionnez un dossier, tous les fichiers valides et lisibles de ce dossier sont ajoutés au traitement par lots.
Ajouter tout ajoute tous les fichiers valides du dossier sélectionné à la liste de fichiers à traiter dans le même lot. Supprimer supprime les fichiers sélectionnés de la liste de fichiers à traiter dans le même lot.
Ces fichiers sont inclus dans le traitement, bien qu’ils n’apparaissent pas dans la liste des fichiers à traiter. 4 Cliquez sur Suivant, puis exécutez l'une des deux actions suivantes :
Ajouter. Chaque tâche ne peut être ajoutée qu’une fois. Pour plus d'informations sur l'option Mise à l'échelle, voir « Mise à l’échelle de graphiques à l’aide d’un traitement par lots », page 328. Pour plus d'informations sur l'option Renommer,
Guide de l'utilisateur
5 Pour voir les options supplémentaires de cette tâche, sélectionnez une tâche dans la liste Inclure dans le lot. 6 Sélectionnez les paramètres adaptés pour chaque option. Pour supprimer une tâche du traitement par lots, sélectionnez-la dans la liste Inclure dans le lot et cliquez sur Supprimer. 7 Cliquez sur Suivant. 8 Sélectionnez les options relatives à l’enregistrement des fichiers traités : Même emplacement que le fichier d'origine enregistre chaque fichier dans le même emplacement que son fichier source,
Emplacement personnalisé vous permet de sélectionner un emplacement d’enregistrement des fichiers traités.
Il est toujours conseillé d’effectuer une copie de sauvegarde des fichiers. Pour plus d'informations, voir « Définition de l'emplacement du dossier de sortie du traitement par lots », page 330. 10 Cliquez sur Enregistrer le script, si vous souhaitez enregistrer les paramètres du traitement par lots pour les réutiliser plus tard. Pour plus d'informations, voir « Enregistrement des traitements par lots sous forme de scripts », page 330. 11 Cliquez sur Lot pour exécuter le traitement par lots.
Guide de l'utilisateur
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 :
• /Users/username/Library/Application Support/Adobe Fireworks 9/FireworksBatchLog.txt (Macintosh) 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 OK :
3 Cliquez sur Suivant pour continuer le traitement par lots. Pour plus d'informations sur l'exécution du traitement par lots, voir « Traitement par lots », page 324.
Guide de l'utilisateur
Dans la boîte de dialogue Traitement par lots, activez l’option Mise à l’échelle pour modifier la hauteur et la largeur des images à exporter. Pour définir les options de mise à l’échelle lors d’un traitement par lots :
2 Dans le menu contextuel Mise à l’échelle, sélectionnez une option : Pas de mise à l’échelle exporte les fichiers sans modification. Mise à l'échelle avec cette taille permet une mise à l'échelle des images avec la largeur et la hauteur spécifiées. Mise à l’échelle de la zone permet une mise à l'échelle des images qui est proportionnelle à la largeur et à la hauteur
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 indiqué.
4 Cliquez sur Suivant pour continuer le traitement par lots. Pour plus d'informations sur l'exécution du traitement par lots, voir « Traitement par lots », page 324.
Dans la boîte de dialogue Traitement par lots, vous pouvez activer l’option Rechercher et remplacer pour chercher et remplacer du texte, des polices, des couleurs ou des URL dans des boutons, des références ou des découpes.
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 : texte, police, couleur, URL ou non Web216. 4 Dans la zone Rechercher, entrez ou sélectionnez l'élément spécifique à rechercher.
Guide de l'utilisateur
6 Cliquez sur OK pour enregistrer les paramètres Rechercher et Remplacer. 7 Cliquez sur Suivant pour continuer le traitement par lots. Pour plus d'informations sur l'exécution du traitement par lots, voir « Traitement par lots », page 324. Pour plus d'informations sur les options Rechercher et Remplacer, voir « Recherche et remplacement », page 320.
Pour modifier les noms des fichiers à traiter, sélectionnez l’option Renommer dans la boîte de dialogue 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 permet de remplacer des caractères dans chaque nom de fichier par d'autres caractères que vous spécifiez, ou de supprimer des caractères de chaque nom de fichier. 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. Remplacer les blancs par vous permet de remplacer des blancs dans chaque nom de fichier par un ou plusieurs caractères
Ajouter un préfixe permet d'entrer un texte à ajouter au début du nom de chaque fichier. Par exemple, si vous indiquez « nuit_ », le fichier Soleil_levant.gif est renommé nuit_Soleil_levant.gif lors de son traitement par lots. Ajouter un suffixe permet d'entrer un texte à ajouter à la fin du nom de chaque fichier, avant son extension. Par exemple,
Remarque : A chaque nom de fichier modifié, vous pouvez appliquer une combinaison des commandes Remplacer, Remplacer les blancs, Ajouter un préfixe et Ajouter un suffixe. Par exemple, vous pouvez remplacer « Temp » par « Party », supprimer tous les blancs et ajouter un préfixe et un suffixe en une seule opération. 3 Cliquez sur Suivant pour continuer le traitement par lots. Pour plus d'informations sur l'exécution du traitement par lots, voir « Traitement par lots », page 324.
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 sur Ajouter. Remarque : Ces commandes ne peuvent pas être modifiées. 3 Cliquez sur Suivant pour continuer le traitement par lots. Pour plus d'informations sur l'exécution du traitement par lots, voir « Traitement par lots », page 324. Pour plus d'informations sur la création de commandes, voir « Script avec le panneau Historique », page 332. Remarque : Par ailleurs, certaines commandes ne peuvent fonctionner durant un traitement par lots. Sélectionnez des commandes pouvant être exécutées dans le document sans qu’il soit nécessaire qu’un objet ait été sélectionné.
Guide de l'utilisateur
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.
2 Sélectionnez Sauvegardes pour définir vos options de sauvegarde. 3 Sélectionnez le type de sauvegarde des fichiers : Ecraser les copies existantes remplace les éventuels fichiers de sauvegarde précédents. Sauvegardes incrémentielles conserve une copie de tous les fichiers de sauvegarde. Lors d’un nouveau traitement par lots,
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é. 4 Cliquez sur Lot pour terminer le traitement par lots, ou sur En arrière pour revenir à la boîte de dialogue précédente Traitement par lots.
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. Si vous enregistrez votre script dans le dossier Commands de votre disque dur, il sera ajouté ensuite dans le menu Commandes de Fireworks. Remarque : L'emplacement exact de ce dossier varie d'un système à l'autre et selon que la commande est accessible à votre profil utilisateur uniquement ou à tous les utilisateurs. Les dossiers Commands sont situés dans le dossier Configuration du dossier de l'application Fireworks et également dans votre dossier Fireworks de profil utilisateur spécifique. Pour plus d'informations, voir « Utilisation des fichiers de configuration », page 340.
Guide de l'utilisateur
• En dehors de Fireworks, double-cliquez sur le nom de fichier du script enregistré sur le disque dur. 2 Sélectionnez un script, puis cliquez sur Ouvrir. 3 Sélectionnez les fichiers à traiter à l’aide du script : Fichiers actuellement ouverts traite tous les documents ouverts. Personnalisée permet de sélectionner les fichiers à traiter.
4 Cliquez sur OK. Pour plus d'informations sur la sélection des fichiers, voir « Traitement par lots », page 324.
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 :
• Faites glisser l'icône du fichier de script dans un document Fireworks ouvert. Remarque : Si vous faites glisser plusieurs fichiers de scripts et plusieurs fichiers graphiques sur l’icône de Fireworks, les fichiers graphiques seront traités plusieurs fois, une fois pour chaque script.
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 également utiliser les animations Adobe 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 333.
Guide de l'utilisateur
Vous pouvez également utiliser Extension Manager pour créer vos propres extensions et envoyer ces dernières vers Adobe 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 340. 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 Adobe Fireworks Exchange, exécutez l'une des actions suivantes :
• Dans un navigateur Web, visitez le site Fireworks Exchange à l'adresse www.adobe.com/go/fireworks_exchange_fr.
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
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 340. Pour enregistrer des étapes sous forme de commandes :
2 Cliquez sur le bouton Enregistrer les étapes sous forme de commande, en bas du panneau Historique. 3 Entrez le nom de la commande et cliquez sur OK. La commande s'affiche dans le menu Commandes. Pour annuler ou répéter des étapes à l’aide du panneau Historique :
2 Cliquez sur le trajet du curseur dans la partie gauche du panneau Historique. Remarque : Les étapes annulées restent dans le panneau Historique, mais elles apparaissent grisées.
Guide de l'utilisateur
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 : ❖ Dans le menu Options du panneau Historique, cliquez sur Effacer l'historique.
Remarque : Si vous effacez des étapes du panneau Historique, vous ne pourrez plus les annuler. Exécution des commandes
Pour reproduire une commande enregistrée :
2 Dans le menu Commandes, sélectionnez la commande. Pour reproduire une sélection d’étapes :
2 Dans le panneau Historique, sélectionnez les étapes. 3 Cliquez sur le bouton Réexécuter, en bas du panneau Historique. Les étapes marquées d’un X ne peuvent pas être répétées ni reproduites. Des lignes de séparation indiquent qu’un objet différent a été sélectionné. Les commandes créées à partir d’étapes qui traversent une ligne de séparation peuvent produire des résultats imprévisibles. 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 : ❖ Cliquez sur Edition > Répéter le script de commandes.
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. 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 Extending Fireworks (Extension de Fireworks).
Vous pouvez même créer une animation SWF et l'utiliser en tant que panneau Fireworks, accessible à partir du menu Fenêtre. Dans Fireworks, le panneau Aligner est un exemple d'animation Flash importée sous la forme de panneau.
Guide de l'utilisateur
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 340. Pour des instructions détaillées sur la création de commandes ou de panneaux à partir d'animations Flash SWF, voir Extending Fireworks (Extension de Fireworks).
Vous pouvez renommer ou supprimer des commandes apparaissant dans le menu Commandes. 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 Adobe 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 :
Fireworks de profil utilisateur spécifique. Pour plus d'informations sur l'emplacement de ce dossier, voir « Fichiers de profil utilisateur », page 340. Pour renommer ou supprimer une commande fournie avec Fireworks ou téléchargée à partir de Adobe 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.
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 340. 2 Ouvrez le fichier script désiré dans un éditeur de texte et modifiez le code JavaScript. 3 Enregistrez et fermez le script.
Guide de l'utilisateur
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 340. Les commandes enregistrées directement dans le dossier Commands et celles enregistrées dans le panneau Historique apparaissent dans le menu Commandes dès leur enregistrement ; il n'est donc pas nécessaire de redémarrer Fireworks. Toutefois, les commandes enregistrées dans le dossier Command Panels ne sont disponibles dans le menu Fenêtre qu'après le redémarrage de Fireworks.
Fireworks Dans Fireworks, certains panneaux (comme le panneau Aligner) sont en fait des animations Flash SWF. Si vous maîtrisez JavaScript ou ActionScript, vous pouvez créer votre propre panneau Fireworks en le concevant et le codant dans Flash, puis en l'exportant sous la forme d'animation SWF. Lorsque vous déposez ensuite l'animation dans le dossier Command Panels du disque dur, elle s'affiche sous la forme d'un panneau dans le menu Fenêtre de Fireworks. Remarque : L'emplacement exact de ce dossier varie d'un système à l'autre et selon que le panneau est accessible à votre profil utilisateur uniquement ou à tous les utilisateurs. Les dossiers Command Panels sont situés dans le dossier Configuration du dossier de l'application Fireworks et également dans votre dossier de profil utilisateur Fireworks. Pour plus d'informations, voir « Utilisation des fichiers de configuration », page 340. Pour plus d'informations sur l'utilisation des animations Flash SWF sous forme de panneaux Fireworks, voir Extending Fireworks (Extension de Fireworks).
Pour définir vos préférences :
2 Sélectionnez le groupe de préférences que vous souhaitez modifier : Général, Edition, Lancer et Modifier, Dossiers ou Importer. 3 Apportez les modifications requises, puis cliquez sur OK.
Les options suivantes s'affichent dans l'onglet des préférences Général : Actions annulées définit les étapes d'annulation/de rétablissement selon un nombre compris entre 0 et 1009. Ce paramètre
Couleurs par défaut définit les couleurs par défaut utilisées pour les traits de pinceau, les trames et les trajets en
Interpolation permet de choisir l’une des quatre méthodes de mise à l’échelle pouvant être utilisées par Fireworks pour interpoler les pixels lors des mises à l’échelle d’images :
Guide de l'utilisateur
à une image agrandie ou réduite avec l’outil Zoom. Ré-échantillonnage plus rapide mais moins précis est désélectionnée par défaut. Elle vous permet de contrôler la vitesse de
Options de lancement L'option Afficher la page de démarrage permet de contrôler si la page de démarrage Fireworks s'affiche à l'ouverture de l'application. Si cette option est désélectionnée, l'application s'ouvre directement dans l'espace de travail. Enregistrement des fichiers : Ajouter des icônes d'aperçu (Macintosh uniquement) permet d'afficher ou de masquer les vignettes des fichiers PNG Fireworks présents sur le disque dur. Lorsque cette option est désélectionnée, Fireworks affiche l'icône standard des fichiers PNG Fireworks. Cette option prend effet après l'enregistrement du fichier.
Les préférences de modification permettent de spécifier l'aspect du curseur et d’afficher des indicateurs visuels pour des objets bitmap. Supprimer les objets pendant le recadrage supprime de façon définitive les pixels ou les objets situés en dehors du cadre de délimitation d'une sélection lorsque vous cliquez sur Edition > Recadrer le document ou sur Modification > Document > Taille du document. Supprimer les trajets lors de la conversion en cadre de sélection supprime de façon définitive le trajet lorsqu'il a été
Curseurs de la taille du pinceau définit la taille et la forme des curseurs des outils Pinceau, Gomme, Flou, Accentuer,
à 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, le curseur affiche l'icône des différents outils. Curseurs précis permet de remplacer les curseurs des différents outils par un pointeur en croix. Désactiver Masquer les bords désactive automatiquement l'option Masquer les bords lorsque la sélection change. Afficher l'aperçu de la plume fournit un aperçu du prochain segment de trajet qui sera créé lors du clic avec l'outil Plume. Afficher les points unis affiche les points sélectionnés en creux ; les points désélectionnés sont unis. Surbrillance souris met en surbrillance ce que vous sélectionneriez si vous cliquiez sur l'objet actuellement situé sous le
Prévisualiser le document affiche un aperçu du nouvel emplacement de l'objet lorsque vous l'aurez fait glisser. Afficher les poignées de trame permet la modification des trames à l'écran. 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 se magnétiser à la
En définissant les préférences Lancer et Modifier, vous pouvez contrôler la manière dont des applications externes, telles que Adobe Flash et Adobe 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 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.
Guide de l'utilisateur
Lors de l’optimisation d’un document depuis une application externe détermine si le fichier PNG Fireworks d’origine
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 Flash, voir « Utilisation de Flash », page 296. Pour plus d'informations sur la manipulation de graphiques Fireworks dans Director, voir « Utilisation de Director », page 307. Remarque : Adobe 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 Dreamweaver », page 284.
Les préférences de l’onglet Dossiers permettent d’accéder aux plug-ins Adobe 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 plug-ins Photoshop figurent dans le menu Filtres de Fireworks et dans le menu Ajouter des effets de l'Inspecteur des propriétés. Les textures ou motifs enregistrés en tant que fichiers PNG, JPEG et GIF apparaissent en tant qu’options dans les menus 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 141.
Les préférences figurant dans 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 de Photoshop », page 312.
Vous pouvez restaurer les valeurs d'origine des préférences en supprimant le fichier de préférences. 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 CS3 sur le disque dur, puis supprimez-le. L'emplacement exact de ce dossier varie d'un système à un autre. Pour plus d'informations, voir « Localisation du fichier de préférences Fireworks », page 341. 3 Redémarrez Fireworks.
Guide de l'utilisateur 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 Adobe FreeHand, Adobe Illustrator, Photoshop ou de produits utilisant une norme différente, vous pouvez choisir 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 OK.
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. Pour créer un raccourci personnalisé ou secondaire pour une commande de menu, un outil ou une action quelconque :
2 Cliquez sur le bouton Dupliquer le jeu. 3 Entrez le nom du jeu personnalisé dans la boîte de dialogue Dupliquer le jeu, puis cliquez sur OK. 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 : Commandes de menu •permet de créer un raccourci personnalisé pour toute commande activée par l’intermédiaire de la
Outils •permet de créer un raccourci personnalisé pour tout outil du panneau Outils. Divers •permet de créer un raccourci personnalisé pour une série d’actions prédéfinies.
5 Dans la liste Commandes, sélectionnez la commande dont vous souhaitez modifier le raccourci. Si le raccourci existe, il s'affiche dans la liste Raccourcis. 6 Cliquez dans la zone de texte Appuyer sur la touche et appuyez sur les touches souhaitées pour définir le nouveau raccourci sur le clavier. 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 :
• Cliquez sur Modifier pour remplacer le raccourci sélectionné.
Guide de l'utilisateur
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é (-).
Une feuille de référence est un enregistrement du jeu de raccourcis actuel qui est enregistré sous forme de table HTML. Vous pouvez afficher cette feuille de référence avec un navigateur Web ou l’imprimer. Remarque : Les feuilles de référence exportées depuis Fireworks sont codées à l'aide du codage UTF-8. Pour créer une feuille de référence :
2 Cliquez sur le bouton Exporter le jeu au format HTML à côté de la zone de texte Jeu actuel. La boîte de dialogue Enregistrer sous (Windows) ou Enregistrer (Macintosh) s'affiche. 3 Entrez le nom de la feuille de référence, puis sélectionnez un emplacement pour son fichier. 4 Cliquez sur Enregistrer.
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 plugins 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 Adobe/Fireworks 9 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.
Guide de l'utilisateur
Les fichiers de configuration maître appliqués à tous les utilisateurs se trouvent dans le dossier de l'application Fireworks, c'est-à-dire le dossier du disque dur dans lequel vous avez installé Fireworks. Remarque : D'autres fichiers de configuration sont 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 342. Que vous travailliez sur un système multi-utilisateur ou sur un système autonome, Fireworks modifie les fichiers de profil utilisateur spécifique (mais pas les fichiers de configuration maître) dans le dossier de l'application Fireworks lorsque vous enregistrez des paramètres. Cela s'explique par le fait que, sur un système multi-utilisateur, bon nombre d'utilisateurs n'ont pas accès à tous les fichiers. Les utilisateurs ayant les autorisations d'accès de 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 : ❖ Enregistrez ou faites glisser une copie du fichier à l'emplacement approprié dans le dossier de l'application Fireworks.
Les préférences Fireworks sont conservées dans un fichier appelé Fireworks 9 Preferences.txt (Windows) ou Fireworks 9 Preferences (Macintosh). L'emplacement de ce fichier varie en fonction du système d'exploitation.
Pour plus d'informations sur l'emplacement de ce dossier, voir « Fichiers de profil utilisateur », page 340.
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 9.
Lorsque vous désinstallez ou réinstallez Fireworks, vos fichiers de configuration spécifique à l'utilisateur restent intacts sur la plupart des systèmes. Si vous réinstallez Fireworks avec les paramètres par défaut, supprimez manuellement vos fichiers de configuration spécifique à l'utilisateur avant de réinstaller l'application. 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 340. Pendant la procédure de désinstallation, 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.
Guide de l'utilisateur
Sur un ordinateur Macintosh, Fireworks est installé sous la forme d'un module d'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 ce module d'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 CS3, puis cliquez sur Afficher le contenu du module dans le menu contextuel. La nouvelle fenêtre qui apparaît affiche le contenu du module.
Survol simple, comportement 202 zone active 218 survols de permutation d'images avec une seule découpe 200 création de survols séparés 200 survols séparés 200 affectation à des références 211
réglage de la largeur des caractères 115
verrouillage des calques 157
Notice Facile