Manuel du propriétaire | MACROMEDIA FIREWORKS MX 2004-BIEN DMARRER AVEC FIREWORKS Manuel utilisateur
Ajouter à Mes manuels52 Des pages
▼
Scroll to page 2
of
52
Bien démarrer avec Fireworks Marques commerciales Afterburner, AppletAce, Attain, Attain Enterprise Learning System, Attain Essentials, Attain Objects for Dreamweaver, Authorware, Authorware Attain, Authorware Interactive Studio, Authorware Star, Authorware Synergy, Backstage, Backstage Designer, Backstage Desktop Studio, Backstage Enterprise Studio, Backstage Internet Studio, Contribute, Design in Motion, Director, Director Multimedia Studio, Doc Around the Clock, Dreamweaver, Dreamweaver Attain, Drumbeat, Drumbeat 2000, Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, FreeHand Graphics Studio, Generator, Generator Developer’s Studio, Generator Dynamic Graphics Server, Knowledge Objects, Knowledge Stream, Knowledge Track, LikeMinds, Lingo, Live Effects, MacRecorder Logo and Design, Macromedia, Macromedia Contribute, Macromedia Coursebuilder for Dreamweaver, Macromedia M Logo & Design, Macromedia Flash, Macromedia Xres, Macromind, Macromind Action, MAGIC, Mediamaker, Multimedia is the Message, Object Authoring, Power Applets, Priority Access, Roundtrip HTML, Scriptlets, SoundEdit, ShockRave, Shockmachine, Shockwave, shockwave.com, Shockwave Remote, Shockwave Internet Studio, Showcase, Tools to Power Your Ideas, Universal Media, Virtuoso, Web Design 101, Whirlwind et Xtra sont des marques de Macromedia, Inc. et peuvent être déposées aux Etats-Unis ou dans d’autres juridictions, y compris au niveau international. D’autres noms de produits, logos, concepts, titres, mots ou phrases mentionnés dans cette publication peuvent être des marques commerciales, des marques de service ou des noms commerciaux de Macromedia, Inc. ou d’autres entités et peuvent être déposés dans certains juridictions y compris au niveau international. Ce guide contient des liens vers les sites Web de tierces parties qui ne sont pas contrôlées par Macromedia, qui n’est pas responsable du contenu de sites liés. Vous accédez à ces sites sous votre propre responsabilité. Macromedia mentionne ces liens pour faciliter votre travail et l’inclusion de ces liens n’implique pas que Macromedia approuve le contenu de ces sites tiers ou en accepte la responsabilité. Dénégation de responsabilité d’Apple APPLE COMPUTER, INC. N’ASSUME AUCUNE GARANTIE, IMPLICITE OU EXPLICITE, SUR LE LOGICIEL INFORMATIQUE CI-INCLUS, SA COMMERCIABILITE OU SON ADEQUATION A UN OBJECTIF PARTICULIER. L’EXCLUSION DES GARANTIES IMPLICITES N’ETANT PAS AUTORISEE DANS CERTAINS ETATS, L’EXCLUSION CI-DESSUS PEUT DONC NE PAS S’APPLIQUER A VOTRE CAS. CETTE GARANTIE VOUS OFFRE DES DROITS JURIDIQUES SPECIFIQUES. VOUS POUVEZ DISPOSER DE CERTAINS AUTRES DROITS, QUI VARIENT SELON LES ETATS. Copyright © 2003 Macromedia, Inc. Tous droits réservés. This manual may not be copied, photocopied, reproduced, translated, or converted to any electronic or machine-readable form in whole or in part without prior written approval of Macromedia, Inc. Part Number ZFW70M100F Remerciements Gestion de projet : Gary White Rédaction : Dale Crawford, Tonya Estes, Naheeda Ravjani Gestion de l’édition : Rosana Francescato Edition : Linda Adler, Mary Kraemer, Noreen Maher Gestion de la production : Patrice O’Neill Développement multimédia : Aaron Begley Photographie : Chris Basmajian Production : Adam Barnett, John Francis, Jeff Harmon Responsable localisation : Sami Kaied Chef de projet localisation : Gloria Figueroa Spécialiste de la production en localisation : Seungmin Lee SDL Remerciements particuliers : Jeff Ahlquist, Doug Benson, Rob McCullough, Joe Merritt, Melana Orton Première édition : septembre 2003 Macromedia, Inc. 600 Townsend St. San Francisco, CA 94103 TABLE DES MATIERES CHAPITRE 1 : Presentation . .......................................... 5 Configuration requise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 Installation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Nouveautés de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 CHAPITRE 2 : Concepts de base de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Travailler avec Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Objets vectoriels et bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Graphiques interactifs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Optimisation et exportation de graphiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Graphiques vectoriels et bitmap. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Graphiques vectoriels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Graphiques bitmap. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Création d’un nouveau document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Ouverture et importation de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Ouverture des derniers documents fermés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Ouverture de graphiques créés dans d’autres applications . . . . . . . . . . . . . . . . . 18 Création de fichiers PNG dans Fireworks à partir de fichiers HTML . . . . . . . . 20 Insertion d’objets dans un document Fireworks . . . . . . . . . . . . . . . . . . . . . . . . 20 Enregistrement de fichiers Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 Enregistrement de fichiers PNG Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 Enregistrement de documents dans d’autres formats . . . . . . . . . . . . . . . . . . . . . 24 Environnement de travail de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26 Utilisation de la page de démarrage. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26 Utilisation du panneau Outils. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 Utilisation de l’Inspecteur des propriétés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 Utilisation des panneaux. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 Bouton Exportation rapide . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 Ouverture et déplacement des barres d’outils (Windows uniquement) . . . . . . . 33 Navigation et affichage du document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 Modification du document. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 Utilisation du panneau Historique pour annuler ou répéter plusieurs actions . 45 En savoir plus sur Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49 3 4 Table des matières CHAPITRE 1 Presentation Macromedia Fireworks MX 2004 est la solution de référence pour la production et la conception de graphiques Web professionnels. Il s’agit du premier environnement de production permettant de faire face et de résoudre les défis posés aux concepteurs et aux développeurs de graphiques Web. Créez, modifiez et animez des graphismes Web avec Fireworks, ajoutez des fonctions d’interactivité avancées et optimisez les images dans un environnement professionnel. Fireworks permet de créer et de modifier des graphiques bitmap et vectoriels à partir d’une seule application. Tout reste entièrement modifiable, à tout moment. En outre, vous pouvez automatiser vos procédures de travail pour faire face aux exigences de longues mises à jour et modifications. Fireworks s’intègre aux autres produits Macromedia, tels que Dreamweaver, Flash, FreeHand et Director, ainsi qu’à vos applications graphiques préférées et aux éditeurs HTML pour offrir une solution Web réellement intégrée. Exportez facilement vos graphismes Fireworks avec les codes HTML et JavaScript qui ont été personnalisés pour l’éditeur HTML que vous utilisez. 5 Configuration requise Avant d’installer Fireworks, assurez-vous que vous disposez des matériels et des logiciels suivants : Microsoft Windows • • • • • • Processeur Intel Pentium II de 300 MHz Windows 98 SE, ME, 2000 ou XP 64 Mo de RAM disponibles (128 Mo recommandés) plus 80 Mo d’espace disque disponibles Résolution 800 x 600 pixels, affichage 256 couleurs ou supérieur Adobe Type Manager version 4 ou supérieure pour utiliser les polices Type 1 Lecteur de CD-ROM Macintosh • Processeur Power Macintosh G3, fonctionnant sur OS X version 10.1.5 ou supérieure, ou version 10.2.6 ou supérieure • 64 Mo de RAM disponibles (128 Mo recommandés) plus 80 Mo d’espace disque disponibles • Résolution 800 x 600 pixels, affichage 256 couleurs ou supérieur • Lecteur de CD-ROM 6 Chapitre 1 : Presentation Installation de Fireworks Lisez le document LisezMoi figurant sur le CD-ROM Fireworks pour prendre connaissance des toutes dernières informations ou instructions. Pour installer Fireworks : 1 Insérez le CD-ROM de Fireworks 4 dans le lecteur de CD-ROM. 2 Utilisez l’une des méthodes suivantes : Sous Windows, le programme d’installation de Fireworks démarre automatiquement. Si ce n’est pas le cas, choisissez Démarrer > Exécuter. Cliquez sur Parcourir et choisissez le fichier Setup.exe situé sur le CD de Fireworks. Cliquez sur OK dans la boîte de dialogue Exécuter. ■ Sur Macintosh, double-cliquez sur l’icône d’installation de Fireworks. 3 Suivez les instructions affichées à l’écran. Le programme d’installation vous demande d’entrer les informations requises. 4 Si nécessaire, redémarrez votre ordinateur. ■ Activation du produit Si vous ne disposez que d’une seule licence, vous devez activer votre licence dans les trente jours suivant l’installation. La procédure d’activation peut être effectuée via Internet ou par téléphone et ne prend que quelques minutes. Vous ne devez fournir aucune information personnelle, uniquement le numéro de série de votre produit. Pour plus d’informations, connectez-vous au site www.macromedia.com/go/activation_fr. Affichage des fichiers installés avec Fireworks A un certain stade de l’installation, il pourrait être souhaitable d’afficher ou d’accéder aux fichiers installés avec Fireworks. Pendant l’installation, Fireworks place des fichiers à différents endroits de votre système. Il est important que vous compreniez pourquoi ils résident à tel ou tel emplacement. Pour plus d’informations, voir l’aide de Fireworks (Aide > Utilisation de Fireworks ou Aide > Aide de Fireworks pour les utilisateurs de Mac OS X). Les utilisateurs de Macintosh noteront le nouveau format utilisé par Fireworks pour enregistrer l’application et ses fichiers de configuration par défaut. Pour plus d’informations, voir l’aide de Fireworks. Installation de Fireworks 7 Apprentissage de Fireworks Plusieurs ressources sont à votre disposition pour l’apprentissage de Fireworks : le présent manuel, l’aide de Fireworks, les versions PDF de la documentation de Fireworks et différentes sources d’informations Web. L’aide de Fireworks est disponible lorsque l’application Fireworks est active. Elle contient la documentation intégrale de Fireworks. Choisissez Aide > Aide de Fireworks pour ouvrir l’Aide de Fireworks. Les didacticiels Fireworks présentent de façon interactive les principales fonctions du logiciel. La réalisation de chaque didacticiel prend environ une heure. Les didacticiels traitent des tâches Fireworks courantes, telles que l’utilisation des outils de dessin et de modification, l’optimisation d’images, la création de survols, de barres de navigation et d’autres éléments interactifs. Ils sont disponibles sur le site Web d’assistance de Fireworks à l’adresse suivante : www.macromedia.com/ fr/support/. La page de démarrage est un emplacement central qui donne accès aux didacticiels, aux notes techniques et aux toutes dernières informations sur Fireworks. Cette page est dynamique : un simple clic sur un bouton vous permet d’obtenir les dernières mises à jour et informations sur Fireworks provenant directement de Macromedia. L’application Fireworks comporte de nombreuses boîtes de dialogue et info-bulles pour faciliter l’utilisation du programme. Les info-bulles apparaissent lorsque vous placez le pointeur sur l’un des éléments de l’interface utilisateur. La Prise en main de Fireworks comprend des informations sommaires concernant les fonctions de base de Fireworks. Utilisation de Fireworks, le manuel utilisateur de Fireworks, est vendu au format papier sur le site de Macromedia. Le PDF Utilisation de Fireworks est un document imprimable et prenant en charge la fonction de recherche. Ce document est disponible sur le CD d’installation et sur le site Web de Macromedia à l’adresse suivante : www.macromedia.com/support/fireworks/ documentation.html. Le site Web de Macromedia est régulièrement mis à jour avec les dernières informations concernant Fireworks. Il comporte également des conseils pour les utilisateurs confirmés, des rubriques avancées, des exemples, des astuces et des mises à jour. Check Macromedia’s website for news on Fireworks and tips on getting the most out of the program at www.macromedia.com/fr/. Le groupe de discussion de Fireworks permet de communiquer en direct avec les autres utilisateurs de Fireworks, les techniciens d’assistance et l’équipe de développement de Fireworks. Utilisez un lecteur de groupes de discussion pour accéder à news://forums.macromedia.com/ macromedia.fireworks. Le manuel Extension de Fireworks indique comment automatiser les tâches de Fireworks à l’aide du code JavaScript. Vous pouvez contrôler toutes les commandes et fonctions de Fireworks en JavaScript, à l’aide de commandes JavaScript spéciales que Fireworks peut interpréter. La version PDF de Extension de Fireworks est disponible sur le site Web de Macromedia. 8 Chapitre 1 : Presentation Enregistrement de Fireworks Il est judicieux d’enregistrer votre copie de Macromedia Fireworks par voie électronique ou par courrier. Vous pouvez effectuer un enregistrement électronique lors du processus d’activation du produit, au premier lancement de Fireworks. Lorsque vous vous enregistrez, vous êtes placé sur une liste prioritaire vous permettant de recevoir des notifications presque en temps réel concernant les mises à jour et les nouveaux produits Macromedia. Vous recevrez des notifications par courriel concernant les mises à jour du produit et les nouveaux contenus paraissant sur les sites Web www.macromedia.com/fr/ et www-euro.macromedia.com. Pour enregistrer votre copie de Fireworks, exécutez l’une des actions suivantes : • Choisissez Aide > Enregistrement en ligne et remplissez le formulaire électronique. • Choisissez Aide > Imprimer l’enregistrement, imprimez le formulaire et envoyez-le par courrier postal à l’adresse affichée dans le formulaire. Installation de Fireworks 9 Nouveautés de Fireworks Grâce à ses nouvelles fonctions, Fireworks MX 2004 devient une application de plus en plus accessible et offre une capacité accrue d’insertion de graphismes et d’éléments interactifs dans les sites Web. Fireworks MX 2004 optimise la productivité des concepteurs Web expérimentés, des développeurs HTML qui créent également des graphiques, et des développeurs Web débutants qui doivent développer des pages Web interactives et riches en graphiques sans avoir de connaissances techniques avancées de la programmation ou du langage JavaScript. Page de démarrage La page de démarrage apparaît au lancement de Fireworks. Elle contient différentes approches d’apprentissage du produit et vous dirige vers des emplacements auxquels vous pouvez obtenir plus d’informations ou de l’aide. Amélioration majeure du processus de création de Fireworks, cette nouvelle fonction vous permet d’enregistrer des documents importés dans leur format d’origine après y avoir inséré des changements dans Fireworks. Enregistrement au format d’origine Fireworks MX 2004 inclut désormais une prise en charge complète des formats de fichiers côté serveur, tels que CFM, PHP et ASP. Prise en charge des fichiers côté serveur Formes automatiques Les formes automatiques sont de nouveaux objets primaires qui savent comment déplacer leurs points et qui se comportent intelligemment lorsque vous les transformez. Envoi sous forme de courriel Vous pouvez désormais envoyer des documents sous forme de pièces jointes électroniques depuis Fireworks. Ce nouveau bouton vous permet de masquer et d’afficher rapidement tous les panneaux Fireworks et de libérer de la place dans l’espace de travail. Masquer/Afficher les panneaux Onglets Document (PC) Vous pouvez désormais naviguer entre plusieurs documents en cliquant sur les onglets Document situés en bas de l’espace de travail. Ajuster le document Vous pouvez aisément adapter l’image à la taille du document en cliquant sur le bouton Ajuster le document de l’Inspecteur des propriétés. Mise à l’échelle à partir du centre Appuyez sur la touche Alt (Windows) ou Option (Macintosh) pour que l’outil Mise à l’échelle effectue une mise à l’échelle à partir du centre. Outil Suppression de l’œil rouge L’outil Suppression de l’œil rouge permet d’éliminer l’effet yeux rouges sur vos photos numériques. Ce nouvel outil facilite le remplacement d’une couleur dans les images bitmap de vos documents. Outil Remplacer la couleur De nouvelles options d’effets appliqués en direct vous permettent de créer des flous artistiques et d’autres effets attrayants. Amélioration des effets appliqués en direct Fonction d’aperçu des menus contextuels Les menus contextuels de trait, de remplissage et de police de l’Inspecteur des propriétés vous montrent la manière dont une nouvelle valeur de trait, de remplissage ou de police va modifier l’objet auquel elle est appliquée. Trait de ligne pointillée La nouvelle fonction de ligne pointillée offre davantage d’options pour créer des effets de trait utiles et attrayants. Dégradé de contour Cette fonction vous permet de créer des dégradés multicolores qui suivent le contour d’un objet. Elle facilite la représentation d’illustrations organiques et fluides dans Fireworks. 10 Chapitre 1 : Presentation Bouton Gestion des fichiers Utilisez cette nouvelle barre d’outils pour archiver et extraire les fichiers d’un site Web Macromedia Studio MX 2004. Prise en charge d’Unicode Exploitez les nouvelles fonctions de langue de votre système d’exploitation. Les utilisateurs de la version anglaise de Fireworks MX 2004 peuvent désormais créer du texte de description et des graphiques à double octet, et utiliser des caractères à double octet, tels que Kanji et Hiragana, dans tout champ de texte. Anticrénelage amélioré Basées sur l’anticrénelage système Windows ou Quartz pour Macintosh, les différentes options d’anticrénelage améliorent la lisibilité du texte. Vous pouvez également utiliser l’option innovante d’anticrénelage personnalisé de Fireworks. Cette liste d’améliorations de Fireworks MX 2004 n’est pas exhaustive. Pour plus d’informations sur tous les changements intervenus dans Fireworks, consultez l’aide de Fireworks. Choisissez Aide > Aide de Fireworks. Nouveautés de Fireworks 11 12 Chapitre 1 : Presentation CHAPITRE 2 Concepts de base de Fireworks L’application Macromedia Fireworks MX 2004 met à votre disposition des outils de conception de graphiques Web. Ses solutions novatrices permettent de résoudre les principaux problèmes posés aux concepteurs et aux webmasters. Grâce à la large palette d’outils proposée par Fireworks, vous pouvez créer et éditer des graphiques vectoriels et bitmap dans un même fichier. L’avènement de Fireworks a libéré les concepteurs de sites Web des tâches fastidieuses impliquant l’ouverture de douzaines d’applications spécifiques. L’application directe et non destructive des effets évite de devoir recréer des graphiques Web après une modification simple. La génération de code JavaScript facilite considérablement la création de survols. Des fonctions d’optimisation efficaces réduisent la taille de fichiers graphiques Web sans sacrifier la qualité. Si vous débutez avec Fireworks, il vous serait utile de comprendre les concepts généraux de Fireworks tels que l’ouverture, l’importation et l’enregistrement de fichiers, vous familiariser à l’environnement de Fireworks et travailler dans un fichier. Une fois que vous avez créé un nouveau fichier ou que vous avez ouvert un fichier existant, l’environnement de travail Fireworks est accessible. Travailler avec Fireworks Fireworks est une application souple de création, d’édition et d’optimisation de graphiques pour le Web. Vous pouvez créer et modifier des images bitmap et vectorielles, créer des effets pour le Web tels que les survols et les 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 un type de fichier spécifique vers une autre application telle que Photoshop ou Macromedia Flash, si vous voulez continuer à travailler dans ces applications. 13 Objets vectoriels et bitmap Dans le panneau Outils de Fireworks, vous trouverez des sections distinctes contenant des outils de création et de modification de vecteurs et de bitmaps. Dans Fireworks, l’outil que vous choisissez détermine si l’objet que vous créez est un objet vectoriel ou bitmap. Par exemple, choisissez l’outil Plume dans la partie Vecteur du panneau Outils, et vous pouvez commencer à tracer des trajets vectoriels en plaçant des points. Choisissez l’outil Pinceau, et vous pouvez faire glisser le pointeur afin de dessiner un objet bitmap. Choisissez l’outil Texte, et vous pouvez démarrer votre saisie. Après avoir dessiné des objets vectoriels, des objets bitmap ou du texte, vous pouvez utiliser toute une panoplie d’outils, d’effets, de commandes et de techniques pour mettre en valeur et achever vos graphiques. Vous pouvez utiliser les outils de Fireworks situés dans l’éditeur 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 son ton, et vous pouvez également la recadrer, la retoucher et la masquer. Graphiques interactifs Les découpes et les références sont des objets Web qui spécifient des zones interactives dans un graphisme pour le 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 apparaît dans une cellule de tableau. Les références permettent d’affecter des liens URL et des comportements à l’ensemble ou à une partie du graphique. Pour plus d’informations, voir l’aide de Fireworks. 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 images d’interversion et des comportements de survol directement depuis l’espace de travail. L’Editeur de boutons et l’Editeur de menu contextuel sont des fonctions pratiques de Fireworks qui vous aident à créer des graphiques interactifs spéciaux pour naviguer sur les sites Web. Optimisation et exportation de graphiques Fireworks possède des fonctions d’optimisation puissantes qui vous aident à trouver l’équilibre entre la taille des fichiers et une qualité visuelle acceptable lorsque vous vous apprêtez à exporter des graphiques. Optimisez les graphiques Web avec Fireworks pour réduire la taille des fichiers et accélérer ainsi 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 au niveau de 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. 14 Chapitre 2 : Concepts de base de Fireworks 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 les tables HTML contenant des images découpées en différents types de fichiers. Pour plus d’informations, voir l’aide de Fireworks. Graphiques vectoriels et bitmap Les ordinateurs affichent des graphiques au format vectoriel ou bitmap. Comprendre la différence entre les deux formats vous aidera à comprendre Fireworks, qui contient des outils vectoriels et bitmap, et qui est capable d’ouvrir ou d’importer les deux formats. Graphiques vectoriels Les graphiques vectoriels reproduisent des images en utilisant des lignes et des courbes, appelées vecteurs, qui incluent des informations de couleur et de position. Par exemple, l’image d’une feuille peut être décrite par une série de points qui représente 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 (le remplissage). Lorsque vous modifiez un graphisme vectoriel, vous modifiez les propriétés des lignes et des courbes qui en décrivent la forme. Les graphiques vectoriels ne dépendent pas de la résolution, ce qui signifie que vous pouvez déplacer, redimensionner, reformer ou changer la couleur d’un graphisme vectoriel et l’afficher sur des écrans de diverses résolutions, sans affecter la qualité de son aspect. Graphiques vectoriels et bitmap 15 Graphiques bitmap Les graphiques bitmap sont composés de points, appelés pixels, organisés dans une grille. L’écran de votre ordinateur est une grande grille de pixels. Dans une version bitmap de la feuille, l’image est déterminée par l’emplacement et la valeur de couleur de l’ensemble des pixels de la grille. Chaque point est associé à une couleur. Lorsque ces points sont affichés à la bonne résolution, ils forment une image comparable à une mosaïque. Lorsque vous modifiez un graphisme, vous modifiez des pixels et non pas des lignes et des courbes. Ces graphiques bitmap dépendent de la résolution, autrement dit les données décrivant l’image sont conditionnées par une grille de taille spécifique. L’agrandissement d’un graphique modifie la distribution des pixels dans la grille et produit souvent une image aux bords dentelés. L’affichage d’un graphique bitmap sur un écran dont la résolution est inférieure à celle de l’image risque également d’en dégrader la qualité. Création d’un nouveau document Lorsque vous choisissez Fichier > Nouveau pour créer un nouveau document avec Fireworks, un fichier de type PNG (Portable Network Graphic) est créé. PNG est le format de fichier natif de Macromedia Fireworks. Lorsque vous créez des graphiques avec Fireworks, vous pouvez les exporter sous d’autres formats Web courants, tels que JPEG, GIF et GIF animé. Vous pouvez également exporter des graphiques vers de nombreux formats populaires utilisés en dehors du Web, tels que le TIFF et le BMP. Quels que soient les paramètres d’optimisation et d’exportation choisis, le fichier PNG Fireworks d’origine est conservé afin de permettre une modification ultérieure aisée. Avant de créer un graphique Web avec Fireworks, vous devez créer un document ou en ouvrir un qui existe déjà. Vous pourrez par la suite ajuster les options de paramétrage dans l’Inspecteur des propriétés. 16 Chapitre 2 : Concepts de base de Fireworks Pour créer un nouveau document : 1 Choisissez Fichier > Nouveau. La boîte de dialogue Nouveau document est alors affichée. 2 Entrez la largeur et la hauteur du document en pixels, pouces ou centimètres. 3 Entrez une résolution en pixels par pouce ou pixels par centimètre. 4 Sélectionnez une couleur de fond blanche, transparente ou personnalisée. Remarque : Utilisez le sélecteur de couleurs près de l’option Personnalisée de la boîte de dialogue pour sélectionner la couleur de votre choix. 5 Cliquez sur OK pour créer le nouveau document. Pour créer un nouveau document de la même taille qu’un objet du Presse-papiers : 1 Copiez un objet dans le Presse-Papiers à partir de : un autre document Fireworks ; un navigateur Web ; ■ l’une des applications énumérées dans Collage dans Fireworks, page 21. 2 Choisissez Fichier > Nouveau. La boîte de dialogue Nouveau document est ouverte et affiche la hauteur et la largeur de l’objet copié dans le Presse-papiers. 3 Choisissez une résolution et une couleur de fond, puis cliquez sur OK. 4 Choisissez Edition > Coller pour coller dans le nouveau document l’objet en provenance du Presse-papiers. ■ ■ Création d’un nouveau document 17 Ouverture et importation de fichiers Dans Fireworks, vous pouvez facilement ouvrir, importer et modifier des images vectorielles et bitmap créées dans d’autres programmes graphiques. En outre, vous pouvez importer des images en provenance d’un appareil photo numérique ou d’un scanner. Remarque : Lorsque vous importez un fichier depuis Macromedia Dreamweaver, Fireworks conserve la plupart des comportements JavaScript, mais pas la totalité. Si Fireworks prend en charge un comportement particulier, ce dernier est reconnu et conservé lorsque vous réimportez le fichier dans Dreamweaver. Pour ouvrir un document Fireworks : 1 Choisissez Fichier > Ouvrir. La boîte de dialogue Ouvrir est alors ouverte. 2 Sélectionnez le fichier, puis cliquez sur Ouvrir. Conseil : Pour ouvrir un fichier sans effacer la précédente version, choisissez Ouvrir en tant que Sans titre, puis enregistrez le fichier en utilisant un autre nom. Ouverture des derniers documents fermés Le menu Fichier liste les 10 derniers documents fermés dans le sous-menu Ouvrir les fichiers récents. La page de démarrage répertorie également les documents récemment fermés. Pour ouvrir un fichier récemment fermé : 1 Choisissez Fichier > Ouvrir les fichiers récents. 2 Choisissez un fichier à partir du sous-menu. Pour ouvrir un fichier récemment fermé lorsque aucun fichier n’est ouvert : 1 Cliquez sur le nom du fichier dans la page de démarrage. Ouverture de graphiques créés dans d’autres applications Fireworks permet d’ouvrir des fichiers créés dans d’autres applications ou à des formats différents, ce qui inclut les fichiers Photoshop, Macromedia FreeHand, Illustrator, CorelDRAW non compressés, WBMP, EPS, JPEG, GIF et GIF animés. Lorsque vous ouvrez un format de fichier autre que PNG en utilisant la commande 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 choisir Enregistrer sous pour enregistrer votre travail comme nouveau fichier PNG Fireworks ou, avec certains types d’images, choisir Enregistrer pour enregistrer le document dans son format d’origine. Si vous choisissez 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. Vous pouvez enregistrer tout type de fichier. Fireworks ouvre néanmoins la boîte de dialogue Enregistrer sous dès que vous êtes en présence d’un format d’image qui ne peut être enregistré directement par Fireworks. Vous pouvez enregistrer directement aux formats PNG Fireworks, PNG créé par d’autres applications, GIF, GIF animé, JPG, BMP, WBMP et TIF. Remarque : Fireworks enregistre les images TIF 16 bits à une profondeur de couleur de 24 bits. 18 Chapitre 2 : Concepts de base de Fireworks GIF animés Vous pouvez ouvrir les fichiers GIF dans Fireworks de deux façons. • Importez un GIF animé en tant que symbole d’animation. Vous pouvez modifier et déplacer tous les éléments de l’animation en tant qu’unité simple et utiliser le panneau Bibliothèque pour créer de nouvelles occurrences du symbole. Remarque : Lorsque vous importez un GIF animé, la cadence de diffusion des images est de 0,07 seconde par défaut. Si nécessaire, utilisez le panneau Images pour rétablir la cadence de diffusion d’origine. • Ouvrez le fichier GIF animé comme un fichier GIF ordinaire. Les éléments du fichier GIF sont placés en tant qu’image distincte dans une image de Fireworks. Dans Fireworks, vous pouvez convertir le graphisme en un symbole d’animation. Fichiers EPS Fireworks ouvre la plupart des fichiers EPS, tels que les fichiers PhotoShop EPS, en tant qu’images bitmap fusionnées, dans lesquelles tous les objets sont rassemblés dans un calque unique. Toutefois, certains fichiers EPS exportés à partir d’Illustrator conservent leurs informations vectorielles. Pour la plupart des fichiers EPS que vous ouvrez ou que vous importez, la boîte de dialogue Options de fichier EPS s’ouvre. Taille de l’image détermine les dimensions et les unités de rendu de l’image. Choisissez pixels, pourcentage, pouces ou centimètres. Résolution indique les pixels par unité pour la résolution. Contraindre les proportions Anticrénelé ouvre le fichier en respectant les proportions du fichier d’origine. lisse les bords irréguliers du fichier EPS ouvert. Si vous ouvrez ou importez des fichiers EPS Illustrator qui contiennent des informations vectorielles, la boîte de dialogue Options de fichier vectoriel s’affiche. C’est la même boîte de dialogue qui apparaît lorsque vous ouvrez ou importez des fichiers FreeHand. Fichiers WBMP Fireworks peut ouvrir des fichiers WBMP. Il s’agit de fichiers 1 bit (monochromes) qui ont été optimisés pour les périphériques d’informatique mobile. Ce format est conçu pour les pages WAP (Wireless Application Protocol). Vous pouvez ouvrir un fichier WBMP directement en utilisant Fichier > Ouvrir ou importer un fichier WBMP en utilisant Fichier > Importer. Ouverture et importation de fichiers 19 Création de fichiers PNG dans Fireworks à partir de fichiers HTML Fireworks peut ouvrir et importer des contenus HTML créés dans d’autres applications. Lorsque vous ouvrez ou importez un fichier HTML, Fireworks reconstruit la mise en page et les comportements définis par le code HTML, vous permettant de recréer des pages Web contenant des graphiques découpés, des boutons JavaScript ainsi que d’autres types d’interactivité. Cela vous permet de récupérer des sites Web dont vous avez hérité, même si vous ne possédez pas les fichiers PNG source. Grâce à cette fonction, vous pouvez ouvrir ou importer rapidement une page Web afin de mettre à jour des graphiques, changer la mise en page du document ou modifier des liens de navigation, des boutons et d’autres éléments interactifs, le tout sans avoir à reconstruire la page depuis le début ou à modifier les scripts. Etant donné que Fireworks exporte les contenus HTML sous la forme d’une table HTML, cela détermine également la mise en page du document pour des HTML importés se basant sur des tables HTML. Le fichier HTML doit contenir au moins une table pour que vous puissiez le reconstruire dans Fireworks. Pour plus d’informations, voir l’aide de Fireworks. Vous avez plusieurs façons d’intégrer des contenus HTML dans Fireworks : • Vous pouvez ouvrir toutes les tables HTML dans un fichier HTML. • Vous pouvez ouvrir la première table HTML rencontrée par Fireworks dans un fichier HTML. • Vous pouvez importer la première table HTML rencontrée par Fireworks dans un document Fireworks existant. Remarque : Fireworks peut également importer des documents qui utilisent un encodage UTF-8 ainsi que ceux écrits en XHTML. Les fichiers XHTML possèdent généralement l’extension .xhtm ou .xhtml. Pour plus d’informations, voir l’aide de Fireworks. Pour ouvrir toutes les tables d’un fichier HTML : 1 Choisissez Fichier > Reconstituer la table. 2 Sélectionnez le fichier HTML contenant les tables que vous voulez ouvrir et cliquez sur Ouvrir. Chaque table s’ouvre dans sa propre fenêtre de document. Pour ouvrir uniquement la première table d’un fichier HTML : 1 Choisissez Fichier > Ouvrir. 2 Sélectionnez le fichier HTML contenant la table que vous voulez ouvrir et cliquez sur Ouvrir. La première table du fichier HTML s’ouvre dans une nouvelle fenêtre de document. Pour importer la première table d’un fichier HTML vers un document Fireworks ouvert : 1 Choisissez Fichier > Importer. 2 Sélectionnez le fichier HTML à partir duquel vous voulez effectuer l’importation et cliquez sur Ouvrir. 3 Cliquez pour placer le point d’insertion à l’endroit où vous désirez qu’apparaisse la table importée. Insertion d’objets dans un document Fireworks Importez, glissez-déposez ou copiez-collez 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. 20 Chapitre 2 : Concepts de base de Fireworks Glisser-déposer d’images dans Fireworks Utilisez la méthode glisser-déposer pour importer des objets vectoriels, des images bitmap ou du texte dans Fireworks à partir d’applications prenant en charge ce type de méthode : • • • • • • • • FreeHand 7 ou plus récent ; Flash 3 ou plus récent ; Photoshop 4 ou plus récent ; Illustrator 7 ou plus récent ; Microsoft Office 97 ou plus récent ; Microsoft Internet Explorer 3 ou plus récent ; Netscape Navigator 3 ou plus récent ; CorelDRAW 7 ou plus récent. Pour glisser une image ou du texte dans Fireworks : • A partir de l’autre application, faites glisser l’objet ou le texte dans Fireworks. Collage dans Fireworks Lorsque vous collez dans Fireworks un objet copié à partir d’une autre application, cet objet est placé au centre du document actif. Vous pouvez copier et coller un objet ou du texte dans n’importe lesquels des formats ci-dessous depuis le Presse-papiers : • • • • • • • • • • • FreeHand 7 ou plus récent ; Illustrator ; fichiers PNG ; PICT (Macintosh) ; DIB (Windows) ; BMP (Windows) ; texte ASCII ; EPS ; WBMP ; TXT ; RTF. Pour coller dans Fireworks : 1 Depuis l’autre application, copiez l’objet ou le texte que vous souhaitez coller. 2 Dans Fireworks, collez l’objet ou le texte dans votre document. Localisation des objets collés Lorsque vous collez un objet dans Fireworks, son placement dépend de ce qui est sélectionné : • Si au moins un objet d’un calque simple est sélectionné, l’objet collé est placé devant – ou empilé directement au-dessus – l’objet sélectionné dans ce même calque. • Si le calque est sélectionné ainsi que, soit aucun, soit tous les objets, l’objet collé est placé devant – ou empilé directement au-dessus – l’objet placé tout en haut de ce même calque. Ouverture et importation de fichiers 21 • Si deux ou davantage objets de plusieurs calques sont sélectionnés, l’objet collé est placé devant – ou empilé directement au-dessus – l’objet placé tout en haut du calque le plus haut. • Si le calque Web ou bien un objet du calque Web est sélectionné, l’objet collé est placé devant – ou empilé au-dessus de – tous les autres objets du calque le plus bas. Remarque : Le calque Web est un calque spécial qui contient tous les objets Web. Il est toujours placé en haut du panneau Calques.Pour plus d’informations, voir l’aide de Fireworks. Rééchantillonnage des objets collés Lorsque vous collez un bitmap avec une résolution différente de celle du document Fireworks de destination, Fireworks vous demande si vous souhaitez rééchantillonner le bitmap. Le rééchantillonnage ajoute ou supprime des pixels d’un bitmap redimensionné afin de correspondre le plus possible à l’apparence du bitmap d’origine. Le rééchantillonnage d’un bitmap dans une résolution trop haute provoque généralement une petite perte de qualité. Toutefois, le rééchantillonnage dans une résolution trop basse cause toujours une perte de données et généralement une baisse de qualité. Pour rééchantillonner un objet bitmap en le collant : 1 Copiez le bitmap dans le Presse-papiers de Fireworks ou d’un autre programme. 2 Choisissez Edition > Coller dans Fireworks. Si l’image bitmap du Presse-papiers possède une résolution différente du document actif, une boîte de dialogue apparaît, vous demandant si vous voulez oui ou non effectuer un rééchantillonnage. 3 Choisissez l’une des options suivantes : ■ Oui conserve la largeur et la hauteur du bitmap collé, ajoutant ou supprimant des pixels si nécessaire. ■ Non conserve tous les pixels d’origine, ce qui peut rendre la taille relative de l’image collée plus grande ou plus petite que prévu. Importation de fichiers PNG Vous pouvez importer des fichiers PNG de Fireworks dans le calque courant du document Fireworks actif. Tout objet référence et découpe est placé sur le calque Web du document. Pour plus d’informations, voir l’aide de Fireworks. Pour importer un fichier PNG dans le calque d’un document Fireworks : 1 Dans le panneau Calques, sélectionnez le calque dans lequel vous voulez importer le fichier. 2 Choisissez Fichier > Importer pour ouvrir la boîte de dialogue Importer. 3 Recherchez le fichier à importer, puis cliquez sur Ouvrir. 4 Sur le document, positionnez le pointeur d’importation à l’endroit où vous voulez placer le coin supérieur gauche de l’image. 5 Importez le fichier : ■ Cliquez pour importer l’image. ■ Faites glisser le pointeur d’importation pour redimensionner l’image importée. Les proportions de l’image sont respectées. 22 Chapitre 2 : Concepts de base de Fireworks Importation d’une image à partir d’un scanner ou d’un appareil photo numérique Vous pouvez importer des images à partir d’un scanner ou d’un appareil photo numérique uniquement s’il est compatible TWAIN (Windows) ou s’il prend en charge les plug-ins Photoshop Acquire (Macintosh). Ces images sont ouvertes dans un nouveau document. 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 plus spécifiques sur l’installation, les paramètres et les options, consultez la section de la documentation de votre scanner ou appareil photo numérique relative au module TWAIN ou au plug-in Photoshop Acquire. Sur le 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 l’aide de Fireworks. Pour diriger Fireworks vers les plug-ins Photoshop Acquire : 1 A partir de Fireworks, choisissez Edition > Préférences. Remarque : Sur Mac OS X, choisissez Fireworks > Préférences. 2 Cliquez sur l’onglet Dossiers. 3 Activez 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. Pour importer une image par l’intermédiaire d’un scanner ou d’un appareil photo numérique : 1 Connectez le scanner ou l’appareil photo à votre ordinateur. 2 Installez le logiciel qui accompagne le scanner ou la camera, si cela n’a pas déjà été fait. 3 Dans Fireworks, choisissez Fichier > Scanneur et choisissez un module TWAIN ou un plug-in Photoshop Acquire qui correspond au périphérique à partir duquel vous importez une image. Remarque : Pour la plupart des modules TWAIN ou des plug-ins Photoshop Acquire, des boîtes de dialogue supplémentaires permettent de spécifier d’autres options. 4 Suivez les instructions pour appliquer les paramètres désirés. L’image importée est ouverte dans un nouveau document Fireworks. Enregistrement de fichiers Fireworks Lorsque vous créez un nouveau document ou ouvrez un fichier PNG Fireworks existant, le nom de fichier du document possède l’extension .png. 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 24. Enregistrement de fichiers Fireworks 23 L’emplacement par défaut dans lequel Fireworks enregistre un document est déterminé par les éléments suivants, selon cet ordre : • l’emplacement actuel du fichier ; • l’emplacement actuel d’exportation/d’enregistrement, défini à chaque fois que vous modifiez • l’emplacement par défaut à partir des boîtes de dialogue Enregistrer, Enregistrer sous, Enregistrer une copie ou Exporter ; l’emplacement d’enregistrement par défaut des nouveaux documents ou des nouvelles images sur le système d’exploitation. Enregistrement de fichiers PNG Fireworks Lorsque vous créez un nouveau document ou ouvrez un fichier PNG Fireworks existant, le nom de fichier du document possède l’extension .png. Le fichier affiché dans le document Fireworks est votre fichier source, ou fichier de travail. L’utilisation d’un fichier PNG de Fireworks comme fichier source amène les avantages suivants : • Le fichier PNG source est toujours modifiable. Vous pouvez faire marche arrière et effectuer • des modifications supplémentaires, même après l’exportation du fichier dans le but de l’utiliser sur le Web. Vous pouvez découper des graphiques complexes en plusieurs parties et les exporter sous différents formats et paramètres d’optimisation. Pour enregistrer un nouveau document Fireworks : 1 Choisissez Fichier > Enregistrer sous. La boîte de dialogue Enregistrer sous apparaît. 2 Recherchez l’emplacement désiré et tapez 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 : • Choisissez Fichier > Enregistrer. Enregistrement de documents dans d’autres formats Lorsque vous ouvrez un fichier d’un format autre que PNG à l’aide des options Fichier > Ouvrir, vous pouvez utiliser toutes les fonctions de Fireworks pour modifier l’image. Vous pouvez alors choisir Enregistrer sous pour enregistrer votre travail en tant que nouveau fichier PNG Fireworks ou, avec certains types d’images, choisir Enregistrer pour enregistrer le document dans son format d’origine. Si vous choisissez 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. Vous pouvez enregistrer tout type de fichier. Néanmoins, la fenêtre Enregistrer sous apparaît dès que vous êtes en présence d’un format d’image qui ne peut être enregistré directement. Vous pouvez enregistrer directement aux formats PNG Fireworks, PNG créé par d’autres applications, GIF, GIF animé, JPG, BMP, WBMP et TIF (Fireworks enregistre les images TIF 16 bits à une profondeur de couleur de 24 bits). Remarque : Ce comportement diffère par rapport à celui des versions précédentes de Fireworks. 24 Chapitre 2 : Concepts de base de Fireworks 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 effectuez est appliquée au fichier PNG et non à l’original. Pour enregistrer vos modifications dans le format de fichier d’origine, vous devez exporter le fichier vers ce format. Lorsque vous choisissez Enregistrer, la boîte de dialogue Exporter apparaît automatiquement. Pour enregistrer un fichier GIF, JPEG, TIFF, BMP, WBMP ou non PNG Fireworks existant : 1 Choisissez Fichier > Enregistrer. 2 Si les modifications apportées au document ne peuvent pas être enregistrées dans le format d’origine du fichier, vous êtes invité à enregistrer une version PNG du fichier. Ces modifications peuvent être l’ajout de nouveaux objets, de masques et d’effets directs, ou le réglage de l’opacité, l’application de modes de fondu et l’enregistrement de sélections de pixels. Pour exporter un document dans un autre format : 1 Choisissez un format de fichier dans le panneau Optimiser. 2 Choisissez Fichier > Exporter pour exporter le document. Pour plus d’informations, voir l’aide de Fireworks. Enregistrement de fichiers Fireworks 25 Environnement de travail de Fireworks Lorsque vous ouvrez pour la première fois un document dans Fireworks, l’environnement de travail est activé, 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 libellé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 rassemblés en groupes le long du bord droit de l’écran. La fenêtre du document apparaît au centre de l’application. Utilisation de la page de démarrage Lorsque vous lancez Fireworks sans ouvrir de document, la page de démarrage s’affiche dans l’environnement de travail. Cette page vous permet d’accéder rapidement aux didacticiels Fireworks, aux fichiers récents et à Fireworks Exchange, d’où vous pouvez améliorer les fonctions de Fireworks. La page de démarrage s’utilise comme une page Web. Il vous suffit de cliquer sur une fonction à l’écran pour l’utiliser. Pour désactiver la page de démarrage : 1 Lancez Fireworks sans ouvrir de document. La page de démarrage apparaît. 2 Cliquez sur Ne plus afficher. 26 Chapitre 2 : Concepts de base de Fireworks Utilisation du panneau Outils Le panneau Outils se divise en six catégories : Sélection, Bitmap, Vecteur, Web, Couleurs et Affichage. Modification des options des outils Lorsque vous choisissez un outil, l’Inspecteur des propriétés affiche les options de l’outil. Certaines options d’outils restent affichées lorsque vous travaillez avec l’outil. Pour d’autres outils, tels que les outils des formes de base, la Plume et la Ligne, l’Inspecteur des propriétés affiche les propriétés des objets sélectionnés. Pour plus d’informations sur l’Inspecteur des propriétés, voir Utilisation de l’Inspecteur des propriétés, page 28. Pour que s’affiche dans l’Inspecteur des propriétés les options d’un outil que vous êtes déjà en train d’utiliser : • Choisissez Sélection > Désélectionner pour désélectionner tous les objets. Environnement de travail de Fireworks 27 Pour plus d’informations sur des options d’outils spécifiques, voir les sections qui introduisent les différents outils dans Utilisation de Fireworks ou consultez l’aide de Fireworks. Sélection d’un outil à partir d’un groupe d’outils Un petit triangle dans le coin inférieur droit d’un outil dans le panneau Outils indique qu’il fait partie d’un groupe d’outils. Par exemple, l’outil Rectangle fait partie du groupe des outils destiné aux formes de base, qui inclut également les outils Rectangle arrondi, Ellipse et Polygone. Sont aussi inclus les outils Formes automatiques apparaissant sous la ligne de séparation. Pour choisir un outil à partir d’un groupe d’outils : 1 Cliquez sur l’icône de l’outil et maintenez enfoncé le bouton de la souris. Un menu contextuel apparaît avec les icônes des outils, le nom des outils et les touches de raccourci. L’outil actuellement sélectionné possède une encoche à gauche de son nom. 2 Faites glisser le pointeur afin de sélectionner l’outil désiré et relâchez le bouton de la souris. L’outil apparaît dans le panneau Outils, et les options de l’outil apparaissent dans l’Inspecteur des propriétés. Utilisation de l’Inspecteur des propriétés L’Inspecteur des propriétés est un panneau sensible au contexte qui affiche les propriétés de la sélection courante, les options de l’outil courant ou bien les propriétés du document. Par défaut, l’Inspecteur des propriétés est ancré en bas de l’espace de travail. L’Inspecteur des propriétés peut être ouvert à 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 en le laissant dans l’espace de travail. Remarque : Dans le manuel Utilisation de Fireworks, la plupart des procédures partent du principe que l’Inspecteur des propriétés est complètement déployé. 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 en 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. 28 Chapitre 2 : Concepts de base de Fireworks Pour déployer l’Inspecteur des propriétés de la mi-hauteur à la pleine hauteur, permettant ainsi de découvrir des options supplémentaires, procédez de l’une des manières suivantes : • Cliquez sur la flèche d’extension située dans le coin inférieur droit l’Inspecteur des propriétés. • Cliquez sur l’icône en haut à droite de l’Inspecteur des propriétés et choisissez Pleine hauteur à partir du menu Options de l’Inspecteur des propriétés. Remarque : Sous Windows, le menu Options est disponible uniquement lorsque l’Inspecteur des propriétés est ancré. Pour réduire à mi-hauteur l’Inspecteur des propriétés, procédez de l’une des manières suivantes : • Cliquez sur la flèche d’extension située dans le coin inférieur droit de l’Inspecteur des propriétés. • Choisissez Demi-hauteur à partir du menu Options de l’Inspecteur des propriétés. 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é, procédez de l’une des manières suivantes : • Cliquez sur la flèche d’extension ou sur le titre de l’Inspecteur des propriétés. • Choisissez Réduire le groupe de panneaux à partir du menu Options de l’Inspecteur des propriétés ancré. Pour plus d’informations sur les options spécifiques de l’Inspecteur des propriétés, voir les sections appropriées du manuel Utilisation de Fireworks ou consulter l’aide de Fireworks. Utilisation des panneaux Les panneaux sont des groupes de commandes 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 couleurs du nuancier. Il est possible de faire glisser les panneaux de façon à les regrouper en fonction de vos préférences. Les panneaux suivants sont regroupés par défaut : • Les panneaux Styles, URL et Bibliothèque sont rassemblés dans le groupe de panneaux Actifs. • Les panneaux Mélangeur et Nuanciers sont rassemblés dans le groupe de panneau Couleurs. • Les panneaux Images et Historique sont rassemblés dans le groupe de panneaux Images et Historique. Les panneaux Optimiser, Calques, Formes, Info, Comportements, Rechercher et Aligner ne sont pas regroupés par défaut mais vous pouvez le faire à votre convenance. Lorsque vous regroupez des panneaux, tous les noms du groupe de panneaux apparaissent dans la barre de titre du groupe de panneaux. Vous pouvez toutefois renommer les groupes de panneaux comme bon vous semble. Environnement de travail de Fireworks 29 Le panneau Optimiser vous permet de gérer les paramètres qui contrôlent la taille et le type de fichier, de travailler avec la palette des couleurs du fichier ou de la découpe à exporter. Le panneau Calques vous permet d’organiser la structure d’un document et comporte des options de création, suppression et manipulation des calques. Le panneau Images inclut des options de création d’animations. Le panneau Historique répertorie les commandes que vous avez utilisées récemment de façon à pouvoir les annuler et les rétablir rapidement. En outre, vous pouvez sélectionner des actions multiples, puis les enregistrer et les réutiliser en tant que commandes. Pour plus d’informations, voir Utilisation du panneau Historique pour annuler ou répéter plusieurs actions, page 45. Le panneau Formes contient les formes automatiques qui n’apparaissent pas dans le panneau Outils. vous permet de stocker et de réutiliser des combinaisons de caractéristiques d’objets ou de choisir un style stocké. Le panneau Styles Le panneau Bibliothèque comporte des symboles de graphiques, de boutons 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 simplement le symbole. Pour plus d’informations, voir l’aide de Fireworks. vous permet de créer des bibliothèques contenant les URL les plus fréquemment utilisées. Le panneau URL Le panneau Mélangeur vous permet de créer de nouvelles couleurs que vous pouvez ensuite ajouter à la palette de couleurs du document actif ou appliquer à des objets sélectionnés. Le panneau Nuanciers gère la palette de couleurs du document actif. Le panneau Info fournit des informations sur les dimensions des objets sélectionnés et les coordonnées exactes du pointeur au cours de son déplacement. Le panneau Comportements gère les comportements qui déterminent ce qui se produit lorsque des références ou des découpes réagissent aux déplacements de la souris. Le panneau Rechercher vous permet de rechercher et de remplacer des éléments tels que du texte, des URL, des polices et des couleurs dans un ou plusieurs documents. Le panneau Aligner renferme les commandes d’alignement et de distribution des objets dans le document. Organisation des groupes de panneaux et des panneaux Par défaut, les panneaux Fireworks sont rassemblés par groupes dans la zone d’ancrage, dans la partie droite de l’espace de travail. Vous pouvez annuler l’ancrage des groupes de panneaux, ajouter des panneaux à un groupe, annuler l’ancrage de panneaux individuels, réorganiser l’ordre des groupes de panneaux ancrés, et réduire et fermer des groupes de panneaux. Vous pouvez également ouvrir et fermer des panneaux individuels. Pour annuler l’ancrage ou déplacer un groupe de panneaux ou un panneau : • Faites glisser la poignée du coin supérieur gauche du panneau et déplacez-la hors de la zone d’ancrage des panneaux de la droite de l’écran. 30 Chapitre 2 : Concepts de base de Fireworks Pour ancrer un groupe de panneaux ou un panneau : • Faites glisser la poignée du panneau vers la zone d’ancrage des panneaux. Lorsque vous faites glisser un panneau ou un groupe de panneaux au-dessus de la zone d’ancrage des panneaux, une ligne ou un rectangle d’aperçu du placement montre où s’effectuera le placement au sein des groupes. Pour réduire ou déployer un groupe de panneaux ou un panneau, exécutez l’une des actions suivantes : • Cliquez sur le titre du groupe de panneaux ou du panneau. Remarque : La barre de titre est encore visible si le groupe de panneaux ou le panneau est réduit. • Cliquez sur la flèche d’extension située dans le coin supérieur gauche du groupe de panneaux ou du panneau. Pour séparer un panneau d’un groupe de panneaux : • Faites glisser l’onglet du panneau et éloignez-le du groupe de panneaux. Pour ajouter un panneau dans un groupe de panneaux ouvert : • Faites glisser la poignée dans la zone située sous le nom du groupe de panneaux. Pour renommer un groupe de panneaux : 1 Cliquez sur l’icône située en haut à droite du groupe de panneaux et choisissez Renommer le groupe de panneaux à partir du menu Options. 2 Tapez le nouveau nom. Pour que la résolution de votre écran récupère les positions par défaut des panneaux, exécutez l’une des actions suivantes : • Choisissez Commandes > Jeux de disposition de panneaux > 800 x 600. • Choisissez Commandes > Jeux de disposition de panneaux > 1024 x 768. • Choisissez Commandes > Jeux de disposition de panneaux > 1280 x 1024. Pour ouvrir un panneau : • Choisissez le nom du panneau dans le menu Fenêtre. Conseil : Une encoche à côté du nom d’un panneau dans le menu Fenêtre indique que le panneau est ouvert. Pour fermer un panneau, utilisez l’une des méthodes suivantes : • Choisissez le nom du panneau dans le menu Fenêtre. • Si le panneau est flottant, cliquez sur le bouton Fermer de la barre de titre du panneau. Pour masquer tous les panneaux et l’Inspecteur des propriétés : • Choisissez Fenêtre > Masquer les panneaux. Pour afficher les panneaux masqués, choisissez à nouveau Fenêtre > Masquer les panneaux. Remarque : Les panneaux qui sont masqués lorsque vous choisissez Masquer les panneaux restent masqués lorsque vous désélectionnez cette commande. Environnement de travail de Fireworks 31 Pour afficher ou masquer des panneaux ancrés dans la fenêtre de l’application (Windows uniquement), utilisez l’une des méthodes suivantes : • Faites glisser la barre verticale vers la gauche de la zone du panneau ancré pour la redimensionner. • Cliquez sur la petite flèche séparant cette zone du reste de la fenêtre de l’application. Cliquez pour afficher ou masquer la zone du panneau ancré. Utilisation du menu Option des groupes de panneaux ou des panneaux Chaque panneau et groupe de panneaux possède un menu Options qui répertorie toute une sélection spécifique au panneau ou groupe de panneaux actif. Un menu Options apparaît également dans l’Inspecteur des propriétés (excepté sous Windows lorsque l’Inspecteur des propriétés est flottant). Pour choisir une option à partir du menu Option d’un panneau ou d’un groupe de panneaux : 1 Cliquez sur l’icône du menu Options dans le coin supérieur droit du panneau ou du groupe de panneaux pour ouvrir le menu. 2 Cliquez pour choisir un élément du menu. 32 Chapitre 2 : Concepts de base de Fireworks Enregistrement des dispositions des panneaux Vous pouvez enregistrer la disposition des panneaux en utilisant le menu Commandes. Ainsi, la prochaine fois que vous ouvrirez Fireworks, les panneaux seront placés à la même position. Pour enregistrer la disposition d’un panneau : 1 Choisissez Commandes > Enregistrer la disposition des panneaux. 2 Nommez la disposition du panneau et cliquez sur OK. Pour ouvrir une disposition de panneau enregistrée : • Choisissez Commandes > Jeux de disposition de panneaux et choisissez une disposition à partir du sous-menu. Bouton Exportation rapide Le bouton Exportation rapide vous permet d’exporter vos fichiers Fireworks vers un certain nombre d’applications Macromedia, y compris Dreamweaver, Flash, Director et FreeHand. Vous pouvez en outre exporter vos fichiers vers Photoshop, FrontPage, Adobe GoLive et Illustrator, ou les afficher dans le navigateur de votre choix. Pour plus d’informations, voir l’aide de Fireworks. Ouverture et déplacement des barres d’outils (Windows uniquement) Fireworks pour Windows dispose de deux barres d’outils incluant les commandes classiques de Fireworks. Pour afficher ou masquer une barre d’outils : • Choisissez Fenêtre > Barres d’outils et sélectionnez une barre d’outils. Pour détacher une barre d’outils : • Faites glisser la barre d’outils en l’éloignant de son lieu d’ancrage. Remarque : Si une barre d’outils est flottante, vous pouvez cliquer sur le bouton Fermer situé en haut à droite de la barre titre pour la fermer. 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 jusqu’à ce qu’apparaisse le rectangle de visualisation du placement. Environnement de travail de Fireworks 33 Navigation et affichage du document Vous pouvez contrôler le grossissement du document, le nombre de fenêtres d’aperçu et le mode d’affichage. En outre, vous pouvez facilement déplacer le point de vue sur un document, ce qui est particulièrement utile lorsque vous grossissez une partie de votre document et perdez la vue l’ensemble. Utilisation des onglets de documents Lorsque l’affichage de votre document est maximisé, vous pouvez facilement passer d’un document ouvert à un autre à l’aide des onglets en haut de la fenêtre du document. Le nom de chaque document ouvert apparaît sur un onglet au-dessus des boutons d’affichage. Pour passer à un autre document lorsque l’affichage du document actif est maximisé : • Cliquez sur l’onglet du document que vous souhaitez afficher. 34 Chapitre 2 : Concepts de base de Fireworks Zoom avant et vue d’ensemble Fireworks vous permet d’effectuer un zoom avant ou arrière en fonction d’un pourcentage de grossissement préétabli ou défini par l’utilisateur. L’outil Zoom Le menu contextuel Zoom L’outil Main Pour réaliser un zoom avant en utilisant des agrandissements prédéfinis, exécutez l’une des actions suivantes : • Choisissez l’outil Zoom et cliquez pour spécifier le nouveau point central à l’intérieur de la • • fenêtre du document. A chaque clic, l’image s’agrandit, passant ainsi au prochain stade d’agrandissement prédéfini. Choisissez un paramètre de zoom à partir du menu contextuel Définir le zoom situé en bas de la fenêtre du document. Choisissez Zoom avant ou alors un agrandissement prédéfini à partir du menu Affichage. Environnement de travail de Fireworks 35 Pour effectuer un zoom arrière en utilisant des réductions prédéfinies, exécutez l’une des actions suivantes : • Cliquez à l’intérieur de la fenêtre du document avec l’outil Zoom tout en appuyant sur la • • touche Alt (Windows) ou Option (Macintosh). Chaque clic réduit l’affichage au prochain pourcentage prédéfini. Choisissez un paramètre de zoom à partir du menu contextuel Définir le zoom situé en bas de la fenêtre du document. Choisissez Zoom arrière ou alors une réduction prédéfinie à partir du menu Affichage. Pour zoomer une zone spécifique sans être contraint par des agrandissements de zoom prédéfinis : 1 Choisissez l’outil Zoom. 2 Cliquez et 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 d’agrandissement qui est affiché dans le champ Définir le zoom. Remarque : Vous ne pouvez pas saisir de pourcentage d’agrandissement dans le champ Définir le zoom. Pour effectuer un zoom arrière basé sur une zone spécifique : • En maintenant la touche Alt (Windows) ou Option (Macintosh) appuyée, faites glisser une zone de sélection avec l’outil Zoom. Pour revenir à un agrandissement de 100 % : • Double-cliquez sur l’outil Zoom dans le panneau Outils. Pour se déplacer tout autour du document du document : 1 Choisissez l’outil Main. 2 Faites glisser le pointeur Main. Si le déplacement passe au-delà du document, l’affichage continue de glisser de telle sorte que vous pouvez travailler avec des pixels le long du bord du document. Pour afficher l’ensemble du document dans la fenêtre active : • Double-cliquez sur l’outil Main. 36 Chapitre 2 : Concepts de base de Fireworks Utilisation des modes d’affichage pour gérer l’espace de travail Les boutons de modes d’affichage de la catégorie Affichage du panneau Outils vous permettent de contrôler la disposition de votre espace de travail. Vous avez le choix entre les trois modes d’affichage suivants : Le mode Normal est l’affichage par défaut de la fenêtre du document. est un affichage maximisé de la fenêtre du document placé sur un arrière-plan gris avec des menus, des barres d’outils, des barres de défilement et des panneaux visibles. Le mode Plein écran avec affichage des menus Le mode Plein écran est un affichage maximisé de la fenêtre du document placé sur un arrièreplan noir sans menu, barre d’outils ni barre de titre visible. Pour changer les modes d’affichage, exécutez l’une des actions suivantes : • Pour passer au mode Plein écran avec affichage des menus, cliquez sur le bouton mode Plein • • écran avec affichage des menus du panneau Outils. Pour passer au mode Plein écran, cliquez sur le bouton mode Plein écran dans le panneau Outils. Pour revenir au mode Normal, dans la fenêtre du document, cliquez avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle et cliquez (Macintosh), puis sélectionnez Quitter le mode Plein écran dans le menu contextuel, ou bien cliquez sur le bouton mode Normal à partir du panneau Outils. Affichage de vues multiples du document Vous pouvez afficher simultanément différents niveaux de grossissement d’un même document. Les modifications que vous effectuez dans un affichage sont automatiquement appliquées dans tous les autres affichages du même document. D’une manière générale, veillez à ce que votre document ne soit pas maximisé avant de créer des vues multiples dans votre espace de travail. De cette manière, vous pouvez visualiser plusieurs vues du document à la fois. Pour ouvrir une vue de document supplémentaire à un niveau de grossissement différent : 1 Choisissez Fenêtre > Dupliquer la fenêtre. 2 Choisissez un paramètre de zoom pour la nouvelle fenêtre. Pour disposer les vues de document en mosaïque : • Choisissez Fenêtre > Mosaïque horizontale ou Fenêtre > Mosaïque verticale. Pour fermer une fenêtre de document : • Cliquez sur la case de fermeture de la fenêtre. Environnement de travail de Fireworks 37 Contrôle de l’actualisation de document Les modes d’affichage affectent la représentation à l’écran d’un document, mais pas les données de l’objet ni la qualité de la sortie. Pour contrôler le réaffichage du document : • Choisissez Affichage > Affichage normal. Si Affichage normal est sélectionné, Fireworks affiche le document avec toutes les couleurs disponibles et tous les détails. Si Affichage normal est désactivé, 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. Les modes d’affichage et de brouillon Pour afficher un document tel qu’il apparaîtrait sur une autre plate-forme : • Sous Windows, choisissez Affichage > Gamma Macintosh. • Sur Macintosh, choisissez Affichage > Gamma Windows. Vous avez maintenant un aperçu du document tel qu’il apparaîtrait sur l’autre plate-forme. Par exemple, si vous travaillez sur la plate-forme Windows, vous pouvez utiliser cette commande pour prévisualiser un document qui s’afficherait sur la plate-forme Macintosh. Modification du document La première fois que vous créez un nouveau document Fireworks, vous devez spécifier les caractéristiques du document. Vous pouvez modifier la taille et la couleur de fond du document et changer la résolution de l’image à n’importe quel moment en utilisant le menu Modifier ou l’Inspecteur des propriétés. Vous pouvez également faire pivoter le document et en supprimer les parties inutiles. Modification de la taille, de la couleur et de la résolution du document Fireworks facilite la modification de la taille et de la couleur de fond du document ainsi que de la résolution de l’image. Pour changer la taille du document : 1 Utilisez l’une des méthodes suivantes : Choisissez Modification > Document > 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 champs Largeur et Hauteur. ■ ■ 38 Chapitre 2 : Concepts de base de Fireworks 3 Cliquez sur l’un des boutons d’ancrage pour spécifier les côtés du document où Fireworks pourra ajouter ou supprimer des éléments, 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 du document à partir du menu Modification : 1 Choisissez Modification > Document > Couleur du fond. 2 Choisissez une couleur de fond blanche, transparente ou personnalisée. Si vous choisissez Personnalisée, cliquez sur une couleur de la fenêtre contextuelle du nuancier. Pour sélectionner la couleur de fond du document à partir de l’Inspecteur des propriétés : 1 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 la case Couleur du fond. 2 Sélectionnez une couleur à partir de la fenêtre contextuelle du nuancier ou cliquez sur une couleur quelconque de l’écran avec la pipette. Pour choisir un fond transparent, cliquez sur le bouton Aucune de la fenêtre contextuelle du nuancier. Pour redimensionner un document et son contenu : 1 Utilisez l’une des méthodes suivantes : 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 de l’image dans l’Inspecteur des propriétés. ■ Choisissez Modification > Document > Taille de l’image. La boîte de dialogue Taille de l’image s’affiche. ■ 2 A partir des zones de texte Dimensions des pixels, tapez les dimensions horizontales et verticales voulues. Vous pouvez changer les unités de mesure. Si l’option Rééchantillonner l’image est désactivée, vous pouvez changer la résolution ou la taille, mais pas les dimensions en pixels. 3 Dans les champs du groupe Taille, saisissez les dimensions horizontales et verticales pour l’image imprimée. 4 A partir de la zone de texte Résolution, tapez une nouvelle résolution. Environnement de travail de Fireworks 39 Vous pouvez choisir entre pixels/pouce et pixels/cm pour l’unité de mesure ou choisir Rééchantillonner l’image. Lorsque vous changez la valeur de Résolution, vous changez également la dimension en pixels. 5 Utilisez l’une des méthodes suivantes : ■ Pour conserver les proportions du document, sélectionnez l’option Contraindre les proportions. ■ Désactivez cette option pour redimensionner la largeur et la hauteur indépendamment. 6 Activez la case Rééchantillonner l’image pour ajouter ou supprimer des pixels pendant le redimensionnement de l’image de façon à obtenir un aperçu du document sous sa nouvelle taille. 7 Cliquez sur OK. Rééchantillonnage La méthode de rééchantillonnage utilisée par Fireworks, diffère de celle des autres applications d’édition d’image. Fireworks contient des objets d’images bitmap composés de pixels et des objets vectoriels composés de trajets. • Lorsqu’un objet bitmap est rééchantillonné, des pixels sont ajoutés ou supprimés pour l’agrandir ou le réduire. • Lorsqu’un objet vectoriel est rééchantillonné, la perte de qualité est faible, car le trajet est redessiné mathématiquement pour obtenir la taille voulue. Cependant, dans la mesure où les attributs des objets vectoriels de Fireworks sont en fait des pixels, certains traits ou certains remplissages peuvent sembler légèrement différents à la suite du rééchantillonnage, car les pixels qui composent le trait ou le remplissage doivent être redessinés. Remarque : Les repères, les objets référence et les objets découpe sont redimensionnés lorsque la taille de l’image du document est modifiée. 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 ? Modifiez 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 retirer des pixels d’un espace donné. Le réglage de la résolution sans rééchantillonnage ne provoque pas de pertes de données. Un rééchantillonnage positif, ou l’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 le retrait de pixels pour réduire l’image, entraîne systématiquement une perte de qualité, car des pixels sont physiquement supprimés pour redimensionner l’image. La perte de données de l’image est un autre effet indésirable du rééchantillonnage négatif. 40 Chapitre 2 : Concepts de base de Fireworks Rotation du document La fonction de rotation du document est particulièrement utile lorsqu’une image importée est à l’envers ou de travers. Vous pouvez faire pivoter le document de 180°, de 90° vers la droite ou de 90° vers la gauche. Lorsque vous appliquez une rotation au document, tous les objets qu’il contient subissent le même mouvement. Pour appliquer une rotation au document, utilisez l’une des méthodes suivantes : • Choisissez Modification > Document > Rotation 180°. • Choisissez Modification > Document > Rotation 90° vers la droite. • Choisissez Modification > Document > Rotation 90° sens anti-horaire. Réduction ou réglage du document Si votre document comporte des espaces autour du contenu du document, vous pouvez réduire la taille du document de façon simple. Vous pouvez également modifier le document en l’agrandissant afin d’accommoder des objets qui dépassent des limites. Original ; document réduit Pour réduire ou ajuster le document en fonction de son contenu : • Choisissez Sélection > Désélectionner pour afficher les propriétés du document dans l’Inspecteur des propriétés. • Cliquez sur Ajuster le document dans l’Inspecteur des propriétés. Le document s’adapte alors à la taille de son contenu. Environnement de travail de Fireworks 41 Recadrage d’un document En effectuant un recadrage, vous pouvez supprimer des parties inutiles d’un document. Le document est redimensionné afin de s’adapter à une zone que vous définissez. Par défaut, le recadrage supprime les objets qui dépassent les limites du document. Vous pouvez maintenir des objets à l’extérieur du document en changeant une préférence avant le recadrage. Pour recadrer un document : 1 Choisissez l’outil Recadrage à partir du panneau Outils ou choisissez Edition > Recadrer le document. 2 Faites glisser un cadre sur le document. Utilisez les poignées pour cadrer la zone du document que vous souhaitez conserver. 3 Double-cliquez à l’intérieur du cadre 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 de cette zone. Conseil : 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, voir l’aide de Fireworks. Utilisation des menus contextuels Les menus contextuels permettent d’accéder rapidement à des commandes qui s’appliquent à la sélection. Pour afficher un menu contextuel : • Cliquez avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle et cliquez (Macintosh) sur un élément sélectionné dans la fenêtre du document. 42 Chapitre 2 : Concepts de base de Fireworks Utilisation des règles, des repères et de la grille Vous pouvez utiliser des règles et des repères pour disposer les objets de façon aussi précise que possible et faciliter les tâches de dessin. Vous pouvez placer des repères dans le document afin d’y accrocher des objets, ou bien activer la grille de Fireworks et accrocher des objets à cette dernière. Utilisation des règles Les règles permettent de mesurer, d’organiser et de planifier la mise en page de votre travail. Comme les images Fireworks sont destinées au Web, où les graphiques sont mesurés en pixels, les règles dans Fireworks mesurent toujours en pixels, sans se soucier de l’unité de mesure que vous avez utilisée lorsque vous avez créé le document. Pour afficher et masquer les règles : • Choisissez Affichage > Règles. La règle horizontale et la règle verticale sont affichées le long des marges de la fenêtre de document. Utilisation des repères Les repères sont des lignes que vous faites glisser sur le document à partir des règles. Ils facilitent les opérations de dessin en vous aidant à placer et aligner les objets. Vous pouvez utiliser des repères pour marquer les parties importantes de votre document, telles que les marges, le centre du document et les zones où vous devez effectuer une tâche précise. 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 involontaire. 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. Environnement de travail de Fireworks 43 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 normaux des images. Pour plus d’informations, voir l’aide de Fireworks. Pour créer un repère horizontal ou vertical : 1 Cliquez et faites glisser à partir de la règle verticale ou horizontale. 2 Positionnez le repère à l’endroit voulu sur le document et relâchez le bouton de la souris. Remarque : Changez la position du repère en le faisant glisser de nouveau. Pour déplacer un repère de façon précise : 1 Double-cliquez sur le repère. 2 Tapez la nouvelle position dans la boîte de dialogue Déplacer le repère et cliquez sur OK. Pour afficher ou masquer les repères : • Choisissez Affichage > Repères > Afficher les repères. Pour accrocher des objets aux repères : • Choisissez Affichage > Repères > Accrocher aux repères. Pour changer la couleur des repères : 1 Choisissez Affichage > Repères > Modifier les repères. 2 Sélectionnez la nouvelle couleur du repère à partir du sélecteur de couleurs et cliquez sur OK. Pour verrouiller ou déverrouiller tous les repères : • Choisissez 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 La grille de Fireworks affiche un ensemble de lignes horizontales et verticales sur le document. La grille permet de placer les objets de façon précise. En outre, vous pouvez afficher, modifier, redimensionner et changer la couleur 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 : • Choisissez Affichage > Grille > Afficher la grille. Pour accrocher des objets à la grille : • Choisissez Affichage > Grille > Accrocher à la grille. Pour changer la couleur de la grille : 1 Choisissez Affichage > Grille > Modifier la grille. 2 Sélectionnez la nouvelle couleur de la grille à partir du sélecteur de couleurs et cliquez sur OK. 44 Chapitre 2 : Concepts de base de Fireworks Pour changer la taille des cellules de la grille : 1 Choisissez Affichage > Grille > Modifier la grille. 2 Tapez les valeurs voulues dans les champs d’espacement horizontal et vertical, puis cliquez sur OK. Utilisation du panneau Historique pour annuler ou répéter plusieurs actions Le panneau Historique permet d’afficher, de modifier et de refaire des actions. Le panneau Historique énumère les dernières actions exécutées dans Fireworks. Le nombre maximum d’entrées est spécifié dans le champ Nombre max. d’actions annulées de la boîte de dialogue Préférences de Fireworks. Le panneau Historique permet d’effectuer les actions suivantes : • • • • Annuler et rétablir rapidement les actions récentes. Choisir des actions exécutées récemment à partir du panneau Historique, 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 sous un nom de commande unique, placé dans le menu Commandes Pour plus d’informations, voir l’aide de Fireworks. Pour annuler et refaire des actions : 1 Choisissez Fenêtre > Historique pour ouvrir le panneau Historique. 2 Faites glisser le marqueur d’annulation vers le haut ou vers le bas. Pour refaire des actions : 1 Effectuer les actions. 2 Faites ce qui suit afin de sélectionner les commandes à répéter dans le panneau Historique : Cliquez sur une action pour la sélectionner. ■ Cliquez sur Maj pour sélectionner une série ininterrompue d’actions. ■ Maintenez enfoncée la touche Maj tout en cliquant pour sélectionner une série continue de commandes. 3 Cliquez sur le bouton Réexécuter, en bas du panneau Historique. ■ Pour enregistrer des actions à réutiliser par la suite : 1 Sélectionnez les actions à enregistrer à partir du panneau Historique. 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 : • Choisissez le nom de la commande dans le menu Commandes. Environnement de travail de Fireworks 45 En savoir plus sur Fireworks Fireworks comprend un certain nombre de supports d’apprentissage du programme vous permettant d’être rapidement opérationnel et de créer vos propres images avec efficacité. Aide de Fireworks Le système d’aide en ligne, auquel vous accédez à partir du menu Aide de Fireworks, fournit des informations détaillées sur toutes les fonctionnalités du programme. Pour afficher l’Aide de Fireworks : • Sélectionnez > Aide de Fireworks. Leçons Fireworks Si vous ne connaissez pas Fireworks ou que vous n’en connaissez qu’une partie des fonctions, nous vous conseillons de commencer par prendre quelques leçons. Ces dernières consistent en de rapides présentations des toutes nouvelles fonctions de Fireworks que vous pouvez mettre en pratique à l’aide d’exemples isolés. Pour afficher les leçons : 1 Connectez-vous à Internet, puis effectuez l’une des opérations suivantes : Sélectionnez Aide > Apprentissage de Fireworks. ■ Sur la page de démarrage de Fireworks, cliquez sur Utiliser un didacticiel de Fireworks. La page Web « Apprentissage de Fireworks MX 2004 » s’ouvre dans votre navigateur. 2 Choisissez une leçon dans la liste. ■ Didacticiel Fireworks Le didacticiel Fireworks fournit une introduction pratique au processus de création de Fireworks et vous guide à travers l’intégralité d’un projet Fireworks. Il part du principe que vous n’êtes pas familier avec les notions traitées dans les leçons Fireworks. Pour afficher le didacticiel : 1 Connectez-vous à Internet, puis effectuez l’une des opérations suivantes : Sélectionnez Aide > Apprentissage de Fireworks. Sur la page de démarrage de Fireworks, cliquez sur Utiliser un didacticiel de Fireworks. La page Web « Apprentissage de Fireworks MX 2004 » s’ouvre dans votre navigateur. 2 Sélectionnez le lien d’une des deux parties du didacticiel. ■ ■ 46 Chapitre 2 : Concepts de base de Fireworks Assistance en ligne Fireworks Le centre de support de Fireworks (www.macromedia.com/fr/support/) vous apporte assistance et solutions pour vos problèmes. Le centre DevNet (www.macromedia.com/fr/desdev) apporte des informations vous permettant de renforcer et d’élargir vos connaissances. Environnement de travail de Fireworks 47 48 Chapitre 2 : Concepts de base de Fireworks INDEX A actions, refaire 45 afficher barres d’outils 33 panneaux 31 règles 43 aide de Fireworks 8 aide de Macromedia 8 Ajuster le document 41 Aligner, panneau 30 ancrage de panneaux 31 annulation 45 aperçu documents sur d’autres plates-formes 38 apprentissage de Fireworks groupe de discussion 8 ressources 8 assistance 47 assistance en ligne 47 configuration requise pour Fireworks 6 configuration requise pour Macintosh 6 configuration requise pour Windows 6 Contraindre les proportions, option 19 copier et coller objets d’autres applications 21 B barres d’outils afficher et masquer 33 ancrer 33 annulation de l’ancrage 33 déverrouiller 33 bitmaps, graphismes 16 BMP, enregistrement 25 D découpes 14 défilement du document Voir aussi vue d’ensemble didacticiels 46 discussion, groupe sur Fireworks 8 document modification de la résolution 39 modification des caractéristiques 38 réduction 41 rotation 41 documents création 17 enregistrement 23 ouverture 18 permutation 34 récents 18 vues en mosaïque 37 vues multiples 37 DPI Voir aussi résolution C cadence des images paramètre par défaut 19 Calques, panneau 30 Commande de masquage des panneaux 31 commandes enregistrement 45 Comportements, panneau 30 E enregistrement documents 23, 25 environnement de travail 26 exportation graphiques 15 Exportation rapide, bouton 33 extension de Fireworks 8 49 F fichiers EPS, ouverture dans Fireworks 19 formes 15 Formes, panneau 30 G GIF, enregistrement 25 glisser-déposer 21 graphismes vectoriels 15 grille afficher/masquer 44 ancrer des objets 44 changement de la couleur par défaut 44 modifier la taille des cellules 45 groupe de discussion de Fireworks 8 H Historique, panneau 30, 45 HTML ouverture des tables 20 panneaux 31 Mélangeur 30 menus contextuels 42 mode bitmap 14 application avec les outils 27 mode vectoriel 14 modes accéder au bitmap 14 accéder au vectoriel 14 modes d’affichage 37 modes d’affichage, permutation 38 N navigation dans un document 34 Normal, mode d’affichage 37 nouveau document, correspondant à la taille du Pressepapiers 17 nouvelles caractéristiques 10 Nuanciers 30 J JavaScript 5 JPEG, enregistrement 25 O objets localisation des objets collés 21 onglets de documents 34 optimisation graphiques 14 Optimiser, panneau 30 Options, menu dans les panneaux 32 orientés objet, graphiques 15 outils menus contextuels des groupes d’outils 28 modification des options 27 Zoom 35 Outils, panneau 27 ouverture documents 18 fichiers récents 18 GIF animés 19 graphiques créés dans d’autres applications 18 vues multiples d’un document 37 WBMP, fichiers 19 M Macromedia Director 5 Macromedia Dreamweaver 5 Macromedia Flash 5 Macromedia FreeHand 5 masquer barres d’outils 33 P page de démarrage 8, 26 panneaux 29 Aligner 30 ancrer 31 annulation de l’ancrage 30 Calques 30 I images collées 22 Images, panneau 30 importation depuis une caméra numérique 23 PNG, fichiers 22 Info, panneau 30 info-bulles 8 Inspecteur des propriétés 28 ancrer 28 annulation de l’ancrage 28 développement 29 réduction 29 installation de Fireworks 7 installation des plug-ins Photoshop Acquire 23 interactivité 14 50 Index Comportements 30 déplacement 30 enregistrement des dispositions personnalisées 33 Formes 30 Historique 30, 45 Images 30 Info 30 masquer 31, 32 menu Options 32 Nuanciers 30 Optimiser 30 organisation 30 Outils 27 ouverture de dispositions personnalisées 33 Rechercher 30 restauration des positions par défaut 31 Styles 30 suppression d’un groupe 31 URL 30 pixels 16 Plein écran avec affichage des menus, mode d’affichage 37 processus de création dans Fireworks 13 propriétés, affichage dans l’Inspecteur des propriétés 28 R RAM Voir aussi configuration requise recadrage documents 42 Rechercher, panneau 30 réduction du document 41 rééchantillonnage 22 décrit 40 objets bitmap 40 objets vectoriels 40 rééchantillonnage négatif 40 rééchantillonnage positif 40 rééchantillonnage négatif 40 règles 43 repères ancrer des objets 44 verrouillage 44 résolution 6 ressources d’apprentissage de Fireworks 8 T téléphone cellulaire, graphiques. Voir WBMP, fichiers téléphone mobile, graphiques. Voir WBMP, fichiers TIFF, enregistrement 25 U URL, panneau 30 V vue d’ensemble 36 W WAP, graphiques Voir aussi fichiers WBMP WBMP, fichiers enregistrement 25 ouverture à partir de Fireworks 19 Z zone de dessin. Voir document zones réactives 14 zoom 34 dans une zone spécifique 36 utilisation d’agrandissements prédéfinis 35 Zoom, outil 35 S Styles, panneau 30 survols 14 Index 51 52 Index