Retrouvez gratuitement la notice de l'appareil FIREWORKS CS5 ADOBE au format PDF.
Téléchargez la notice de votre Logiciel de graphisme au format PDF gratuitement ! Retrouvez votre notice FIREWORKS CS5 - ADOBE et reprennez votre appareil électronique en main. Sur cette page sont publiés tous les documents nécessaires à l'utilisation de votre appareil FIREWORKS CS5 de la marque ADOBE.
Aperçu dans navigateur
Recherche et remplacement de polices Recherche et remplacement des couleurs Recherche et remplacement d’URL
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 A propos de la réinstallation de Fireworks
Une meilleure précision du placement des pixels garantit des conceptions claires et nettes sur tous les périphériques. Correction rapide et facile des éléments de conception qui ne figurent pas sur un pixel entier.
L'utilisation d'Adobe Device Central permet de sélectionner des profils pour les périphériques mobiles ou autres, pus crée un flux de travail automatisé pour créer un projet Fireworks. Le projet reprend la taille d'écran et la résolution du périphérique cible. Une fois la conception terminée, vous pouvez en afficher un aperçu sous différentes conditions au moyen des fonctionnalités d'émulation de Device Central. Vous pouvez également créer des profils de périphériques personnalisés. Flux de conception pour périphériques mobiles amélioré ce qui inclut l'émulation des conceptions interactives avec l'intégration d'Adobe Device Central.
Builder Créez des interfaces utilisateur avancées et du contenu interactif utilisant de nouveaux flux de travail entre Fireworks et Flash Catalyst. Procédez à la conception dans Fireworks et sélectionnez des objets, des pages ou des documents entiers à exporter au format FXG, un nouveau format graphique de type XML pour les outils de la plate-forme Adobe Flash. Exportez vos conceptions de façon efficace vers Flash Professional, Flash Catalyst et Flash Builder au moyen d'un script extensible personnalisable.
Bénéficiez d'un meilleur contrôle lorsque vous travaillez avec d'autres applications : API améliorée prenant en charge les scripts d'exportation extensibles par l'utilisateur, le traitement par lots et le contrôle avancé du format de fichiers FXG.
Dernière mise à jour le 12/5/2011
JavaScript pour pouvoir les utiliser sur le Web. Pour visionner un didacticiel vidéo sur les principes de base de Fireworks, reportez-vous à www.adobe.com/go/lrvid4032_fw_fr.
Le panneau Outils de Fireworks, organisé en sections, regroupe des outils de dessin et d’édition spécifiques aux objets vectoriels et bitmap. L’outil que vous sélectionnez détermine si l’objet que vous créez est un objet vectoriel ou bitmap. Après avoir dessiné un objet ou tracé du texte, toute une gamme d’outils, d’effets, de commandes et de techniques sont à votre disposition pour enrichir vos graphiques ou créer des boutons de navigation interactifs. Vous pouvez également importer et modifier des images, notamment aux formats JPEG, GIF, PNG et PSD.
Les tranches et les zones sensibles sont des objets Web qui spécifient des zones interactives dans un graphique Web. Les tranches découpent une image en portions exportables auxquelles vous pouvez appliquer des comportements de survol, des animations et des liens URL (Uniform Ressource Locator). Sur une page Web, chaque tranche s’affiche dans une cellule de tableau. Vous pouvez affecter rapidement des comportements de permutation d’images ou de survol à des graphiques à l’aide des poignées de survol par glisser-déposer sur des tranches et des zones sensibles. Vous pouvez créer des graphiques interactifs insolites destinés à la navigation sur des sites Web à l’aide de l’éditeur de boutons et de l’éditeur de menu contextuel de Fireworks.
Les fonctions d’optimisation sophistiquées de Fireworks vous permettent d’obtenir l’équilibre parfait entre taille de fichier et qualité d’affichage des graphiques exportés. Le type d’optimisation dépend des besoins des utilisateurs et du contenu. Après l’optimisation de vos graphiques, l’étape suivante consiste à les exporter afin de les utiliser sur le Web. A partir de votre document PNG source Fireworks, vous pouvez exporter divers types de fichiers, notamment des fichiers JPEG, GIF, GIF animé et des tables HTML contenant des images découpées, vers différents types de fichiers.
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éfinie par une série de points décrivant son contour La couleur de la feuille est déterminée par la couleur de son tracé (le contour) et la couleur de la zone délimitée par ce tracé (le fond).
Les graphiques bitmap sont composés de points (pixels) organisés selon 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 chromatique de l’ensemble des pixels de la grille. Chaque pixel est associé à une couleur. Lorsque ces points sont affichés à la bonne résolution, ils s’emboîtent comme les carreaux d’une mosaïque.
Définition des dimensions par défaut pour le nouveau document Lorsque vous ouvrez Fireworks pour la première fois, les dimensions suivantes s'affichent dans la boîte de dialogue Nouveau document par défaut :
• 500 x 500 (Mac) Les paramètres de la boîte de dialogue Nouveau document restent inchangés lorsque vous modifiez la taille de la zone de travail dans Fireworks. Les paramètres par défaut changent lorsque vous copiez un objet. Les dimensions de l'objet copié (dans le PressePapiers) sont reprises automatiquement par la boîte de dialogue Nouveau document. Pour supprimer les dimensions d'un objet du Presse-papiers, procédez de la façon suivante (Windows) : 1 Créez un document avec les dimensions voulues. 2 Enregistrez ce document et fermez Fireworks. 3 Ouvrez à nouveau Fireworks et créez un document.
Création d’un document de la même taille qu’un objet du Presse-papiers 1 Copiez un objet dans le Presse-papiers depuis un autre document Fireworks, un navigateur Web ou toute autre
2 Choisissez Fichier > Nouveau. 4 Choisissez Edition > Coller pour coller dans le nouveau document l’objet en provenance du Presse-papiers.
Enregistrez un fichier Fireworks en tant que modèle et créez des fichiers à partir de ce modèle. Le modèle est enregistré au format PNG Fireworks. Fireworks propose une liste de modèles personnalisés prédéfinis pour les périphériques mobiles, prototypes, sites Web et cadres Web que vous personnalisez.
1 Sélectionnez Fichier > Nouveau à partir d’un modèle. 2 Sélectionnez le modèle souhaité pour créer le fichier et cliquez sur Ouvrir.
Remarque : lorsque vous importez un fichier depuis Adobe Dreamweaver®, Fireworks conserve la plupart des comportements JavaScript, mais pas tous. Si Fireworks prend en charge un comportement particulier, ce dernier est reconnu et conservé lorsque vous réimportez le fichier dans Dreamweaver.
❖ Choisissez Fichier > Ouvrir, puis sélectionnez le fichier. ❖ Cliquez sur le nom du fichier dans la page de démarrage.
Vous pouvez ouvrir des fichiers créés dans d’autres applications ou formats de fichier, notamment Photoshop®, Adobe Illustrator®, WBMP, EPS, JPEG, GIF et les fichiers GIF animés. Lorsque vous ouvrez un format de fichier autre que PNG en choisissant 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 ensuite sélectionner Enregistrer sous pour enregistrer votre travail dans un nouveau fichier PNG Fireworks, ou tout autre format. Dans certains cas, vous pouvez enregistrer le fichier sous son format d’origine. Le cas échéant, tous les calques de l’image fusionnent, ce qui empêche d’agir sur les fonctions Fireworks ajoutées à l’image. Vous pouvez enregistrer les formats de fichier suivants directement depuis Fireworks : PNG Fireworks, GIF, GIF animé, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD et PICT (Mac uniquement). Remarque : Fireworks enregistre les images TIFF 16 bits à une profondeur de couleur de 24 bits.
• Importez un fichier GIF animé en tant que symbole d’animation, puis modifiez et déplacez tous les éléments de l’animation en tant qu’une seule unité. Pour créer de nouvelles instances du symbole, servez-vous du panneau Bibliothèque de documents. Remarque : lorsque vous importez un GIF animé, la cadence des états est de 0,07 seconde par défaut. Si nécessaire, utilisez le panneau Etats pour rétablir la cadence d’origine.
Fireworks. Vous pouvez également importer des fichiers PNG aplatis, PSD, AI, BMP, Freehand, GIF, GIF animés, JPEG, PICT et TIFF. Vous pouvez télécharger cette extension sur la page http://www.adobe.com/go/learn_fw_multiplepages_fr.
éléments de table HTML.
1 Choisissez Fichier > Ouvrir. 2 Sélectionnez le fichier HTML contenant la table à ouvrir, puis cliquez sur Ouvrir.
Fireworks ouvert 1 Choisissez Fichier > Importer. 2 Sélectionnez le fichier HTML à partir duquel vous voulez effectuer l’importation, puis cliquez sur Ouvrir. 3 Cliquez pour placer le point d’insertion à l’endroit où vous souhaitez que la table importée apparaisse.
Glissement d’une image ou d’un texte dans Fireworks Utilisez la méthode du glisser-déposer pour importer des objets vectoriels, des images bitmap ou du texte à partir d’applications prenant en charge ce procédé. ❖ A partir de l’autre application, faites glisser l’objet ou le texte 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 coller depuis le Presse-papiers des objets ou du texte aux formats suivants :
L’emplacement des fichiers collés dépend de la sélection :
(empilé directement au-dessus de) l’objet supérieur (placé sur le dessus) de ce même calque.
Remarque : le calque Web est un calque spécial qui contient tous les objets Web. Il est toujours placé en haut du panneau Calques.
Le rééchantillonnage ajoute ou supprime des pixels dans une image bitmap redimensionnée pour qu’elle se rapproche le plus possible de l’aspect de l’image bitmap d’origine. Le rééchantillonnage d’une image bitmap dans une résolution supérieure provoque généralement une légère perte de qualité. Le rééchantillonnage à une résolution inférieure provoque toujours une perte de données et donc une perte de qualité.
1 Copiez l’objet bitmap dans le Presse-papiers de Fireworks ou d’un autre programme. 2 Choisissez Edition > Coller dans Fireworks. 3 Si la résolution de l’image bitmap qui se trouve dans le Presse-papiers est différente de celle du document actif,
Oui Conserve la largeur et la hauteur initiales de l’image bitmap collée, en ajoutant ou en supprimant des pixels en fonction des besoins.
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 Accédez au fichier à importer, puis cliquez sur Ouvrir. 4 Sur la zone de travail, positionnez le pointeur d’importation à l’endroit où vous voulez placer le coin supérieur
5 Procédez de l’une des manières suivantes :
• Faites glisser le pointeur d’importation pour redimensionner l’image importée.
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 utilise la fonctionnalité de capture d’image intégrée (Mac OS). Les images importées dans Fireworks à partir d’un appareil photo numérique ou d’un scanner sont ouvertes en tant que nouveaux documents. Avant d’importer des images dans Fireworks, installez tous les pilotes, modules et modules externes nécessaires pour l’appareil photo numérique ou le scanner. Le dossier des modules externes se trouve dans le dossier de l’application Fireworks. Sous Mac OS, Fireworks recherche automatiquement les modules externes Photoshop Acquire dans ce dossier.
1 Dans Fireworks, choisissez Edition > Préférences (Windows) ou Fireworks > Préférences (Mac OS). 2 Cliquez sur la catégorie Modules externes. 3 Sélectionnez Modules externes Photoshop, puis accédez au dossier des modules externes.
(Mac OS) ne s’ouvre pas automatiquement, naviguez jusqu’au dossier.
1 Connectez l’appareil photo à votre ordinateur. 2 Dans Fireworks, choisissez Fichier > Numérisation, puis sélectionnez Acquisition Twain ou Source Twain. 3 Sélectionnez la source des images et les images à importer.
4 Suivez les instructions pour appliquer les paramètres.
1 Connectez le scanner à votre ordinateur. 2 Installez le logiciel qui accompagne le scanner, si cela n’a pas déjà été fait. 3 Procédez de l’une des manières suivantes :
Source Twain. Lorsque vous créez un document ou ouvrez des fichiers au format PSD ou HTML, choisissez la commande Fichier > Enregistrer pour créer un fichier PNG Fireworks. Les fichiers PNG Fireworks présentent les avantages suivants :
Si Fireworks met du temps à enregistrer un document complexe, vous pouvez modifier d’autres documents ouverts en attendant que l’opération de sauvegarde se termine.
1 Choisissez Fichier > Exporter. 2 Recherchez l’emplacement où vous voulez enregistrer le fichier. 3 Si le fichier Fireworks contient plusieurs pages, sélectionnez la commande Pages vers Fichiers dans le menu
4 Sélectionnez Images ou PNG Fireworks dans la liste déroulante Exporter en tant que. Si vous sélectionnez Images,
Enregistrement de tous les documents ouverts Vous pouvez enregistrer tous les documents ouverts tout en continuant de travailler dessus. Vous pouvez également spécifier des noms de fichiers pour les documents ne portant pas de nom. Les documents qui ont été modifiés depuis le dernier enregistrement apparaissent avec un astérisque (*) à côté du nom du fichier dans l’onglet du document. ❖ Choisissez Commandes > Enregistrer tout.
Fireworks ouverts. Pour le télécharger à partir d’Adobe AIR Marketplace, accédez à http://www.adobe.com/go/learn_fw_autobackuputility_fr.
Si vous choisissez la commande Fichier > Ouvrir pour ouvrir un fichier dans un format autre que PNG, vous pouvez ensuite sélectionner la commande Fichier > Enregistrer sous pour sauvegarder votre travail en tant que nouveau fichier PNG Fireworks ou dans un autre format. Pour les types de fichier suivants, vous pouvez choisir la commande Fichier > Enregistrer pour sauvegarder le document dans son format d’origine : PNG Fireworks, GIF, GIF animé, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD et PICT (Mac OS uniquement). Fireworks enregistre les images TIFF 16 bits à une profondeur de couleur de 24 bits. Remarque : si vous enregistrez un fichier PNG en tant que fichier bitmap, tel que GIF ou JPEG, les objets graphiques que vous avez manipulés dans le fichier PNG ne sont plus disponibles dans le fichier bitmap. Si vous retouchez l’image, éditez le fichier PNG source, puis exportez-le de nouveau.
1 Sélectionnez Commandes > Création > Ajouter image. 2 Sélectionnez un motif et définissez une taille de cadre. 3 Cliquez sur OK.
Si vous avez désactivé l’affichage des messages d’avertissement, vous pouvez de nouveau les activer. ❖ Sélectionnez Commandes > Réinit. Mess. Avertissement.
4 Collez le contenu du Presse-papiers sur la zone de travail ou dans l’application de retouche d’image.
Lorsque vous ouvrez pour la première fois un document dans Adobe® Fireworks®, l’espace de travail se compose du panneau Outils, de l’inspecteur des propriétés, des menus et d’autres panneaux. Le panneau Outils, à gauche de l’écran, contient des catégories étiquetées comprenant les groupes d’outils bitmap, vectoriels et Web. L’inspecteur des propriétés apparaît par défaut en bas du document et affiche initialement les propriétés du document. Il change ensuite pour afficher les propriétés d’un outil nouvellement sélectionné ou d’un objet actuellement sélectionné lorsque vous travaillez dans le document. Les panneaux sont initialement ancrés en groupes le long du bord droit de l’écran. La fenêtre du document apparaît au centre du programme.
Lorsque vous lancez Fireworks sans ouvrir de document, la page de démarrage de Fireworks s’affiche dans l’environnement de travail. Cette page vous permet d’accéder rapidement aux didacticiels Fireworks, aux fichiers récents et à Fireworks Exchange, d’où vous pouvez améliorer les fonctions de Fireworks. Pour désactiver la page de démarrage, cliquez sur Ne plus afficher cette fenêtre lorsque la page de démarrage s’ouvre.
éléments du document. Ils permettent, entre autres, de travailler sur des états, des calques, des symboles et des nuanciers. Il est possible de faire glisser les panneaux de façon à les disposer en fonction de vos préférences. Panneau Optimisation Il permet de gérer les paramètres de taille et de type d’un fichier et de travailler avec la palette
Panneau Calques Il structure un document et fournit des options de création de suppression et de manipulation de
Panneau Bibliothèque commune Il affiche le contenu du dossier Common Library contenant des symboles. Vous
Panneau Pages Il vous permet d’afficher les pages du fichier actif et comporte des options de manipulation des pages. Etats, panneau Il affiche les états du fichier actif et comporte des options de création d’animations. Historique, panneau Il répertorie les commandes que vous avez utilisées récemment de façon à vous permettre de les annuler et de les rétablir rapidement. En outre, vous pouvez sélectionner plusieurs actions puis les enregistrer et les réutiliser comme des commandes. Panneau Formes automatiques Il contient les formes automatiques qui ne sont pas affichées dans le panneau Outils. Panneau Styles Il vous permet de stocker et de réutiliser des combinaisons de caractéristiques d’objets ou de
Panneau Bibliothèque de documents Il contient des symboles graphiques, de bouton et d’animation qui figurent déjà
URL, panneau Il vous permet de créer des bibliothèques contenant des URL fréquemment utilisées. Panneau Mélangeur Il permet de créer de nouvelles couleurs et de les ajouter à la palette de couleurs du document actif, ou de les appliquer aux objets sélectionnés. Panneau Nuancier Il gère la palette de couleurs du document actif. Panneau Info Il fournit des informations sur les dimensions des objets sélectionnés et les coordonnées exactes du pointeur au cours de son déplacement dans la zone de travail. Panneau Comportements Il permet de gérer les comportements qui déterminent ce qui se produit lorsque des zones
Panneau Rechercher Il vous permet de rechercher et de remplacer des éléments tels que du texte, des URL, des polices
Panneau Alignement Il regroupe les commandes d’alignement et de répartition des objets dans la zone de travail. Panneau Propriétés de forme automatique Il vous permet de modifier les propriétés d’une forme automatique après
Panneau Palette de couleurs (Fenêtre > Autres) Il vous permet de créer et d’échanger des palettes de couleurs, d’exporter des nuanciers ACT personnalisés, d’explorer les différentes gammes de couleur et d’accéder aux contrôles couramment utilisés pour choisir des couleurs. Panneau Edition d’images (Fenêtre > Autres) Il vous permet d’organiser les outils et les options utilisés pour modifier
Présentation de l’espace de travail Vous pouvez créer et manipuler vos documents et fichiers à l’aide de divers éléments tels que des panneaux, barres et fenêtres. Un espace de travail désigne l’organisation de ces éléments. Les espaces de travail des différentes applications de la suite Adobe® Creative Suite® 5 ont une apparence similaire, facilitant ainsi le passage d’une application à une autre. Vous pouvez également adapter chaque application aux exigences de votre travail, en créant votre propre espace de travail ou en effectuant une sélection parmi ceux prédéfinis. Bien que la disposition de l’espace de travail par défaut varie selon les applications, la manipulation des éléments est pratiquement identique dans chacune d’elles.
Flash®, Adobe Dreamweaver® et Adobe Fireworks®, il est appelé Inspecteur de propriétés et inclut les propriétés relatives à l’élément actuellement sélectionné.)
Si vous préférez l’interface utilisateur Mac classique que vous pouvez personnaliser à votre convenance, il vous suffit de désactiver le Cadre de l’application. Dans Adobe Illustrator® par exemple, sélectionnez la commande Fenêtre > Cadre de l’application pour l’activer ou le désactiver. (Dans Flash, le Cadre de l'application est activé en permanence pour Mac et Dreamweaver pour Mac n'en utilise pas.)
• (Illustrator, Adobe InCopy®, Adobe InDesign®, Photoshop, Fireworks) Pour afficher ou masquer tous les panneaux, y compris les panneaux Outils et Contrôle, appuyez sur la touche de tabulation.
Outils et Contrôle, appuyez sur les touches Maj+tabulation. Vous pouvez afficher temporairement les panneaux masqués si l’option Afficher automatiquement les panneaux masqués est sélectionnée dans les préférences Interface. Cette option est toujours activée dans Illustrator. Déplacez le pointeur vers le bord de la fenêtre de l’application (Windows®) ou vers le bord de l’écran (Mac OS®) et laissez le pointeur au-dessus de la bande qui s’affiche.
❖ Cliquez sur l’icône de menu de panneau
Dans Photoshop, vous pouvez modifier le corps de la police du texte des panneaux et des info-bulles. Dans les préférences d’interface, choisissez une option dans le menu Corps de la police de l’interface utilisateur.
❖ Faites glisser le curseur Luminosité dans les préférences de l’interface utilisateur. Cette commande affecte tous les
Dans InDesign et InCopy, une option des préférences d’interface vous permet également de basculer d’un affichage en une colonne vers un affichage en deux colonnes. ❖ Cliquez sur la double flèche dans la partie supérieure du panneau Outils.
Pour créer un espace de travail personnalisé, vous déplacez et manipulez les fenêtres de document et les panneaux. Vous pouvez également enregistrer des espaces de travail, puis passer de l’un à l’autre. Dans Fireworks, renommer les espaces de travail personnalisés peut provoquer un comportement inattendu. Remarque : les exemples suivants sont basés sur Photoshop. L’espace de travail est le même dans tous les produits.
Les fenêtres de document comportent des onglets lorsque plusieurs fichiers sont ouverts.
Remarque : dans Photoshop, vous pouvez également sélectionner Fenêtre > Réorganiser > Afficher dans une fenêtre flottante pour afficher une seule fenêtre flottante de document ou Fenêtre > Réorganiser > Tout afficher dans des fenêtres flottantes pour afficher simultanément toutes les fenêtres flottantes de document. Pour plus d’informations, voir la note technique kb405298. Remarque : Dreamweaver ne prend pas en charge l’ancrage des fenêtres de document ni son annulation. Utilisez le bouton Réduire de la fenêtre de document pour créer des fenêtres flottantes (sous Windows), ou Fenêtre > Mosaïque verticale pour créer des fenêtres de document côte à côte. Pour plus d’informations sur cette rubrique, recherchez « Mosaïque verticale » dans l’aide de Dreamweaver. Le flux de travaux diffère légèrement pour les utilisateurs Macintosh.
Remarque : certains produits ne prennent pas en charge cette fonctionnalité. Cependant, votre produit peut présenter des commandes Cascade et Mosaïque (ou Juxtaposer), sous le menu Fenêtre, pour vous permettre d’organiser vos documents.
Remarque : certains produits ne prennent pas en charge cette fonctionnalité.
Un dock est un ensemble de panneaux ou de groupes de panneaux affichés ensemble, généralement en position verticale. Pour ancrer et annuler l’ancrage des panneaux, insérez-les dans le dock et déplacez-les hors du dock.
Lorsque vous déplacez des panneaux, des zones de largage en surbrillance bleue apparaissent : il s’agit des zones dans lesquelles vous pouvez déplacer le panneau. Vous pouvez, par exemple, déplacer un panneau vers le haut ou vers le bas en le faisant glisser sur la fine zone de largage bleue située au-dessus ou sous un autre panneau. Si vous faites glisser le panneau vers un emplacement autre qu’une zone de largage, ce dernier flotte dans l’espace de travail. Remarque : la position de la souris active la zone de largage (au lieu de la position du panneau). Si la zone de largage ne s'affiche pas, faites glisser la souris à l'emplacement où devrait se situer la zone de largage.
Dernière mise à jour le 12/5/2011
Lorsque vous supprimez tous les panneaux d’un dock, ce dernier disparaît. Vous pouvez créer un dock en déplaçant les panneaux vers le bord droit de l’espace de travail jusqu’à ce qu’une zone de largage soit visible.
• Pour déplacer un panneau dans un groupe, faites glisser son onglet vers la zone de largage en surbrillance située dans le groupe.
• Pour déplacer un groupe, faites glisser la barre de titre (zone située au-dessus des onglets).
Lorsque vous faites sortir un panneau de son dock et que vous le placez en dehors de toute zone de largage, ce panneau flotte dans l’espace de travail. Un panneau flottant peut être placé à n’importe quel endroit dans l’espace de travail. Vous pouvez empiler des panneaux ou groupes de panneaux flottants de sorte qu’ils se comportent comme une seule entité lorsque vous faites glisser la barre de titre supérieure.
• Pour rendre un panneau ou groupe de panneaux de la pile flottant, déplacez-le hors de la pile au moyen de son onglet ou de sa barre de titre.
• Pour réduire ou agrandir un panneau, un groupe de panneaux ou une pile de panneaux, cliquez deux fois sur un onglet. Vous pouvez également double-cliquer sur la zone d’onglets (l’espace vide situé à côté des onglets).
Vous pouvez réduire des panneaux à la taille d’icônes afin de limiter l’encombrement de l’espace de travail. Dans certains cas, les panneaux sont réduits de la sorte dans l’espace de travail par défaut.
• Pour redimensionner les icônes de panneau afin de voir les icônes uniquement (et non les libellés), réglez la largeur du dock jusqu’à ce que le texte ne soit plus visible. Pour afficher à nouveau le texte, augmentez la largeur du dock.
Dans certaines applications, si vous sélectionnez l’option Réduction automatique des panneaux d’icônes dans les préférences d’interface ou les options d’interface utilisateur, une icône de panneau développée est réduite automatiquement lorsque vous cliquez en dehors de cette dernière.
à un dock d’icônes).
Adobe® ConnectNow met à votre disposition une salle de réunion en ligne sécurisée et personnelle, où vous pouvez rencontrer d’autres personnes et collaborer avec elles sur le Web en temps réel. Grâce à ConnectNow, vous pouvez partager et annoter votre écran d’ordinateur, envoyer des messages instantanés et communiquer à l’aide de la fonction audio intégrée. Vous pouvez également diffuser des vidéos en temps réel, partager des fichiers, capturer des comptes rendus et contrôler l’ordinateur d’un participant. Vous pouvez accéder à ConnectNow directement à partir de l’interface de l’application. 1 Choisissez la commande Fichier > Partager mon écran. 2 Dans la boîte de dialogue Se connecter à Adobe CS Live, entrez votre adresse de messagerie électronique et votre
Créer un ID Adobe. 3 Pour partager votre écran, cliquez sur le bouton Partager l’écran de mon ordinateur, au centre de la fenêtre de
Pour obtenir des instructions complètes sur l’utilisation de ConnectNow, rendez-vous sur http://help.adobe.com/fr_FR/Acrobat.com/ConnectNow/index.html. Pour accéder au didacticiel vidéo sur l'utilisation de ConnectNow, consultez la page Web Using ConnectNow to share your screen (7:12) (cette présentation est effectuée dans Dreamweaver).
En enregistrant la taille et la position actuelles des panneaux comme espace de travail nommé, vous gardez la possibilité de restaurer cet espace par la suite, et ce, même si vous avez déplacé ou fermé un panneau. Les noms des espaces de travail enregistrés sont visibles dans le sélecteur d’espace de travail de la barre d’application.
1 Lorsque l’espace de travail se trouve dans la configuration que vous souhaitez enregistrer, utilisez l’une des
2 Attribuez un nom à l’espace de travail. 3 (Photoshop, InDesign) Sélectionnez ensuite une ou plusieurs options dans la section Capture : Position des panneaux Enregistre la position actuelle des panneaux (InDesign uniquement). Raccourcis clavier Enregistre l’ensemble de raccourcis clavier actuel (Photoshop seulement). Menus ou Personnalisation des menus Enregistre l’ensemble de menus actuels.
❖ Sélectionnez un espace de travail dans le sélecteur d’espace de travail de la barre d’application.
• Choisissez l’option Gérer les espaces de travail dans le sélecteur d’espace de travail de la barre d’application, sélectionnez l’espace de travail, puis cliquez sur la commande Supprimer. (Cette option n’est pas disponible dans Fireworks.)
1 Sélectionnez l’espace de travail de base ou par défaut à l’aide du sélecteur situé dans la barre d’application. Pour
• Pour restaurer tous les espaces de travail installés avec Photoshop, cliquez sur Restaurer les espaces de travail par défaut dans les préférences d’interface. Pour réorganiser l'ordre des espaces de travail de la barre d’application, faites-les glisser.
Le panneau Outils est organisé en six catégories : Sélection, Bitmap, Vecteur, Web, Couleurs et Affichage. Lorsque vous sélectionnez un outil, l’inspecteur des propriétés affiche les options de l’outil.
❖ Une fois que vous avez sélectionné un outil, choisissez Sélection > Désélectionner pour désélectionner tous les
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.
2 Faites glisser le pointeur afin de sélectionner l’outil souhaité, puis relâchez le bouton de la souris.
L’inspecteur des propriétés est un panneau contextuel qui affiche les propriétés de la sélection active, les options de l’outil actif ou les propriétés du document. Par défaut, l’inspecteur des propriétés est ancré au bas de l’espace de travail. L’inspecteur des propriétés présente deux lignes de propriétés s’il est affiché à mi-hauteur, 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 : sous Windows, le menu Options est disponible uniquement lorsque l’inspecteur des propriétés est ancré.
❖ Faites glisser l’onglet du panneau vers une autre zone de l’espace de travail.
❖ Faites glisser l’onglet du panneau vers la partie inférieure de l’écran.
Modifier Affiche une barre d’outils au-dessous de la fenêtre du document, avec des boutons utilisés pour le
❖ Faites glisser la barre d’outils hors de son lieu d’ancrage.
Définissez AsynchronousSave=false dans le fichier preferences.txt lorsque vous manipulez ce type d'objets. Par exemple, la fonction d'horodatage de l'enregistrement des formes automatiques n'est pas mise à jour lorsque AsynchronousSave=True. Par défaut, l’option d’enregistrement asynchrone est réglée sur true sous Windows et sur false sous MacOS. 1 Recherchez le fichier preferences.txt. Sous Windows, ce fichier est dans \\<nom utilisateur>\Application Data\Adobe\Fireworks CS5\French\Fireworks CS5 Preferences. Sous Mac OS, le fichier figure dans /<nom utilisateur>/Library/Preferences/Adobe Fireworks CS5/fr/Fireworks CS5 Preferences.
Navigation dans les documents et affichage de documents Utilisation des onglets pour sélectionner des documents Lorsque votre document est agrandi, utilisez les onglets figurant en haut de la fenêtre pour alterner entre différents documents ouverts. Le nom de fichier de chaque document ouvert apparaît dans un onglet situé sous les boutons d’affichage. Lorsque vous déplacez la souris sur l'onglet, l'emplacement du fichier s'affiche sous forme d'info-bulle.
❖ Procédez de l’une des manières suivantes :
1 Sélectionnez l’outil Zoom. 2 Cliquez puis faites glisser le pointeur de l’outil sur la partie de l’image à agrandir.
Remarque : vous ne pouvez pas entrer de pourcentage de zoom dans la zone Définir le zoom.
❖ Tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée, faites glisser le pointeur de l’outil
❖ Dans le panneau Outils, cliquez deux fois sur l’outil Zoom.
1 Sélectionnez l’outil Main. 2 Faites glisser le pointeur Main. Adaptation du document à la fenêtre active ❖ Dans le panneau Outils, cliquez deux fois sur l’outil Main.
Dans le panneau Outils, sélectionnez l’un des trois modes d’affichage permettant de contrôler la disposition de votre espace de travail. Mode Normal Affichage par défaut de la fenêtre du document. Mode Plein écran avec affichage des menus Affichage agrandi de la fenêtre de document sur un arrière-plan gris. Les menus, les barres d’outils, les barres de défilement et les panneaux sont visibles.
Pour plus d’informations, voir l’article sur le site Web Fireworkszone.
Vous pouvez afficher simultanément un document à différents niveaux de zoom dans plusieurs vues. Les modifications que vous apportez dans un affichage sont automatiquement appliquées à tous les autres affichages du même document. 1 Choisissez Fenêtre > Dupliquer la fenêtre. 2 Sélectionnez un paramètre de zoom pour la nouvelle fenêtre.
Windows et Mac OSX Snow Leopard version 10.6 appliquent une valeur gamma de 2,2, par défaut, aux écrans. Macintosh (version précédant Snow Leopard) applique une valeur gamma de 1,8. ❖ Procédez de l’une des manières suivantes :
Vous pouvez modifier la zone de travail à tout moment.
1 Procédez de l’une des manières 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 la zone de travail. 2 Entrez les nouvelles dimensions dans les zones de texte Largeur et Hauteur. 3 Cliquez sur un des boutons Ancre pour spécifier les côtés du document où Fireworks pourra ajouter ou supprimer
Remarque : l’ancre centrale est sélectionnée par défaut, ce qui indique que les variations de taille de la zone de travail se répartissent sur tous les côtés.
❖ Procédez de l’une des manières suivantes :
Pour modifier la couleur de la zone de travail par défaut, cliquez sur le nuancier personnalisé dans la boîte de dialogue Nouveau document (voir la section « Création d’un document Fireworks » à la page 5).
1 Procédez de l’une des manières suivantes :
La boîte de dialogue Taille de l’image s’affiche. 2 Dans les zones de texte Dimensions en pixels, entrez les nouvelles dimensions horizontales et verticales.
3 Dans les zones de texte Taille, entrez les dimensions horizontales et verticales pour l’image imprimée. 4 Dans la zone Résolution, entrez une nouvelle résolution de l’image.
5 Procédez de l’une des manières suivantes :
6 Pour ajouter ou supprimer des pixels lors du redimensionnement, afin que l’image conserve le même aspect à une
7 Sélectionnez Page active uniquement pour n’appliquer la modification de la taille de la zone de travail qu’à la page
Dans Fireworks, les attributs des objets vectoriels sont visibles sous forme de pixels ; par conséquent, certains contours ou certains fonds peuvent être légèrement différents une fois le rééchantillonnage effectué. Cela est dû au fait que les pixels qui composent ces contours ou fonds doivent être redessinés. Remarque : les repères, les objets zones sensibles et les objets tranches sont redimensionnés lorsque la taille de l’image du document est modifiée.
• Lorsque vous réglez la résolution, vous changez la taille des pixels de l’image de manière à faire tenir plus ou moins de pixels dans un espace donné. Le réglage de la résolution sans rééchantillonnage ne provoque pas de perte de données.
Rééchantillonnage positif Ajoute des pixels pour agrandir l’image. Cette méthode risque d’entraîner une perte de
Rééchantillonnage négatif Supprime des pixels pour réduire la taille de l’image mais entraîne une perte de données dans l’image. Cette méthode entraîne toujours une baisse de qualité suite à la suppression de pixels pour redimensionner l’image.
Appliquez une rotation à la zone de travail 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. ❖ Choisissez Modification > Zone de travail, puis choisissez une option de rotation.
Développez ou réduisez la taille de la zone de travail en fonction des objets qui la composent.
2 Cliquez sur Ajuster la zone de travail dans l’inspecteur des propriétés.
Le recadrage permet de supprimer des parties inutiles d’un document. La zone de travail est redimensionnée à la taille d’une zone que vous définissez. Par défaut, le recadrage supprime les objets qui dépassent les limites de la zone de travail. Vous pouvez maintenir des objets à l’extérieur de la zone de travail en changeant une préférence avant le recadrage. 1 Sélectionnez l’outil Recadrage
3 Cliquez deux fois à l’intérieur du cadre de sélection, ou appuyez sur la touche Entrée, pour recadrer le document.
à l’extérieur de la zone de travail. Pour conserver ces objets, avant de recadrer, désélectionnez Supprimer les objets pendant le recadrage dans l’onglet Edition de la boîte de dialogue Préférences.
Les règles, les repères et la grille vous permettent de placer et d’aligner des objets. Les repères sont des lignes que vous faites glisser sur la zone de travail du document à partir des règles. Vous pouvez utiliser des repères pour marquer d’importantes parties de votre document (marges et point central, par exemple). La grille affiche un ensemble de lignes horizontales et verticales sur la zone de travail afin de faciliter les positionnements. Les repères et les grilles ne se trouvent pas sur un calque et ne sont pas exportés avec le document. Les extensions Fireworks suivantes facilitent l’utilisation des repères : Extension Guides Panel Lorsque vous installez cette extension, un panneau Guides apparaît sur la zone de travail. Il
Extension Copy-Paste Guides Cette extension permet de copier des repères sur une page et de les copier sur une autre au sein d’un même document. Utilisez-la si le document Fireworks contient plusieurs pages requérant des repères similaires. Cette extension est disponible sur http://www.adobe.com/go/learn_fw_copypasteguides_fr. Extension Inherit Guides Cette extension permet de copier des repères depuis le gabarit ou la page active et de les
Affichage et masquage de règles ❖ Choisissez Affichage > Règles.
1 Cliquez deux fois sur le repère. 2 Entrez la nouvelle position dans la boîte de dialogue Déplacer un repère, puis cliquez sur OK.
❖ Choisissez la commande Affichage > Repères > Afficher les repères ou Affichage > Grille > Afficher la grille.
La sélection est appliquée à tous les documents ouverts dans Fireworks.
❖ Choisissez Affichage > Repères > Verrouiller les repères.
❖ Faites glisser le repère en dehors de la zone de travail.
❖ Appuyez sur la touche Maj quand le pointeur est situé entre les repères.
Les repères commentés sont temporairement accrochés aux repères pour vous aider à créer, aligner, modifier et transformer des objets par rapport à d’autres objets. Pour activer des repères commentés et les accrocher, choisissez Affichage > Repères commentés, puis sélectionnez Afficher les repères commentés et Accrocher aux repères commentés. Vous pouvez utiliser les repères commentés comme suit :
Les outils Ligne, Rectangle, Ellipse, Polygone et Formes automatiques affichent des repères commentés, ainsi que les outils de tranche rectangulaire et circulaire.
• Lorsque vous transformez un objet, des repères commentés apparaissent automatiquement pour faciliter la transformation. Pour modifier l’affichage des repères commentés, définissez leurs préférences (voir « Préférences de repères et de grilles » à la page 312).
Sélectionnez Fichier > Aperçu dans le navigateur, puis sélectionnez l'une des options. Aperçu de toutes les pages dans <navigateur principal> Ctrl+F12/Cmd+Maj+F12 Vous pouvez obtenir un aperçu de
Aperçu dans <navigateur principal> F12 Offre un aperçu du document Fireworks dans votre navigateur principal. Si
Le panneau Historique répertorie les dernières opérations effectuées dans Fireworks. Vous pouvez spécifier le nombre d’étapes dans le champ Nombre maximum d’actions annulées de la boîte de dialogue Préférences de Fireworks.
1 Choisissez Fenêtre > Historique pour ouvrir le panneau Historique. 2 Faites glisser le marqueur d’annulation vers le haut ou vers le bas.
1 Effectuez les actions. 2 Pour sélectionner les actions à répéter dans le panneau Historique, utilisez l’une des méthodes suivantes :
• Tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfoncée, cliquez pour sélectionner des actions individuelles.
3 Cliquez sur le bouton Réexécuter, en bas du panneau Historique.
1 Sélectionnez les actions à enregistrer dans le panneau Historique. 2 Cliquez sur le bouton Enregistrer situé en bas du panneau. 3 Entrez un nom de commande.
❖ Dans le menu Commandes, sélectionnez le nom de la commande.
Lorsqu’une session Fireworks prend fin à la suite d’une anomalie, les fichiers non enregistrés sont placés sur le bureau. Lorsque vous relancez Fireworks, un message vous informe de la présence du dossier contenant les fichiers non enregistrés sur le bureau. Les fichiers sont enregistrés par défaut à l’emplacement suivant : Bureau\Fireworks restauré\<horodatage>. Les fichiers non enregistrés auxquels aucun nom n’a été attribué sont enregistrés sous le nom Sans titre, Sans titre (1), Sans titre (2), etc. Les noms de fichier correspondent aux noms par défaut générés par Fireworks lors de la création des fichiers. Les fichiers non enregistrés auxquels un nom a été attribué sont enregistrés sous ce même nom.
• L’opération d’enregistrement est à l’origine du problème. • La mémoire disponible est insuffisante pour restaurer les fichiers non enregistrés. •
1 Ouvrez le fichier Fireworks CS5 Preferences.txt, qui réside dans
2 Réglez DisableSaveOnCrash sur True.
1 Ouvrez le fichier Fireworks CS5 Preferences.txt, qui réside dans
2 Spécifiez l’emplacement par le biais du paramètre SaveOnCrashRecoveredFolderPath. Vous pouvez entrer un
Outils de sélection Chacun d’entre eux joue un rôle spécifique : L’outil Pointeur sélectionne des objets lorsque vous cliquez sur les objets ou faites glisser une zone de sélection autour d’eux. L’outil Sous-sélection sélectionne un objet individuel dans un groupe ou les points d’un objet vectoriel. L’outil Sélectionner derrière sélectionne un objet se trouvant derrière un autre objet. L’outil Zone d’exportation sélectionne une zone à exporter sous la forme d’un fichier distinct.
❖ Procédez de l’une des manières suivantes :
• Cliquez sur le contour ou le fond de l’objet. • Sélectionnez l’objet dans le panneau Calques. Pour prévisualiser ce que vous sélectionnez lorsque vous cliquez sur un objet au-dessous du pointeur sur la zone de travail, sélectionnez l’option Surbrillance souris dans la catégorie Edition de la boîte de dialogue Préférences.
❖ Faites glisser l’outil Pointeur pour inclure un ou plusieurs objets dans la zone de sélection.
• Pour déplacer l’intégralité d’un objet, faites glisser le pointeur n’importe où dans l’objet, excepté sur un point ou une poignée de sélection.
❖ Cliquez sur l’outil Sélectionner derrière en continu au-dessus des objets empilés, en commençant par le haut
Remarque : vous pouvez également sélectionner un objet difficile à atteindre en cliquant dessus dans le panneau Calques lorsque les calques sont développés.
Lorsque vous sélectionnez un objet, l’inspecteur des propriétés identifie la sélection. La partie supérieure gauche de l’inspecteur des propriétés contient une description de l’élément en cours d’inspection et le nombre d’objets sélectionnés si plusieurs objets sont sélectionnés. L’inspecteur des propriétés fournit également une zone pour saisir le nom des éléments sélectionnés. Remarque : le nom s’affiche dans la barre de titre du document à chaque fois que vous sélectionnez cet élément. En cas d’exportation des tranches et des boutons, le nom est le nom de fichier. (Windows uniquement) Si la barre d’état est activée, les objets sélectionnés sont identifiés dans la barre d’état, en bas de la fenêtre du document.
Lorsqu’un objet unique est sélectionné, vous pouvez ajouter des objets à la sélection et désélectionner les objets sélectionnés. En utilisant une commande unique, vous pouvez sélectionner ou désélectionner tout ce qui se trouve sur tous les calques du document. Vous pouvez également masquer le tracé de sélection de façon à pouvoir modifier un objet sélectionné tout en l’affichant tel qu’il doit apparaître sur le Web ou sur une copie imprimée.
❖ Tout en maintenant la touche Maj enfoncée, cliquez sur des objets supplémentaires avec l’outil Pointeur, Sous-
Sélection de tout le contenu de tous les calques du document ❖ Choisissez Sélection > Tout sélectionner.
❖ Choisissez Sélection > Désélectionner.
❖ Sélectionnez la commande Affichage > Bords.
Thierry Lorey. L’outil Cadre de sélection ovale sélectionne une zone de pixels elliptique dans une image.
L’outil Lasso polygonal sélectionne une zone de pixels de forme libre mais aux bords droits dans une image. L’outil Baguette magique sélectionne une zone de pixels de couleur similaire dans une image.
Plusieurs options sont disponibles avec les outils utilisés pour la sélection d’objets bitmap.
Net Crée un cadre de sélection avec un bord clairement délimité. Lissage Permet d’éviter l’apparition de bords dentelés sur cadre de sélection. Contour progressif Permet d’adoucir les bords des pixels sélectionnés.
Normal Permet de créer un cadre de sélection dont la hauteur et la largeur sont indépendantes. Rapport fixe Contraint les proportions entre la hauteur et la largeur. Taille fixe Définit la hauteur et la largeur sur une dimension donnée.
Utilisez les outils de la section Bitmap du panneau Outils pour dessiner un cadre de sélection autour des zones spécifiques de pixels d’une image bitmap. Remarque : pour modifier les paramètres de votre sélection lorsque vous utilisez l’un de ces outils, cochez la case Sélection interactive avant d’effectuer la sélection.
1 Sélectionnez l’outil Cadre de sélection ou Cadre de sélection ovale. 2 Définissez les options Style et Bord dans l’inspecteur des propriétés. 3 Faites glisser le pointeur pour tracer un cadre de sélection qui définit la sélection de pixels.
Placement de points afin de créer un cadre de sélection Utilisez l’outil Lasso polygonal pour sélectionner une zone polygonale de pixels spécifiques dans une image bitmap. 1 Sélectionnez l’outil Lasso polygonal. 2 Sélectionnez une option Bord dans l’inspecteur des propriétés. 3 Délimitez la sélection en cliquant sur des points situés autour du périmètre de l’objet ou de la zone en question.
4 Pour fermer le polygone, procédez de l’une des manières suivantes :
• Cliquez deux fois dans l’espace de travail.
1 Sélectionnez l’outil Baguette magique. 2 Sélectionnez une option de bord. 3 Définissez le niveau de tolérance en faisant glisser le curseur de l’option correspondante dans l’inspecteur des
La tolérance représente la plage tonale sélectionnée lorsque vous cliquez sur un pixel avec l’outil Baguette magique. Si vous entrez la valeur 0 et que vous cliquez sur un pixel, seuls les pixels adjacents du même ton sont sélectionnés. Si vous entrez la valeur 65, une gamme de tons plus étendue est sélectionnée. 4 Cliquez sur la zone de couleur à sélectionner.
1 Sélectionnez une zone de couleur avec un outil de cadre de sélection ou de lasso, ou avec l’outil Baguette magique. 2 Choisissez Sélection > Sélectionner les couleurs similaires.
Remarque : pour ajuster la tolérance pour la commande Sélectionner les couleurs similaires, sélectionnez l’outil Baguette magique, puis changez le paramètre Tolérance dans l’inspecteur des propriétés avant d’utiliser la commande. Vous pouvez également cocher la case Sélection interactive pour modifier le paramètre de tolérance lorsque vous utilisez l’outil Baguette magique.
A partir d’un objet bitmap sélectionné, vous pouvez créer une sélection de pixels basée sur l’opacité de tout objet ou masque du panneau Calques. 1 Sélectionnez un objet bitmap dans la zone de travail. 2 Dans le panneau Calques, positionnez le pointeur sur la vignette de l’objet à utiliser pour créer la sélection de pixels. 3 Maintenez la touche Alt (Windows) ou Option (Mac OS) enfoncée.
4 Cliquez sur la vignette.
5 (Facultatif) Pour étendre la sélection, cliquez sur un autre objet du panneau Calques tout en maintenant les touches
Vous pouvez supprimer un cadre de sélection sans affecter le document. ❖ Procédez de l’une des manières suivantes :
• Cliquez en dehors de la sélection active avec un outil de cadre de sélection ou de lasso. • Appuyez sur la touche Echap.
Repositionnement d’une sélection pendant sa création 1 Commencez par faire glisser le pointeur afin de tracer la sélection. 2 Maintenez la barre d’espace enfoncée sans relâcher le bouton de la souris. 3 Faites glisser le cadre de sélection à un autre emplacement de la zone de travail. 4 Relâchez la barre d’espace tout en maintenant le bouton de la souris enfoncé. 5 Continuez à faire glisser le pointeur pour tracer la sélection.
❖ Procédez de l’une des manières suivantes :
• Déplacez le cadre de sélection par incréments d’un pixel avec les touches fléchées. • Appuyez sur la touche Maj, et déplacez le cadre de sélection par incréments de 10 pixels avec les touches fléchées.
1 Sélectionnez un outil de sélection bitmap quelconque. 2 Tout en maintenant la touche Maj enfoncée, tracez d’autres cadres de sélection. 3 Pour continuer à ajouter des éléments à la sélection, répétez les étapes 1 et 2 avec un outil de sélection bitmap.
❖ Tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée, utilisez un outil de sélection bitmap
Sélectionnez une partie d’un cadre de sélection existant en dessinant un nouveau cadre de sélection recouvrant le cadre d’origine. 1 Maintenez les touches Alt+Maj (Windows) ou Option+Maj (Mac OS) enfoncées pendant que vous dessinez un
2 Relâchez le bouton de la souris.
1 Sélectionnez des pixels en utilisant un outil de sélection bitmap. 2 Choisissez Sélection > Sélection inverse pour sélectionner tous les pixels qui n’étaient pas sélectionnés initialement.
Le contour progressif crée un effet de transparence pour les pixels sélectionnés. 1 Choisissez Sélection > Contour progressif. 2 Entrez une intensité dans la boîte de dialogue Contour progressif. 3 Si nécessaire, changez le nombre dans la boîte de dialogue Contour progressif afin d’ajuster l’intensité.
Inverser la sélection, et appuyez sur la touche Suppr.
Une fois le cadre de sélection tracé pour sélectionner les pixels, vous pouvez étendre ou réduire sa bordure. 1 Après avoir tracé le cadre de sélection, choisissez Sélection > Etendre le cadre de sélection. 2 Entrez le nombre de pixels à utiliser pour développer ou contracter la bordure du cadre de sélection, puis cliquez
Pour ajouter des effets graphiques spéciaux à un cadre de sélection, créez un cadre supplémentaire englobant le cadre existant. 1 Après avoir tracé un cadre de sélection, choisissez Sélection > Délimiter le cadre de sélection. 2 Entrez la largeur du cadre de sélection à placer autour du cadre existant, puis cliquez sur OK.
Supprimez les pixels superflus visibles sur la bordure d’une sélection de pixels ou d’un cadre de sélection après l’utilisation de l’outil Baguette magique. 1 Choisissez Sélection > Lisser le cadre de sélection. 2 Saisissez un rayon pour spécifier le niveau de lissage souhaité, puis cliquez sur OK.
Vous pouvez convertir une sélection bitmap en objet vectoriel en traçant un cadre de sélection autour de la partie de l’objet bitmap à convertir. Cette manipulation est pratique pour commencer à créer une animation en traçant une sélection d’après un objet bitmap. ❖ Après avoir tracé un cadre de sélection, choisissez Sélection > Convertir le cadre de sélection en tracé.
Vous pouvez transférer un cadre de sélection d’un objet bitmap vers un autre, ou vers un masque. 1 Effectuez une sélection en traçant le cadre de sélection. 2 Dans le panneau Calques, sélectionnez un autre objet bitmap présent sur le calque de votre choix.
1 Choisissez Sélection > Enregistrer la sélection bitmap ou Sélection > Restaurer la sélection bitmap. 2 Dans le menu Document, sélectionnez le document ouvert contenant la sélection enregistrée. 3 Dans le menu Sélection, sélectionnez Nouveau ou une sélection précédemment enregistrée que vous souhaitez
4 Si vous sélectionnez Nouveau, entrez le nom de votre nouvelle sélection. 5 (Pour la restauration uniquement) Pour inverser la sélection restaurée, cochez la case Inverser. 6 Sélectionnez l’une des options de la section Opération :
Nouvelle sélection Permet de remplacer la sélection active dans le document actif par celle spécifiée dans la
Ajouter à la sélection Permet d’ajouter la sélection active à celle spécifiée dans les zones Document et Sélection. Soustraire de la sélection Permet de soustraire la sélection active de celle spécifiée dans les zones Document
Intersection avec la sélection Permet de combiner la sélection active avec celle spécifiée dans les zones Document
7 Cliquez sur OK, puis répétez ce processus pour chaque cadre de sélection à enregistrer ou à restaurer.
Remarque : cette fonction est activée uniquement si un document ouvert contient au moins une sélection enregistrée. 1 Choisissez Sélection > Supprimer la sélection bitmap. 2 Dans le menu Document, sélectionnez le document ouvert contenant la sélection enregistrée. 3 Dans le menu Sélection, choisissez la sélection.
En maintenant les touches de modification enfoncées comme indiqué ci-dessous, vous pouvez déplacer et copier des sélections à l’aide des touches fléchées. Pour effectuer des déplacements par incréments de 10 pixels, maintenez également la touche Maj enfoncée.
1 Effectuez une sélection de pixels avec un outil de sélection bitmap. 2 Procédez de l’une des manières suivantes :
❖ Effectuez l’une des opérations suivantes :
2 Procédez de l’une des manières suivantes :
Un nouvel objet bitmap basé sur la sélection de pixels est créé dans le calque actuel, et les pixels sélectionnés sont supprimés de l’objet bitmap d’origine.
Un nouvel objet bitmap basé sur la sélection de pixels est créé dans le calque actuel. Dans le panneau Calques, une vignette du nouvel objet bitmap apparaît dans le calque actif, au-dessus de l’objet à partir duquel il a coupé ou copié.
• Tout en maintenant la touche Maj enfoncée, appuyez sur une touche fléchée pour déplacer la sélection par incréments de 10 pixels.
1 Sélectionnez un ou plusieurs objets. 2 Choisissez Edition > Couper ou Edition > Copier. Transformation et déformation des objets et des sélections Vous pouvez transformer un objet ou un groupe sélectionné, ou encore une sélection de pixels, en utilisant les outils et les commandes de menu de mise à l’échelle, d’inclinaison et de distorsion : L’outil Mise à l’échelle permet d’agrandir ou de réduire un objet. L’outil Inclinaison permet d’incliner un objet le long d’un axe spécifié. L’outil Distorsion déplace les côtés ou les coins d’un objet conformément à la direction dans laquelle vous faites glisser une poignée de sélection tandis que l’outil est actif. C’est utile pour créer des effets 3D.
Adobe® Fireworks® affiche des poignées de transformation autour des objets sélectionnés.
2 Procédez de l’une des manières suivantes :
• Faites glisser une poignée de transformation pour effectuer une transformation conformément à l’outil de transformation actif.
à la verticale ou sur les deux axes. Pour des informations sur les attributs de mise à l'échelle, voir l'article de Thierry Lorey. 1 Procédez de l’une des manières suivantes :
Vous pouvez choisir les effets de mise à l'échelle et les contours à appliquer aux objets de façon proportionnelle lors de leur redimensionnement. Remarque : Pour la mise à l'échelle normale et la mise à l’échelle en 9 tranches, les contours sont mis à l'échelle en appliquant les paramètres de la boîte de dialogue Préférences ou du panneau Info. ❖ Procédez de l’une des manières suivantes :
Vous pouvez sélectionner des objets dans la zone de travail et les redimensionner à l’horizontale, à la verticale ou sur les deux axes. 1 Sélectionnez les objets de la zone de travail à l’aide de l’outil Pointeur. 2 Sélectionnez Commandes > Redimen. Obj. sélectionnés. 3 Redimensionnez les objets à l’horizontale ou à la verticale à l’aide des contrôles de redimensionnement de la boîte
Remarque : sélectionnez les contrôles d’agrandissement ou de réduction pour ajuster les incréments de redimensionnement.
Vous pouvez transformer un objet en l’inclinant sur l’axe horizontal et/ou sur l’axe vertical. 1 Pour afficher les poignées de transformation, procédez de l’une des manières suivantes :
1 Pour afficher les poignées de transformation, procédez de l’une des manières suivantes :
Pour créer l’illusion de perspective, suggérant qu’un objet pivote en trois dimensions, reportez-vous à la section « Inclinaison des objets » à la page 48.
❖ Choisissez Modification > Transformation, puis sélectionnez une commande de rotation dans le sous-menu.
1 3 Faites glisser l’objet pour le faire pivoter.
4 Cliquez deux fois à l’intérieur de la fenêtre ou appuyez sur la touche Entrée pour appliquer vos changements.
❖ Faites glisser le point central hors du centre.
❖ Procédez de l’une des manières suivantes :
• Appuyez sur la touche Echap pour désélectionner l’objet, puis resélectionnez-le.
❖ Choisissez Modification > Transformation > Symétrie axe horizontal ou Symétrie axe vertical.
Au lieu de faire glisser un objet pour le mettre à l’échelle, le redimensionner ou le faire pivoter, vous pouvez le transformer en entrant des valeurs spécifiques. Pour cela, utilisez l’inspecteur des propriétés, le panneau Info ou la commande Transformation numérique. ❖ Dans l’inspecteur des propriétés ou dans le panneau Info, entrez les nouvelles mesures pour la largeur (L) ou la
Remarque : si les cases L et H ne sont pas visibles dans l’inspecteur des propriétés, cliquez sur la flèche d’extension pour afficher toutes les propriétés.
Transformation numérique 1 Choisissez Modification > Transformation > Transformation numérique. 2 Sélectionnez le type de transformation à effectuer dans le menu contextuel. 3 Sélectionnez Conserver les proportions pour préserver les proportions horizontales et verticales pendant la mise à
4 Sélectionnez Attributs d’échelle pour transformer le fond, le contour et les effets en même temps que l’objet lui-
5 Désélectionnez Attributs d’échelle pour transformer uniquement le tracé. 6 Saisissez des valeurs numériques pour transformer la sélection, puis cliquez sur OK.
Utilisez le panneau Info pour afficher les valeurs des transformations numériques de l’objet actuellement sélectionné. Ces informations sont mises à jour pendant la modification de l’objet. ❖ Choisissez Fenêtre > Info.
La mise à l’échelle en 9 tranches permet de mettre à l’échelle des objets vectoriels et des objets bitmap sans distorsion géométrique ; ils conservent ainsi les aspects d’éléments clés tels que le texte ou des angles arrondis. Il est impossible d’appliquer la mise à l’échelle en 9 tranches aux éléments suivants :
• Symbole contenant du texte
à l’échelle mais pas avec la méthode en 9 tranches. Dans Fireworks, vous pouvez utiliser deux méthodes de mise à l’échelle en 9 tranches : la mise à l’échelle par symboles, avec utilisation de repères de découpe permanents réajustables, et la mise à l’échelle standard avec repères temporaires applicables une seule fois. La mise à l’échelle par symboles est parfaitement adaptée aux objets que vous envisagez de réutiliser plusieurs fois. La mise à l’échelle standard, quant à elle, convient pour les réglages appliqués rapidement et une seule fois aux objets bitmap ou aux formes simples intégrés à vos maquettes. Pour visionner un didacticiel vidéo sur la création d’objets extensibles à l’aide d’une mise à l’échelle en 9 tranches, accéder à www.adobe.com/go/lrvid4036_fw_fr. L’article de Sarthak Singhal, accessible à l’adresse http://www.adobe.com/go/learn_fw_9slicescaling_fr contient une démonstration de l’utilisation de la mise à l’échelle en 9 tranches. Pour bénéficier d’une souplesse optimale lors des mises à l’échelle, la tranche centrale doit être la plus étendue possible. (Si un objet est très réduit, Fireworks limite les tranches qui l’entourent à leur taille d’origine.)
« Symboles » à la page 161 « Ouverture de graphiques créés dans d’autres applications » à la page 7 « Préférences de repères et de grilles » à la page 312
Application de repères 9 tranches à un symbole 1 Cliquez deux fois sur le symbole ou sur le bouton pour passer en mode de modification de symboles. 2 Dans le panneau Propriétés, sélectionnez Activer les repères de mise à l’échelle en 9 tranches. 3 Déplacez les repères, et placez-les de façon appropriée sur le bouton ou symbole. Vérifiez que les différentes parties
5 Pour revenir à la page contenant les repères, cliquez sur l’icône de page située en haut du document 6 Si nécessaire, redimensionnez le symbole à l’aide de l’outil Mise à l’échelle
Après l’application de repères 9 tranches à un symbole, vous pouvez imbriquer ce dernier dans les zones protégées d’autres symboles de mise à l’échelle en 9 tranches, en créant des objets complexes mis à la bonne échelle.
« Symboles » à la page 161
Si vous envisagez d’appliquer à un objet une mise à l’échelle en une seule dimension, vous pouvez utiliser trois tranches au lieu de neuf. ❖ Exécutez la procédure de mise à l’échelle en 9 tranches standard, mais, à l’étape 3, procédez de l’une des manières
• Pour une mise à l’échelle horizontale, faites glisser les repères verticaux vers le bord.
❖ Dans le panneau Bibliothèque de documents, cliquez deux fois sur une icône de symbole pour passer en mode de
« Passage du mode d’édition de symboles au mode d’édition de pages » à la page 162
Les repères que vous créez à l’aide de l’outil Mise à l’échelle en 9 tranches disparaissent après une première utilisation. Pour plus de détails sur les repères de découpe permanents réutilisables plusieurs fois, reportez-vous à la section « Symboles de mise à l’échelle en 9 tranches » à la page 51. 1 Dans la zone de travail, sélectionnez un objet bitmap ou une forme vectorielle. 2 Dans le panneau Outils, sélectionnez l’outil Mise à l’échelle en 9 tranches
3 Dans le document, disposez les repères de découpe de façon à conserver autant que possible la géométrie de l’objet.
4 Transformez l’objet en faisant glisser un angle ou une poignée latérale.
Organisation de plusieurs objets Options d’organisation des objets Groupement d’objets Permet de considérer les objets comme un seul objet ou de protéger les relations de chaque objet avec les autres objets du groupe. Empilement des objets Permet de disposer les objets derrière ou devant d’autres objets Alignement d’objets sélectionnés Permet d’aligner des objets sur l’une des parties de la zone de travail, ou sur un axe
Sélection d’objets dans des groupes Si vous souhaitez travailler séparément sur les objets d’un groupe, dissociez-les ou utilisez l’outil Sous-sélection pour ne sélectionner que des objets individuels et laisser le groupe intact. La modification des attributs d’un objet sous-sélectionné ne s’applique qu’à l’objet sous-sélectionné lui-même. Le déplacement d’un objet sous-sélectionné vers un autre calque supprime cet objet du groupe.
❖ Sélectionnez l’outil Sous-sélection, puis cliquez sur l’objet ou faites glisser une zone de sélection autour de l’objet.
Les calques affectent également l’ordre d’empilage. Par exemple, supposons qu’un document possède deux calques : le calque 1 et le calque 2. Si le calque 1 apparaît sous le calque 2 dans le panneau Calques, tous les éléments du calque 2 apparaissent devant les éléments du calque 1. Vous pouvez modifier l’ordre des calques dans le panneau Calques en faisant glisser un calque vers un nouvel emplacement. Pour plus de détails, reportez-vous à la section « Organisation des calques » à la page 137.
• Pour déplacer l’objet ou le groupe tout en haut ou tout en bas de la pile, sélectionnez Modification > Disposition > Premier plan ou Arrière-plan.
Disposition > Vers l’avant ou Vers l’arrière. Lorsque plusieurs objets ou groupes sont sélectionnés, les objets sont placés devant ou derrière les objets non sélectionnés, tout en préservant leur ordre les uns par rapport aux autres.
Le panneau Calques met à votre disposition un autre niveau de contrôle de l’organisation. Pour déplacer des objets sélectionnés d’un calque vers un autre, faites glisser la vignette de l’objet ou l’indicateur de sélection bleu vers un autre calque.
Vous pouvez appliquer une ou plusieurs commandes d’alignement aux objets sélectionnés. Pour accéder rapidement à ces commandes, utilisez le panneau Alignement (Fenêtre > Alignement).
1 Choisissez Modification > Alignement. Centre vertical Permet d’aligner les points centraux des objets sur un axe vertical. A droite Permet d’aligner les objets sur l’objet sélectionné situé le plus à droite. En haut Permet d’aligner les objets sur l’objet sélectionné situé le plus haut. Centre horizontal Permet d’aligner les points centraux des objets sur un axe horizontal. En bas Permet d’aligner les objets sur l’objet sélectionné situé le plus bas.
Pour définir les options d’alignement des formes automatiques, utilisez l’API correspondante. Par exemple : smartShape.elem.elements[0].pathAttributes.brushPlacement="center"; smartShape.elem.elements[0].pathAttributes.brushPlacement="inside"; smartShape.elem.elements[0].pathAttributes.brushPlacement="outside"; smartShape.elem.elements[0].pathAttributes.fillOnTop=false;
❖ Choisissez Modification > Alignement > Répartir en largeur ou Modification > Alignement > Répartir en hauteur.
2 Utilisez l’outil Pinceau ou Crayon pour créer des objets bitmap dans la zone de travail.
Vous pouvez créer un objet bitmap vide et y tracer ou peindre des pixels ultérieurement. ❖ Procédez de l’une des manières suivantes :
• Dessinez un cadre de sélection, en partant d’une zone vierge de la zone de travail, puis remplissez-le. Pour plus de détails, reportez-vous à la section « Création de cadres de sélection de pixels » à la page 39. Une image bitmap vide est ajoutée au calque actuel dans le panneau Calques.
1 Effectuez une sélection de pixels à l’aide des outils Cadre de sélection, Lasso ou Baguette magique. 2 Coupez-collez (ou copiez-collez) la sélection dans le nouvel objet bitmap.
❖ Procédez de l’une des manières suivantes :
• Cliquez sur Aplatir la sélection dans le menu Options du panneau Calques.
Les outils les plus couramment utilisés pour la retouche photo sont regroupés dans le panneau Modification d’images (Fenêtre > Autres > Modification d’images). Pour plus d’informations, voir l’article de Ruth Kastenmayer, http://www.adobe.com/go/learn_fw_imageeditingpanel_fr, dans le Centre des développeurs Adobe.
1 Sélectionnez l’outil Crayon Effacement automatique Utilise la couleur de fond lorsque vous cliquez sur la couleur de contour avec l’outil
Conserver la transparence Limite l’action de l’outil Crayon aux pixels existants. Aucun trait n’apparaît dans les zones transparentes du graphique.
Pour plus d’informations, reportez-vous à la section « Application et modification de contours » à la page 120. 1 Sélectionnez l’outil Pinceau
Application de la couleur de fond aux pixels 1 Sélectionnez l’outil Pot de peinture
3 Définissez la valeur de la tolérance dans l’inspecteur des propriétés.
4 Cliquez sur l’image.
1 Effectuez la sélection. 2 Dans le panneau Outils, cliquez sur l’outil Pot de peinture, puis sélectionnez l’outil Dégradé
3 Définissez les attributs de fond dans l’inspecteur des propriétés. 4 Cliquez sur la sélection de pixels pour appliquer le fond.
Remarque : le pointeur de la pipette du sélecteur de couleurs est différent de l’outil Pipette (voir la section « Echantillonnage de couleurs à partir d’une fenêtre contextuelle pour la sélection des couleurs » à la page 116). Prélevez une couleur dans une image à l’aide de l’outil Pipette
• Cliquez sur l’icône de fond en regard de la case Couleur de fond du panneau Outils pour en faire l’attribut actif. Remarque : ne cliquez pas sur la case de couleur. Si vous cliquez dessus, le pointeur de pipette s’affiche à la place de l’outil Pipette. 2 Ouvrez un document Fireworks ou n’importe quel document que Fireworks peut ouvrir. 3 Dans la section Couleurs du panneau Outils, sélectionnez l’outil Pipette. Définissez ensuite le paramètre
1 pixel Crée une couleur de contour ou de fond à partir d’un pixel unique. Moyenne 3 x 3 Crée une couleur de contour ou de fond à partir de la moyenne des valeurs chromatiques d’une zone
Moyenne 5 x 5 Crée une couleur de contour ou de fond à partir de la moyenne des valeurs chromatiques d’une zone de 5 pixels sur 5.
1 Sélectionnez l’outil Gomme
L’outil Tampon encreur vous permet de copier ou de cloner une zone d’une image dans une autre. L’outil Goutte d’eau réduit la focalisation des zones sélectionnées dans une image. L’outil Doigt prélève une couleur et l’étale dans la direction dans laquelle vous faites glisser le pointeur dans une image. L’outil Netteté accentue les zones d’une image. L’outil Densité - éclaircit des parties d’une image. L’outil Densité + assombrit des parties d’une image. L’outil Retouche des yeux rouges réduit l’effet yeux rouges sur vos photos. L’outil Remplacement de couleur permet de recouvrir une couleur existante par une autre couleur.
2 Cliquez sur une zone afin de la désigner comme étant la source (la zone à cloner).
Remarque : pour désigner une autre zone de pixels à cloner, cliquez sur cette zone tout en maintenant la touche Alt (Windows) ou Option (Macintosh) enfoncée. 3 Déplacez-vous sur une autre partie de l’image, puis faites glisser le pointeur.
Bord Détermine l’adoucissement du contour (100 % = dur, 0 % = doux). Source alignée Détermine l’opération d’échantillonnage. Lorsque l’option Source alignée est sélectionnée, le
Utiliser l’ensemble du document Permet d’effectuer un échantillonnage de tous les objets sur tous les calques. Lorsque cette option est désélectionnée, l’outil Tampon encreur prélève des échantillons uniquement à partir de l’objet actif. Opacité Détermine ce qui peut être vu de l’arrière-plan à travers le contour. Mode de fusion Détermine la manière dont l’image clonée affecte l’arrière-plan.
• Faites glisser la sélection de pixels à l’aide de l’outil Sous-sélection. • Tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée, faites glisser la sélection de pixels à l’aide de l’outil Pointeur.
Netteté est utile pour corriger des problèmes de numérisation ou des photographies floues. L’outil Doigt vous permet de mélanger légèrement les couleurs. 1 Sélectionnez l’outil Goutte d’eau, Netteté ou Doigt. 2 Définissez les options du pinceau dans l’inspecteur des propriétés : Corps Définit la taille de la pointe. Bord Définit la douceur de la pointe. Forme Définit une pointe ronde ou carrée. Intensité Définit la quantité d’atténuation ou d’accentuation.
Pression Définit l’intensité du trait. Couleur de la tache Permet de choisir la couleur à utiliser au début de chaque trait pour l’étaler. Si cette option est désélectionnée, l’outil utilise la couleur située sous le pointeur de l’outil. Utiliser l’ensemble du document Etale la couleur en utilisant les données chromatiques de tous les objets sur tous les calques. Si cette option est désélectionnée, l’outil Doigt utilise les couleurs provenant uniquement de l’objet actif.
Vous pouvez éclaircir ou assombrir des pixels d’une image à l’aide des outils Révélateur ou Brûlure, respectivement. Utiliser ces outils revient à augmenter ou diminuer l’exposition lumineuse pendant le développement d’une photo. 1 Sélectionnez l’outil Densité - pour éclaircir des parties d’image, ou l’outil Densité + pour les assombrir. 2 Définissez les options du pinceau et l’exposition dans l’inspecteur des propriétés.
3 Définissez la gamme dans l’inspecteur des propriétés : Tons foncés Change principalement les parties sombres de l’image. Tons clairs Change principalement les parties claires de l’image. Tons moyens Change principalement la plage des tons moyens par couche de l’image.
(Windows) enfoncée.
L’outil Retouche des yeux rouges traite rapidement les zones rouges de la photographie en les recouvrant de tons de gris ou de noir.
Intensité Définit la puissance des gris utilisés pour remplacer les couleurs rouges.
1 Dans la section Bitmap du panneau Outils, sélectionnez l’outil Remplacer la couleur
3 Cliquez sur la case de couleur De pour sélectionner la pipette, puis sélectionnez une couleur dans le menu
4 Cliquez sur la case de couleur A dans l’inspecteur des propriétés, puis sélectionnez une couleur dans le menu
toutes les couleurs semblables à cette couleur). Intensité Détermine la quantité de couleur De qui est remplacée. Coloriser Remplace la couleur De par la couleur A. Désélectionnez Coloriser pour remplacer la couleur De par la
6 Faites glisser l’outil sur la couleur à remplacer.
1 Dans la section Bitmap du panneau Outils, sélectionnez l’outil Remplacer la couleur
3 Cliquez sur la case de couleur A dans l’inspecteur des propriétés pour sélectionner la pipette, puis sélectionnez une
4 Définissez les autres attributs de contour dans l’inspecteur des propriétés. 5 A l’aide de l’outil, cliquez sur une section de l’image bitmap contenant la couleur à remplacer. Sans soulever l’outil,
La diffusion atténue les bords d’une sélection de pixels et aide à fusionner la zone sélectionnée avec les pixels environnants. Le contour progressif est pratique lorsque vous copiez une sélection et que vous la collez sur un autre arrière-plan.
2 Sélectionnez la partie concernée de l’image à l’aide de l’un des outils de sélection. 3 Sélectionnez Sélection > Inverser la sélection. 4 Sélectionnez Sélection > Contour progressif. Vous pouvez également sélectionner cette option dans le menu Bord
5 Dans la boîte de dialogue Appliquer un contour progressif à la sélection, entrez le rayon du contour progressif. La
6 Appuyez sur Supprimer.
• Les filtres dynamiques vous permettent d’appliquer des filtres que vous pouvez supprimer ou modifier sans altérer définitivement les pixels. Il est recommandé d’utiliser les filtres dynamiques dans la mesure du possible. Remarque : Les filtres dynamiques soient plus souples à manipuler, cependant leur utilisation en grand nombre dans un document peut ralentir Fireworks.
• Vous ne pouvez pas appliquer de filtres dynamiques aux sélections de pixels depuis le menu Filtres. Vous pouvez définir une zone d’une image bitmap et l’utiliser pour créer une image bitmap distincte puis lui appliquer un filtre dynamique.
1 Sélectionnez un outil de sélection bitmap, puis tracez un cadre de sélection. 2 Choisissez Edition > Couper. 3 Choisissez Edition > Coller.
4 Cliquez sur la vignette du nouvel objet bitmap dans le panneau Calques afin de sélectionner l’objet bitmap. 5 Appliquez un filtre dynamique à partir de l’inspecteur des propriétés.
Une image bitmap avec une plage tonale complète doit contenir un nombre pair de pixels dans toutes les zones. Trois options sont proposées pour ajuster la plage tonale : la fonction Niveaux, la fonction Courbes pour un contrôle précis ou la fonction Niveaux automatiques pour des réglages automatiques. La fonction Niveaux corrige les images bitmap comportant une forte concentration de pixels dans les tons clairs, les tons moyens ou les tons foncés. Tons clairs Corrige un excès de pixels clairs, qui donne à l’image un aspect délavé. Tons moyens Corrige un excès de pixels dans les tons moyens, qui rend l’image fade. Tons foncés Corrige un excès de pixels sombres, qui masque une grande partie des détails.
L’histogramme de la boîte de dialogue Niveaux permet d’afficher la répartition des pixels d’un bitmap. L’histogramme est une illustration graphique de la répartition des pixels dans les tons clairs, les tons moyens et les tons foncés. L’histogramme vous aide à déterminer la meilleure méthode de correction de la plage tonale d’une image. Une forte concentration de pixels dans les tons foncés et les tons clairs indique que l’image peut être améliorée avec la fonction Niveaux ou Courbes. L’axe horizontal représente les valeurs chromatiques des plus foncées (0) aux plus claires (255). L’axe horizontal se lit de gauche à droite : les pixels les plus sombres se situent à gauche, les pixels moyens au centre et les pixels les plus clairs à droite. L’axe vertical représente le nombre de pixels en fonction du niveau de luminosité. En général, vous réglez les tons clairs et les tons foncés en premier. Le réglage des tons moyens en second permet d’améliorer leur valeur de luminosité sans affecter les tons clairs et les tons foncés.
1 Sélectionnez l’image bitmap. 2 Procédez de l’une des manières suivantes :
Régler la couleur > Niveaux dans le menu contextuel Filtres.
3 Dans le menu contextuel Couche, choisissez d’appliquer ces modifications à des couches de couleur spécifiques
4 Faites glisser les curseurs Niveaux d’entrées sous l’histogramme :
• Le curseur du centre permet de régler les tons moyens avec des valeurs comprises entre 10 et 0. • Le curseur de gauche permet de régler les tons foncés avec des valeurs comprises entre 0 et 255. Remarque : la valeur des tons foncés ne peut pas être supérieure à la valeur des tons clairs, la valeur des tons clairs ne peut pas être inférieure à la valeur des tons foncés, et les tons moyens doivent se situer entre les paramètres des tons foncés et des tons clairs. 5 Faites glisser les curseurs Niveaux de sortie pour régler le contraste.
• Le curseur de gauche permet de régler les tons foncés avec des valeurs comprises entre 0 et 255.
1 Sélectionnez l’image. 2 Procédez de l’une des manières suivantes :
Régler la couleur > Niveaux automatiques dans le menu contextuel Filtres.
Vous pouvez également régler automatiquement les tons clairs, les tons moyens et les tons foncés en cliquant sur le bouton Auto dans la boîte de dialogue Niveaux ou Courbes.
La fonction Courbes permet un contrôle de la plage tonale plus précis qu’avec la fonction Niveaux. Grâce à la fonction Courbes, vous pouvez ajuster n’importe quelle couleur dans la plage tonale, sans toucher aux autres couleurs.
L’axe vertical Représente les nouvelles valeurs de luminosité (telles qu’illustrées dans la zone Sortie).
1 Sélectionnez l’image. 2 Pour ouvrir la boîte de dialogue Courbes, procédez de l’une des manières suivantes :
Régler la couleur > Courbes dans le menu contextuel Filtres. Remarque : si l’inspecteur des propriétés est partiellement réduit, cliquez sur le bouton Ajouter des filtres à la place du bouton Plus.
spécifiques ou à l’ensemble des couleurs. 4 Pour régler la courbe, cliquez sur l’un des points de la diagonale de la grille, puis faites-le glisser à une autre position.
❖ Faites glisser le point hors de la courbe.
1 Ouvrez la boîte de dialogue Niveaux ou Courbes, puis sélectionnez une couche de couleur dans le menu
2 Sélectionnez la pipette appropriée pour rétablir les valeurs tonales de l’image :
La fonction Luminosité/Contraste modifie le contraste ou la luminosité des pixels d’une image. Elle agit sur les tons clairs, les tons foncés et les tons moyens d’une image.
2 Procédez de l’une des manières suivantes :
Régler la couleur > Luminosité/Contraste dans le menu contextuel Filtres.
3 Faites glisser les curseurs Luminosité et Contraste pour régler les paramètres dans la plage comprise entre –100
Lorsque vous mélangez des couleurs, la couleur est ajoutée par-dessus l’objet. La fusion d’une couleur à celle d’un objet existant produit un résultat semblable à celui de la fonction Teinte/Saturation. La fusion permet cependant d’appliquer rapidement une couleur spécifique d’un nuancier. 1 Dans l’inspecteur des propriétés, cliquez sur l’icône plus (+) en regard de l’étiquette Filtres, puis choisissez Régler
2 Sélectionnez un mode de fusion. Le mode par défaut est Normal. 3 Sélectionnez une couleur de fond dans le menu contextuel de la case de couleur. 4 Sélectionnez un pourcentage d’opacité pour la couleur de fond, puis appuyez sur la touche Entrée.
Vous pouvez régler la nuance (teinte), l’intensité (saturation) ou la clarté (luminosité) d’une couleur dans une image.
2 Procédez de l’une des manières suivantes :
Régler la couleur > Teinte/Saturation dans le menu contextuel Filtres.
3 Faites glisser les curseurs pour ajuster les couleurs de l’image.
• Les valeurs de saturation et de luminosité peuvent être comprises entre –100 et 100.
❖ Dans la boîte de dialogue Teinte/Saturation, sélectionnez Coloriser.
Plus flou Applique un flou trois fois plus puissant que celui de la commande Flou. Flou gaussien Applique à chaque pixel une valeur médiane pondérée d’atténuation pour produire un effet de voilage.
Flou directionnel Donne l’impression que l’image est en mouvement. Les valeurs de distance peuvent être comprises
Flou radial Confère un effet de rotation à l’image. Les valeurs de qualité peuvent être comprises entre 1 et 100. Une
Flou de zoom Donne l’impression que le sujet de l’image s’approche ou s’éloigne de la personne qui regarde la photo. Les valeurs Intensité et Qualité sont requises. Une qualité élevée se traduit par moins de répétitions de l’image originale dans l’effet de flou. Plus l’intensité est élevée, plus l’effet de flou est marqué.
2 Procédez de l’une des manières suivantes :
• Dans l’inspecteur des propriétés, cliquez sur l’icône plus (+) en regard de l’étiquette Filtres, puis choisissez Autre > Tracé des contours dans le menu contextuel Filtres.
Convertir en Alpha dans le menu contextuel Filtres.
Accentuation Règle le contraste des bords des pixels pour rendre l’image plus nette. Cette option offre le meilleur contrôle et doit être utilisée en priorité pour accentuer une image.
2 Procédez de l’une des manières suivantes :
Renforcement, puis sélectionnez une option d’accentuation dans le menu contextuel Filtres.
Les options Plus net ou Encore plus net prennent effet. 3 (Option Accentuation) Faites glisser le curseur Intensité de l’accentuation pour sélectionner un facteur de netteté
4 Réglez le curseur Rayon en pixels pour sélectionner un rayon compris entre 0,1 et 250.
5 Réglez le curseur Seuil pour sélectionner une valeur comprise entre 0 et 255.
Lorsqu’elles sont affichées à un niveau de zoom élevé, la plupart des images obtenues à partir d’appareils photo numériques ou de scanners présentent des couleurs qui ne sont pas parfaitement uniformes. Les couleurs sont constituées de pixels comprenant de nombreuses couleurs différentes. Dans le domaine du traitement de l’image, la notion de bruit fait référence à ces variations chromatiques aléatoires dans les pixels qui composent une image. Dans certains cas (notamment lorsque vous collez une partie d’une image dans une autre image), l’écart de variation chromatique aléatoire entre deux images peut être visible. Ceci empêche les images de se fondre l’une dans l’autre. Dans ce cas, ajoutez du bruit à l’une des images, ou aux deux, afin de créer l’illusion que ces deux images proviennent de la même source. Vous pouvez également ajouter du bruit à une image pour des raisons artistiques (pour imiter une vieille photographie ou des parasites sur un écran de télévision, par exemple).
1 Sélectionnez l’image. 2 Pour ouvrir la boîte de dialogue Ajout de bruit, procédez de l’une des manières suivantes :
Bruit > Ajout de bruit dans le menu contextuel Filtres.
Remarque : l’application d’un filtre à partir du menu Filtres est une action irréversible ; elle ne peut pas être annulée, sauf si la commande Edition > Annuler est disponible. Pour conserver la possibilité d’effectuer des ajustements, désactivez ou supprimez ce filtre, puis appliquez-le en tant que filtre dynamique, comme décrit dans la première option de cette étape. Pour plus d’informations, reportez-vous à la section « Utilisation des filtres dynamiques » à la page 129. 3 Réglez le curseur Quantité pour définir la quantité du bruit.
4 Sélectionnez l’option Couleur afin d’appliquer le bruit coloré. Désactivez-la pour appliquer uniquement un bruit
5 Cliquez sur OK. Vous pouvez utiliser un grand nombre d’outils et de techniques pour dessiner et retoucher des objets vectoriels.
Les lignes, les rectangles, les ellipses, les rectangles arrondis, les polygones et les étoiles sont des formes simples. Remarque : Pour éviter les pixels parasites et améliorer la netteté des objets vectoriels, cliquez sur Commandes > Sélection > Utiliser le rendu vectoriel existant.
Les outils Rectangle et Rectangle arrondi permettent de dessiner des rectangles sous forme d’objets groupés. Pour déplacer séparément un point d’angle de rectangle, dissociez le rectangle ou utilisez l’outil Sous-sélection . Pour plus d’informations sur le redimensionnement et la mise à l’échelle des objets, reportez-vous à la section « Transformation et déformation des objets et des sélections » à la page 47.
1 Dans le panneau Outils, sélectionnez l’outil Ligne, Rectangle ou Ellipse. 2 (Facultatif) Sélectionnez les attributs de contour et de fond dans l’inspecteur des propriétés. 3 Faites glisser le pointeur sur la zone de travail pour dessiner la forme.
❖ Placez le pointeur sur le point central voulu, puis, tout en maintenant la touche Alt (Windows) ou Option
1 Tracez ou sélectionnez une ligne.
Repositionnement d’une forme élémentaire à mesure que vous la dessinez ❖ Tout en maintenant le bouton de la souris et la barre d’espace enfoncés (rectangles et ellipses uniquement), faites
La mise à l’échelle d’un objet vectoriel ne change pas l’épaisseur du trait. Le redimensionnement des objets respecte leurs proportions. ❖ Procédez de l’une des manières suivantes :
• Dans la section Sélection du panneau Outils, sélectionnez l’outil Mise à l’échelle, puis faites glisser une poignée de transformation d’angle.
Il arrive que les lignes tracées dans Fireworks ne soient pas aussi nettes que souhaité. Ce flou vient du fait que les nœuds du tracé sont espacés d’un demi-pixel lors de l’utilisation de la souris. Pour optimiser la netteté des objets, faites appel à la commande Accrocher au pixel. Cette commande intervient sur les lignes droites lorsque la différence entre les coordonnées x ou y des deux nœuds est inférieure ou égale à 0,5 px. Si les nœuds Fireworks sont distants d’un demi-pixel, les coordonnées x ou y des deux nœuds doivent se trouver dans les limites d’un même pixel. Un déplacement de 0,5 px entraîne parfois un écart d’un pixel dans les coordonnées x et y dans l’inspecteur des propriétés, car celui-ci remplace les valeurs fractionnaires par l’entier le plus proche. Remarque : Pour éviter les pixels parasites et améliorer la netteté des objets vectoriels, cliquez sur Commandes > Sélection > Utiliser le rendu vectoriel existant. Numéro
Accrocher au pixel.*
Sélectionnez l’objet, cliquez dessus avec le bouton droit de la souris et choisissez Accrocher au pixel.*
Sélectionnez l’objet, cliquez dessus avec le bouton droit de la souris et choisissez Accrocher au pixel.*
Pour plus d’informations sur la préservation de l’arrondi des angles d’un rectangle lors de sa mise à l’échelle, voir l’article de Sarthak. 1 Dans la section Vecteur du panneau Outils, sélectionnez l’outil Rectangle. 2 Faites glisser le pointeur sur la zone de travail pour dessiner le rectangle. 3 Dans l’inspecteur des propriétés, choisissez pourcentage ou pixels dans le menu contextuel situé à droite de la
Appuyez sur les touches fléchées Haut et Droite tout en faisant glisser les angles du rectangle pour les arrondir. Utilisez les touches fléchées Bas et Gauche pour réduire l’arrondi des angles.
L’outil Polygone permet de dessiner des polygones équilatéraux (y compris des triangles) à partir d’un point central. 1 Sélectionnez Fenêtre > Propriétés de forme automatique. 2 Cliquez sur l'outil Polygone. 3 Procédez de l’une des manières suivantes :
• Dans la boîte de dialogue Propriétés de forme automatique, spécifiez les points et les côtés requis.
1 Cliquez sur le panneau Outils et appuyez sur U. 2 Cliquez sur la flèche vers le bas et sélectionnez l'icône Etoile dans le menu. 3 Procédez de l’une des manières suivantes :
Pour contraindre l’orientation d’une étoile par incréments de 45 degrés, maintenez la touche Maj enfoncée pendant que vous faites glisser le pointeur.
Les options de modification et d’enregistrement d’un rectangle primitif ne sont accessibles dans l’inspecteur des propriétés qu’une fois le rectangle dissocié. Il est impossible de modifier l’arrondi d’un rectangle dans l’inspecteur des propriétés une fois qu’il est dissocié. Vous pouvez cependant effectuer cette opération à l’aide de l’outil Vecteur.
Pour plus de détails sur la modification de l’orientation, reportez-vous à la section « Transformation et déformation des objets et des sélections » à la page 47.
Flèche Flèches simples de toutes proportions, avec des lignes droites ou courbes. Corps de flèche Minces lignes droites permettant d’accéder rapidement aux pointes de flèche les plus courantes (il
Rectangle biseauté Rectangles avec angles biseautés. Rectangle chanfreiné Rectangles avec chanfreins (angles arrondis à l’intérieur du rectangle). Connecteur Lignes connectrices à trois segments, telles que celles utilisées pour relier les éléments d’un organigramme. Anneau Anneaux remplis. Forme en L Formes à angles droits. Outil Mesure Simples lignes de flèche indiquant les dimensions des éléments de conception principaux en pixels ou
Graphique à secteurs Diagrammes circulaires. Rectangle arrondi Rectangles aux angles arrondis. Polygone intelligent Polygones équilatéraux comportant de 3 à 25 côtés. Spirale Spirales ouvertes.
• Cliquez sur la zone de travail pour y placer la forme à sa taille par défaut.
L’option Ajouter une ombre ajoute une ombre sous l’objet sélectionné en fonction des dimensions de cet objet. L’ombre est en réalité une forme automatique dotée de points de contrôle que vous pouvez manipuler pour modifier son aspect. Par exemple, vous pouvez maintenir la touche Maj enfoncée en faisant glisser le point de contrôle directionnel afin de forcer son mouvement à un angle de 45 degrés. Un clic sur le point de contrôle directionnel restitue à l’ombre sa forme d’origine. La commande Ajouter une ombre fait automatiquement reculer la nouvelle forme d’ombre d’un niveau. L’ombre se superpose à l’objet sélectionné, sauf si vous appliquez cette commande à un seul objet situé dans la partie supérieure du calque actif. 1 Sélectionnez un objet dans la zone de travail. 2 Choisissez Commandes > Création > Ajouter une ombre. 3 (Facultatif) Pour modifier l’ombre, procédez de l’une des manières suivantes :
• Tout en maintenant les touches Ctrl + Cmde enfoncées, cliquez sur le point de contrôle directionnel pour redéfinir uniquement l’axe des x.
Pour exercer un contrôle numérique précis sur une forme automatique sélectionnée ou pour insérer une autre forme automatique dans votre document, utilisez le panneau Propriétés de forme automatique. Remarque : ce panneau ne prend en charge que les formes automatiques figurant dans le panneau Outils. Il ne prend en charge ni les formes automatiques tierces ni celles du panneau Formes (Fenêtre > Formes automatiques). Selon le type de forme automatique utilisé, les propriétés modifiables peuvent varier. 1 Insérez une forme automatique dans votre document. 2 Choisissez Fenêtre > Propriétés de forme automatique. 3 Définissez les propriétés.
4 Pour appliquer les changements, appuyez sur la touche de tabulation ou Entrée.
Modification des propriétés de forme automatique à l’aide des points de contrôle Sélectionnez une forme automatique, puis utilisez les points de contrôle jaunes pour définir les propriétés de forme automatique. Le nom d’un point de contrôle évoque sa fonction. Pour afficher un nom, faites glisser la souris sur un point de contrôle jusqu’à ce qu’une info-bulle apparaisse.
• Pour régler la netteté de la pointe de la flèche, faites glisser les points de contrôle de pointe de la flèche et de taille de la flèche.
Pour créer une flèche incurvée, faites glisser le point de contrôle de largeur ou de hauteur vers la droite ou vers la gauche.
• Pour passer en revue les options de pointes de flèche, cliquez sur un point de contrôle à l’une des extrémités de la ligne.
• Pour régler simultanément tous les angles d’un rectangle, faites glisser un point de contrôle d’angle. • Pour régler un seul angle du rectangle, glisser un point de contrôle d’angle tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée.
• Pour convertir un seul angle de rectangle dans un autre type, cliquez sur un point de contrôle d’angle tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée.
• Pour déplacer le point de début ou le point de fin, faites glisser le point de contrôle au début ou à la fin de la ligne connecteur.
• Pour régler tous les angles, faites glisser un point de contrôle d’angle. • Pour régler un seul angle, faites glisser un point de contrôle d’angle tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée.
• Pour ajouter une section, faites glisser un point de contrôle d’ajout/de division de secteur sur le périmètre extérieur de la forme tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée.
• Pour affecter la valeur zéro au rayon intérieur, cliquez sur son point de contrôle de réinitialisation.
• Pour modifier la hauteur ou la largeur d’une section, faites glisser le point de contrôle de hauteur ou de largeur. • Pour régler l’arrondi des angles, faites glisser le point de contrôle de rayon d’angle.
• Pour modifier la longueur ou l’angle de la section mesurée, faites glisser le point de contrôle à l’une des extrémités de la ligne.
L’outil Mesure est utile lorsque vous définissez des spécifications d’interface. Pour masquer les mesures, cliquez sur l’icône représentant un œil située dans le panneau Calques.
Les formes automatiques représentant des graphiques à secteurs disposent initialement de trois points de contrôle. Pour chaque nouvelle section, Fireworks ajoute un point de contrôle permettant de la redimensionner ou de la diviser.
• Pour redimensionner ou faire pivoter le polygone, faites glisser le point de contrôle de mise à l’échelle/rotation. Pour effectuer une rotation uniquement, faites glisser le point de contrôle de mise à l’échelle/rotation tout en maintenant la touche Alt (Windows) ou Option (Mac OS).
• Pour modifier le nombre de côtés, faites glisser le point de contrôle de côtés. • Pour segmenter le polygone, faites glisser le point de contrôle des côtés tout en maintenant la touche Alt (Windows) ou Option (Mac OS).
Réglage des formes automatiques en forme de spirales • Pour modifier le nombre de spires, faites glisser le point de contrôle de spirales. • Pour ouvrir ou fermer la spirale, cliquez sur le point de contrôle d’ouverture/fermeture de spirale.
• Pour modifier le nombre de côtés, faites glisser le point de contrôle de pointes. • Pour régler la base des branches, faites glisser le point de contrôle correspondant. • Pour régler les pointes, faites glisser le point de contrôle de sommet. • Pour régler l’arrondi des sommets et des bases, faites glisser le point de contrôle d’arrondi.
Le panneau Formes automatiques contient d’autres formes automatiques plus complexes que celles du panneau Outils. Pour insérer ces formes automatiques dans votre dessin, faites-les glisser du panneau Formes automatiques vers la zone de travail. 1 Choisissez Fenêtre > Formes automatiques pour afficher le panneau Formes automatiques. 2 Faites glisser un aperçu de forme automatique du panneau Formes automatiques vers la zone de travail. 3 (Facultatif) Modifiez la forme automatique en faisant glisser l’un de ses points de contrôle.
Vous pouvez ajouter de nouvelles formes automatiques provenant du site Web d’Adobe® Fireworks® Exchange. Les nouvelles formes automatiques apparaissent soit dans le panneau Formes automatiques, soit dans le menu Outils. Vous pouvez également programmer de nouvelles formes automatiques dans Fireworks en code JavaScript. Pour plus d’informations, reportez-vous à la section Extension de Fireworks. 1 Choisissez Fenêtre > Formes automatiques pour afficher le panneau Formes automatiques. 2 Dans le menu Options, sélectionnez Acquérir plus de formes automatiques. 3 Sur le site Web Fireworks Exchange, suivez les instructions d’ajout de formes qui s’affichent à l’écran.
Vous pouvez dessiner et retoucher des tracés vectoriels pour créer pratiquement toutes les formes d’objets vectoriels souhaitées.
Vous pouvez utiliser l’outil Tracé vectoriel, qui figure dans le menu contextuel Plume, pratiquement de la même manière qu’un marqueur ou un crayon. Cet outil s’accompagne d’une grande variété de catégories de traits, notamment l’aérographe, la calligraphie, le fusain, la craie grasse et les artifices. Ces catégories disposent elles-mêmes de plusieurs types de contours, tels que le marqueur clair, le marqueur foncé, les éclaboussures, le bambou, le ruban, les confettis, le 3D, le dentifrice et l’alien visqueux.
Voir « Application de couleurs, de contours et de fonds » à la page 111. 1 Dans le menu contextuel de l’outil Plume, sélectionnez l’outil Tracé vectoriel
3 Faites glisser le pointeur pour dessiner. Pour contraindre le tracé à une ligne horizontale ou verticale, faites glisser
4 Relâchez le bouton de la souris à la fin du tracé. Pour fermer le tracé, relâchez le bouton de la souris après avoir
Le traçage de points est une technique semblable à celle utilisée pour dessiner une image de points reliés. Lorsque vous cliquez sur chaque point avec l’outil Plume, Fireworks dessine automatiquement le tracé de l’objet vectoriel à partir du dernier point sur lequel vous avez cliqué. L’outil Plume permet non seulement de relier des points par des segments de droite, mais également de dessiner des segments incurvés lisses dérivés d’une fonction mathématique appelés des courbes de Bézier. Le type de point, point d’angle ou point de courbe, détermine si la forme adjacente est une droite ou une courbe.
1 Dans le panneau Outils, cliquez sur l’outil Plume. 2 (Facultatif) Choisissez la commande Edition > Préférences (Windows) ou Fireworks > Préférences (Mac OS X) et
Afficher l’aperçu de l’outil Plume Permet d’obtenir un aperçu du segment de droite tel qu’il doit apparaître lors du
Points pleins Permet d’afficher des points unis à mesure que vous dessinez.
4 Déplacez le pointeur et cliquez pour placer le point suivant. 5 Continuez à tracer des points. Les segments de droite relient les points.
Remarque : si vous sélectionnez un outil différent (autre que l’outil Texte) puis revenez à l’outil Plume, Fireworks reprend le dessin de l’objet à votre prochain clic.
Remarque : les boucles formées par un tracé qui se chevauche ne constituent pas des tracés fermés. Seuls les tracés qui commencent et se terminent par le même point sont des tracés fermés.
1 Dans le panneau Outils, sélectionnez l’outil Plume. 2 Cliquez pour placer le premier point d’angle. 3 Déplacez le pointeur vers l’emplacement du point suivant, puis faites glisser le pointeur pour obtenir un point de
Vous pouvez utiliser temporairement l’outil Sous-sélection pour changer l’emplacement des points et la forme des courbes que vous tracez. Faites glisser un point ou une poignée de point avec l’outil Plume tout en maintenant la touche Ctrl (Windows) ou Commande (Mac OS) enfoncée. 5 Procédez de l’une des manières suivantes :
Vous pouvez convertir un segment droits en segment incurvé, et inversement, en convertissant ses points.
1 Dans le panneau Outils, cliquez sur l’outil Plume. 2 Cliquez sur un point d’angle du tracé sélectionné, puis faites-le glisser à l’écart de sa position initiale.
(Windows) ou Cmde (Mac OS) lorsque l’outil Plume est actif.
1 Dans le panneau Outils, cliquez sur l’outil Plume. 2 Cliquez sur un point de courbe du tracé sélectionné.
L’outil Sous-sélection du panneau Outils permet de sélectionner plusieurs points. Avant de sélectionner un point avec l’outil Sous-sélection, sélectionnez le tracé en utilisant l’outil Pointeur ou Sous-sélection, ou bien en cliquant sur sa vignette dans le panneau Calques.
❖ A l’aide de l’outil Sous-sélection, procédez de l’une des manières suivantes :
Ajoutez des points à un tracé pour contrôler l’un des segments du tracé. ❖ Avec l’outil Plume, cliquez sur l’une des parties du tracé qui ne comporte pas encore de point.
Supprimez des points pour remodeler le tracé ou simplifier sa modification. ❖ Procédez de l’une des manières suivantes :
• Cliquez deux fois avec le pointeur de l’outil Plume sur l’un des points de courbe d’un objet sélectionné. • Sélectionnez un point avec l’outil Sous-sélection, et appuyez sur la touche Suppr ou Retour arrière.
❖ Faites-le glisser avec l’outil Sous-sélection. 2 Cliquez sur un point avec l’outil Sous-sélection.
3 Faites glisser le point ou utilisez l’une des touches fléchées pour déplacer le point vers un autre emplacement.
1 Sélectionnez le tracé à l’aide de l’outil Pointeur ou Sous-sélection. 2 Cliquez sur un point de courbe avec l’outil Sous-sélection.
glisser une poignée pour imposer à son déplacement un angle de 45 degrés. L’aperçu du tracé en bleu indique l’emplacement du nouveau tracé si vous relâchez le bouton de la souris.
Pour poursuivre le dessin d’un tracé ouvert existant et fusionner les tracés, utilisez l’outil Plume.
2 Cliquez sur le point de fin (extrémité), puis reprenez le tracé.
Lorsque vous reliez deux tracés, les attributs de contour, de fond et de filtre du tracé supérieur deviennent les attributs du tracé nouvellement fusionné. 1 Dans le panneau Outils, sélectionnez l’outil Plume. 2 Cliquez sur le point de fin (extrémité) de l’un des tracés. 3 Placez le pointeur sur le point de fin (extrémité) de l’autre tracé, puis cliquez.
Vous pouvez relier deux tracés ouverts qui partagent des attributs de contour et de fond similaires. 1 Sélectionnez un tracé ouvert. 2 Choisissez l’outil Sous-sélection, puis faites glisser l’un des points de fin du tracé à quelques pixels du point de fin
• Créez un vecteur, sélectionnez l’opération de forme composée requise (Ajouter ou Soustraire, par exemple) et dessinez d’autres vecteurs.
❖ Pour convertir une forme composée en tracé composite, cliquez sur le bouton Associer.
Certains outils de Fireworks permettent non seulement de déplacer des points et des poignées de point, mais aussi de modifier directement des objets vectoriels. Vous pouvez également utiliser les fonctions de tracé pour créer des formes en combinant ou en modifiant les tracés existants. Par ailleurs, le panneau Tracé vous permet d’accéder rapidement aux commandes propres aux tracés. Pour plus d'informations sur les nouveaux outils de manipulation des vecteurs dans Fireworks CS4, voir http://www.adobe.com/devnet/fireworks/articles/vector_manipulation_tools_02.html.
Les outils vectoriels figurent dans le panneau Outils.
Utilisez l’outil Forme libre pour incurver et remodeler directement les objets vectoriels au lieu de manipuler les points. Vous pouvez pousser ou tirer l’une des parties d’un tracé, quel que soit l’emplacement des points. Fireworks ajoute, déplace ou supprime des points le long du tracé à mesure que vous changez la forme de l’objet vectoriel.
L’outil Forme libre est en cours d’utilisation, et le pointeur de traction tire sur le tracé sélectionné. L’outil Forme libre est en cours d’utilisation, et le pointeur de poussée est actif. L’outil Reformer la zone est en cours d’utilisation, et le pointeur correspondant est actif. La zone comprise entre le cercle intérieur et le cercle extérieur reforme le tracé selon une intensité inférieure à l’intensité maximale.
Tirage d’un tracé sélectionné Lorsque le pointeur se trouve juste au-dessus du tracé, vous pouvez tirer sur celui-ci. 1 Dans le panneau Outils, cliquez sur l’outil Forme libre
3 Dessinez le tracé.
Lorsque le pointeur ne se trouve pas juste au-dessus du tracé, vous pouvez pousser celui-ci. 1 Dans le panneau Outils, sélectionnez l’outil Forme libre. 2 Positionnez le pointeur légèrement à l’écart du tracé. 3 Faites glisser le pointeur vers le tracé pour exercer une poussée. Déplacez légèrement le tracé sélectionné pour lui
Modification de la taille du pointeur de poussée ❖ Procédez de l’une des manières suivantes :
Distorsion de tracés à l’aide de l’outil Reformer la zone L’outil Reformer la zone permet de tirer la zone formée par tous les tracés sélectionnés dans le cercle extérieur du pointeur Reformer la zone.
Le cercle extérieur du pointeur détermine la force d’attraction. Vous pouvez définir son intensité. Remarque : l’outil Reformer la zone reporte également la pression exercée sur une tablette Wacom ou compatible. 1 Dans le menu contextuel de l’outil Forme libre, sélectionnez l’outil Reformer la zone. 2 Faites glisser le pointeur sur les tracés pour les redessiner.
❖ Procédez de l’une des manières suivantes :
Définition de l’intensité du cercle intérieur du pointeur Reformer la zone ❖ Dans la zone Intensité de l’inspecteur des propriétés, entrez une valeur comprise entre 1 et 100 pour spécifier le
Lorsque vous utilisez l’outil Redessiner le tracé, les attributs de contour, de fond et d’effet sont conservés. 1 Dans le menu contextuel de l’outil Plume, sélectionnez l’outil Redessiner le tracé
3 Positionnez le pointeur directement sur le tracé. 4 Faites glisser le pointeur pour redessiner ou étendre le segment de tracé. 5 Relâchez le bouton de la souris.
En utilisant une pression ou une vitesse différente, vous pouvez modifier les propriétés de contour d’un tracé. Pour définir les propriétés affectées par les outils Modulateur de tracé, utilisez l’onglet Sensibilité de la boîte de dialogue Modifier le contour. Vous pouvez également spécifier dans quelle mesure la pression et la vitesse s’appliquent à ces propriétés. Pour plus de détails sur la définition des options de la boîte de dialogue Modifier le contour, reportez-vous à la section « Application et modification de contours » à la page 120.
• Cliquez sur le tracé. 3 Désélectionnez le tracé.
Les fonctions de tracé du menu Modification permettent de créer des formes en combinant ou en modifiant des tracés existants. Pour certaines fonctions de tracé, l’ordre d’empilage des objets tracés sélectionnés définit le déroulement de l’opération. Pour plus de détails sur l’ordre d’empilement des objets sélectionnés, reportez-vous à la section « Empilement des objets » à la page 54. Remarque : l’utilisation des fonctions de tracé supprime toutes les informations de pression et de vitesse des tracés concernés.
❖ Sélectionnez la commande Modification > Combiner les tracés > Union. Le tracé qui en résulte a les attributs de
Vous pouvez convertir une forme vectorielle en une sélection bitmap, puis utiliser les outils bitmap pour éditer la nouvelle sélection bitmap. 1 Sélectionnez un tracé. 2 Choisissez Modification > Convertir le tracé en cadre de sélection. 3 Dans la boîte de dialogue Convertir le tracé en cadre de sélection, sélectionnez un paramètre Bord à appliquer au
4 Si vous avez sélectionné Contour progressif comme bord, spécifiez la valeur de diffusion à utiliser. 5 Cliquez sur OK.
❖ Sélectionnez la commande Modification > Combiner les tracés > Intersection. Le tracé qui en résulte a les attributs
3 Tout en maintenant la touche Maj enfoncée, ajoutez à la sélection l’objet tracé à recadrer. 4 Choisissez Modification > Combiner les tracés > Recadrage.
La commande Simplifier permet de supprimer du tracé le nombre de points redondants que vous spécifiez. Sont considérés comme redondants un nombre de points supérieur à deux sur une droite ou des points entièrement superposés. 1 Choisissez Modification > Modifier le tracé > Simplifier. 2 Entrez une valeur de simplification, puis cliquez sur OK.
2 Définissez la largeur du tracé fermé obtenu. 3 Sélectionnez un type d’angle. 4 Si vous avez sélectionné la forme en pointe, définissez la pointe (le point auquel un angle en pointe devient
5 Sélectionnez une option d’extrémité, puis cliquez sur OK.
1 Choisissez Modification > Modifier le tracé > Rapporter le tracé. 2 Sélectionnez une direction à suivre pour contracter ou dilater le tracé : A l’intérieur Permet de contracter le tracé. A l’extérieur Permet de dilater le tracé.
4 Sélectionnez un type d’angle. 5 Si vous avez sélectionné la forme en pointe, définissez la pointe correspondante. 6 Cliquez sur OK.
Pour plus d'informations, voir http://www.adobe.com/go/learn_fw_designguide_fr
Les objets texte sont automatiquement enregistrés sous un nom correspondant au texte que vous avez saisi. Vous pouvez modifier ce nom dans la zone Texte de l’inspecteur des propriétés ou dans la vignette de panneau d’objet affichée dans le panneau Calques. Dans le panneau Calques, les objets texte peuvent être identifiés par l’icône T.
« Préférences de texte » à la page 312
Dans les documents Fireworks, le texte figure dans un bloc de texte (rectangle doté de poignées). Il existe des blocs de texte à redimensionnement automatique ou de largeur fixe.
1 Sélectionnez l’outil Texte. 2 Sélectionnez les caractéristiques du texte. 3 Créez un bloc de texte :
1 Saisissez le texte. 2 (Facultatif) Mettez en surbrillance le texte contenu dans le bloc de texte, puis mettez-le en forme. 3 (Facultatif) Pour déplacer le bloc de texte, faites-le glisser vers un nouvel emplacement. 4 Procédez de l’une des manières suivantes :
• Dans le panneau Outils, sélectionnez un autre outil. • Appuyez sur la touche Echap.
A. Indicateur de largeur fixe B. Indicateur de redimensionnement automatique
Texte > Définir la largeur.
Lorsque le texte dépasse l'espace alloué par un bloc de texte ou un chemin, l'indicateur de dépassement de texte s'affiche. Pour plus d'informations, voir http://www.fireworkszone.com/g-2-565.
Sélection d’un mot ou d’un paragraphe ❖ Cliquez deux fois dans un mot pour le sélectionner et trois fois pour sélectionner le paragraphe entier.
❖ Pour sélectionner des morceaux de texte dans un paragraphe, appuyez sur Maj et sélectionnez tous les morceaux souhaités. Sélection de texte doté d’attributs similaires ❖ Pour sélectionner du texte doté d’attributs similaires, appuyez sur Alt (Windows)/Option (Mac) et cliquez deux fois sur un mot comportant les attributs spécifiés. Tous les mots dotés des attributs correspondants sont automatiquement sélectionnés dans le bloc de texte. Pour sélectionner tous les mots en gras, par exemple, appuyez sur Alt (Windows)Options (Mac) et cliquez deux fois sur un mot en gras. Tous les mots en gras du bloc de texte sont automatiquement sélectionnés. Ajout de texte doté d’attributs différents à la sélection précédente ❖ Vous pouvez ajouter au texte sélectionné précédemment du texte doté d’un autre ensemble d’attributs. Après avoir sélectionné du texte en gras, appuyez sur Alt+Maj (Windows)/Option+Maj (Mac) et cliquez deux fois sur un mot en italique, par exemple. Les mots en gras et en italique sont alors sélectionnés. Ajout de texte à une sélection existante ❖ Pour ajouter des mots un par un à une sélection existante, appuyez sur Alt+Maj (Windows)/Option+Maj (Mac) et cliquez sur chaque mot. Désélection de texte au sein d’une sélection ❖ Pour désélectionner un morceau de texte lorsque plusieurs morceaux sont sélectionnés, appuyez sur Alt (Windows)/Option (Mac) et cliquez sur le morceau concerné.
Le moyen le plus rapide d’éditer du texte avec précision consiste à utiliser l’inspecteur des propriétés. Vous pouvez également utiliser les commandes du menu Texte. Pour plus d'informations sur les commandes de texte, voir http://www.fireworkszone.com/page-2-4-1-566.html. Important : les modifications que vous apportez au cours d’une session de modification de texte correspondent globalement à une seule modification et sont donc toutes annulées ensemble lorsque vous utilisez la commande Annuler. Si vous choisissez Edition > Annuler lorsque vous modifiez un texte, vous annulez toutes les modifications apportées depuis le moment où vous avez cliqué deux fois sur le bloc de texte pour modifier son contenu. 1 Pour sélectionner le texte à modifier, procédez de l’une des manières suivantes :
2 Modifiez le texte ou la police. Les polices se mesurent en points. 3 Procédez de l’une des manières suivantes :
Une police est un ensemble complet de caractères alphabétiques, chiffres et symboles qui partagent une graisse, une chasse et un style (par exemple, Adobe Garamond, 10 points, gras). Les types de caractères (souvent appelés familles de caractères ou familles de polices) sont des ensembles de polices de caractères apparentés par le graphisme et conçus pour être utilisés ensemble (par exemple, Adobe Garamond). Un style de caractères est une variante d’une police au sein d’une même famille de caractères. En général, l’élément d’une famille de polices appelé Romain ou Normal (le nom diffère d’une famille à l’autre) constitue la police de base comprenant les styles de caractères tels que normal, gras, demi-gras, italique et gras italique. Outre les polices installées sur votre système, vous pouvez créer les dossiers suivants et utiliser les polices qui y sont installées : Windows Program Files/Fichiers communs/Adobe/Fonts Mac OS Bibliothèque/Application Support/Adobe/Fonts
Vous pouvez afficher un aperçu d’une police dans le menu Famille de polices de l’inspecteur des propriétés. Vous pouvez désactiver la fonction d’aperçu ou changer le corps de caractère des noms de police ou des échantillons de polices dans les préférences de texte.
Par défaut, le corps d’un caractère est mesuré en points (un point équivaut à 1/72 de pouce). Vous pouvez spécifier un corps de caractère compris entre 0,1 et 1296 par incréments de 0,001 point. Remarque : dans Adobe Fireworks, le corps d’un caractère est mesuré par défaut en pixels. 1 Sélectionnez les caractères ou les objets texte à modifier. Si vous ne sélectionnez pas de texte, le corps de caractère
2 Effectuez l’une des opérations suivantes :
• Choisissez un corps dans le menu Texte > Corps. Lorsque vous choisissez Autre, vous pouvez entrer un nouveau corps dans le panneau Caractère. Vous pouvez modifier l’unité de mesure des caractères dans la boîte de dialogue Préférences. Cette option n’est pas disponible dans Fireworks.
❖ Effectuez l’une des opérations suivantes :
• Activez les polices manquantes à l’aide d’une application de gestion des polices.
Si vous n’avez pas accès aux polices manquantes, recherchez-les et remplacez-les.
L’inspecteur des propriétés ou le menu Texte permettent de sélectionner une famille et un style de polices.
« Préférences de texte » à la page 312
1 Sélectionnez une famille de caractères dans le menu Police. Si plusieurs versions d’une police sont installées sur
Sous Windows, pour sélectionner une famille et un style de police, vous pouvez saisir le nom correspondant dans la zone. Au fur et à mesure de la saisie, le nom de la première police ou du premier style commençant par cette lettre apparaît. Poursuivez la saisie jusqu’à ce que le nom de la police ou du style recherché(e) apparaisse. 2 Pour sélectionner un style de caractères, procédez de l’une des manières suivantes :
• Si la famille de caractères ne comprend pas de styles, cliquez sur le bouton Faux gras, Faux italique ou Souligné pour appliquer une simulation de style.
❖ Choisissez la commande Texte > Police > [famille] > [style]. Si la famille de caractères recherchée ne comprend pas
(Windows) : pour rechercher une police, tapez son nom dans le menu.
Il est possible de convertir le texte sélectionné en majuscules. ❖ Sélectionnez Commandes > Texte > Majuscules.
Il est possible de convertir le texte sélectionné en minuscules. ❖ Sélectionnez Commandes > Texte > Minuscules.
Il est possible de modifier le texte sélectionné pour qu’il commence avec une majuscule. ❖ Sélectionnez Commandes > Texte > Majuscule initiale.
1 Après avoir créé un bloc de texte, cliquez dans le bloc de texte à l’emplacement auquel insérer un caractère spécial. 2 Choisissez la commande Fenêtre > Autres > Caractères spéciaux, puis sélectionnez le caractère à insérer.
Il est possible d’insérer un bloc de texte d’espace réservé n’ayant pas de signification spécifique. Cette option permet de placer un bloc de texte (lorem ipsum) dans la zone de travail. ❖ Sélectionnez Commandes > Texte > Lorem ipsum. • Par défaut, le texte est noir et sans contour. Vous pouvez changer la couleur de l’ensemble ou d’une partie du texte dans un bloc de texte sélectionné. Vous pouvez également ajouter des contours et appliquer des filtres dynamiques à tout le texte d’un bloc de texte sélectionné (mais pas au texte mis en surbrillance au sein d’un bloc de texte).
• Les caractéristiques de contour et les filtres dynamiques appliqués à un bloc de texte sont actualisés au fur et à mesure des modifications apportées au bloc de texte ; toutefois, ces mises à jour ne s’appliquent pas aux nouveaux blocs de texte.
De même, lorsque vous réutilisez l’outil Texte après avoir appliqué une couleur de fond, le paramètre de couleur le plus récent de l’outil Texte lui est restitué, et le contour est réinitialisé sur Aucun. Voir la section « Enregistrement des attributs de texte de contour, de fond et de filtre sous forme de style » à la page 106.
❖ Procédez de l’une des manières suivantes :
• Dans le panneau Outils, cliquez sur l’icône située en regard de la case Couleur de fond, puis sélectionnez une couleur dans la fenêtre contextuelle de couleurs. Dans la fenêtre contextuelle de la case Couleur de fond, vous pouvez également utiliser la pipette pour échantillonner une couleur à un emplacement quelconque de l’écran. Remarque : lorsque vous appliquez un contour au texte en surbrillance à l’intérieur d’un bloc de texte, tout le bloc de texte est sélectionné automatiquement.
Le crénage consiste à augmenter ou à réduire l’espace (exprimé en pourcentage) entre certaines paires de lettres pour des raisons d’esthétisme. Le crénage automatique utilise les informations de crénage d’une police lors de l’affichage de texte. L’approche augmente ou réduit l’espacement entre les caractères sélectionnés. Dans Fireworks CS5, le crénage et l’approche fonctionnent comme dans CS3. Pour les changer, placez le curseur dans un mot et modifiez les valeurs correspondantes. L’aspect du texte importé à partir de versions existantes (CS3 et versions antérieures) ne change pas. Les valeurs de crénage et d’approche sont cependant modifiées en conséquence des changements apportés à Adobe Text Engine depuis Fireworks CS3. Pour désactiver le crénage automatique, désélectionnez l’option Crénage automatique dans l’inspecteur des propriétés. L’interlignage détermine l’espace séparant les lignes adjacentes d’un paragraphe. L’interligne peut être mesuré en pixels ou sous la forme d’un pourcentage de la distance en points séparant les lignes de base. Pour en savoir plus sur la façon dont Fireworks utilise Adobe Text Engine (ATE) pour assurer le rendu des éléments de texte, voir l’article d’Arun Kaza, à l’adresse http://www.adobe.com/go/learn_fw_textengine_fr.
« Préférences de texte » à la page 312
1 Pour sélectionner le texte à créner, procédez de l’une des manières suivantes :
• Utilisez l’outil Pointeur pour sélectionner un bloc de texte entier. Cliquez sur plusieurs blocs de texte tout en maintenant la touche Maj enfoncée pour les sélectionner.
Une valeur nulle correspond à une approche normale. Les valeurs positives écartent les lettres, et les valeurs négatives les rapprochent.
Gauche ou la touche fléchée Droite du clavier. La touche fléchée Gauche permet de rapprocher les lettres de 1 %, et la touche fléchée Droite de les éloigner de 1 %. Tout en maintenant les touches Maj et Ctrl (Windows) ou Maj et Cmde (Mac OS) enfoncées, appuyez sur la touche fléchée Gauche ou la touche fléchée Droite pour régler l’approche par incréments de 10 %.
Tout en maintenant les touches Maj et Ctrl (Windows) ou Maj et Cmde (Mac OS) enfoncées, appuyez sur la touche fléchée Haut ou la touche fléchée Bas pour régler l’interligne par incréments de 10. 2 Pour changer le type d’unité d’interlignage, sélectionnez % ou px (pixels) dans le menu contextuel Unités
Définition de l’orientation du texte Vous pouvez orienter des blocs de texte entiers horizontalement ou verticalement. Plusieurs lignes de texte vertical vont de droite à gauche, comme pour les langues asiatiques. 1 Cliquez sur le bouton Orientation du texte
De gauche à droite horizontalement Il s’agit de la valeur par défaut. De droite à gauche verticalement Oriente le texte verticalement, l’affichant de haut en bas. Des lignes de texte
Pour donner au texte un effet spécial en l’inversant, utilisez l’outil Distorsion et faites glisser une poignée latérale.
L’alignement détermine la position d’un paragraphe de texte par rapport aux bords d’un bloc de texte. Par défaut, le texte horizontal est aligné à gauche. Un texte vertical peut être aligné sur le bord supérieur ou inférieur du bloc de texte, centré à l’intérieur du bloc de texte ou justifié entre les bords supérieur et inférieur. 1 Sélectionnez le texte. 2 Cliquez sur un bouton d’alignement dans l’inspecteur des propriétés.
❖ Pour mettre un texte en retrait, dans l’inspecteur des propriétés, faites glisser le curseur contextuel Retrait de
Lissage des bords du texte Le lissage des bords d’un texte sélectionné est appelé lissage. Le lissage permet de fusionner les bords du texte avec l’arrière-plan, ce qui le rend plus net et lisible lorsque vous le composez dans un grand corps de caractère. Le lissage s’applique à tous les caractères d’un bloc de texte donné.
Sans lissage Désactive le lissage du texte. Lissage net Crée une transition nette entre les bords du texte et l’arrière-plan. Lissage fort Crée une transition très abrupte entre les bords du texte et l’arrière-plan, préservant la forme des caractères du texte et améliorant la netteté des zones détaillées des caractères.
• Intensité Détermine le degré de mélange entre les bords du texte et l’arrière-plan. Remarque : Le texte figurant dans un fichier vectoriel est anticrénelé à l’ouverture du fichier dans Fireworks.
❖ Dans l’inspecteur des propriétés, faites glisser le curseur contextuel Echelle horizontale ou entrez une valeur dans
Le décalage vertical définit la proximité du texte par rapport à sa ligne de base naturelle (indice et exposant, par exemple). En l’absence de décalage vertical, le texte repose sur la ligne de base. Les décalages verticaux se mesurent en pixels.
Vous pouvez ajouter des contours, des fonds et des filtres au texte d’un bloc de texte sélectionné, puis enregistrer ces attributs de texte sous forme de style. Une fois le texte créé, vous pouvez le modifier dans Fireworks. Les contours, les fonds, les filtres et les styles sont automatiquement mis à jour en cours d’édition.
2 Sélectionnez l’objet texte.
Lorsque vous attachez temporairement du texte à un tracé, ce dernier perd ses attributs de contour, de fond et de filtre. Les attributs de contour, de fond et de filtre appliqués par la suite affectent le texte mais pas le tracé. Lorsque vous détachez le texte d’un tracé, le tracé retrouve ses attributs de contour, de fond et de filtre. Remarque : l’attachement à un tracé d’un texte contenant des retours à la ligne automatiques ou forcés peut produire des résultats inattendus. Lorsque la totalité du texte ne tient pas dans l’espace intérieur ou extérieur à un tracé, une icône indiquant qu’il existe du texte excédentaire s’affiche. Supprimez ce texte ou redimensionnez le tracé en conséquence. L’icône disparaît lorsque tout le texte peut être affiché.
• Pour associer du texte au périmètre d’un tracé, sélectionnez un objet de texte et un tracé en maintenant la touche Maj enfoncée, puis choisissez la commande Texte > Attacher au tracé.
• Pour modifier un texte attaché à un tracé, cliquez deux fois sur l’objet de texte curviligne à l’aide de l’outil Pointeur ou Sous-sélection ; à défaut, cliquez dessus pour sélectionner le texte à modifier à l’aide de l’outil Texte.
Remarque : vous pouvez également utiliser l’outil Plume (courbe de Bézier) pour éditer le tracé. Le texte suit automatiquement le tracé à mesure que vous modifiez des points.
L’ordre de dessin du tracé détermine la direction du texte qui lui est attaché. Par exemple, lorsque vous dessinez un tracé allant de droite à gauche, le texte attaché apparaît à l’envers et retourné.
Attachement de texte dans un tracé Vous pouvez attacher un texte dans un objet vectoriel. Le texte figure dans une zone déterminée par les limites vectorielles. Le texte et l’objet vectoriel restent modifiables. Lorsque vous attachez un texte dans un tracé, la quantité de texte visible dépend de la taille de la zone dans le tracé. 1 Sélectionnez le texte et l’objet vectoriel dans la zone de travail. 2 Cliquez sur Texte > Attacher dans le tracé.
Vous pouvez convertir un texte en tracés, puis reformer les lettres comme vous le feriez avec un objet vectoriel. Tous les outils d’édition vectorielle sont utilisables avec un texte converti en tracé. Remarque : un texte converti ne peut pas être modifié comme du texte.
• Pour modifier individuellement des tracés de texte converti, sélectionnez le texte converti à l’aide de l’outil Soussélection (ou sélectionnez-le, puis choisissez Modification > Dissocier).
Combiner les tracés > Joindre.
Les blocs de texte sont transformés de la même façon que les autres objets. Vous pouvez mettre le texte à l’échelle, le faire pivoter, l’incliner et le retourner pour créer des effets inédits. Lorsque d’importantes transformations sont effectuées, le texte peut devenir difficile à lire. Lorsque la transformation d’un bloc de texte provoque le redimensionnement ou la mise à l’échelle du texte, le corps de police obtenu apparaît dans l’inspecteur des propriétés lorsque le texte est sélectionné.
Fireworks prend uniquement en charge le texte ASCII et le texte s'affiche sous forme de caractères parasites lorsque le fichier texte Unicode est ouvert ou importé dans Fireworks. Convertissez le texte Unicode au format ASCII avant de l'importer dans Fireworks. Sinon, copiez le texte ASCII et collez-le dans Fireworks.
Illustrator, ou copiez le texte dans Fireworks. Vous pouvez copier jusqu’à 8 000 caractères à partir de Fireworks ou d’une autre application. Par défaut, le texte importé depuis Photoshop ou Illustrator conserve tous ses attributs dans Fireworks. Cependant, vous pouvez également importer du texte Photoshop sous forme d’images bitmap (Voir « Préférences d’importation et d’ouverture de fichiers Photoshop » à la page 313.)
Vous pouvez aussi sélectionner Fichier > Ouvrir ou Fichier > Importer pour atteindre un fichier. (Le texte ASCII importé apparaît avec la couleur de fond active, la police par défaut et une hauteur de 12 pixels.)
Si le document que vous ouvrez dans Fireworks comporte des polices qui ne sont pas installées sur votre ordinateur, vous pouvez soit remplacer les polices, soit conserver leur aspect. La police Myriad Pro est appliquée par défaut au texte contenant des polices non disponibles sur votre ordinateur. Vous pouvez modifier ce paramètre dans la boîte de dialogue Préférences. Conserver l’aspect Permet de remplacer le texte par une image bitmap représentant le texte dans sa police d’origine.
Remplacer les polices Permet de remplacer les polices dans le document. Vous pouvez modifier et enregistrer le texte.
« Préférences de texte » à la page 312
1 Ouvrez un document contenant des polices manquantes, puis sélectionnez l’une d’entre elles dans la liste
• Cliquez sur Aucun changement si vous souhaitez conserver la police manquante telle quelle. Ainsi, lorsque vous ouvrez un document comportant la même police manquante, la boîte de dialogue Polices manquantes affiche la police que vous avez sélectionnée.
Vérification orthographique d’un texte 1 Sélectionnez au moins un bloc de texte. Si vous ne sélectionnez pas de bloc de texte, Fireworks vérifie l’orthographe 1 Choisissez Texte > Installation du correcteur orthographique ou cliquez sur le bouton Configurer de la boîte de
2 Dans la boîte de dialogue Installation du correcteur orthographique, sélectionnez les options nécessaires :
• Sélectionnez un dictionnaire personnalisé en cliquant sur l’icône de dossier située à côté de la zone de texte Chemin d’accès du dictionnaire personnel.
Activation, suppression ou permutation du contour et du fond Pour déterminer l’attribut affecté par vos réglages chromatiques, activez la couleur de contour ou la couleur de fond. Pour appliquer les valeurs par défaut spécifiées dans la boîte de dialogue Préférences, réinitialisez les couleurs de contour et de fond.
❖ Dans la section Couleurs du panneau Outils, cliquez sur l’icône située à gauche de la case Couleur de contour ou
Remarque : l’outil Pot de peinture remplit les sélections de pixels et les objets vectoriels avec la couleur affichée dans la case Couleur de fond.
❖ Cliquez sur le bouton Définit les couleurs de contour/fond par défaut du panneau Outils ou du Mélangeur.
❖ Cliquez sur le bouton Aucun contour ou fond dans la section Couleurs du panneau Outils. Pour définir la
Remarque : vous pouvez également supprimer la couleur de contour ou de fond en cliquant sur le bouton Transparent dans la fenêtre contextuelle Couleur de fond ou Couleur de contour, ou en sélectionnant Aucune dans le menu contextuel Options de fond ou Options de contour de l’inspecteur des propriétés.
❖ Dans le panneau Outils ou dans le Mélangeur, cliquez sur le bouton Permute les couleurs de contour/fond
Dans le panneau Nuancier, vous pouvez afficher, modifier, créer et éditer les groupes de nuances, ainsi que sélectionner des couleurs de contour et de fond.
1 Cliquez sur l’icône située à côté de la case Couleur de contour ou Couleur de fond dans le panneau Outils ou dans
2 Choisissez Fenêtre > Nuancier. 3 Cliquez sur l’échantillon pour appliquer la couleur au contour ou au fond de l’objet sélectionné.
Vous pouvez aisément utiliser ou créer un autre groupe de nuances. Vous pouvez également importer des nuances personnalisées à partir de fichiers de palette de couleurs enregistrés au format ACT ou GIF. ❖ Pour sélectionner un groupe de nuances, choisissez-le dans le menu Options du panneau Nuancier.
Remarque : la commande Edition > Annuler ne permet pas d’annuler l’ajout ou la suppression d’un nuancier. 1 Dans le panneau Outils, sélectionnez l’outil Pipette. 2 Dans le menu contextuel Echantillon de l’inspecteur des propriétés, sélectionnez le nombre de pixels à
3 Cliquez n’importe où dans une fenêtre de document Fireworks ouverte pour prélever une couleur.
4 Cliquez pour ajouter ou remplacer la nuance.
❖ Pour supprimer une nuance, maintenez la touche Ctrl (Windows) ou Cmde (Mac OS) enfoncée, placez le pointeur
• Pour effacer la totalité du panneau des nuances, sélectionnez l’option Effacer le nuancier dans le menu Options du panneau Nuancier.
Pour afficher et modifier les couleurs de contour et de fond actives, utilisez le Mélangeur (Fenêtre > Mélangeur). Par défaut, le Mélangeur identifie les couleurs RVB comme étant hexadécimales ; il affiche donc des valeurs chromatiques hexadécimales pour les composantes de couleur rouge (R), vert (V) et bleu (B). Les valeurs RVB hexadécimales sont comprises entre 00 et FF. Modèle de couleurs
Bien que CMJ soit une option de modèle de couleurs, les graphiques exportés directement depuis Fireworks ne donnent pas de très bons résultats à l’impression. Pour redéfinir les graphiques Fireworks exportés en vue de leur impression, importez-les dans Adobe Illustrator, Adobe Photoshop ou Adobe FreeHand. Pour plus d’informations, reportez-vous à la documentation fournie avec ces applications.
1 Dans le Mélangeur, cliquez sur l’icône située à côté de la case Couleur de contour ou Couleur de fond. 2 Positionnez le pointeur sur la barre de couleurs, puis cliquez dessus.
1 Afin d’éviter que des objets ne soient malencontreusement modifiés lors du mélange des couleurs, désélectionnez
2 Cliquez sur la case Couleur de contour ou Couleur de fond. 3 Dans le menu d’options du Mélangeur, sélectionnez un modèle de couleurs. 4 Pour définir des valeurs chromatiques, entrez-les dans les différentes zones de texte des composantes de couleurs,
❖ Tout en maintenant la touche Maj enfoncée, cliquez sur la barre de couleurs au bas du Mélangeur.
1 Cliquez sur une case de couleur. 2 Dans un menu Options de la fenêtre contextuelle pour la sélection des couleurs, sélectionnez le système Windows
3 Sélectionnez une couleur parmi les couleurs système.
❖ Pour ouvrir le panneau Palette de couleurs, choisissez Fenêtre > Autres > Palette de couleurs.
1 Cliquez sur la case de couleur de fond dans l’onglet Sélecteur du panneau Palette de couleurs. 2 Pour échantillonner une couleur, utilisez le pointeur de la pipette pour cliquer dans un document Fireworks, à
La couleur Web sécurisée la plus proche s’affiche sous la couleur de fond active. Remarque : vous pouvez également utiliser l’onglet Sélecteur pour convertir des couleurs dans différents modèles de couleurs (RVB et CMJN, par exemple) ou pour sélectionner le mode d’affichage des couleurs.
1 Sélectionnez l’onglet Mélangeurs dans le panneau Palette de couleurs. 2 A l’aide des quatre cases de couleur de fond situées en bas du panneau, définissez les quatre couleurs de base à
3 Au besoin, utilisez la roue chromatique TSL, en bas à droite du panneau, pour modifier la palette. 4 Pour essayer différentes palettes dans le document, cliquez sur Palette 2, sur le côté gauche du panneau, puis
5 Pour alterner entre les deux palettes, cliquez sur les deux icônes Remplacer la couleur.
2 À l’aide des quatre cases de couleur de fond situées en bas du panneau, définissez la couleur de début et la couleur
3 Pour sélectionnez le nombre d’étapes composant la série, utilisez le curseur contextuel Etapes.
Si vous modifiez plusieurs images comprenant une palette de couleurs restreinte, vous pouvez exporter une palette comprenant ces couleurs dans ces images. Pour créer une palette de couleurs partagée, toutes les images doivent figurer dans le même dossier. 1 Sélectionnez Commandes > Web > Créer palette partagée. 2 Indiquez le nombre maximal de couleurs à inclure dans la palette de couleurs partagée. 3 Cliquez sur Parcourir pour indiquer le dossier contenant les images, puis cliquez sur OK.
Lorsque vous cliquez sur une case de couleur, une fenêtre contextuelle pour la sélection des couleurs semblable au panneau Nuancier s’affiche.
1 Cliquez sur une case de couleur. 2 Procédez de l’une des manières suivantes :
• Pour appliquer la couleur à la case de couleur, cliquez avec le pointeur de la pipette sur l’une des couleurs affichées à l’écran.
❖ Dans le menu Options de la fenêtre contextuelle pour la sélection des couleurs, sélectionnez le panneau Nuancier.
❖ Dans le menu Option de la fenêtre contextuelle pour la sélection des couleurs, sélectionnez un groupe de nuances.
Echantillonnage de couleurs à partir d’une fenêtre contextuelle pour la sélection des couleurs Lorsqu’une fenêtre contextuelle pour la sélection des couleurs est ouverte, le pointeur se transforme en pipette spéciale permettant d’échantillonner des couleurs depuis quasiment tous les endroits de l’écran. Cette opération s’appelle l’échantillonnage. 1 Cliquez sur une case de couleur. 2 Cliquez n’importe où dans l’espace de travail Fireworks pour sélectionner et appliquer la couleur pour la case de
Tout en maintenant la touche Maj enfoncée, cliquez sur une couleur sécurisée pour le Web pour la sélectionner.
Pour identifier des valeurs chromatiques, vous pouvez également utiliser le panneau Info en plus du Mélangeur et de la fenêtre contextuelle pour la sélection des couleurs.
❖ Procédez de l’une des manières suivantes :
• Utilisez le panneau Info. Cliquez sur l’outil Pipette, choisissez ensuite Fenêtre > Info, puis déplacez le pointeur sur l’objet contenant la couleur à afficher (Windows uniquement).
❖ Procédez de l’une des manières suivantes :
• Cliquez sur une case de couleur pour ouvrir la fenêtre contextuelle pour la sélection des couleurs et afficher la valeur hexadécimale dans la partie supérieure de la fenêtre.
Remarque : par défaut, les valeurs RVB sont visibles dans le panneau Info et dans le Mélangeur. La valeur hexadécimale correspondante apparaît dans la fenêtre contextuelle pour la sélection des couleurs.
❖ Dans le menu Options du panneau Info ou du Mélangeur, sélectionnez un autre modèle de couleurs.
Si vous utilisez une couleur non sécurisée pour le Web, veillez à appliquer un tramage Web. Vous pourrez ainsi simuler une couleur sécurisée pour le Web qui ne varie pas ni ne se juxtapose à une autre lors de son exportation avec une palette de couleurs sécurisées pour le Web. Pour créer un aspect transparent, appliquez l’option de tramage Transparent. Dans les objets transparents, l’arrièreplan de la page Web laisse transparaître tous les autres pixels du fond tramé Web transparent.
Deux couleurs sécurisées pour le Web créent un fond tramé Web.
1 Sélectionnez un objet contenant une couleur non sécurisée pour le Web. 2 Dans le menu contextuel Options de fond de l’inspecteur des propriétés, cliquez sur Tramage Web. 3 Dans l’inspecteur des propriétés, cliquez sur la case Couleur de fond pour afficher la fenêtre contextuelle Options
La couleur non sécurisée pour le Web de l’objet apparaît dans le sélecteur Couleur source. Les deux couleurs de tramage sécurisées pour le Web s’affichent dans les cases de couleur de droite. Le tramage Web est appliqué à l’objet et devient la couleur de fond active. Remarque : la définition du bord d’un fond tramé Web sur Lissage ou Contour progressif génère des couleurs non sécurisées pour le Web. 4 Cliquez hors de la fenêtre contextuelle pour la fermer.
1 Sélectionnez l’objet auquel vous voulez appliquer un fond transparent. 2 Dans le menu contextuel Options de fond de l’inspecteur des propriétés, cliquez sur Tramage Web. 3 Dans l’inspecteur des propriétés, cliquez sur la case Couleur de fond pour afficher la fenêtre contextuelle Options
4 Sélectionnez l’option Transparent.
5 Cliquez hors de la fenêtre contextuelle pour la fermer. 6 Exportez l’objet au format GIF ou PNG après avoir sélectionné l’option Transparence d’index ou Transparence
Remarque : les navigateurs ne prennent pas tous en charge les fichiers PNG.
Enregistrement d’un groupe de nuances ❖ Pour enregistrer une sélection de couleurs échantillonnées, ajoutez les couleurs, choisissez l’option Enregistrer le
Illustrator et InDesign. Grâce à eux, vous pouvez partager les couleurs que vous avez créées dans une application avec les autres applications. Fireworks prend en charge les espaces colorimétriques RVB et CMJN. Les nuanciers appartenant aux autres espaces colorimétriques ne sont pas pris en compte. Les nuanciers CMJN sont convertis en valeurs RVB, puis importés dans Fireworks. Aucune information concernant cette conversion n’est toutefois affichée explicitement.
1 Ouvrez l’ensemble de nuances à enregistrer dans le panneau Nuanciers. 2 Dans les options de ce panneau, sélectionnez Enregistrer le nuancier. 3 Entrez le nom du fichier de nuancier et enregistrez celui-ci.
1 Ouvrez l’ensemble de nuances dans le panneau Nuanciers. 2 Dans les options de ce panneau, sélectionnez Ajouter des échantillons.
A propos du panneau Kuler Le panneau Kuler™ permet d'accéder à des groupes de couleurs et à des thèmes créés par la communauté de concepteurs en ligne. Vous pouvez l'utiliser pour parcourir des milliers de thèmes sur Kuler™ et pour télécharger ceux de votre choix afin de les modifier ou de les inclure dans vos projets. Vous pouvez également utiliser le panneau Kuler pour créer et enregistrer des thèmes. Il vous suffit ensuite de les télécharger pour les partager avec la communauté Kuler. Le panneau Kuler est disponible dans Adobe Photoshop® CS5, Adobe Flash® Professional CS5, Adobe InDesign® CS5, Adobe Illustrator® CS5 et Adobe Fireworks® CS5. Le panneau n’est pas disponible dans les versions françaises de ces produits. Une vidéo consacrée au panneau Kuler est disponible à l’adresse suivante : www.adobe.com/go/lrvid4088_xp_fr. Pour consulter un article sur Kuler et des conseils sur les couleurs, consultez le blog de Veerle Pieters à l'adresse http://veerle.duoh.com/blog/comments/adobe_kuler_update_and_color_tips/ (en anglais).
Il convient de disposer d’une connexion Internet pour parcourir les thèmes en ligne.
1 Choisissez la commande Fenêtre > Extensions > Kuler, puis sélectionnez le panneau Parcourir. 2 Effectuez l'une des opérations suivantes :
Remarque : utilisez uniquement des caractères alphanumériques (Aa-Zz, 0-9) lors d’une recherche. Affichage d’un thème en ligne sur Kuler 1 Accédez au panneau Parcourir, puis sélectionnez un thème dans la liste des résultats de la recherche. 2 Cliquez sur le triangle situé à droite du thème et sélectionnez l’option Afficher la version en ligne dans Kuler.
1 Sélectionnez l'option Personnalisé dans le premier menu déroulant du panneau Parcourir. 2 Dans la boîte de dialogue qui s’affiche, entrez les termes à rechercher et enregistrez-les.
Pour supprimer une recherche enregistrée, sélectionnez l'option Personnalisé dans le menu contextuel. Effacez ensuite les recherches de votre choix, puis cliquez sur Enregistrer.
Le panneau Kuler permet de créer ou de modifier des thèmes et de les utiliser dans le cadre d'un projet. Remarque : si vous souhaitez créer ou modifier des thèmes dans Illustrator, vous devez utiliser la boîte de dialogue Modifier les couleurs/Redéfinir les couleurs de l'illustration plutôt que le panneau Créer. Pour plus de détails, reportezvous à l'aide d'Illustrator.
1 Dans le panneau Parcourir, sélectionnez le thème que vous souhaitez utiliser. 2 Cliquez sur le triangle situé à droite du thème et sélectionnez l'option Ajouter au nuancier.
1 Accédez au panneau Parcourir, recherchez le thème que vous souhaitez modifier dans la liste des résultats, puis
2 Dans le panneau Créer, modifiez le thème à l'aide des outils mis à votre disposition. Pour plus d'informations,
3 Effectuez l'une des opérations suivantes :
• Ajoutez le thème au panneau Nuancier de votre application à l'aide du bouton Ajouter au nuancier situé au bas du panneau.
Le panneau Créer propose une gamme d'outils permettant de créer ou de modifier des thèmes.
• Utilisez la roue chromatique pour gérer les couleurs. A mesure que vous effectuez des modifications, les couleurs du groupe de couleurs sont générées en fonction de la règle d'harmonie sélectionnée.
• Définissez l'une des quatre autres couleurs du groupe comme couleur de base. Sélectionnez la nuance de la couleur et cliquez sur le bouton en forme de cible situé en dessous du groupe de couleurs.
Supprimer la couleur situé en dessous du groupe de couleurs. Pour ajouter une couleur, sélectionnez une case de couleur vide, puis cliquez sur le bouton Ajouter une couleur.
Application et modification de contours Vous pouvez appliquer avec précision chacun de vos traits de pinceau, en contrôlant notamment l’encrage, la taille et forme de la pointe, la texture, les effets de bord et l’aspect. Vous pouvez modifier les attributs de contour avant ou après la création d’objets. L’icône de crayon indique le sélecteur Couleur de trait dans le panneau Outils, l’Inspecteur des propriétés et le Mélangeur. Les paramètres, catégories et noms de contour de l’objet sélectionné sont préservés d’un document à l’autre et d’une session d’application à l’autre. Lorsque vous créez un objet dans un nouveau document, dans la session en cours ou après avoir rouvert Fireworks, les derniers paramètres de contour sélectionnés sont utilisés. Les paramètres sont conservés d’une session à l’autre. Pour appliquer un contour à un objet bitmap, utilisez les effets dynamiques Photoshop, puis sélectionnez l’attribut Contour (voir la section « Application de filtres dynamiques » à la page 130).
Procédez de l’une des manières suivantes :
• Pour afficher davantage d’options, sélectionnez Options de contour dans le menu contextuel Catégorie de contour, puis choisissez un attribut de contour.
1 Appuyez sur les touches Ctrl+D (Windows) ou Cmde+D (Mac OS) pour désélectionner tous les objets. 2 Dans le panneau Outils, sélectionnez un outil de dessin. 3 Dans le panneau Outils ou dans l’inspecteur des propriétés, cliquez sur la case Couleur de contour. 4 Sélectionnez une couleur, puis faites glisser le pointeur pour dessiner l’objet.
Procédez de l’une des manières suivantes :
Options de contour, cliquez sur Aucune.
Utilisez les options d’alignement du contour de l’inspecteur des propriétés (Aligner le contour vers le centre, Aligner le contour vers l’intérieur et Aligner le contour vers l’extérieur). Les icônes d’alignement de l’inspecteur des propriétés permettent un accès plus rapide à ces options.
Utilisez la boîte de dialogue Modifier le contour pour changer des caractéristiques de contour spécifiques.
Procédez de l’une des manières suivantes : 1 Cliquez sur Modifier le contour dans l'inspecteur de propriétés. 2 Chaque onglet présente le même pinceau avec des paramètres différents. Dans l’aperçu, les paramètres actuels de
1 Dans l’onglet Options, définissez la quantité d’encre, l’espacement et le débit. Une vitesse d’écoulement élevée
2 Sélectionnez des options de trait de pinceau :
• Pour définir la texture du contour, changez l’option Texture. L’aspect de la texture est proportionnel à la valeur définie.
1 Dans l’onglet Forme, sélectionnez Carrée pour obtenir une pointe carrée, ou désélectionnez cette option si vous
2 Définissez la taille, l’aspect et l’angle de la pointe, ainsi que le lissage des bords. 3 Cliquez sur OK.
1 Dans l’onglet Sensibilité, sélectionnez une propriété de contour dans le menu contextuel Propriété du contour. 2 Dans les options Facteurs de variation, sélectionnez le degré auquel la sensibilité affecte la propriété de contour
2 Dans la partie inférieure de cette fenêtre, sélectionnez A l’intérieur du tracé ou A l’extérieur du tracé dans le menu
3 (Facultatif) Sélectionnez l’option Fond sur contour.
Vous pouvez modifier des caractéristiques de contour spécifiques, telles que la quantité d’encre, la forme et la pression de la pointe, puis enregistrer le contour personnalisé en tant que style, de façon à l’utiliser de nouveau dans les autres documents. 1 Procédez de l’une des manières suivantes :
• Dans le menu contextuel Options de contour de l’inspecteur des propriétés, cliquez sur Options de contour. 2 Modifiez les attributs de trait de pinceau. 3 Cliquez sur le bouton Enregistrer les contours personnalisés pour enregistrer les attributs de contour personnalisé
Créez et utilisez des fonds pour les objets vectoriels et le texte, et utilisez les outils Pot de peinture ou Dégradé pour remplir les sélections de pixels en leur appliquant les paramètres de fond actuels. L’icône de pot de peinture du Mélangeur.
1 Sélectionnez un outil de dessin vectoriel ou l’outil Pot de peinture. 2 Procédez de l’une des manières suivantes :
3 Sélectionnez une couleur de fond dans le nuancier, ou utilisez le pointeur de la pipette pour échantillonner une
Remarque : suite à la sélection de l’outil Texte, la case Couleur de fond adopte toujours la dernière couleur de texte unie utilisée par cet outil.
1 Activez la case Couleur de fond de l’inspecteur des propriétés, du panneau Outils ou du Mélangeur pour ouvrir la
2 Sélectionnez une nuance.
• Utilisez les fonds à motifs pour remplir un objet tracé avec un graphique bitmap. • Utilisez les fonds en dégradé pour mélanger les couleurs et obtenir ainsi divers effets. Les fonds n’appartenant pas aux catégories Aucun, Uni, Motif et Tramage Web sont des fonds en dégradé. Remarque : les nouveaux fonds utilisent la couleur actuellement affichée dans la case Couleur de fond du panneau Outils.
1 Procédez de l’une des manières suivantes :
• Activez la case Couleur de fond du panneau Outils, cliquez ensuite sur Options de fond, puis sélectionnez Motif dans le menu contextuel Options de fond. 2 Dans le menu contextuel Nom de motif, sélectionnez un motif.
Définissez un fichier bitmap en tant que nouveau motif, en utilisant comme motifs les formats suivants : PNG, GIF, JPEG, BMP, TIFF et PICT (Mac OS uniquement). Lorsqu’un motif est une image transparente 32 bits, la transparence affecte le fond lorsqu’il est utilisé dans Fireworks. Les images qui ne sont pas de 32 bits deviennent opaques. 1 Affichez les propriétés de l’objet vectoriel dans l’inspecteur des propriétés, puis sélectionnez Motif dans le menu
2 Activez la case Couleur de fond, puis sélectionnez Autre dans le menu contextuel Nom de motif. 3 Recherchez le fichier bitmap à utiliser comme nouveau motif, puis cliquez sur Ouvrir.
• Pour supprimer une couleur ou une nuance d’opacité du dégradé, faites glisser la nuance hors de la fenêtre contextuelle Modifier le dégradé.
• Pour définir ou modifier la transparence d’une nuance d’opacité, cliquez dessus, puis faites glisser le curseur vers le pourcentage de transparence (la valeur 0 représente une transparence totale, et la valeur 100 une opacité totale) ou entrez une valeur numérique d’opacité comprise entre 0 et 100. Ensuite, appuyez sur la touche Entrée ou cliquez hors de la fenêtre contextuelle Modifier le dégradé. Remarque : le damier de transparence apparaît à travers le dégradé dans les zones transparentes.
Pour remplir un objet avec un dégradé plutôt qu’une couleur unie, utilisez l’outil Dégradé. L’outil Dégradé permet de conserver les propriétés du dernier élément utilisé. 1 Dans le panneau Outils, cliquez sur l’outil Pot de peinture, puis sélectionnez l’outil Dégradé dans le menu
2 Sélectionnez des attributs dans l’inspecteur des propriétés. 3 Cliquez et faites glisser le pointeur pour définir le point de départ du dégradé, ainsi que la direction et la longueur
Cette option permet de corriger l’effet de bandes dans les dégradés. Vous pouvez uniquement appliquer un tramage aux objets vectoriels contenant des dégradés linéaires ou concentriques. Le tramage disparaît lorsque vous importez le fichier dans une version antérieure de Fireworks. 1 Dessinez un objet vectoriel et remplissez-le d’un dégradé linéaire ou concentrique. 2 Dans la boîte de dialogue Options de remplissage, réglez l’option Bord sur Anticrénelé. 3 Réglez la texture sur 0 %. 4 Sélectionnez Tramage.
Vous pouvez déplacer, faire pivoter, incliner et modifier la largeur du dégradé ou du motif d’un objet. Lorsque vous utilisez l’outil Pointeur ou Dégradé pour sélectionner un objet doté d’un fond en dégradé ou d’un fond à motifs, des poignées apparaissent autour ou à côté de l’objet. Faites glisser les poignées pour régler le fond de l’objet.
• Pour déplacer le fond dans un objet, faites glisser la poignée arrondie, ou utilisez l’outil Dégradé pour cliquer à un nouvel emplacement.
• Pour faire pivoter le fond, faites glisser les lignes qui relient les poignées. Pour faire pivoter un fond par incréments de 45 degrés, maintenez la touche Maj enfoncée tout en faisant glisser les lignes.
Les bords d’un fond peuvent être nets et réguliers comme ils peuvent être adoucis par un lissage ou un contour progressif. Par défaut, les bords sont lissés. Le lissage permet d’obtenir un subtil fondu des bords dans l’arrière-plan, afin d’adoucir les bords dentelés observés sur les objets arrondis (les ellipses et les cercles, par exemple). La diffusion, quant à elle, produit une fusion perceptible de part et d’autre du bord. Il adoucit le bord, créant ainsi un effet proche de la lueur. 1 Procédez de l’une des manières suivantes :
• Cliquez sur la case Couleur de fond dans le panneau Outils, cliquez ensuite sur Options de fond, puis sur le menu contextuel Bord. 2 Sélectionnez une option de bord : Bord net, Lissage ou Contour progressif. 3 Pour le contour progressif, sélectionnez le nombre de pixels (compris entre 0 et 100) applicable de part et d’autre
❖ Pour enregistrer les paramètres de dégradé actuels sous la forme d’un dégradé personnalisé à réutiliser dans
Ajout d’effets 3D aux contours et aux fonds Ajoutez des effets 3D aux contours et aux fonds en les texturant. Les textures modifient la luminosité, mais pas la teinte, et donnent un aspect plus organique aux contours et aux fonds. Les textures produisent plus d’effet sur les contours larges.
1 Procédez de l’une des manières suivantes :
• Cliquez sur la case Couleur de contour ou Couleur de fond du panneau Outils, cliquez sur Options de contour ou sur Options de fond, puis sur le menu contextuel Texture. 2 Procédez de l’une des manières suivantes :
• Dans le menu contextuel, sélectionnez l’option Autre, puis ouvrez un fichier de texture. Remarque : vous pouvez appliquer des textures à des fichiers aux formats suivants : PNG, GIF, JPEG, BMP, TIFF et PICT (Mac OS uniquement). 3 Entrez un pourcentage compris entre 0 (intensité la plus faible) et 100 (intensité la plus élevée) afin de définir la
4 (Fonds uniquement) Pour donner un effet de transparence au fond, sélectionnez Transparent.
❖ Utilisez comme textures des fichiers bitmap de Fireworks et d’autres applications. Vous pouvez appliquer des
1 Affichez les propriétés de l’objet vectoriel dans l’inspecteur des propriétés, puis sélectionnez Autre dans l’un des
2 Accédez au fichier bitmap à utiliser comme nouvelle texture, puis cliquez sur Ouvrir.
Fireworks met à jour les filtres dynamiques lorsque vous modifiez des objets auxquels ils sont appliqués. Après avoir appliqué un filtre dynamique, vous pouvez changer ses options à tout moment ou changer l’ordre des filtres pour tester un filtre combiné. Vous pouvez activer ou désactiver des filtres dynamiques ou les supprimer dans l’inspecteur des propriétés. Lorsque vous supprimez un filtre, l’objet ou l’image reprend son aspect précédent.
dans le menu contextuel Ajouter des filtres dynamiques. Le filtre est ajouté à la liste Filtres dynamiques pour l’objet sélectionné. Pour appliquer un filtre dynamique de façon à ce qu’il n’affecte qu’une sélection de pixels dans une image, coupez et collez la sélection au lieu de créer une image bitmap, sélectionnez-la, puis appliquez le filtre dynamique. 2 Si un menu contextuel ou une boîte de dialogue apparaît, entrez les paramètres du filtre, puis procédez de l’une des
• Si le filtre dynamique comporte un menu contextuel, appuyez sur la touche Entrée ou cliquez n’importe où dans l’espace de travail. 3 Répétez les étapes 1 et 2 pour appliquer d’autres filtres dynamiques.
❖ Cochez la case située en regard du filtre dans la liste Filtres dans l’inspecteur des propriétés.
❖ Cliquez sur l’icône plus (+) en regard de l’étiquette Filtres dans l’inspecteur des propriétés, puis choisissez
Un bord biseauté donne un effet de relief à un objet.
option de biseau dans le menu contextuel. 2 Dans le menu contextuel, modifiez les paramètres du filtre.
Le filtre dynamique Estampage donne l’impression qu’une image, un objet ou un texte est rapporté ou en relief sur la zone de travail.
2 Modifiez les paramètres du filtre.
Remarque : par soucis de rétrocompatibilité avec les documents plus anciens, l’option Afficher l’objet est désactivée pour les objets auxquels des filtres dynamiques d’estampage sont appliqués.
Choisissez parmi une sélection d’ombres, puis indiquez l’angle de l’ombre pour simuler un effet de lumière sur l’objet.
Les options disponibles varient selon le type d’ombre choisi.
• Faites glisser le curseur Distance pour définir la distance entre l’ombre et l’objet. • Sélectionnez l’option Couleur unie pour appliquer une couleur unie à l’ombre. • Pour définir la couleur de l’ombre, ouvrez le menu contextuel de sélection des couleurs, puis choisissez la couleur de l’ombre.
• Cliquez sur l’option Aperçu pour obtenir un aperçu de l’ombre. • Cochez la case Masquage pour masquer l’objet et afficher uniquement son ombre.
1 Dans l’inspecteur des propriétés, cliquez sur l’icône plus (+) en regard de l’étiquette Filtres, pointez le curseur sur
2 Dans la boîte de dialogue Ombre unie, réglez les paramètres du filtre. 3 Lorsque vous avez terminé, cliquez sur OK.
1 Cliquez sur l’icône plus (+) en regard de l’étiquette Filtres dans l’inspecteur des propriétés, puis choisissez une
• Ombre et lueur > Ombre interne. 2 Dans le menu contextuel, modifiez les paramètres du filtre.
1 Cliquez sur le bouton Ajouter des filtres dynamiques dans l’inspecteur des propriétés, puis choisissez Ombre et
• Faites glisser le curseur Opacité pour définir le pourcentage de transparence de la lueur. • Faites glisser le curseur Adoucissement pour définir la netteté de la lueur. • Faites glisser le curseur Décalage pour définir la distance qui sépare la lueur de l’objet.
Remarque : le menu Xtras de certaines versions antérieures de Fireworks a été renommé le menu Filtres dans Fireworks 8 et versions ultérieures. Les extensions Xtra de Fireworks sont maintenant appelées des filtres. L’application des modules externes et filtres intégrés du menu contextuel Ajouter des filtres comme des filtres dynamiques permet de les modifier ou de les supprimer d’un objet. Utilisez le menu Filtres pour appliquer des filtres et des modules externes Adobe Photoshop® uniquement si vous êtes certain de ne pas devoir modifier ou supprimer le filtre. Vous ne pouvez supprimer un filtre que si la commande Annuler est disponible.
1 Dans l’inspecteur des propriétés, cliquez sur le bouton Ajouter des filtres, puis choisissez Options > Rechercher les
4 Pour appliquer le module externe Photoshop à un objet sélectionné, dans l’inspecteur des propriétés, cliquez sur
Application d’effets de calques Photoshop Remarque : si vous importez un fichier PSD, vous pouvez également modifier les effets de calques qui existent déjà dans ce fichier. 1 Dans l’inspecteur des propriétés, cliquez sur le bouton Ajouter des filtres, puis sélectionnez Effets dynamiques
2 Dans le volet gauche, sélectionnez l’un des effets, puis modifiez les paramètres dans le volet droit. Vous pouvez
Application de filtres à des objets associés Lorsque vous appliquez un filtre à un groupe, il est appliqué à tous les objets du groupe. Si les objets sont dissociés, ils retrouvent leurs paramètres de filtre d’origine. Pour appliquer isolément un filtre à un objet d’un groupe, sélectionnez uniquement cet objet à l’aide de l’outil Soussélection.
Modification des paramètres de filtre 1 Dans l’inspecteur des propriétés, cliquez sur le bouton d’information situé en regard du filtre à modifier. 2 Réglez les paramètres du filtre.
3 Cliquez hors de la fenêtre ou appuyez sur la touche Entrée.
Réorganisation des filtres dynamiques Vous pouvez changer l’ordre des filtres appliqués à un objet. La réorganisation des filtres modifie la séquence d’application de ces derniers, ce qui peut entraîner des modifications du filtre combiné. Les filtres figurant en haut de la liste sont appliqués les premiers. En général, les filtres qui modifient l’intérieur d’un objet, tels que le filtre Biseau interne, doivent être appliqués avant les filtres qui en changent l’extérieur. Par exemple, appliquez le filtre Biseau interne avant le filtre Biseau externe, Lueur ou Ombre. ❖ Pour réorganiser les filtres, dans l’inspecteur des propriétés, faites glisser un filtre vers un autre emplacement dans
dans le menu contextuel.
Les filtres dynamiques personnalisés sont des styles dont les options de propriété sont toutes désactivées, à l’exception de l’option Filtre. Pour enregistrer une combinaison particulière de paramètres de filtres dynamiques, créez un filtre dynamique personnalisé.
1 Appliquez des paramètres de filtre dynamique aux objets sélectionnés. Pour plus d’informations, reportez-vous à
2 Dans le menu Options du panneau Styles, sélectionnez Nouveau style. 3 Désélectionnez toutes les propriétés (sauf la propriété Effet) tapez un nom, puis cliquez sur OK.
Remarque : si vous sélectionnez des propriétés supplémentaires dans la boîte de dialogue Nouveau style, le style ne figure plus dans le menu contextuel Ajouter des filtres dynamiques de l’inspecteur des propriétés, bien qu’il reste dans le panneau Styles sous la forme d’un style type.
❖ Cliquez sur l’icône du filtre dynamique personnalisé dans le panneau Styles.
Vous ne pouvez pas renommer ni supprimer un filtre standard Fireworks.
Pour enregistrer et réutiliser un filtre, créez une commande à partir de ce dernier. Vous pouvez utiliser cette commande dans un traitement par lots. 1 Appliquez les filtres à l’objet. 2 Si le panneau Historique n’est pas visible, choisissez Fenêtre > Historique. 3 Tout en maintenant la touche Maj enfoncée, cliquez sur les actions à enregistrer sous la forme d’une commande. 4 Procédez de l’une des manières suivantes :
• Cliquez sur le bouton Enregistrer situé en bas du panneau Historique. 5 Entrez un nom de commande, puis cliquez sur OK pour l’ajouter au menu Commandes.
Les modes de fusion vous offrent un autre niveau de créativité. Vous pouvez créer des effets uniques en mélangeant les couleurs d’objets qui se chevauchent. Fireworks compte plusieurs modes de fusion qui vous permettent d’obtenir les effets souhaités.
Chaque objet d’un document est placé sur un calque. Vous pouvez créer des calques avant de commencer à dessiner ou en ajouter au fur et à mesure de vos besoins. La zone de travail est située sous tous les calques et n’est pas un calque en soi.
Il détermine la manière dont les objets d’un calque se superposent aux objets d’un autre. Fireworks place le calque le plus récent en haut de la pile. Vous pouvez modifier l’ordre des calques et des objets à l’intérieur des calques. Vous pouvez également créer des sous-calques et déplacer les objets qui s’y trouvent. Le panneau Calques affiche également les masques, les commandes d’opacité et les modes de fusion.
• Sélectionnez un objet sur un calque.
Dans le panneau Calques, vous pouvez ajouter de nouveaux calques et sous-calques, supprimer des calques inutiles et dupliquer des calques et des objets existants.
Un calque vide est inséré au-dessus du calque sélectionné et devient alors le calque actif. ❖ Procédez de l’une des manières suivantes :
dans le panneau Calques.
• Sélectionnez un calque, puis choisissez Supprimer le calque dans le menu Options du panneau Calques ou dans le menu contextuel.
❖ Procédez de l’une des manières suivantes :
• Dans le menu Options du panneau Calques ou dans le menu contextuel, sélectionnez un calque, puis choisissez Dupliquer le calque. Sélectionnez ensuite le nombre de calques dupliqués à insérer, ainsi que leur emplacement dans l’ordre d’empilage. Le calque Web est toujours le calque supérieur. C’est pourquoi l’option En haut signifie juste en dessous du calque Web.
❖ Faites glisser un objet tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée.
Vous pouvez organiser les calques et les objets d’un document en les renommant et en changeant leur disposition dans le panneau Calques. Les objets peuvent être déplacés au sein d’un même calque ou d’un calque à l’autre. Le déplacement des calques et des objets dans le panneau Calques modifie l’ordre d’apparition des objets sur la zone de travail. Les objets situés en haut d’un calque s’affichent au-dessus des autres objets de ce calque sur la zone de travail. Les objets situés sur le calque de niveau supérieur s’affichent devant les objets des calques de niveau inférieur. Remarque : le panneau Calques défile automatiquement lorsque vous faites glisser un calque ou un objet au-delà de la limite supérieure ou inférieure de la zone visible.
1 Cliquez deux fois sur le calque ou l’objet dans le panneau Calques. 2 Entrez le nouveau nom du calque ou de l’objet, puis appuyez sur la touche Entrée.
❖ Faites glisser le calque ou l’objet vers son nouvel emplacement dans le panneau Calques.
• Cliquez une fois dans la colonne de droite du calque de destination. Remarque : vous ne pouvez pas faire glisser un calque parent vers son calque enfant.
Le verrouillage d’un objet individuel permet de le protéger en empêchant qu’il soit sélectionné ou modifié. Le verrouillage d’un calque protège tous les objets qui le composent. Une icône de cadenas signale un élément verrouillé. La fonction Modification par calque protège les objets de tous les calques contre la sélection ou les modifications intempestives, mais pas ceux du calque actif et des sous-calques. Vous pouvez également masquer des objets et des calques pour les protéger. Remarque : les calques et objets masqués d’un document ne sont pas exportés avec celui-ci. Les objets du calque Web peuvent être exportés dans tous les cas, qu’ils soient masqués ou non. Pour plus d’informations sur l’exportation, reportezvous à la section « Exportation depuis l’espace de travail » à la page 253.
• Pour verrouiller un objet, cliquez sur le carré dans la colonne située immédiatement à gauche du nom de l’objet. • Pour verrouiller un calque, cliquez sur le carré dans la colonne située immédiatement à gauche du nom du calque. • Pour verrouiller plusieurs calques, faites glisser le curseur le long de la colonne de verrouillage du panneau Calques. • Pour verrouiller ou déverrouiller tous les calques, dans le menu Options du panneau Calques ou dans le menu contextuel, sélectionnez Tout verrouiller ou Tout déverrouiller.
❖ Dans le menu Options du panneau Calques ou dans le menu contextuel, cliquez sur Modification par calque.
• Pour afficher ou masquer un calque ou les objets d’un calque, cliquez sur le carré dans la colonne située la plus à gauche du nom d’un calque ou d’un objet. L’icône en forme d’œil
2 Sélectionnez Commandes > Document > Masquage des autres calques ou Commandes > Document > Verrouiller
Pour éviter d’encombrer le panneau Calques, vous pouvez fusionner des objets. Les images bitmap et les objets à fusionner ne doivent pas nécessairement être contigus dans le panneau Calques ou se trouver sur le même calque. La fusion vers le bas permet d’aplatir tous les objets vectoriels et bitmap sélectionnés avec l’objet bitmap qui se trouve juste au-dessous de l’objet sélectionné tout au bas de la pile. Vous obtenez un seul objet bitmap. Les objets vectoriels et bitmap fusionnés ne peuvent plus être modifiés séparément, et les possibilités de modification des objets vectoriels sont perdues. 1 Dans le panneau Calques, sélectionnez l’objet à fusionner avec un objet bitmap. Tout en maintenant la touche Maj
Vous pouvez fusionner le contenu d’un calque sélectionné avec un objet bitmap correspondant à l’objet le plus haut dans le calque situé immédiatement sous le calque sélectionné. 2 Procédez de l’une des manières suivantes :
• Choisissez Modification > Fusionner vers le bas. • Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfoncée (Mac OS) sur les objets sélectionnés sur la zone de travail, puis sélectionnez Fusionner vers le bas. Remarque : la commande Fusionner vers le bas n’agit pas sur les tranches, les zones sensibles et les boutons.
Si un calque contient plusieurs objets, vous pouvez distribuer les objets vers de nouveaux calques afin d’éviter tout encombrement. Vous créez ainsi des calques situés au même niveau que celui du calque parent. Ces calques créés conservent également la hiérarchie des calques. La distribution des objets encombrants vers d’autres calques permet de mieux manipuler ces objets. 1 Sélectionnez le calque comprenant les objets à distribuer. 2 Sélectionnez Commandes > Document > Répartir dans les calques.
Lorsque différentes pages ou différents états se partagent un calque, la modification apportée à un objet sur un calque se répercute sur toutes les pages ou dans tous les états. Partagez des calques si vous voulez que des objets, tels que des éléments d’arrière-plan, s’affichent sur toutes les pages d’un site Web ou dans tous les états d’une animation. Pour plus d'informations, voir http://www.adobe.com/go/learn_fw_usingpagesstates_fr Remarque : vous ne pouvez pas partager des sous-calques ; pour les partager, vous devez sélectionner le calque parent.
❖ Procédez de l’une des manières suivantes :
Une icône de film s’affiche en regard du calque partagé entre plusieurs états dans le panneau Calques.
Désactivation du partage de calque 1 Sélectionnez le calque partagé et désélectionnez l’option Partager dans tous les états dans le menu Options du
2 Indiquez le procédé de copie des objets dans les états :
• Copiez le contenu du calque partagé dans tous les états.
Le calque Web correspond au calque supérieur (celui en haut de la pile) dans chaque document. Il contient les objets Web, tels que les tranches et les zones sensibles, qui rendent les documents Fireworks exportés interactifs. Il est impossible de départager, supprimer, dupliquer, déplacer ou renommer le calque Web. Vous ne pouvez pas non plus fusionner les objets du calque Web. Il est toujours partagé sur tous les états d’une page et les objets Web sont visibles sur chaque état d’une page.
1 Cliquez deux fois sur la tranche ou la zone sensible dans le panneau Calques. 2 Entrez le nouveau nom, puis cliquez hors de la fenêtre ou appuyez sur la touche Entrée.
Lorsque des fichiers Photoshop contenant des calques sont importés, chaque calque est placé en tant qu’objet séparé dans un même calque de Fireworks. Les calques associés sont importés un par un, comme s’ils avaient été dissociés dans Photoshop avant d’être importés dans Fireworks. L’effet de détourage des calques associés de Photoshop est perdu lors de l’importation.
Vous pouvez masquer ou afficher des parties d’un objet ou d’une image. Il existe différentes techniques de masquage permettant d’obtenir de nombreux types d’effets créatifs à partir d’objets. Vous pouvez utiliser un masque comme un emporte-pièce pour recadrer ou détourer des objets ou images sousjacents. Certains masques produisent un effet de fenêtre embuée, révélant ou bloquant des portions d’objets sousjacents. Vous pouvez créer un objet masque à partir d’un objet vectoriel (masque vectoriel) ou d’un objet bitmap (masque bitmap). Vous pouvez également utiliser plusieurs objets ou des objets associés pour créer un masque, et même utiliser du texte (pour créer un masque vectoriel). Après avoir créé un masque, vous pouvez ajuster la position de la sélection masquée sur la zone de travail ou modifier l’aspect du masque. Vous pouvez également appliquer des transformations au masque en totalité ou à chaque composant d’un masque.
Lorsque vous créez un masque vectoriel, une vignette de masque accompagnée d’une icône en forme de crayon apparaît dans le panneau Calques.
Par défaut, les masques vectoriels sont appliqués en utilisant le contour de leur tracé, mais vous pouvez également les appliquer selon d’autres méthodes.
Les masques bitmap de Fireworks ressemblent aux masques de fusion de Photoshop en ce sens que les pixels d’un objet masque agissent sur la visibilité des objets sous-jacents.
Lorsque vous créez un masque bitmap, l’inspecteur des propriétés affiche les informations sur l’application du masque. Si vous sélectionnez un outil bitmap lorsqu’un masque bitmap est sélectionné, l’inspecteur des propriétés affiche les propriétés du masque et les options de l’outil sélectionné. Par défaut, la plupart des masques bitmap sont appliqués en utilisant leur aspect de niveaux de gris, mais vous pouvez également les appliquer à l’aide de leur couche alpha.
Lorsque vous utilisez un objet vectoriel comme masque, vous pouvez recadrer ou détourer d’autres objets selon son tracé. Lorsque vous utilisez un objet bitmap en tant masque, la luminosité de ses pixels ou sa transparence affecte la visibilité des autres objets.
La commande Coller en tant que masque permet de créer des masques en superposant un objet ou un groupe d’objets sur un autre objet. Le masque créé au moyen de cette commande est vectoriel ou bitmap. 1 Sélectionnez l’objet à utiliser comme masque. Tout en maintenant la touche Maj enfoncée, cliquez sur les différents
Remarque : l’utilisation de plusieurs objets en tant que masque produit toujours un masque vectoriel, même si les deux objets sont de type bitmap. 2 Positionnez la sélection de sorte qu’elle recouvre l’objet ou le groupe d’objets à masquer.
4 Sélectionnez l’objet ou le groupe à masquer.
Le masque créé est un masque vectoriel ou bitmap, selon le type d’objet masque utilisé. La commande Coller dedans crée un masque en remplissant un tracé fermé ou un objet bitmap avec d’autres objets : graphiques vectoriels, textes ou images bitmap. Le tracé lui-même est parfois appelé masque, et les éléments qu’il contient s’appellent des contenus ou des collages intérieurs. Le contenu qui s’étend au-delà du masque est masqué. 1 Sélectionnez l’objet ou les objets à utiliser comme contenu à coller dedans. 2 Positionnez l’objet ou les objets pour qu’ils recouvrent l’objet de destination du collage.
4 Sélectionnez l’objet dans lequel coller le contenu. Cet objet sera utilisé comme masque (tracé d’écrêtage).
Les masques vectoriels automatiques appliquent des motifs prédéfinis en tant que masques vectoriels sur des objets bitmap et vectoriels. Vous pouvez modifier ultérieurement l’aspect des masques vectoriels automatiques, ainsi que leurs propriétés. 1 Sélectionnez les objets bitmap ou vectoriels. 2 Sélectionnez Commandes > Création > Masque vectoriel auto. 3 Sélectionnez le type de masque, puis cliquez sur Appliquer.
La méthode la plus rapide pour ajouter un masque bitmap transparent vide consiste à utiliser le panneau Calques. Le panneau Calques ajoute un masque blanc à un objet que vous pouvez personnaliser en dessinant dessus avec les outils bitmap. 1 Sélectionnez l’objet à masquer. 2 En bas du panneau Calques, cliquez sur le bouton Ajouter un masque.
3 (Facultatif) Si l’objet masqué est un objet bitmap, utilisez l’un des outils de cadre de sélection ou de lasso pour créer
4 Dans le panneau Outils, sélectionnez un outil de dessin bitmap. 5 Définissez les options de l’outil dans l’inspecteur des propriétés.
Tout révéler Applique un masque transparent vide à un objet qui révèle la totalité de l’objet. Cette commande revient
Tout masquer Applique un masque opaque vide à un objet qui cache la totalité de l’objet. Révéler la sélection A utiliser exclusivement avec des sélections de pixels, cette commande applique un masque de
Masquer la sélection A utiliser exclusivement avec des sélections de pixels, cette commande applique un masque de
1 Sélectionnez l’objet à masquer. 2 Pour afficher l’objet, choisissez la commande Modification > Masque > Tout révéler. Pour le masquer, choisissez
3 Dans le panneau Outils, sélectionnez un outil de dessin bitmap. 4 Définissez les options de l’outil dans l’inspecteur des propriétés.
5 Dessinez sur le masque vide. Dans les zones dans lesquelles vous dessinez, l’objet masqué sous-jacent sera masqué
2 Sélectionnez des pixels dans une image bitmap.
Photoshop Dans Photoshop, vous pouvez masquer les images à l’aide de masques de fusion ou de calques associés. Fireworks vous permet d’importer des images employant des masques de calque tout en conservant la possibilité de les modifier. Les masques de fusion sont importés sous forme de masques bitmap. Les masques Fireworks peuvent être également exportés vers Photoshop. Ils sont alors convertis en masques de fusion Photoshop. Si les objets masqués contiennent du texte que vous souhaitez pouvoir continuer à modifier dans Photoshop, vous devez sélectionner Privilégier le caractère modifiable lors de l’exportation. Remarque : si le texte fait office d’objet masque, il est converti en objet bitmap et n’est plus modifiable une fois importé dans Photoshop.
1 Tout en maintenant la touche Maj enfoncée, cliquez sur au moins deux objets qui se chevauchent.
2 Choisissez Modification > Masque > Associer comme masque.
Sélection de masques et d’objets masqués à l’aide des vignettes de masques Dans le panneau Calques, les vignettes vous permettent de sélectionner et de modifier le masque ou les objets masqués uniquement, sans affecter les autres objets. Lorsque vous sélectionnez la vignette du masque, l’icône de masque apparaît en regard de cette dernière dans le panneau Calques. L’inspecteur des propriétés affiche les propriétés du masque, quand vous pouvez les modifier.
• Pour sélectionner un objet masqué, dans le panneau Calques, cliquez sur la vignette de l’objet masqué.
Utilisez l’outil Sous-sélection pour sélectionner des masques et objets masqués individuels sur le document sans sélectionner les autres composants du masque. Les propriétés de l’objet sélectionné sont visibles dans l’inspecteur des propriétés. ❖ Cliquez avec l’outil Sous-sélection sur l’objet dans la zone de travail.
Vous pouvez repositionner les masques et les objets masqués. Vous pouvez les déplacer ensemble ou individuellement. Déplacement simultané d’un masque et de ses objets masqués 1 A l’aide de l’outil Pointeur, sélectionnez le masque sur la zone de travail. 2 Faites glisser le masque vers son nouvel emplacement sans tirer la poignée de déplacement, à moins que vous ne
1 Dans le panneau Calques, cliquez sur l’icône de lien sur le masque. Cette opération permet de dissocier les masques des objets masqués pour les déplacer indépendamment. 2 Sélectionnez la vignette d’un masque ou d’un objet masqué. 3 A l’aide de l’outil Pointeur, faites glisser l’objet ou les objets sur la zone de travail.
4 Pour rétablir le lien entre les objets masqués et le masque, cliquez entre les vignettes de masque dans le
Déplacement isolé d’un masque à l’aide de sa poignée de déplacement 1 A l’aide de l’outil Pointeur, sélectionnez le masque sur la zone de travail.
2 Faites glisser la poignée de déplacement vers le nouvel emplacement.
Déplacement d’objets masqués indépendamment les uns des autres ❖ Cliquez avec le pointeur de l’outil Sous-sélection sur l’objet pour le sélectionner, puis faites-le glisser. C’est la seule méthode permettant de sélectionner et de déplacer un objet masqué sans affecter les autres objets masqués.
En modifiant la position, la forme et la couleur d’un masque, vous pouvez changer la visibilité des objets masqués. Vous pouvez également changer le type d’un masque et son application. En outre, les masques peuvent être remplacés, désactivés ou supprimés. Lorsque vous modifiez un masque, les résultats sont immédiatement visibles sur sa vignette dans le panneau Calques, même si l’objet masque lui-même n’est pas visible sur la zone de travail. Les objets masqués peuvent également être modifiés. Vous pouvez réorganiser les objets masqués sans déplacer le masque. Vous pouvez également ajouter des objets masqués à un groupe de masques existant.
❖ Procédez de l’une des manières suivantes :
• Pour les masques vectoriels en niveaux de gris, changez la couleur de l’objet masque. Remarque : utilisez des couleurs claires pour afficher les objets masqués, et des couleurs sombres pour les cacher.
1 Choisissez Edition > Couper pour couper l’objet ou les objets sélectionnés à ajouter. 2 Dans le panneau Calques, sélectionnez la vignette de l’objet masqué. 3 Choisissez Edition > Coller en tant que masque. 4 Choisissez Ajouter lorsqu’un message vous demande si vous voulez remplacer le masque ou ajouter des objets.
1 A l’aide de l’outil Pointeur, sélectionnez le masque sur la zone de travail. 2 Dans le sous-menu Modification > Transformer, sélectionnez un outil de transformation ou une commande pour
Pour appliquer une transformation à l’objet masque uniquement, déliez-le d’abord des autres objets masques dans le panneau Calques, puis exécutez la transformation.
1 Choisissez Edition > Couper pour couper l’objet ou les objets sélectionnés à ajouter. 2 Dans le panneau Calques, sélectionnez la vignette de l’objet masqué. 3 Choisissez Edition > Coller dedans.
• Faites glisser la vignette du masque vers l’icône de la corbeille, dans le panneau Calques. 2 Avant de supprimer le masque, indiquez si vous voulez appliquer ou annuler l’effet du masque sur les objets
Appliquer Permet de conserver les modifications que vous apportez dans l’objet. Le masque ne peut alors plus être
Rejeter Permet d’annuler tous les changements effectués et de rétablir la forme d’origine de l’objet. Annuler Annule la suppression et laisse le masque intact.
Lorsqu’un masque est sélectionné, l’inspecteur des propriétés permet de changer de méthode d’application du masque. Si la fenêtre de l’inspecteur des propriétés est réduite, cliquez sur la flèche d’extension pour afficher toutes les propriétés. Par défaut, les masques vectoriels sont appliqués à l’aide de leur contour de tracé. Afficher le fond et le contour du masque revient à utiliser la fonction Coller dedans pour créer des masques.
Masque vectoriel avec un fond à motifs appliqué avec son aspect de niveaux de gris
❖ Si un masque vectoriel est sélectionné, cliquez sur Contour de tracé dans l’inspecteur des propriétés.
❖ Dans l’inspecteur des propriétés, cliquez sur Afficher le fond et le contour si le masque vectoriel sélectionné a été
❖ Si un masque bitmap est sélectionné, cliquez sur Couche alpha dans l’inspecteur des propriétés.
❖ Si un masque est sélectionné, cliquez sur Aspect de niveaux de gris dans l’inspecteur des propriétés.
1 Dans le panneau Calques, sélectionnez la vignette de l’objet masque. 2 Choisissez Modification > Aplatir la sélection.
La création d’une image composite est une technique consistant à faire varier la transparence ou l’interaction des couleurs de plusieurs objets qui se chevauchent. Dans Fireworks, les modes de fusion permettent de créer des images composites.
Lorsque des objets présentant des modes de fondu différents sont associés, ces modes individuels sont remplacés par le mode de fondu du groupe. La dissociation des objets restaure le mode de fusion individuel de chacun des objets. Remarque : Les modes de fusion d'un symbole sont ignorés lorsque vous quittez le mode d'édition de symbole.
Couleur de fusion Couleur à laquelle est appliqué le mode de fusion. Opacité Degré de transparence auquel est appliqué le mode de fusion. Couleur de base Couleur des pixels sous la couleur de fusion. Couleur résultante Résultat de l’effet du mode de fusion sur la couleur de base.
Les teintes, la saturation et les modes de mélange des couleurs s’utilisent comme dans Photoshop. Pour plus d'informations sur les modes de fusion, voir l'article de Jim Babbage portant sur les modes de fusion. Normal N’applique aucun mode de fusion. Dissoudre Choisit des couleurs de manière aléatoire entre le calque actif et le calque d’arrière-plan pour créer l’effet
Obscurcir Sélectionne la couleur la plus dense, entre la couleur de fusion et la couleur de base, pour l’utiliser comme
Produit Multiplie la couleur de base par la couleur de fusion et crée des couleurs plus foncées. Densité couleur + Assombrit la couleur de base de chaque couche pour refléter la couleur de fusion par augmentation
Densité linéaire + Vérifie chaque couche des calques actif et d’arrière-plan et assombrit la couleur d’arrière-plan pour refléter la couleur de fusion par réduction de la luminosité. L’effet global consiste à assombrir l’image. Le blanc étant la couleur neutre, le fusion de densité linéaire + avec le blanc ne produit aucun effet. Eclaircir Sélectionne la couleur la plus claire, entre la couleur de fusion et la couleur de base, pour l’utiliser comme couleur résultante. Ce mode remplace uniquement les pixels qui sont plus sombres que la couleur de fusion. Superposition Multiplie l’inverse de la couleur de fusion par la couleur de base, ce qui crée un effet de blanchiment. Densité couleur - Eclaircit la couleur de base pour refléter la couleur de fusion par réduction du contraste. Le mélange avec du noir ne produit aucun résultat. Densité linéaire - Vérifie chaque couche des calques actif et d’arrière-plan et éclaircit la couleur d’arrière-plan pour
Recouvrement Multiplie ou trame les couleurs, en fonction de la couleur de base. Les motifs ou les couleurs recouvrent
Lumière douce Assombrit ou éclaircit les couleurs, en fonction de la couleur de fusion. Cela a le même effet que si l’on
50 % de gris, l’image est assombrie comme avec l’outil Densité +. Si vous utilisez du noir ou du blanc purs, vous obtenez une zone nettement plus sombre ou plus claire. Cependant, il ne s’agit pas de noir ou blanc purs. Lumière crue Multiplie ou trame les couleurs, en fonction de la couleur du de fondu. Cela a le même effet que si l’on
Lumière vive Augmente le contraste par combinaison des effets des modes Densité couleur + et Densité couleur -. Si la couleur de fusion est plus sombre que le gris moyen, la lumière vive assombrit ou densifie l’image en augmentant le contraste. Sinon, l’image est éclaircie par réduction du contraste. Lumière linéaire Ajuste la luminosité par combinaison des modes Densité linéaire + et Densité linéaire -. Si la couleur
Lumière ponctuelle Remplace la couleur en fonction de la couleur de fusion. Si la couleur de fusion est plus claire que
Mélange net Réduit les couleurs d’une image à huit couleurs pures uniquement. Différence Soustrait la couleur de fusion de la couleur de base, ou inversement. La couleur la moins lumineuse est
Exclusion Crée un effet similaire, quoiqu’avec un moindre contraste, à celui du mode Différence. Si vous mélangez
Teinte Combine la valeur de teinte de la couleur de fusion avec la luminance et la saturation de la couleur de base afin
Saturation Combine la saturation de la couleur de fusion avec la luminance et la teinte de la couleur de base afin de
Couleur Combine la teinte et la saturation de la couleur de fusion avec la luminance de la couleur de base afin de créer la couleur résultante. Ce mode conserve les niveaux de gris qui permettent de colorer les images monochromes et de teinter les images en couleur. Luminosité Combine la luminance de la couleur de fusion avec la teinte et la saturation de la couleur de base. Inverser Inverse la couleur de base. Nuance Ajoute du gris à la couleur de base. Effacer Supprime tous les pixels de la couleur de base, y compris ceux de l’image d’arrière-plan.
Photoshop), consultez le site Web suivant : www.pegtop.net/delphi/articles/blendmodes/ (en anglais).
❖ Après avoir sélectionné l’outil souhaité dans le panneau Outils, définissez les options de fusion et d’opacité dans
Remarque : les options de fusion et d’opacité ne sont pas disponibles avec tous les outils.
2 Dans le menu contextuel Mode de fusion de l’inspecteur des propriétés ou du panneau Calques, sélectionnez une
3 Sélectionnez un paramètre avec le curseur contextuel Opacité ou saisissez une valeur dans la zone de texte.
1 Choisissez Sélection > Désélectionner pour éviter d’appliquer un mode de fusion et une opacité par inadvertance. 2 Après avoir sélectionné un outil de dessin vectoriel ou bitmap, sélectionnez un mode de fusion et un niveau
Le mode de fusion et le niveau d’opacité que vous sélectionnez sont utilisés par défaut pour tous les nouveaux objets que vous dessinez avec cet outil.
Le filtre dynamique Couleur de remplissage Fireworks vous permet d’ajuster la couleur d’un objet en modifiant l’opacité et le mode de fusion de ce dernier. Ce filtre dynamique produit le même effet que la superposition d’un objet sur un autre objet utilisant un niveau d’opacité et un mode de fusion différents.
Vous pouvez enregistrer et réutiliser un ensemble prédéfini d’attributs de fond, de contour, de filtre et de texte en créant un style. Lorsque vous appliquez un style à un objet, celui-ci reprend les caractéristiques de ce style. Remarque : les objets bitmap reçoivent uniquement les attributs de filtre d’un style.
Fireworks et le site Web d’Adobe proposent de nombreux autres styles prédéfinis que vous pouvez importer dans Fireworks. Vous pouvez également exporter des styles et les partager avec d’autres utilisateurs de Fireworks ou importer des styles depuis d’autres documents Fireworks.
Le panneau Styles permet de créer ou d’enregistrer des styles et d’appliquer toute la gamme de styles à des objets, du texte, des groupes et des formes automatiques. Pour accéder rapidement au sous-ensemble des styles d’un document, utilisez le menu de styles actif de l’inspecteur des propriétés. 1 Sélectionnez les objets des zones de travail auxquels vous souhaitez appliquer un style. 2 Sélectionnez la commande Fenêtre > Styles pour afficher le panneau Styles. 3 Sélectionnez Document actif pour accéder aux styles actuellement utilisés ou sélectionnez un style prédéfini dans
Remarque : si aucun style n’apparaît dans un document, le panneau Styles reste vide tant que vous ne sélectionnez pas un style prédéfini. 4 Dans le panneau, cliquez sur le nom d’un style.
« Rupture du lien vers un style » à la page 160
Vous pouvez créer un style reposant sur les attributs de l’objet, groupe, texte ou forme automatique sélectionné. Les attributs suivants peuvent être enregistrés dans un style :
• Filtres • Attributs de texte tels que la police, la taille du point, le style (gras, italique ou souligné), l’alignement, le lissage, le crénage automatique, l’échelle horizontale, l’approche et l’interlignage Si vous supprimez un style personnalisé, vous ne pouvez pas le récupérer. Cependant, tout objet utilisant le style en conserve les attributs.
1 Créez ou sélectionnez un objet vectoriel, du texte, un groupe ou une forme automatique doté des attributs de
4 Nommez le style, puis cliquez sur OK.
1 Dans le panneau Styles, cliquez sur le nom d’un style. 2 Dans le menu Options du panneau Styles, cliquez sur Renommer le style. 3 Entrez un nouveau nom pour le style, puis cliquez sur OK.
1 Appliquez le style existant à l’objet sélectionné. 2 Modifiez les attributs de cet objet. 3 Enregistrez les attributs en créant un style.
1 Dans le panneau Styles, cliquez sur le nom d’un style.
2 Cliquez sur le bouton Supprimer
Vous pouvez, si nécessaire, créer un style par défaut qui applique les propriétés par défaut de Fireworks à un objet. Créez un objet, sélectionnez-le et assurez-vous qu'aucune des options de la boîte de dialogue Nouveau style n'est sélectionnée. Ensuite, enregistrez-le en tant que nouveau style. Ce style « par défaut » ou « vide » permet de réinitialiser les attributs d'un autre style, mais ne rétablit pas l'aspect précédent de l'objet.
La modification de styles permet d’activer ou de désactiver des propriétés spécifiques, notamment celles du fond ou du contour. La redéfinition de styles, quant à elle, permet de modifier les filtres qu’ils contiennent. Lorsque vous modifiez ou redéfinissez un style, tous les objets qui lui ont été appliqués sont automatiquement mis à jour. Toutefois, vous pouvez rompre le lien entre des objets sélectionnés et des styles (voir la section « Rupture du lien vers un style » à la page 160).
« Modification et personnalisation des filtres dynamiques » à la page 133
1 Dans la zone de travail, sélectionnez un objet qui utilise ce style. 2 Dans l’inspecteur des propriétés, modifiez les filtres appliqués, puis cliquez sur le bouton Redéfinir le style.
Pour remplacer rapidement un style par un autre dans les styles du Document actif, faites glisser un style vers un autre style du panneau Styles tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée.
Pour gagner du temps et dans un souci de cohérence, vous pouvez partager des styles ; pour cela, exportez-les pour qu’ils puissent être utilisés par d’autres utilisateurs.
Vous pouvez enregistrer les styles créés ou modifiés sous forme de bibliothèque de styles. Les noms des styles sont classés par ordre alphabétique. Il est également possible d’appliquer des styles à des groupes, des formes automatiques et des symboles. 1 Dans le menu Options du panneau Styles, sélectionnez l’option Enregistrer la bibliothèque de styles. 2 Entrez un nom et un emplacement pour la bibliothèque de styles.
2 Sélectionnez une bibliothèque de styles (*.stl) à importer. La bibliothèque de styles est disponible dans plusieurs
1 Dans le menu Options du panneau Styles, cliquez sur Charger un style. 2 Sélectionnez une bibliothèque de styles (*.stl) à charger dans le document actif. Les styles chargés sont disponibles
❖ Pour modifier la taille des icônes d’aperçu des styles, sélectionnez Grandes icônes dans le menu Options du
1 Sélectionnez l’objet dont vous voulez copier les attributs. 2 Choisissez Edition > Copier. 3 Désélectionnez l’objet original, puis sélectionnez les objets auxquels vous voulez appliquer les nouveaux attributs. 4 Choisissez Edition > Coller les attributs.
Vous pouvez rompre le lien établi entre un objet et le style qui lui est appliqué. Cet objet conserve les mêmes attributs mais n’est plus modifié en cas de changement de styles. 1 Sélectionnez l’objet sur lequel le style est appliqué. 2 Dans la partie inférieure droite de l’inspecteur des propriétés, cliquez sur le bouton Rompre le lien avec le style.
1 Sélectionnez les objets modifiés suite à l’application d’un style. 2 Dans le menu Options du panneau Styles, cliquez sur Effacer les remplacements.
❖ Dans le menu Options du panneau Styles, choisissez Sélectionner les styles inutilisés.
1 Dans le panneau Styles, cliquez sur le nom d’un style. 2 Dans le menu Options du panneau Styles, cliquez sur Dupliquer un style.
Pour plus d’informations sur les symboles, voir Flux de production avec les styles et les symboles dans le Centre des développeurs.
« Création de symboles de bouton » à la page 194 « Création de symboles d’animation » à la page 219
Vous pouvez créer un symbole à partir d’un objet, d’un bloc de texte ou d’un groupe, puis le stocker dans l’onglet Bibliothèque commune du panneau Actifs. Vous pouvez ensuite, à partir de cet onglet, modifier le symbole et l’insérer dans vos documents.
1 Sélectionnez l’objet, puis choisissez Modification > Symbole > Convertir en symbole. 2 Dans la zone Nom, entrez le nom du symbole. 3 Sélectionnez un type de symbole. 4 Pour effectuer une mise à l’échelle du symbole sans distorsion de sa géométrie, sélectionnez l’option Activer les
5 Pour stocker le symbole afin de l’utiliser dans différents documents, sélectionnez l’option Enregistrer dans la
6 Cliquez sur OK pour enregistrer le symbole.
1 Procédez de l’une des manières suivantes :
4 Créez le symbole à l’aide des outils du panneau Outils.
❖ Faites glisser un symbole du panneau Bibliothèque de documents vers le document actif.
Lorsque vous fractionnez le symbole, les graphiques sont groupés par défaut. Dissociez les graphiques (boutons, barre de défilement ou autres) pour les modifier. Vous pourrez ensuite grouper à nouveau les graphiques et les convertir en symbole. Si vous ne groupez pas les graphiques avant la conversion, les graphiques composant le symbole deviennent modifiables.
1 Pour accéder au mode de modification de symboles, procédez de l’une des manières suivantes :
• Sélectionnez une occurrence, puis choisissez Modification > Symbole > Modifier le symbole. • Dans le panneau Bibliothèque de documents, cliquez deux fois sur une icône de symbole. • (Symboles d’animation uniquement) Cliquez sur le bouton Modifier dans la boîte de dialogue Animer. 2 Modifiez le symbole selon vos besoins.
Utilisez des repères de mise à l’échelle en 9 tranches pour empêcher toute distorsion lorsque vous redimensionnez le symbole (voir la section « Mise à l’échelle en 9 tranches » à la page 50).
Lorsque vous modifiez un symbole, le document passe en mode de modification de symboles. Ce mode estompe les autres objets de la zone de travail, ce qui vous permet de modifier rapidement les symboles en visualisant la page entière (à l’exception des symboles utilisant la mise à l’échelle en 9 tranches, qui apparaissent seuls). Pour alterner entre le mode d’édition de symboles et le mode d’édition de pages, procédez de l’une des manières suivantes :
• Dans le plateau situé en haut du panneau du document, cliquez sur l’icône représentant une page ou sur la flèche arrière. (Si le symbole est imbriqué, le plateau donne également accès au symbole le contenant.)
1 Dans le panneau Bibliothèque de documents, cliquez deux fois sur une icône de symbole.
2 Dans le menu Options du panneau Bibliothèque de documents, cliquez sur Dupliquer. 3 Modifiez le nom et le type du doublon si nécessaire et cliquez sur OK.
1 Cliquez deux fois sur le nom du symbole dans la bibliothèque. 2 Sélectionnez une autre option de type de symbole.
❖ Dans le menu Options du panneau Bibliothèque de documents, cliquez sur Sélectionner les éléments inutilisés.
❖ Dans le panneau Bibliothèque de documents, faites glisser le symbole jusqu’à l’icône de la corbeille.
1 Dans la zone de travail, cliquez avec le bouton droit de la souris sur un symbole, puis sélectionnez Permuter le
Pour adapter les comportements JavaScript aux symboles de composant, modifiez les valeurs correspondantes dans le panneau Propriétés du symbole. Pour ajouter des propriétés personnalisables à ce panneau, vous devez modifier le fichier JavaScript associé au symbole. Remarque : Les attributs de hauteur et de largeur ne peuvent pas être définis pour un composant utilisant JavaScript.
1 Sélectionnez l’occurrence. 2 Choisissez Modification > Symbole > Séparer. Vous pouvez modifier ces propriétés sans que cela n’affecte le symbole et les autres occurrences :
• Opacité • Filtres • Largeur et hauteur • Les symboles de composant sont des symboles graphiques que vous pouvez mettre à l’échelle de manière intelligente tout en leur affectant des attributs spécifiques à l’aide d’un fichier JavaScript (JSF). Ils sont également appelés « symboles enrichis ». Si vous modifiez une occurrence dans le panneau Propriétés, cela affecte non seulement le symbole, mais aussi toutes les autres occurrences. En revanche, si vous modifiez des paramètres dans le panneau Propriétés du symbole (Fenêtre > Propriétés du symbole), cela affecte uniquement l’occurrence sélectionnée. Fireworks comprend une bibliothèque de symboles de composant prédéfinis ; vous pouvez personnaliser ces derniers pour reproduire l’aspect d’un site Web ou d’une interface utilisateur spécifique.
1 Dans le menu Fenêtre, sélectionnez Bibliothèque commune. 2 Pour utiliser un symbole, faites-le glisser depuis le panneau Bibliothèque commune pour le déposer dans la zone
1 Dans la zone de travail, sélectionnez le symbole souhaité. 2 Dans le panneau Propriétés du symbole (Fenêtre > Propriétés du symbole), vous pouvez régler des paramètres tels
Pour créer des boutons interactifs destinés à des prototypes HTML et logiciels, reportez-vous à la section « Tranches interactives » à la page 178.
Pour plus de détails, consultez l'article Using rich symbols in Fireworks (Utilisation de symboles enrichis dans Fireworks), ou le didacticielwww.wonderhowto.com. 1 Créez un objet dont vous voulez personnaliser les attributs.
panneau Calques. Vous devez utiliser le nom Label pour le calque de texte en conservant le L majuscule. En effet, ce nom est utilisé dans le fichier JavaScript. Remarque : pour éviter les erreurs JavaScript, omettez les espaces dans les noms de fonctions. Par exemple, utilisez « étiquette_numéro » et non « étiquette de numéro ». 3 Sélectionnez l’objet, puis choisissez Modification > Symbole > Convertir en symbole. 4 Dans la zone Nom, entrez le nom du symbole. 5 Sélectionnez Graphique comme type de symbole, sélectionnez ensuite Enregistrer dans la bibliothèque commune,
6 A l’invite, enregistrez le nouveau symbole dans le dossier Symboles personnalisés par défaut, ou créez un autre
Remarque : vous devez enregistrer les symboles de composant dans un dossier de la bibliothèque commune. Une fois enregistré, le symbole est supprimé de la zone de travail et figure dans la bibliothèque commune. 7 Sélectionnez Créer le script du symbole dans le menu Commandes. 8 Cliquez sur le bouton Parcourir dans le coin supérieur droit du panneau, puis recherchez le fichier PNG de
10 Dans la zone Nom de l'élément, sélectionnez le nom de l'élément à personnaliser dans le menu. 11 Dans la zone Attribut, sélectionnez le nom de l’attribut à personnaliser. Par exemple, pour personnaliser le texte de
Remarque : pour plus d’informations sur ces options d’attribut, reportez-vous à l’extension de Fireworks. 12 Dans le champ Nom de propriété, saisissez le nom de la propriété personnalisable, par exemple « Etiquette » ou
13 Dans le champ Valeur, entrez une valeur par défaut pour la propriété utilisée lors de l’insertion initiale d’une
14 Ajoutez des éléments supplémentaires au fur et à mesure de vos besoins. 15 Cliquez sur Enregistrer pour enregistrer les options sélectionnées et créer un fichier JavaScript.
Vous pourrez modifier ultérieurement ses attributs dans le panneau Propriétés du symbole. Remarque : si vous supprimez ou renommez un objet référencé par le script, le panneau Propriétés du symbole signale la présence d’erreurs.
1 Sélectionnez un symbole dans le panneau Bibliothèque de documents. 2 Dans le menu Options du panneau Bibliothèque de documents, cliquez sur Enregistrer dans la bibliothèque
3 Créez un fichier JavaScript pour contrôler les propriétés du symbole.
Lorsque vous enregistrez un symbole de composant, Fireworks enregistre un fichier PNG dans les dossiers par défaut suivants :
Création du fichier JavaScript Vous devez définir les deux fonctions suivantes dans le fichier JavaScript afin de pouvoir ajouter des paramètres modifiables au symbole :
L’exemple suivant illustre un fichier .JSF permettant de créer un symbole personnalisé :
Le panneau Bibliothèque de documents permet de stocker les symboles que vous créez ou importez dans le document actif. Le panneau Bibliothèque de documents est propre au document actif ; pour utiliser des symboles contenus dans la bibliothèque d’un document différent, vous pouvez les importer, les exporter, les copier ou les faire glisser.
2 Sélectionnez un dossier dans le panneau Bibliothèque commune.
1 Dans le menu Options du panneau Bibliothèque de documents, cliquez sur Importer des symboles. 2 Naviguez jusqu’au dossier PNG qui contient le fichier, sélectionnez-le, puis cliquez sur Ouvrir. 3 Sélectionnez les symboles à importer, puis cliquez sur Importer.
❖ Procédez de l’une des manières suivantes :
Le symbole est importé dans le panneau Bibliothèque de documents du document de destination et conserve un lien avec le symbole du document original.
1 Dans le menu Options du panneau Bibliothèque de documents, cliquez sur Exporter des symboles. 2 Sélectionnez les symboles à exporter, puis cliquez sur Exporter. 3 Sélectionnez un emplacement, entrez un nom pour le fichier de symboles, puis cliquez sur Enregistrer.
Les symboles importés restent liés à leur document de symbole d’origine. Vous pouvez modifier le document de symbole d’origine puis mettre à jour les documents cibles pour qu’ils reflètent vos modifications. 1 Dans le document d’origine, cliquez deux fois sur une occurrence, ou sélectionnez une instance et choisissez
2 Modifiez le symbole. 3 Enregistrez le fichier. 4 Dans le document dans lequel le symbole a été importé, sélectionnez le symbole dans le panneau Bibliothèque de
5 Dans le menu Options du panneau Bibliothèque de documents, cliquez sur Mettre à jour.
1 Créez un objet sur une page à l’aide de l’outil Vecteur, un rectangle, par exemple. 2 Cliquez avec le bouton droit de la souris sur le rectangle et sélectionnez Convertir en symbole. 3 Dans la boîte de dialogue Convertir en symbole, procédez de la manière suivante : a Attribuez un nom au symbole, Symbole A, par exemple. b Si vous avez l’intention de lui appliquer la mise à l’échelle en 9 tranches, sélectionnez Activer les repères de mise
4 Cliquez deux fois sur l’icône « + » au centre du symbole. 5 Répétez les étapes 1 à 4 pour créer un autre symbole, Symbole B. Parce que vous l’avez créé dans le Symbole A, il
Remarque : Libre à vous de créer plusieurs symboles imbriqués.
Vous pouvez créer des symboles au sein d’un symbole. Il est possible de mettre individuellement à l’échelle ces symboles, qui sont dits imbriqués. Avant de procéder à la mise à l’échelle en 9 tranches d’un symbole, effectuez les opérations suivantes.
• Veillez à activer le mode de modification du symbole à mettre à l’échelle. Pour ce faire, cliquez deux fois sur l’icône « + » du symbole le plus imbriqué. Lorsque vous transformez des symboles imbriqués en leur appliquant une mise à l’échelle en 9 tranches, vous pouvez intervenir sur chacun d’eux individuellement. Imaginons par exemple trois niveaux d’imbrication : le symbole A se trouve dans le symbole B, qui se trouve dans le symbole C. Vous pouvez mettre à l’échelle les symboles A (le plus imbriqué) et B (intermédiaire) par rapport à leurs repères de mise à l’échelle en 9 tranches. Pour ce faire, veillez d’abord à activer le mode de modification du symbole le plus imbriqué. En mode de modification en place, seul le panneau Bibliothèque permet de visualiser les repères de mise à l’échelle en 9 tranches des symboles imbriqués. Cliquer deux fois sur un symbole ne permet pas d’afficher ces repères sur la zone de travail.
1 Activez l’affichage dans lequel vous avez créé le symbole. 2 Sélectionnez le symbole dans le panneau Bibliothèque de documents et cliquez sur Propriétés du symbole.
3 Dans la boîte de dialogue Convertir en symbole, sélectionnez Activer les repères de mise à l’échelle à 9 tranches.
Les bibliothèques d’URL sont disponibles pour l’ensemble des documents de Fireworks et sont enregistrées entre deux sessions.
Vous pouvez entrer une URL absolue ou relative dans le panneau URL.
• Pour lier une page Web de votre site, vous pouvez utiliser l’une ou l’autre. Les URL absolues sont des adresses URL complètes incluant le protocole de serveur (généralement http:// pour les pages Web). Par exemple, http://www.adobe.com/support/fireworks est l’URL absolue de la page Web du Centre d’assistance de Fireworks. Les URL absolues restent précises, quel que soit l’emplacement du document source, mais le lien est rompu si le document cible est déplacé. Les URL relatives sont indiquées par rapport au dossier contenant le document source. Les URL relatives sont généralement les plus simples à utiliser pour établir un lien avec un fichier placé dans le même dossier que le document actif. Les exemples suivants présentent la syntaxe de navigation d’URL relatives :
• ../../fichier.htm établit un lien avec un fichier situé dans un dossier placé deux niveaux au-dessus du dossier contenant le document source. Chaque signe « ../ » représente un niveau.
Dans un document Fireworks, vous pouvez créer des liens entre plusieurs pages en utilisant des URL pour chaque page. Le menu contextuel Lien, présent dans l’inspecteur des propriétés et dans le panneau URL, contient la liste des adresses URL de chaque page d’un document. Sélectionnez l’une de ces URL pour établir le lien à la page correspondante.
1 Le document étant ouvert, choisissez Fichier > Exporter. 2 Sélectionnez Documents HTML et Images. 3 Cliquez sur le bouton Options. 4 Dans l’onglet Général, sélectionnez une extension de fichier dans le menu contextuel Extension, puis cliquez
5 Dans la boîte de dialogue Exporter, cliquez sur Annuler.
3 Sélectionnez un objet Web. 4 Sélectionnez l’URL dans le panneau d’aperçu des URL.
La bibliothèque URLs.htm et les nouvelles bibliothèques que vous créez se trouvent dans le dossier Adobe/Fireworks CS5/URL Libraries, dans votre dossier de profil utilisateur Application Data (Windows) ou Application Support (Mac OS). Pour plus d’informations sur l’emplacement de ces dossiers, reportez-vous à la section « Utilisation des fichiers de configuration » à la page 316.
1 Dans le menu Options du panneau URL, cliquez sur Nouvelle bibliothèque d’URL. 2 Entrez le nom de la bibliothèque dans la zone, puis cliquez sur OK.
1 Dans le menu contextuel Bibliothèque, sélectionnez une bibliothèque. 2 Entrez une URL dans la zone Lien. 3 Cliquez sur le bouton Plus (+).
1 Sélectionnez l’objet. 2 Pour entrer l’URL, exécutez l’une des actions suivantes :
L’URL apparaît dans le panneau d’aperçu des URL.
1 Dans le menu contextuel Bibliothèque, sélectionnez une bibliothèque. 2 Dans le menu Options du panneau URL, sélectionnez Ajouter les URL utilisées à la bibliothèque.
❖ Cliquez sur le bouton Supprimer l’URL de la bibliothèque
1 Dans le menu Options du panneau URL, sélectionnez Effacer les URL inutilisées.
2 Dans le menu Options du panneau URL, cliquez sur Modifier une URL. 3 Modifiez l’adresse URL. 4 Pour mettre à jour ce lien dans le document entier, sélectionnez l’option Changer toutes les occurrences dans le
2 Indiquez un nom de fichier, puis cliquez sur Enregistrer.
1 Dans le menu Options du panneau URL, cliquez sur Importer des URL. 2 Sélectionnez un fichier HTML, puis cliquez sur Ouvrir.
Le découpage consiste à diviser un document Fireworks en plusieurs segments dont chacun sera exporté dans un fichier distinct. Pendant l’exportation, Fireworks crée un fichier HTML contenant le code des tables permettant de réassembler le graphique dans un navigateur.
Optimisation des images Pour un téléchargement plus rapide. Accroissement de l’interactivité Les images peuvent répondre aux événements de souris. Simplification des mises à jour Pour les sections de pages Web modifiées fréquemment (photos et noms d’une page consacrée à l’employé du mois, par exemple).
Relâchez la barre d’espace pour continuer à dessiner la tranche.
1 Sélectionnez la commande Edition > Insérer > Tranche rectangulaire. La tranche est un rectangle dont la zone
2 Si plusieurs objets sont sélectionnés, sélectionnez l’option Simple pour créer un seul objet tranche couvrant tous les
Pour créer des tranches non rectangulaires, utilisez l’outil Tranche polygonale. Les tranches non rectangulaires sont pratiques pour essayer d’effectuer de façon interactive une association à une image non rectangulaire.
4 Pour arrêter l’utilisation de l’outil Tranche polygonale, sélectionnez un autre outil dans le panneau Outils. Il n’est
Remarque : les tranches polygonales associent tables HTML et cartes-images ; elles nécessitent donc davantage de code que les tranches rectangulaires. L’utilisation d’un grand nombre de tranches polygonales risque d’augmenter le temps de traitement du graphique dans le navigateur Web.
1 Sélectionnez un tracé vectoriel. 2 Sélectionnez la commande Edition > Insertion > Tranche polygonale. HTML affiché dans la cellule de la table définie par la tranche est ensuite exporté.
Remarque : le corps et le type de la police de caractères pouvant être définis dans le navigateur, l’aspect des tranches de texte HTML peut varier selon les navigateurs et les systèmes d’exploitation. 1 Tracez un objet tranche rectangulaire 2 Une fois l’objet tranche sélectionné, sélectionnez HTML dans le menu contextuel Type de l’inspecteur des
3 Cliquez sur Edition. 4 Saisissez le texte dans la fenêtre Modifier tranche du code HTML, puis insérez les balises HTML appropriées pour
Remarque : vous pouvez également appliquer les balises de mise en forme de texte HTML une fois le texte HTML exporté. 5 Cliquez sur OK pour appliquer les modifications et refermer la fenêtre Modifier tranche du code HTML.
Vous pouvez agir sur la visibilité des tranches et des autres objets Web de votre document à l’aide des panneaux Calques et Outils. Lorsque vous masquez des tranches dans l’ensemble du document, vous masquez du même coup les repères de découpe.
Le calque Web affiche tous les objets Web présents dans le document. 1 Choisissez Fenêtre > Calques. 2 Développez le calque Web en cliquant sur le triangle. 3 Cliquez sur le nom d’une tranche pour la sélectionner.
Une tranche masquée est invisible dans le fichier PNG Fireworks. Les objets tranches masqués peuvent être exportés dans le code HTML.
Masquer/Afficher les tranches dans la section Outils Web du panneau Outils. Vous pouvez également cliquer sur l’icône représentant un œil située en regard du calque Web, dans le panneau Calques.
Pour faciliter l’affichage et l’organisation des tranches et des repères de découpe, vous pouvez leur affecter des couleurs uniques.
Fireworks > Préférences (Mac OS). Ensuite, sélectionnez une nouvelle couleur de repère de découpe dans la catégorie Repères et Grilles de la boîte de dialogue Préférences. Remarque : lorsque vous prévisualisez le document, les tranches désélectionnées s’affichent comme du papier calque blanc.
« Préférences de repères et de grilles » à la page 312
L’utilisation d’une disposition de tranche est comparable à celle d’un tableau dans une application de traitement de texte. Lorsque vous faites glisser un repère de découpe pour redimensionner une tranche, toutes les tranches rectangulaires adjacentes sont redimensionnées en conséquence. Vous pouvez également redimensionner et transformer des tranches dans l’inspecteur des propriétés.
Les repères de découpe déterminent le périmètre et la position de la tranche. Les repères qui s’étendent au-delà des objets tranches déterminent la manière dont le reste du document sera découpé lors de l’exportation. Vous pouvez modifier la forme d’un objet tranche rectangulaire en faisant glisser les repères de découpe qui entourent l’objet. Ce procédé ne vous permet pas de redimensionner des objets tranches non rectangulaires.
Si plusieurs objets tranches sont alignés sur un même repère de découpe, faites glisser ce repère pour redimensionner simultanément tous les objets tranches.
1 Placez l’outil Pointeur ou Sous-sélection sur un repère de découpe.
❖ A l’aide de l’outil Pointeur ou Sous-sélection, faites glisser le repère de découpe au-delà des limites de la zone de
1 Tout en maintenant la touche Maj enfoncée, faites glisser un repère de découpe sur les repères de découpe
2 Déposez le repère de découpe à l’emplacement souhaité.
Pour annuler cette opération et restaurer les positions initiales de tous les repères de découpe, relâchez la touche Maj avant de relâcher le bouton de la souris.
Vous pouvez utiliser les outils Pointeur, Sous-sélection et Transformation pour remodeler ou redimensionner une tranche. Remarque : seules les tranches polygonales peuvent être inclinées ou déformées. La taille des objets tranches adjacents n’étant pas automatiquement ajustée, des tranches risquent de se superposer après le redimensionnement ou la modification de la forme des tranches. Lorsque des tranches se chevauchent et que des effets interactifs leur sont affectés, la tranche située au sommet de la pile est prioritaire. Pour éviter le chevauchement des tranches, utilisez les repères de découpe pour modifier les tranches. ❖ Pour modifier la forme d’une tranche sélectionnée, procédez de l’une des manières suivantes :
1 Dans le panneau Calques, sélectionnez la tranche dans le calque Web. 2 Au bas de ce panneau, cliquez sur l’icône de la corbeille.
Si vous sélectionnez la tranche sur la zone de travail à l’aide de l’outil Pointeur et la supprimez, le symbole de bouton tout entier est supprimé. Pour conserver le graphique sous-jacent, sélectionnez la tranche/l’objet sur la zone de travail à l’aide de l’outil Pointeur, puis sélectionnez Modification > Symbole > Séparer. La tranche disparaît mais le graphique de bouton de l’état 1 est conservé. Les graphiques des états 2, 3 et 4 sont toutefois perdus.
Dans Fireworks, il existe deux moyens de rendre des tranches interactives :
Dreamweaver, vous pouvez modifier les comportements Fireworks à l’aide du panneau Comportements de Dreamweaver.
La technique de survol par glisser-déposer est la plus rapide et la plus efficace pour créer des effets de survol et de permutation d’images. Elle permet en particulier de déterminer le comportement d’une tranche lorsque le pointeur la survole. Le résultat obtenu est un graphique appelé image survolée. Lorsqu’une tranche est sélectionnée, un petit cercle avec un réticule apparaît au centre de la tranche. Il s’agit d’une poignée de comportement.
Remarque : les zones sensibles disposent également de poignées de comportement pour l’intégration d’effets de survol.
Les survols fonctionnent tous de la même manière : lorsque le pointeur de la souris survole un graphique, cette action déclenche l’affichage d’un autre graphique. Le déclencheur est toujours un objet Web (tranche, zone sensible ou bouton).
Vous pouvez également concevoir des survols plus élaborés. Les survols de permutation d’images permettent de permuter des images à partir de n’importe quel état. Les survols séparés permettent de permuter une image à partir d’une tranche autre que la tranche de déclenchement.
Par défaut, un trait de comportement bleu représente une interaction de survol.
Un survol simple permute l’état directement sous l’état du dessus et implique une seule tranche.
2 Choisissez Edition > Insertion > Tranche rectangulaire ou Tranche polygonale pour créer une tranche par-dessus
3 Cliquez sur le bouton Nouvel état / Dupliquer l’état dans le panneau Etats pour créer un état. 4 Créez, collez ou importez une image à utiliser pour la permutation dans le nouvel état.
5 Sélectionnez Etat 1 dans le panneau Etats pour revenir à l’état associé à l’image d’origine.
7 Cliquez sur la poignée de comportement et sur Ajouter le comportement Survol simple dans le menu. 8 Cliquez sur l’onglet Aperçu pour tester le survol simple ou appuyez sur la touche F12 pour le prévisualiser dans un
Un survol séparé permute une image sous un objet Web lorsque le pointeur survole un autre objet Web. En réponse à un événement souris (survol ou clic), une image s’affiche à un autre endroit de la page Web. L’image survolée est considérée comme le déclencheur, alors que l’image qui change est considérée comme la cible. Vous devez tout d’abord configurer le déclencheur, les tranches cibles et l’état dans lequel se trouve l’image de permutation. Vous devez ensuite relier le déclencheur à la tranche cible à l’aide d’un trait de comportement. Le déclencheur d’un survol séparé peut être une tranche, une zone sensible ou un bouton. 1 Choisissez Edition > Insertion > Tranche rectangulaire, Tranche polygonale ou Zone sensible pour affecter une
2 Cliquez sur le bouton Nouvel état / Dupliquer l’état dans le panneau Etats pour créer un nouvel état. 3 Placez une deuxième image (la cible) dans le nouvel état. 4 Positionnez l’état n’importe où sur la zone de travail, en évitant l’emplacement situé sous la tranche créée à l’étape 1. 5 Sélectionnez l’image, puis choisissez la commande Edition > Insertion > Tranche rectangulaire ou Tranche
6 Sélectionnez Etat 1 dans le panneau Etats pour revenir à l’état associé à l’image d’origine. 7 Sélectionnez la tranche, la zone sensible ou le bouton qui couvre la zone de déclenchement (l’image d’origine), puis
8 Faites glisser la poignée de comportement de la tranche de déclenchement ou de la zone sensible vers la tranche
1 Faites glisser une poignée de comportement de la tranche sélectionnée vers le bord de cette tranche ou d’une autre
Survol simple Permet d’ajouter un comportement de survol à la tranche sélectionnée en utilisant l’état 1 pour l’état
Définition de l’image de la barre de navigation Permet de définir une tranche comme faisant partie d’une barre de navigation Fireworks. Toutes les tranches faisant partie de la barre de navigation doivent posséder ce comportement. L’option Définir image barre de navigation est en fait un groupe de comportements contenant les comportements Barre de navigation - Au-dessus, Barre de navigation - Enfoncée et Restaurer la barre de navigation. Ce comportement est défini automatiquement par défaut lorsque vous créez, avec l’éditeur de boutons, un bouton qui inclut un état Inclure l’état au-dessus enfoncé ou Afficher l’image enfoncée lors du chargement. Lorsque vous créez un bouton à deux états, un comportement de survol simple est affecté à sa tranche. Lorsque vous créez un bouton à trois ou quatre états, un comportement Définir image barre de navigation est affecté à sa tranche.
Permutation d’images Permet de remplacer l’image qui figure sous la tranche spécifiée par le contenu d’un autre état
Restauration de permutation d’images Permet de redonner son aspect d’origine à l’objet cible de l’état 1. Barre de navigation - Au-dessus Indique l’état Au-dessus de la tranche sélectionnée lorsqu’elle fait partie d’une barre Barre de navigation - Enfoncée Indique l’état Enfoncé de la tranche sélectionnée lorsqu’elle fait partie d’une barre de
Restaurer la barre de navigation Permet de rétablir l’état Relevé de toutes les autres tranches de la barre de navigation. Afficher le menu contextuel Permet d’affecter un menu contextuel à une tranche ou à une zone sensible. Vous pouvez appliquer un comportement de menu contextuel à l’aide de l’éditeur de menus contextuels. Définition du texte de la barre d’état Permet de définir le texte d’un message à afficher dans la barre d’état, en bas de
1 Cliquez sur le bouton Ajouter un comportement dans le panneau Comportements.
Tous les comportements associés à cette tranche ou zone sensible s’affichent dans le panneau Comportements. 2 Sélectionnez le comportement à modifier. 3 Cliquez sur la flèche située à côté de l’événement, puis sélectionnez un nouvel événement dans le menu contextuel.
Vous pouvez utiliser une image externe au document Fireworks actif comme source pour une permutation d’images. Les images sources peuvent être au format GIF, GIF animé, JPEG ou PNG. Si vous sélectionnez un fichier externe comme source d’images, Fireworks permute ce fichier avec la tranche cible lorsque la permutation d’images est déclenchée dans un navigateur Web. Si le fichier n’a pas la même largeur et la même hauteur que la tranche dans laquelle s’effectue la permutation, le navigateur redimensionne le fichier pour l’adapter à l’objet tranche. Le redimensionnement d’un fichier peut être préjudiciable à sa qualité, et tout particulièrement pour les images au format GIF animé. 1 Dans la boîte de dialogue Permuter les images, Barre de navigation - Au-dessus ou Barre de navigation - Enfoncée,
2 Recherchez le fichier à utiliser, puis cliquez sur Ouvrir. 3 Si le fichier externe est au format GIF animé, désélectionnez l’option Précharger les images. Cela permet d’éviter les
Remarque : Fireworks crée des chemins de document vers les fichiers d’image. Si vous exportez votre document pour l’utiliser sur le Web, assurez-vous que le fichier d’image externe soit accessible à partir du code HTML Fireworks exporté. Placez les fichiers externes sur votre site local avant de les utiliser dans Fireworks en tant qu’images de permutation ; par ailleurs, veillez à télécharger les fichiers d’image externes lorsque vous transférez les fichiers sur le Web.
Pour préparer les tranches en vue de leur exportation, utilisez l’inspecteur des propriétés.
Lorsque vous affectez une URL à une tranche, l’utilisateur peut accéder à cette adresse en cliquant sur la zone définie par la tranche dans son navigateur Web. ❖ Pour affecter une adresse URL, saisissez-la dans la zone de texte Lien de l’inspecteur des propriétés.
Lien, puis sélectionnez l’une des pages pour l’URL. Une fois les pages exportées, ce lien renvoie automatiquement l’utilisateur vers la page spécifiée. Si vous envisagez de réutiliser des adresses URL, créez une bibliothèque d’URL dans le panneau URL.
La saisie d’un texte de description bref et clair est important compte tenu du nombre croissant de personnes malvoyantes qui utilisent des logiciels de lecture d’écran. Ces applications transmettent à l’utilisateur une description sonore du texte de description lorsqu’il passe le pointeur sur les graphiques d’une page Web. ❖ Dans l’inspecteur des propriétés, entrez le texte dans le champ de texte secondaire.
Vous pouvez sélectionner les tranches et zones sensibles pour lesquelles vous n’avez pas indiqué de texte de description. Vous pouvez alors définir un texte de description par défaut pour ces objets. ❖ Sélectionnez Commandes > Web > Sél. texte ALT vides.
Vous pouvez sélectionner les tranches et zones sensibles pour lesquelles vous n’avez pas indiqué de texte de description et définir un texte ALT par défaut pour celles-ci. ❖ Sélectionnez Commandes > Web > Texte ALT et entrez le texte de description par défaut.
Une cible est un autre état de page Web ou un autre navigateur Web dans lequel s’ouvre le document lié. ❖ Dans la zone de texte Cible, entrez le nom de l’état HTML ou sélectionnez une cible réservée dans le menu
_blank Permet de charger les documents liés dans une nouvelle fenêtre, sans nom, du navigateur. _parent Permet de charger les documents liés dans le jeu d’états parent ou dans la fenêtre de l’état contenant le lien. Si l’état contenant le lien n’est pas imbriqué, le document lié est chargé dans la fenêtre principale du navigateur. _self Permet de charger le document lié dans le même état ou la même fenêtre que le lien. Il s’agit de la cible par
_top Permet de charger les documents liés dans la fenêtre principale du navigateur, remplaçant ainsi tous les états.
Remarque : n’ajoutez pas d’extension au nom de fichier. Fireworks ajoute automatiquement les extensions aux noms des fichiers de tranche lors de l’exportation.
❖ Procédez de l’une des manières suivantes :
❖ Lorsque vous exportez votre image découpée en tranches, entrez un nom dans la zone de texte Nom de fichier
Vous pouvez créer une convention de nom comprenant jusqu’à huit éléments. Un élément peut comprendre l’une des options de dénomination automatique suivantes : Option
2 Cliquez sur l’onglet Propre au document. 3 Dans la section Noms des fichiers de découpe, créez votre propre convention de nom en effectuant des sélections
Remarque : soyez prudent lorsque vous sélectionnez Aucun comme option pour la convention de nom des tranches. Si vous sélectionnez cette option pour l’un des trois premiers menus, Fireworks exporte des fichiers de tranche qui s’écraseront successivement. Vous n’obtiendrez en définitive qu’un seul graphique exporté et un tableau affichant ce graphique dans chaque cellule.
être utilisé sur le Web. Lorsque vous exportez au format HTML un document Fireworks découpé, le document est assemblé à l’aide d’une table HTML. Chaque élément découpé du document Fireworks occupe une cellule de la table. Une fois exportée, une tranche Fireworks correspond à une cellule de la table dans le code HTML. Vous pouvez spécifier la méthode de reconstruction d’une table Fireworks dans un navigateur (en précisant si vous souhaitez utiliser des espaces ou des tables imbriquées).
1 Choisissez Fichier > Configuration HTML ou cliquez sur le bouton Options de la boîte de dialogue Exporter. 2 Cliquez sur l’onglet Table. 3 Dans le menu contextuel Espace avec, sélectionnez une option d’espacement : Tables imbriquées — Pas de séparateurs Permet de créer une table imbriquée sans séparateur. Table unique — Pas de séparateur Permet de créer une seule table sans séparateur. Cette option risque d’entraîner un affichage incorrect dans certains cas. Espace transparent de 1 pixel Permet d’utiliser une image GIF transparente de 1 pixel sur 1 pixel comme
1 pixel de hauteur dans la partie supérieure de la table et une colonne de 1 pixel de largeur dans la partie droite de la table. 4 Sélectionnez une couleur de cellule pour les tranches HTML :
5 Dans le menu contextuel Contenu, sélectionnez les éléments à insérer dans les cellules vides : Aucune Laisse les cellules vides. Image d’espacement Place une petite image transparente appelée spacer.gif dans les cellules vides. Espace insécable Place une balise d’espacement HTML dans les cellules vides. Cette cellule est d’aspect creux.
Les concepteurs Web peuvent utiliser des zones sensibles pour créer des petites parties interactives dans un graphique plus grand en liant des zones de ce graphique Web à une URL. Dans Fireworks, vous pouvez créer une carte-image en exportant le code HTML d’un document contenant des zones sensibles.
Remarque : il est possible de créer une carte-image découpée. L’exportation d’une carte-image découpée génère en général de nombreux fichiers graphiques. Pour plus d’informations sur le découpage, reportez-vous à la section « Création de tranches rectangulaires » à la page 174.
• Les zones sensibles sont une solution idéale lorsque vous liez des zones d’une image à des pages Web et que vous ne souhaitez pas que ces zones soient sélectionnées ou produisent des effets de survol en réponse à un événement souris (déplacement ou clic).
1 Dans la section Web du panneau Outils, sélectionnez l’outil Zone sensible rectangulaire ou Zone sensible circulaire.
Après avoir inséré des zones sensibles sur un graphique, exportez le graphique en tant que carte-image pour qu’il fonctionne dans un navigateur Web. L’exportation d’une carte-image génère le fichier graphique et le fichier HTML qui contient les informations de la carte relatives aux zones sensibles et aux liens URL correspondants. Les exportations de Fireworks ne peuvent produire que des cartes-images côté client. Vous pouvez également copier la carte-image dans le Presse-papiers puis la coller dans Dreamweaver ou dans un autre éditeur HTML. Pour plus d’informations sur l’insertion de contenus Fireworks exportés dans Dreamweaver, reportez-vous à la section « Utilisation de Dreamweaver » à la page 266 1 Optimisez le graphique avant son exportation. 2 Choisissez Fichier > Exporter. 3 Si vous exportez l’image, accédez au dossier de destination du fichier HTML, puis nommez le fichier.
4 Dans le menu contextuel Type, sélectionnez Documents HTML et Images. 5 Dans le menu contextuel HTML, sélectionnez une option : Exporter le fichier HTML Crée le fichier HTML requis et les fichiers de graphiques correspondants à importer dans
Copier dans le Presse-papiers Copie tous les codes HTML (ainsi qu’une table si le document est découpé en tranches) dans le Presse-papiers ; ils seront ensuite collés dans Dreamweaver ou dans un autre éditeur HTML.
Création de survols avec zones sensibles Utilisez la méthode du survol par glisser-déposer pour associer un effet de survol séparé à une zone sensible. La zone cible doit être délimitée par une tranche. Les effets de survol sont appliqués aux zones sensibles de la même manière que pour les tranches. Remarque : une zone sensible ne peut déclencher qu’un survol séparé. Elle ne peut pas être la cible d’un survol provenant d’une autre zone sensible ou d’une tranche.
Si vous ne souhaitez utiliser qu’une petite partie d’un large graphique en tant que déclencheur, placez une zone sensible par-dessus une tranche pour déclencher une action ou un comportement. Vous pouvez également placer une tranche par-dessus le graphique, puis une zone sensible au-dessus du texte. Le survol du texte par le pointeur déclenche alors l’effet de survol, mais le graphique entier placé sous la tranche permute lorsque l’effet de survol survient.
3 Faites glisser un trait de comportement de la zone sensible vers la tranche contenant l’image à permuter. 4 Dans la liste Permuter l’image à partir de, sélectionnez l’état qui contient l’image survolée, puis cliquez sur OK.
A propos des fonctions de navigation Ajoutez des boutons, des menus et des barres de navigation pour simplifier la navigation dans vos documents. Avec Adobe® Fireworks®, vous pouvez aisément créer et mettre en place ces aides à la navigation, même si vos connaissances en code CSS et JavaScript sont plus que limitées. Lors de l’exportation d’un bouton ou d’un menu contextuel, Fireworks génère automatiquement le code CSS ou JavaScript nécessaire pour l’afficher dans un navigateur Web. Adobe Dreamweaver permet d’insérer aisément le code CSS, HTML et JavaScript de Fireworks dans vos pages Web ou tout fichier HTML ou CSS.
Une barre de navigation est un ensemble de boutons qui fournissent des liens vers les différentes zones d’un site Web. Une barre de navigation reste en principe constante dans l’ensemble du site pour assurer un mode de navigation logique. Les liens de la barre de navigation peuvent cependant varier pour répondre aux spécificités de certaines pages. Pour une navigation harmonieuse, vous pouvez dupliquer des symboles de bouton à l’aide d’occurrences de symbole. Si vous modifiez l’aspect ou la fonctionnalité du symbole original, toutes les occurrences qui lui sont associées adoptent automatiquement ces modifications (voir la section « Symboles » à la page 161). 1 Créez un symbole de bouton. 2 Faites glisser une occurrence (copie) du symbole depuis le panneau Bibliothèque de documents dans la zone de
3 Pour créer une copie de l’occurrence du bouton, procédez de l’une ou l’autre des manières suivantes :
5 Pour créer d’autres occurrences de bouton, répétez les étapes 3 et 4. 6 Sélectionnez chaque occurrence, puis attribuez-lui un texte unique, une URL ou d’autres propriétés à l’aide de
Les boutons sont un type particulier de symbole, utilisés comme éléments de navigation dans une page Web. L’inspecteur des propriétés permet de modifier facilement les boutons. Vous pouvez faire glisser dans votre document des occurrences d’un bouton depuis la bibliothèque de symboles, ce qui vous permet de modifier l’aspect graphique d’un seul bouton et de mettre à jour systématiquement l’aspect de toutes les occurrences du bouton dans la barre de navigation. Vous pouvez modifier le texte, l’URL et la cible d’une occurrence de bouton sans affecter ses autres occurrences, ni rompre le lien entre cette occurrence et son symbole. Une occurrence de bouton est un objet encapsulé. Fireworks déplace tous les composants et états associés aux boutons que vous déplacez dans le document. Tout comme les autres symboles, chaque bouton dispose d’un point d’alignement (point central servant de repère pour aligner du texte et les différents états du bouton quand vous éditez un bouton). 1 Sélectionnez l’objet à convertir en bouton. 2 Choisissez Modification > Symbole > Convertir en symbole. 3 Dans la boîte de dialogue Convertir en symbole, entrez le nom du bouton. 4 Dans la section des options de Type, sélectionnez Bouton. 5 (Facultatif) Pour activer la mise à l'échelle en 9 tranches pour le bouton, sélectionnez Activer les repères de mise
6 (Facultatif) Pour enregistrer le graphique en tant que bouton dans la bibliothèque graphique de Fireworks,
Vous pouvez définir jusqu’à quatre états par bouton. Ceux-ci représentent l’aspect que peut prendre le bouton selon l’action de la souris. Les boutons à deux états disposent d’un état Relevé et d’un état Enfoncé. Les boutons à trois et quatre états disposent d’un état Au-dessus et d’un état Au-dessus Enfoncé. Ces états représentent l’aspect du bouton lorsque le pointeur de la souris le survole lorsqu’il est relevé (Au-dessus) ou enfoncé (Au-dessus Enfoncé). Vous pouvez créer une barre de navigation qui utilise des boutons à deux ou trois états. Cependant, seuls les boutons à quatre états peuvent tirer parti des comportements intégrés de barre de navigation de Fireworks.
1 Pour accéder au mode d’édition de symboles, procédez de l’une ou l’autre des manières suivantes :
• Choisissez Edition > Insertion > Nouveau bouton. 2 Pour importer ou créer le graphique de l’état Relevé, procédez de l’une des manières suivantes :
• Dans l’inspecteur des propriétés, cliquez sur Importer un bouton et sélectionnez un bouton éditable prêt à l’emploi dans la bibliothèque de boutons Importer des symboles. Cette option permet d’associer automatiquement chaque état du bouton aux textes et graphiques correspondants.
5 Sélectionnez la commande Biseau et estampage > Biseau intérieur, Estampe rapportée, Biseau externe ou Estampe
6 Sélectionnez un filtre prédéfini de bouton pour chaque état. Filtre prédéfini de bouton
Le biseau semble en relief au-dessus des objets sous-jacents.
Les couleurs du bouton s’éclaircissent.
Le biseau semble enfoncé au-dessous des objets sous-jacents.
Le biseau semble enfoncé au-dessous des objets sous-jacents et les couleurs s’illuminent.
Enfoncé, puis modifiez cette copie pour changer son aspect.
2 Pour ajouter un état Au-dessus Enfoncé, vérifiez que le bouton de l’état Enfoncé est ouvert, puis répétez l’étape 1. 3 (Facultatif) Appliquez des filtres prédéfinis aux boutons.
Vous pouvez convertir en boutons des survols créés dans des versions précédentes de Fireworks et les enregistrer dans la bibliothèque. Pour plus d’informations sur les survols, reportez-vous à la section « Tranches interactives » à la page 178. 1 Supprimez la tranche ou la zone sensible recouvrant les images survolées. 2 Dans le menu Pelures d’oignon du panneau Etats, cliquez sur Afficher tous les états. 3 Sélectionnez tous les objets que vous voulez inclure dans le bouton. Sélectionnez des objets masqués à l’aide de
4 Choisissez Modification > Symbole > Convertir en symbole. 5 Entrez le nom du symbole dans la zone Nom, puis sélectionnez le type de symbole Bouton. Insertion et importation de symboles de bouton Vous pouvez insérer des occurrences de symboles de bouton dans un document à partir du panneau Bibliothèque commune. Vous pouvez également importer des symboles de bouton existants dans le panneau Bibliothèque de documents d’un nouveau document. Pour plus d’informations, reportez-vous à la section « Importation et exportation de symboles » à la page 167. 1 Pour insérer dans un document les occurrences d’un bouton, ouvrez le panneau Bibliothèque commune, puis faites
2 Pour importer d’autres occurrences d’un symbole de bouton, procédez de l’une des manières suivantes :
• Tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée, faites glisser une occurrence sur la zone de travail pour créer une autre occurrence de bouton.
3 Pour importer des symboles de bouton dans le panneau Bibliothèque de documents d’un nouveau document,
• Exportez les symboles de bouton depuis un autre document Fireworks vers un fichier bibliothèque PNG, puis importez les symboles de bouton du fichier bibliothèque PNG dans le document.
Vous pouvez modifier plusieurs occurrences de propriétés d’un bouton au niveau du symbole ou modifier des occurrences individuelles de ses propriétés.
❖ Cliquez deux fois sur le bouton pour modifier ses caractéristiques. En haut de la zone de travail, cliquez sur l’icône
En principe, les propriétés des boutons que vous pouvez modifier au niveau des symboles sont les mêmes pour tous les boutons d’une barre de navigation. En voici quelques exemples :
• les filtres dynamiques ou l’opacité appliqués à chaque objet du symbole de bouton • les dimensions et la position de la zone active • le comportement du bouton principal • les paramètres d’optimisation et d’exportation • le lien URL (utilisé également comme propriété d’une occurrence) • la cible (utilisée également comme propriété d’une occurrence)
❖ Sélectionnez l’occurrence du bouton dans l’espace de travail, puis définissez ses propriétés dans l’inspecteur des
Les propriétés que vous pouvez modifier au niveau de chaque occurrence sont généralement différentes d’un bouton à l’autre dans une série de boutons. Vous pouvez modifier ces propriétés pour une seule occurrence sans agir sur le symbole associé ou toute autre occurrence de ce symbole. En voici quelques exemples :
• les caractères et la mise en forme du texte • le lien URL (écrase toute URL existante au niveau du symbole) • la description de l’image • la cible (écrase tout cadre cible existant en tant que propriété de symbole) • les comportements supplémentaires affectés à une occurrence à partir du panneau Comportements • l’option Afficher l’état Enfoncé lors du chargement, dans l’inspecteur des propriétés, pour les occurrences d’une barre de navigation Remarque : lorsque vous sélectionnez l’option Exportation de plusieurs fichiers dans la section Propre au document de la boîte de dialogue Configuration HTML, puis que vous exportez une barre de navigation, Fireworks exporte chaque page HTML avec l’état Enfoncé de chaque bouton (voir la section « Définition des options d’exportation de code HTML » à la page 262).
Zone active La zone active déclenche les effets interactifs lorsque le pointeur de la souris survole le bouton ou lorsque vous cliquez sur ce dernier dans un navigateur Web. La zone active d’un bouton est une propriété de symbole et est exclusive pour chaque symbole de bouton. Dans le menu contextuel, sélectionnez Zone active pour modifier une tranche de bouton ou tracer des zones sensibles. Si vous tracez une nouvelle tranche, celle-ci remplace la tranche précédente. URL d’un symbole ou d’une occurrence de bouton L’URL peut correspondre à la propriété du symbole ou de l’occurrence de bouton. Elle relie le bouton à une autre page Web, un autre site Web ou à une ancre sur la page Web active. Dans l’inspecteur des propriétés ou le panneau URL, vous pouvez lier une URL à une occurrence de bouton sélectionnée. Cible de bouton La cible d’un bouton est la fenêtre ou le cadre dans lesquels la page Web de destination apparaît lorsque l’utilisateur clique sur une occurrence du bouton. Si aucune cible n’est spécifiée dans l’inspecteur des propriétés, la page Web s’affiche dans le même cadre ou la même fenêtre que le lien ayant servi à l’appeler. La cible peut correspondre à la propriété du symbole ou de l’occurrence d’un bouton. Vous pouvez définir la cible d’un symbole de manière à ce que toutes les occurrences du symbole aient la même cible. Texte de description d’un symbole ou d’une occurrence de bouton Le texte de description apparaît dans ou à
Remarque : la modification de la cible, de l’URL ou du texte de description d’un symbole de bouton n’a aucun effet sur les occurrences de bouton existantes de ce symbole. 1 En mode d’édition du symbole, ouvrez le symbole du bouton. 2 Procédez de l’une des manières suivantes :
Remarque : lorsque vous saisissez des URL absolues au sein d’un même site, vous pouvez lier une URL à un symbole afin que cette URL s’affiche dans la zone Lien de l’inspecteur des propriétés pour chaque occurrence.
Aucune ou _self Charge la page Web dans le même cadre, ou dans la même fenêtre, que le lien. _blank Charge la page Web dans une nouvelle fenêtre, sans nom, du navigateur. _parent Charge la page Web dans le jeu de cadres parent ou dans la fenêtre du cadre contenant le lien. _top Charge la page Web dans la fenêtre principale du navigateur et supprime tous les cadres.
états Relevé et Au-dessus et contient du texte dans les deux cas.
• Vous devez ajouter au moins un élément de menu dans l’onglet Contenu pour créer une option de menu que vous pouvez prévisualiser dans un navigateur.
1 Sélectionnez la zone sensible ou la tranche qui va servir de zone de déclenchement au menu contextuel. 2 Procédez de l’une des manières suivantes :
• Cliquez sur la poignée de comportement au milieu de la tranche, puis sélectionnez Ajouter menu contextuel. 3 Cliquez sur l’onglet Contenu puis sur Ajouter un menu. 4 Cliquez deux fois sur chaque cellule, puis renseignez les informations Texte, Lien et Cible par saisie ou par sélection.
Appuyez sur la touche Tabulation pour vous déplacer entre les cellules, et sur les touches fléchées Haut ou Bas pour faire défiler verticalement la liste. 5 Répétez les étapes 3 et 4 jusqu’à ce que tous les éléments de menu soient définis. Pour supprimer un élément de
6 Cliquez sur Suivant ou Terminé, ou sélectionnez un autre onglet.
Les sous-menus sont des menus contextuels qui s’affichent en réponse à un événement de souris (survol ou clic) sur un autre élément de menu contextuel. Vous pouvez créer autant de niveaux de sous-menus que vous le voulez. 1 Ouvrez l’onglet Contenu de l’éditeur de menu contextuel, puis créez des éléments de menu. Placez les éléments de
bouton Retrait du menu. 3 Pour ajouter l’élément suivant au sous-menu, sélectionnez cet élément, puis cliquez sur le bouton Retrait du menu.
Tous les éléments adjacents et mis en retrait au même niveau représentent un seul sous-menu contextuel. 4 Pour créer un sous-menu au sein d’un sous-menu contextuel, mettez en surbrillance un élément de sous-menu
5 Cliquez sur Suivant pour continuer l’élaboration du menu contextuel, ou cliquez sur Terminé.
Après avoir créé un menu de base et des sous-menus facultatifs, vous pouvez mettre en forme le texte, appliquer des styles graphiques aux états Au-dessus et Relevé et sélectionner l’orientation verticale ou horizontale sous l’onglet Aspect de l’éditeur de menu contextuel. 1 Dans l’éditeur de menu contextuel, ouvrez le menu contextuel, puis cliquez sur l’onglet Aspect. 2 Sélectionnez Vertical ou Horizontal pour l’option Choisit l’alignement du menu déroulant. 3 Sélectionnez une option Cellules : HTML Définit l’aspect du menu en utilisant uniquement du code HTML. Cette option crée des pages
Image Propose une sélection de styles de graphique pour l’arrière-plan des cellules. Cette option crée des pages
4 Sélectionnez une taille prédéfinie dans le menu contextuel Taille ou entrez une valeur dans la zone de texte Taille.
5 Dans le menu contextuel Police, sélectionnez un groupe de polices système ou entrez le nom d’une police
Remarque : si la police que vous choisissez n’est pas installée sur l’ordinateur de l’utilisateur, une police de substitution est utilisée dans son navigateur Web. 6 (Facultatif) Appliquez un style, un paramètre de justification ou une couleur au texte. 7 Sélectionnez les couleurs du texte et des cellules pour chaque état. 8 Si vous avez choisi Image comme type de cellule, sélectionnez un style graphique pour chaque état. 9 Poursuivez l’élaboration du menu contextuel ou cliquez sur Terminé.
Sélectionnez un style de cellule à utiliser lorsque le style de cellule Image est sélectionné. Pour plus d’informations sur les styles, reportez-vous à la section « Création et suppression de styles » à la page 158. Remarque : l’emplacement exact du dossier Menu Bars varie en fonction du système d’exploitation. Pour plus d’informations, reportez-vous à la section « Utilisation des fichiers de configuration » à la page 316. 1 Appliquez une combinaison de contour, fond, texture et filtres dynamiques à un objet, et enregistrez cette
styles dans le menu Options du panneau Styles. 3 Localisez le dossier Barres de menu sur votre disque dur, renommez le fichier de styles si vous le souhaitez, puis
1 Ouvrez l’éditeur de menu contextuel et cliquez sur l’onglet Avancé. 2 Dans le menu contextuel Automatique/Pixels, sélectionnez une largeur ou une hauteur maximale : Automatique Règle la hauteur de cellule sur la taille du texte définie dans l’onglet Aspect de l’éditeur de menu
Pixels Permet d’entrer des mesures spécifiques, en pixels, dans les zones de texte Largeur de cellule et Hauteur de cellule.
4 Entrez une valeur dans la zone de texte Espacement entre les cellules pour définir l’espacement entre les cellules du menu. 5 Entrez une valeur dans la zone de texte Retrait du texte pour définir la valeur de retrait du texte du menu contextuel. 6 Entrez une valeur dans la zone de texte Affichage menu pour définir, en millisecondes, la durée pendant laquelle le
7 Choisissez d’afficher ou de masquer les bordures du menu contextuel. Si vous optez pour l’affichage des bordures,
8 Poursuivez l’élaboration du menu contextuel ou cliquez sur Terminé.
L’onglet Position de l’éditeur de menu contextuel vous permet de définir la position d’un menu contextuel. Vous pouvez également positionner un menu contextuel de niveau supérieur en faisant glisser son contour dans l’espace de travail lorsque le calque Web est visible.
1 Dans l’éditeur de menu contextuel, ouvrez le menu contextuel souhaité, puis cliquez sur l’onglet Position. 2 Pour définir la position du menu, procédez de l’une des manières suivantes :
• Entrez les coordonnées x et y. Les coordonnées 0,0 alignent le coin supérieur gauche du menu contextuel sur le coin supérieur gauche de la tranche ou de la zone sensible qui le déclenche. 3 Définissez la position d’un sous-menu :
4 Définissez une position relative :
Placer à la même position. 5 Cliquez sur Terminé pour fermer l’éditeur de menu contextuel ou sur Précédent pour modifier les propriétés des
1 Pour afficher le calque Web, procédez de l’une des manières suivantes :
• Cliquez sur la colonne Œil dans le panneau Calques. 2 Sélectionnez l’objet Web de déclenchement du menu contextuel. 3 Dans l’espace de travail, faites glisser le contour du menu contextuel vers un autre emplacement.
L’éditeur de menu contextuel permet de modifier ou de mettre à jour le contenu d’un menu contextuel, de réorganiser les éléments de menu ou de modifier des propriétés dans n’importe lequel des quatre onglets. 1 Pour afficher le calque Web, procédez de l’une des manières suivantes :
• Cliquez sur la colonne Œil dans le panneau Calques. 2 Sélectionnez la tranche à laquelle est relié le menu contextuel. 3 Cliquez deux fois sur le contour bleu du menu contextuel dans l’espace de travail. 4 Dans l’éditeur de menu contextuel, effectuez les modifications nécessaires sur les onglets.
1 Dans l’éditeur de menu contextuel, ouvrez le menu contextuel, puis cliquez sur l’onglet Contenu. 2 Cliquez deux fois dans la zone de texte Texte, Lien ou Cible pour modifier le texte du menu. Cliquez ensuite en
1 Sélectionnez l’élément de menu dans l’onglet Contenu de l’éditeur de menu contextuel. 2 Procédez de l’une des manières suivantes :
Fireworks génère tout le code CSS ou JavaScript (selon l’option sélectionnée) nécessaire à l’affichage des menus contextuels dans les navigateurs Web. Si vous utilisez du code CSS pour vos menus contextuels, un document Fireworks contenant des menus contextuels est exporté au format HTML à partir de code CSS. Vous pouvez également choisir d’écrire le code CSS dans un fichier .css externe et d’exporter ce fichier avec un fichier mm_css_menu.js au même emplacement que le fichier HTML. Vous pouvez utiliser du code JavaScript au lieu du code CSS. Si vous optez pour le code JavaScript, un document Fireworks contenant des menus contextuels est exporté en HTML, et un fichier JavaScript appelé mm_menu.js est exporté vers le même emplacement que le fichier HTML.
Lorsque vous incluez des sous-menus, un fichier d’image est créé (arrows.gif) dans Fireworks. Il correspond à la petite flèche qui s’affiche en regard de chaque élément de menu qui contient un sous-menu. Quel que soit le nombre de sousmenus que contient un document, Fireworks utilise toujours ce fichier arrows.gif. Pour plus d’informations sur l’exportation de code HTML, reportez-vous à la section « Exportation de code HTML » à la page 257.
En associant le panneau Pages à d’autres fonctions performantes de Fireworks, vous pouvez créer rapidement des prototypes de logiciels et de sites Web interactifs. Pour convertir un prototype finalisé en site fonctionnel, il vous suffit de l’exporter vers Adobe Flash®, Adobe Flex®, Adobe AIR™ ou Adobe Dreamweaver®. Pour obtenir des conseils d’ordre général sur les flux de production de prototypage, voir les articles suivants dans le pôle de développement Fireworks :
• Création de prototypes interactifs à l’aide de Fireworks : http://www.adobe.com/go/learn_fw_creatinginteractivepro_fr
• Fireworks partie intégrante du processus de création : http://www.adobe.com/go/learn_fw_completedesignpro_fr
Pour visionner un didacticiel vidéo sur les principes de base de Fireworks, reportez-vous à www.adobe.com/go/lrvid4032_fw_fr. 1. Création des pages
Sur chaque page, vous pouvez ajouter des éléments uniques de conception, de navigation ou de forme. Dans le panneau Bibliothèque commune, vous trouverez de nombreux boutons, des zones de texte et des menus contextuels qui vous permettront d’accélérer le processus de conception. Les symboles contenus dans les dossiers Flex Components, HTML, Mac, Win, Web et Application et Barres de menu présentent des propriétés que vous pouvez personnaliser pour certaines occurrences de symboles (voir la section « Création et utilisation de symboles de composant » à la page 164). 5. Simulation de la navigation utilisateur à l’aide de liens
6. Exportation du prototype finalisé interactif
« Exportation d’une disposition CSS » à la page 212.
« Exportation de fichiers Adobe PDF » à la page 263.
AIR » à la page 216.
Un seul fichier PNG Fireworks peut contenir plusieurs pages, ce qui est idéal pour le prototypage de sites Web et d’interfaces d’applications. Chaque page contient des paramètres uniques relatifs à la taille, la couleur, la résolution graphique et les repères. Vous pouvez définir ces options soit page par page, soit globalement (pour toutes les pages d’un document). Chaque page peut également contenir un ensemble unique de calques, outre le calque Web. Toutefois, pour les éléments communs, vous pouvez utiliser un gabarit ou partager des calques sur plusieurs pages (voir la section « Partage des calques » à la page 139).
Vos pages sont visibles dans le panneau Pages, qui affiche les objets présents sur chaque page sous forme de vignettes en regard du nom de la page. La page active est mise en surbrillance dans le panneau et indiquée dans le menu contextuel de pages, au-dessus du document actif. Pour plus d’informations sur l’exportation de pages, reportez-vous à la section « Exportation depuis l’espace de travail » à la page 253.
Dans le panneau Pages, vous pouvez ajouter de nouvelles pages, supprimer des pages inutiles et dupliquer des pages existantes. Lorsque vous ajoutez, supprimez ou déplacez des pages, Fireworks met systématiquement à jour le nombre de pages indiqué à gauche des titres de pages. Ces numéros générés automatiquement permettent d’accéder rapidement à des pages spécifiques, dans des conceptions multipages.
Une page vierge est insérée à la fin de la liste de pages ; elle devient la page active. ❖ Procédez de l’une des manières suivantes :
• Dans le panneau Pages, sélectionnez une page. • Au clavier, utilisez les boutons Page vers le haut et Page vers le bas. • Choisissez une page dans le menu contextuel de pages dans la partie supérieure de la fenêtre du document ou dans la partie inférieure droite du panneau Pages. Un astérisque situé en regard du nom de la page dans le menu contextuel de pages indique le gabarit.
La duplication permet d’ajouter une nouvelle page contenant les mêmes objets et la même hiérarchie de calques que la page sélectionnée. Les objets dupliqués conservent l’opacité et le mode de fusion des objets d’origine. Vous pouvez modifier les objets dupliqués sans agir sur les originaux. ❖ Procédez de l’une des manières suivantes :
• Cliquez avec le bouton droit de la souris sur la page, puis sélectionnez Dupliquer la page dans le menu contextuel.
1 (Facultatif) Si vous déplacez plusieurs pages, procédez de l’une des manières suivantes :
• Tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfoncée, cliquez dessus pour sélectionner un groupe non contigu. 2 Faites glisser les pages sélectionnées vers le haut ou vers le bas du panneau. Au-dessus et au-dessous d’autres pages,
La page située au-dessus de la page supprimée devient la page active. ❖ Procédez de l’une des manières suivantes :
Chaque page présente une zone de travail qui lui est propre, avec une taille, une couleur et une résolution graphique indépendantes. 1 Sélectionnez une page dans le panneau Pages ou dans le menu contextuel de pages, dans la partie supérieure de la
2 Choisissez Modification > Zone de travail > Taille de l’image, Modification > Zone de travail > Couleur de la zone
3 Apportez les modifications nécessaires. Vous pouvez également effectuer ces modifications via le panneau
4 Pour appliquer les modifications à la page sélectionnée uniquement, ne désélectionnez pas l’option Page actuelle
Pour exploiter un même ensemble d’éléments sur toutes vos pages, utilisez une page maîtresse appelée un gabarit. Lorsque vous convertissez une page ordinaire en gabarit, cette page devient la première de la liste affichée dans le panneau Pages. Lorsque vous créez un gabarit, un calque de gabarit est ajouté au bas de la hiérarchie des calques pour chaque page.
❖ Dans le panneau Pages, cliquez avec le bouton droit sur une page existante, puis sélectionnez Définir comme gabarit
Tous les calques partagés sur plusieurs pages deviennent des calques ordinaires (non partagés). En revanche, les calques partagés entre les images restent inchangés. Pour afficher des cadres de gabarit dans une page liée, reportezvous à la section « Affichage des objets dans un état » à la page 225.
Une fois le gabarit créé, toutes les pages nouvellement créées héritent systématiquement des paramètres de ce gabarit. En revanche, vous devez lier les pages existantes au gabarit pour qu’elles adoptent ses paramètres. Si vous modifiez ensuite le gabarit, toutes les pages liées sont automatiquement mises à jour. Les restrictions suivantes s’appliquent à l’héritage des objets et des comportements entre les gabarits et d’autres pages :
états de tous les objets, sur chaque page, ajoutez le même nombre d’états ou plus d’états à l’objet associé au plus grand nombre d’états. Tous les objets de cette page héritent de tous les états issus du gabarit.
❖ Procédez de l’une des manières suivantes :
Remarque : si vous modifiez un paramètre dans une page liée au gabarit, le nouveau paramètre est pris en compte mais annule le lien avec le gabarit.
Tout changement de visibilité se répercute sur toutes les pages. ❖ Dans le panneau Calques, cliquez sur l’icône en forme d’œil situé à gauche du calque de gabarit.
❖ Cliquez avec le bouton droit de la souris sur le panneau Calques, puis sélectionnez Supprimer le calque du gabarit
Pour réintégrer le calque de gabarit à la page, cliquez avec le bouton droit dans le panneau Calques, puis sélectionnez Ajouter le calque du gabarit dans le menu contextuel.
❖ Cliquez avec le bouton droit de la souris dans le panneau Pages, puis sélectionnez Réinitialiser le gabarit dans le
Vous pouvez exporter plusieurs pages en une même opération. Seules les pages sélectionnées sont exportées. Lors de cette opération, les paramètres d’optimisation de chaque page sont utilisés. 1 Dans le panneau Pages, sélectionnez les pages à exporter. 2 Cliquez avec le bouton droit de la souris et sélectionnez Exporter la/les page(s) sélectionnée(s).
Etats vers fichiers Exporte les états que contiennent les pages sélectionnées en tant que fichiers distincts. Pages vers fichiers Exporte les pages sélectionnées en tant que fichiers distincts.
1 Dans le panneau Pages, sélectionnez les pages à exporter. 2 Cliquez avec le bouton droit de la souris et sélectionnez Exporter la/les page(s) sélectionnée(s). 3 Dans la boîte de dialogue Exporter, cliquez sur Options. Le bouton Options est activé en fonction de l'option
4 Dans la boîte de dialogue Options d’exportation, sélectionnez Ajouter un préfixe ou Ajouter un suffixe, puis
Sites_Index.gif . Numérique (1, 2, 3...ou 01, 02, 03...) Les fichiers sont générés par ordre numérique, des nombres étant ajoutés
5 Les options du menu Type de fichier permettent d’optimiser les paramètres du fichier exporté.
Lors de l’exportation, les tranches que contient le fichier source ne sont pas prises en compte. Pour les exporter, faites appel aux paramètres suivants de la boîte de dialogue Exporter. 1 Dans le menu Exporter, sélectionnez Documents HTML et images ou Images uniquement. 2 Dans le menu HTML, sélectionnez Exporter le fichier HTML. 3 Dans le menu Découpes, sélectionnez Exporter les tranches. 4 Sélectionnez l’une des options suivantes : Découpes sélectionnées uniquement Les zones marquées en tant que tranches sont exportées. Inclure les zones sans tranches Les zones qui ne sont pas marquées en tant que tranches sont également exportées.
Lors de l’importation ou de l’ouverture de fichiers, affichez un aperçu de toutes les pages, excepté le gabarit. La page sélectionnée lors de l’aperçu reçoit le focus à l’ouverture du fichier. Lorsque vous insérez une page contenant des objets issus du calque du gabarit, le gabarit est converti en un calque ordinaire et importé.
Lorsque vous importez ou ouvrez un fichier, affichez un aperçu de toutes les pages qu’il contient. L’option d’aperçu de plusieurs pages est activée par défaut dans la boîte de dialogue Préférences.
1 Dans la boîte de dialogue Préférences, sélectionnez Générales. 2 Sélectionnez Enregistrer les vignettes sur chaque page pour activer l’aperçu de plusieurs pages. Lorsque cette option
• Sous Windows, l’aperçu est affiché dans la boîte de dialogue Importer ou Ouvrir lorsque vous importez ou ouvrez un fichier.
Lors de l'importation de fichiers, sélectionnez Insérer après la page active pour ajouter des pages importées après la page sélectionnée dans le document.
CSS répliquant vos dispositions. Les dispositions CSS fournissent une méthode normalisée et offrent un code compatible avec différents navigateurs. Pour visionner un didacticiel vidéo sur la création de dispositions de page HTML CSS, accéder à www.adobe.com/go/lrvid4035_fw_fr. Voir également les ressources suivantes :
Vous pouvez utiliser les éléments HTML disponibles dans le dossier HTML de la bibliothèque commune. Le dossier HTML contient des éléments HTML, par exemple des boutons, des listes déroulantes et des champs de texte. Vous pouvez modifier les propriétés de ces éléments dans le panneau Propriétés du symbole. Lorsque vous faites glisser les éléments de forme sur la page, le moteur d’exportation insère des balises <form> pendant l’exportation de la disposition CSS. Tout texte auquel a été ajoutée une tranche s’affiche sous la forme d’images dans le code HTML exporté. Pour que ce texte s’affiche sous la forme d’un texte, utilisez les composants HTML dans la bibliothèque commune. Les composants HTML comprennent les en-têtes 1 à 6 et des éléments de lien.
d’exportation exporte le texte placé dans les rectangles. Comme seules les images qui sont recouvertes par des tranches rectangulaires sont exportées, placez des tranches sur les images à exporter. Ces tranches indiquent au moteur d’exportation l’emplacement de ces images. Règle 2 : évitez la superposition des objets Le moteur d’exportation traite le texte, les images et les rectangles comme
Règle 3 : planifiez la disposition des lignes et des colonnes Le moteur d’exportation recherche les partitions logiques où une délimitation nette peut être placée entre les objets et les groupes d’objets. Délimitez les dispositions des colonnes dans un rectangle pour empêcher le moteur d’exportation d’insérer une ligne logique qui viendrait rompre la disposition des colonnes. Règle 4 : traitez le document en deux dimensions Lorsque vous créez votre page, utilisez des rectangles pour encadrer
En plus de ces règles, vous devez faire attention aux points suivants :
• Pour exporter les symboles, recouvrez-les avec une tranche rectangulaire. • Pour exporter les filtres que vous avez appliqués au texte ou aux rectangles, recouvrez-les avec des tranches rectangulaires.
1 Choisissez la commande Fichier > Exporter. 2 Dans le menu contextuel Exporter, sélectionnez la commande CSS et Images. 3 Pour définir les propriétés de la page HTML, cliquez sur Options. 4 Pour définir une image d’arrière-plan et la faire apparaître en mosaïque, cliquez sur Parcourir :
• Pour répéter, ou mettre en mosaïque, l’image à l’horizontale et la verticale, sélectionnez Répétition. • Sélectionnez Répéter-x pour former une mosaïque horizontale. • Pour former une mosaïque verticale, sélectionnez Répéter-y. 5 Dans le navigateur, sélectionnez un alignement de page à gauche, au centre ou à droite. 6 Sélectionnez le défilement des pièces jointes en mode fixe ou défilement. 7 Cliquez sur le bouton OK, puis sur Enregistrer.
2 Sélectionnez les pages pour lesquelles vous voulez créer une démonstration, puis cliquez sur l’option de création
3 Sélectionnez le dossier, puis cliquez sur Ouvrir.
Ces symboles de composant sont spécifiquement utilisés avec l’exportation MXML de façon à obtenir les résultats souhaités. Lors de l’exportation de votre document en tant que MXML, chacun de ces symboles est respectivement converti en la balise MXML qui lui correspond. Les objets qui ne sont pas reconnus comme composants Flex sont exportés en tant que bitmaps, qui sont liés au MXML via une balise <mx:Image> (voir la section « Création et utilisation de symboles de composant » à la page 164). Lors de la modification d’un composant de conception Flex dans Fireworks, vous pouvez copier le code XML modifié dans votre projet Flex. Vous gagnez ainsi du temps si vous souhaitez répliquer le comportement du composant modifié dans votre projet. Les symboles Curseur, BarreDeDéfilement, Onglet et Info-bulle sont ignorés pendant une sortie MXML étant donné que ces composants ne sont pas directement convertis depuis Fireworks vers MXML. Par exemple, le symbole BarreDeDéfilement s’affiche automatiquement dans les instances du conteneur Flex lorsqu’il est possible de faire défiler leur contenu. Dans Fireworks, ces symboles font simplement office d’indicateurs sur le mode de fonctionnement des parties d’une conception d’interface. Remarque : les tranches d’image, les survols et les zones sensibles s’appliquent uniquement aux prototypes HTML. Evitez ces objets Web lors de la création de prototypes Flex. 3. Partage de composants Flex communs entre plusieurs pages
(ou écrans) affecté(e)s. Servez-vous d’un gabarit pour partager tous les composants Flex qu’il contient ou partagez les calques pour copier des sous-ensembles des composants (voir les sections « Utilisation d’un gabarit » à la page 208 et « Partage des calques » à la page 139).
Dans le panneau Propriétés du symbole (Fenêtre > Propriétés du symbole), spécifiez les propriétés et les événements de chaque composant Flex inséré dans la zone de travail.
Vous pouvez modifier les propriétés et les événements des composants Flex dans le panneau Propriétés du symbole. 1 Sélectionnez le composant Flex dans la zone de travail. 2 Ouvrez le panneau Propriétés du symbole (Fenêtre > Propriétés du symbole). 3 Définissez les propriétés et les événements du composant dans le panneau Propriétés du symbole.
Lors de la finalisation d’un prototype d’application Flex, exportez-le au format MXML en vue d’éditions supplémentaires dans Flex Builder. En mode de conception, le prototype ressemble à son équivalent Fireworks, sauf en ce qui concerne les composants tels que les curseurs et les barres de défilement qui ne sont pas exportés. 1 Choisissez la commande Fichier > Exporter. 2 Dans le menu contextuel Exporter, sélectionnez MXML et images. 3 Sélectionnez l’option Placer les images dans des sous-dossiers si vous souhaitez enregistrer les images dans un
4 Sélectionnez l’option Page active uniquement pour n’exporter que la page sélectionnée. 5 Cliquez sur Enregistrer pour terminer l’exportation.
Vous pouvez habiller des composants Flex dans Fireworks, puis les exporter afin de les utiliser dans des sites Web et des interfaces d’application Flex.
Vous pouvez créer des habillages pour de nombreux composants Flex basés sur les modèles d’habillage Flex et les modifier dans Fireworks. 1 Sélectionnez Commandes > Habillage Flex > Nouvel habillage Flex. L’exportation MXML ne procède pas à l’habillage des composants L’exportation au format MXML ne crée pas
L’exportation MXML ignore les tranches L’exportation au format MXML étant conçue pour générer un document
Les propriétés MXML sont limitées aux propriétés de symboles enrichis L’exportation au format MXML base les
Les styles sont intégrés Les propriétés reconnues en tant que styles sont séparées des balises MXML créées, mais sont
Les cadres ne sont pas pris en charge Lors de la création de conceptions et de mises en page pour une sortie MXML, n’utilisez pas de cadres. Si vous souhaitez obtenir des conceptions différentes dans un document, utilisez des pages.
« Création et utilisation de symboles de composant » à la page 164
Par exemple, certaines pages de prototype interagissent entre elles pour afficher des données. Vous pouvez utiliser Adobe AIR pour regrouper cet ensemble de pages en une petite application qui peut être installée sur l’ordinateur d’un utilisateur. Lorsqu’un utilisateur exécute l’application depuis son bureau, celle-ci se charge et affiche le prototype dans sa propre fenêtre d’application, indépendamment d’un navigateur. L’utilisateur peut ainsi consulter le prototype en local sur son ordinateur sans connexion Internet. Voir l’article d’Ethan Eismann sur Adobe AIR et l’expérience utilisateur de la marque : http://www.adobe.com/go/learn_fw_airexperiencebrand_fr.
1 Sélectionnez les objets sur la zone de travail auxquels vous souhaitez appliquer les événements de souris. 2 Sélectionnez la commande Commandes > Evénements de souris 3D et choisissez l’événement.
❖ Choisissez la commande Commandes > Créer un package AIR, puis cliquez sur l'option Aperçu.
Version Spécifiez un numéro de version pour votre application. Ce paramètre est obligatoire. Dossier du menu Programmes Spécifiez un dossier dans le menu Démarrer de Windows où vous souhaitez créer le
Description Ajoutez la description à afficher lorsque l’utilisateur l’installe l’application. Copyright Spécifiez l’avis de copyright qui s’affiche dans la section indiquant des informations sur les applications
Windows. Contenu du package Sélectionnez l’option Document actif pour définir automatiquement le dossier à partir duquel les fichiers sont inclus. Contenu racine Cliquez sur Parcourir pour choisir la page qui s’affiche en tant que contenu racine. Si vous avez sélectionné Document actif, le contenu racine est défini automatiquement. Fichiers inclus Spécifiez les fichiers ou dossiers à inclure dans votre application. Vous pouvez ajouter des fichiers HTML et CSS, des fichiers d’image et des fichiers de bibliothèque JavaScript. Cliquez sur le bouton Plus (+)
Chrome système et Transparent Spécifiez le style de fenêtre (ou chrome) à utiliser lorsque les utilisateurs exécutent l’application sur leur ordinateur. Le chrome système entoure l’application avec le contrôle de fenêtre standard du système d’exploitation. Le chrome transparent supprime le chrome système standard et vous permet de créer le vôtre pour l’application. Vous pouvez donc créer des fenêtres d’application qui ne sont pas rectangulaires. Largeur et Hauteur Spécifiez les dimensions de la fenêtre d’application en pixels lorsqu’elle s’ouvre. Sélectionner les images d’icône Cliquez pour sélectionner des images personnalisées pour les icônes de l’application. Sélectionnez le dossier pour chaque taille d’icône et choisissez l’image à utiliser. Seuls les fichiers PNG sont pris en charge pour les images d’icônes de l’application.
Signature numérique Cliquez sur Définir pour signer votre application à l’aide d’une signature numérique. Ce paramètre est obligatoire. Pour plus d’informations, reportez-vous aux sections suivantes. Créer un package du fichier Spécifiez le dossier dans lequel est enregistré le nouveau programme d’installation de
Une signature numérique permet de garantir que le code d’une application n’a pas été modifié ou corrompu depuis sa création par l’auteur du logiciel. Toutes les applications Adobe AIR nécessitent une signature numérique et ne peuvent être installées sans celle-ci. 1 Dans la boîte de dialogue Créer un package AIR, cliquez sur le bouton Définir situé en regard de l’option Signature
2 Dans la boîte de dialogue Signature numérique, effectuez l’une des opérations suivantes :
Remarque : Java® Runtime Environment (JRE) doit être installé sur l’ordinateur.
Vous pouvez modifier les paramètres d’optimisation et d’exportation du panneau Optimiser pour contrôler le mode de création du fichier. Fireworks peut exporter des animations dans les formats GIF animé ou Flash® SWF. Vous pouvez également importer des animations Fireworks directement dans Flash pour les améliorer. L’article de Zsolt Szekely dans le Centre des développeurs Adobe contient des informations utiles sur la création de logos animés www.adobe.com/go/learn_fw_creatinganimlogos_fr.
1 Créez un symbole d’animation à partir de zéro ou en convertissant un objet existant en symbole (voir « Création
2 Modifiez le symbole d’animation dans l’inspecteur des propriétés ou la boîte de dialogue Animer. Vous pouvez
Remarque : l’angle et la direction du mouvement sont définis uniquement dans la boîte de dialogue Animer. 3 Vous pouvez définir la vitesse de l’animation à l’aide des contrôles Cadence des états du panneau Etats (voir la
4 Optimisez le document sous forme de fichier GIF animé (voir la section « Optimisation d’une animation » à la
5 Exportez le document au format de fichier GIF animé ou SWF, ou enregistrez-le au format de fichier
Les symboles d’animation sont les acteurs de l’animation. Un symbole d’animation peut être tout objet que vous créez ou importez, et il peut y avoir un grand nombre de symboles dans un même fichier. Chaque symbole dispose de propriétés qui lui sont propres et se comporte de manière indépendante. Vous pouvez ainsi créer des symboles qui traversent l’écran, tandis que d’autres apparaissent, disparaissent ou rapetissent.
Comme les symboles d’animation sont automatiquement placés dans la bibliothèque, vous pouvez les réutiliser pour créer d’autres animations.
Vous pouvez créer un symbole d’animation de toutes pièces ou convertir un objet existant en symbole. Vous pouvez définir des propriétés qui déterminent le nombre d’états de l’animation et le type d’action (changement d’échelle ou rotation, par exemple). Par défaut, un nouveau symbole d’animation comporte cinq états, dont chacun s’affiche pendant 0,07 seconde. Pour plus d'informations sur les états des animations, consultez l'article de David Hogue http://www.adobe.com/go/learn_fw_pagestatelay_fr.
1 Choisissez Edition > Insertion > Nouveau symbole. 2 Dans la boîte de dialogue Convertir en symbole, entrez le nom du nouveau symbole. 3 Sélectionnez Animation, puis cliquez sur OK. 4 Dans le panneau du document, créez un objet à l’aide des outils de dessin ou de texte. Vous pouvez tracer des objets
5 Lorsque vous avez terminé de travailler sur le symbole, accédez à la vue d’ensemble de la page (voir la section
Fireworks intègre le symbole à la bibliothèque de documents et en place une copie au centre de la page. Vous pouvez ajouter de nouveaux états au symbole à l’aide du curseur Etats de l’inspecteur des propriétés. Choisissez Fenêtre > Propriétés pour ouvrir l’inspecteur des propriétés, s’il n’est pas ouvert.
1 Sélectionnez l’objet. 2 Choisissez la commande Modification > Animation > Animer la sélection. 3 Définissez les propriétés d’animation pour modifier le symbole.
Le nombre d’états est une propriété clé. Lorsque vous définissez cette propriété, Fireworks ajoute automatiquement au document le nombre d’états requis pour terminer l’action. Si le symbole nécessite plus d’états qu’il n’en existe dans l’animation, un message Fireworks vous demande si vous souhaitez ajouter des états. Vous pouvez modifier les propriétés de l’animation à l’aide de la boîte de dialogue Animer ou de l’inspecteur des propriétés. Pour régler la vitesse de l’animation, reportez-vous à la section « Définition de la durée des états » à la page 223. Pour modifier du texte, des graphiques, des contours, des fonds ou des effets, reportez-vous aux sections « Modification d’un symbole et de toutes ses occurrences » à la page 162 et « Modification d’occurrences de symboles spécifiques » à la page 163.
Etats Nombre d’états de l’animation. Faites glisser le curseur pour choisir une valeur comprise entre 0 et 250 ou
Déplacer (boîte de dialogue Animer uniquement) Distance de déplacement de l’objet, exprimée en pixels. La valeur par défaut est 72, mais il n’existe aucune limite de valeur. Les mouvements sont linéaires et il n’existe aucun état clé (ce qui n’est pas le cas dans Flash et Adobe Director). Direction (boîte de dialogue Animer uniquement) Direction du déplacement de l’objet, exprimée en degrés, de 0 à 360. Vous pouvez également modifier les valeurs Mouvement et Direction en faisant glisser les poignées d’animation de l’objet. Mise à l’échelle Redimensionnement du symbole, exprimé en pourcentage, entre le début et la fin de l’animation. La valeur par défaut est 100 %, mais il n’existe aucune limite de valeur. Pour mettre à l’échelle un objet de 0 % à 100 %, l’objet d’origine doit être petit ; des objets vectoriels sont recommandés. Opacité Degré de fondu (apparition ou disparition) entre le début et la fin de l’animation. Les valeurs possibles sont comprises entre 0 et 100, 100 % étant la valeur par défaut. La création d’un fondu enchaîné nécessite deux occurrences du même symbole : une pour le fondu à l’ouverture en fondu et l’autre pour le fondu à la fermeture. Rotation Degré de rotation entre le début et la fin de l’animation. Les valeurs possibles sont comprises entre 0 et 360°.
Horaire et Antihoraire Sens de la rotation de l’objet : sens des aiguilles d’une montre (horaire) ou sens inverse des aiguilles d’une montre (antihoraire).
1 Sélectionnez un symbole d’animation. 2 Sélectionnez Modification > Animation > Paramètres pour ouvrir la boîte de dialogue Animer. Choisissez
3 Modifiez les propriétés. 4 Si vous utilisez la boîte de dialogue Animer, cliquez sur OK pour accepter les propriétés modifiées.
1 Sélectionnez le symbole d’animation dans le panneau Bibliothèque de documents. 2 Faites glisser le symbole vers l’icône de la corbeille, dans le coin inférieur droit.
Le symbole d’animation sélectionné dispose d’un cadre de sélection unique et d’une trajectoire qui indique la direction de son déplacement. Sur cette trajectoire, le point vert est le point de départ, et le point rouge indique le point d’arrivée. Les points bleus intermédiaires représentent les états. Par exemple, la trajectoire d’un symbole qui s’étend sur cinq états comporte un point vert, trois points bleus et un point rouge. Si l’objet apparaît sur le troisième point, l’état 3 est l’état actif. Vous pouvez modifier la direction du déplacement en changeant l’angle de la trajectoire.
« Définition de la durée des états » à la page 223
Chaque état est également associé à des propriétés. Vous pouvez définir la cadence des états ou masquer un état pour visualiser l’animation au fur et à mesure de son élaboration. Vous pouvez utiliser des calques dans des animations pour organiser les objets selon qu’ils font partie de l’action principale ou de l’arrière-plan de l’animation. Pour que des objets apparaissent tout au long d’une animation, placezles sur un calque, puis utilisez le panneau Calques pour partager le calque avec tous les états. Les objets qui se trouvent sur un calque partagé sont visibles sur chaque état. Pour plus d’informations, reportez-vous à la section « Partage des calques » à la page 139.
Les pages contiennent des états, tandis que les états contiennent des calques. Une nouvelle page ne contient qu'un seul état. Tous les calques que vous créez et tous les objets qui figurent sur ces calques n'ont qu'un seul état. Pour comprendre la relation entre les états, les pages et les calques, voir l'article de David Hogue www.adobe.com/go/learn_fw_usingpagesstates_fr. Lorsque vous créez un état dans le panneau Etats, le nouvel état comporte le même nombre de calques que l'état précédent. Cependant, ces calques sont vides et ne contiennent pas d'objets provenant de l'état précédent. Pour reproduire des objets d'un état à l'autre, créez un double d'un état et non pas un nouvel état. Les instances d'objet restent indépendantes après leur duplication quel que soit l'état associé. Remarque : La suppression d'un calque de l'un des états supprime ce calque dans tous les autres états. Pour partager les objets d'un calque entre plusieurs états, cliquez du bouton droit sur ce calque, puis sélectionnez Calque partagé vers états. Les objets du calque sont partagés entre les différents états, ainsi que sur les nouveaux états lors de leur création. Tous les objets du calque correspondant dans les autres états sont supprimés et remplacés par des objets provenant du calque partagé. Toute modification des objets dans le calque partagé est reportée dans les différents états.
Les états d'un gabarit correspondent directement aux états des autres pages de votre document. Lorsque vous copiez l'état 1 sur une page A ordinaire, tous les objets de la page A avec l'état 1 sont copiés sur la page A avec l'état 2, et le gabarit avec l'état 2 est partagé. Dans la mesure où le gabarit ne comporte qu'un seul état, l'état 2 de toute autre page est vide. Si vous dupliquez l'état 1 pour créer l'état 2 sur un gabarit, le calque d'arrière-plan du gabarit est également dupliqué sur l'état 2 du gabarit. L'état 2 du gabarit est partagé avec l'état 2 de l'ensemble des pages du document. En résumé, l'état 1 du gabarit est partagé avec l'état 1 de toutes les pages, l'état 2 du gabarit est partagé avec l'état 2 de toutes les pages, et ainsi de suite. Si une page ordinaire contient davantage d'états que le gabarit, aucun état du gabarit n'est partagé avec ces états supplémentaires. Il est cependant possible d'ajouter des états au gabarit qui sont ensuite reportés sur ces états.
Les documents Fireworks contenant à la fois des boutons et des animations ne sont généralement pas affichés comme prévu. Fireworks traite les animations comme une page entière, tandis que pour les boutons il considère que vous échangez simplement les images sous cette découpe. Lorsqu'une animation est en cours de lecture, tout change sur la page, ce qui inclut les états de boutons. Les animations et les boutons doivent être créés et exportés de façon distincte dans une page Web. Les boutons avec une fonction de survol ont recours à JavaScript pour afficher les différents états, mais les animations de Fireworks sont exportées au format GIF ou SWF, qui est autonome.
La cadence des états indique la durée (en centièmes de seconde) d’affichage de l’état. Par exemple, indiquez 50 pour afficher l’état pendant une demi-seconde, ou 300 pour l’afficher pendant trois secondes. 1 Sélectionnez un ou plusieurs états :
2 Procédez de l’une des manières suivantes :
• Cliquez deux fois sur la colonne Cadence des états. 3 Entrez une valeur de cadence des états. 4 Appuyez sur la touche Entrée ou cliquez en dehors du panneau.
Les états masqués ne s’affichent pas en cours de lecture et ne sont pas exportés. 1 Procédez de l’une des manières suivantes :
• Cliquez deux fois sur la colonne Cadence des états. 2 Désélectionnez Inclure lors de l’exportation. 3 Appuyez sur la touche Entrée ou cliquez en dehors du panneau.
Lorsque vous définissez une animation, Fireworks crée les états nécessaires et les affiche dans le panneau Etats en tant que Etat 1, Etat 2, etc. Lorsque vous déplacez un état dans le panneau, Fireworks renomme les états concernés en fonction du nouvel ordre d’apparition. Donnez un nom significatif à vos états pour les retrouver facilement. Déplacer un état renommé n’a aucun effet sur le nom de l’état. 1 Dans le panneau Etat, cliquez deux fois sur le nom de l’état. 2 Saisissez un nouveau nom et appuyez sur la touche Entrée.
3 Sélectionnez Personnalisé dans le menu Noms des états. 4 Dans la boîte de dialogue qui s’affiche, définissez les noms personnalisés à ajouter aux états.
Dans le panneau Etats, vous pouvez ajouter, copier et supprimer des états ou en changer l’ordre.
❖ Cliquez sur le bouton Nouvel état/Dupliquer l’état
1 Dans le menu Options du panneau Etats, sélectionnez Ajouter des états. 2 Indiquez le nombre d’états à ajouter. 3 Sélectionnez l’emplacement où vous souhaitez insérer les états, puis cliquez sur OK.
❖ Faites glisser un état existant sur le bouton Nouvel état/Dupliquer l’état dans la partie inférieure du panneau Etats.
Il est utile de dupliquer un état pour faire réapparaître des objets dans une autre partie de l’animation. 1 Dans le menu Options du panneau Etats, sélectionnez Dupliquer l’état. 2 Saisissez le nombre de doublons de l’état sélectionné que vous souhaitez créer, indiquez où insérer ces doubles, puis
❖ Faites glisser les états un par un vers un nouvel emplacement dans la liste.
Vous pouvez inverser l’ordre de tous les états ou celui des états d’une plage sélectionnée. 1 Sélectionnez Commandes > Document > Inverser les états. 2 Procédez de l’une des manières suivantes :
• Pour inverser l’ordre des états d’une plage, sélectionnez Plage d’états, puis choisissez les états Début et Fin. Dernière mise à jour le 12/5/2011
Vous pouvez utiliser le panneau Etats pour déplacer des objets dans un autre état. Les objets qui s’affichent sur un seul état disparaissent au cours de la lecture de l’animation. Vous pouvez les faire disparaître et réapparaître à différents points. Dans le panneau Etats, un petit rond sur la droite de la durée de cadence des états indique l’état des objets de l’état. 1 Dans la zone de travail, sélectionnez les objets que vous souhaitez afficher sur un autre état. 2 Dans le panneau Etats, faites glisser l’indicateur de sélection (petit rond noir à droite de la durée de cadence des
Pour copier les objets sélectionnés vers d’autres états, appuyez sur les touches Alt (Windows) ou Option (Mac OS) et faites glisser les objets.
❖ Sélectionnez l’état à l’aide du menu contextuel correspondant, situé dans la partie inférieure du panneau Calques.
Les pelures d’oignon permettent d’afficher le contenu des états précédant et suivant l’état sélectionné. Cela vous permet d’affiner la transition entre les objets sans devoir passer incessamment d’un objet à un autre. Lorsque vous activez les pelures d’oignon, les objets des états précédant et suivant l’état sélectionné sont grisés. Ainsi, vous pouvez les distinguer des objets de l’état sélectionné.
Désactivez cette option pour modifier uniquement la page active.
Dans Fireworks, l’interpolation est une technique manuelle qui permet de fusionner plusieurs occurrences du même symbole pour générer les occurrences intermédiaires avec des attributs interpolés. Pour créer le déplacement sophistiqué d’un objet sur la zone de travail et pour les objets dont les filtres dynamiques changent à chaque état de l’animation, utilisez l’interpolation. Par exemple, vous pouvez interpoler un objet pour qu’il donne l’impression de se déplacer sur un tracé linéaire. Remarque : dans la plupart des cas, l’utilisation de symboles d’animation est préférable à l’interpolation. Pour plus d’informations, reportez-vous à la section « A propos des symboles d’animation » à la page 218.
1 Sélectionnez plusieurs occurrences du même symbole graphique dans la zone de travail. Ne sélectionnez pas des
2 Choisissez Modification > Symbole > Occurrences interpolées. 3 Dans la boîte de dialogue Occurrences interpolées, entrez le nombre d’étapes interpolées à insérer entre les deux
4 Pour répartir les objets interpolés dans des états distincts, sélectionnez Répartir dans les états, puis cliquez sur OK.
❖ Utilisez les contrôles d’état qui apparaissent au bas de la fenêtre Document.
• L’aperçu de l’animation dans la fenêtre Original affiche les graphiques sources à leur résolution normale, et non l’aperçu optimisé utilisé pour le fichier exporté.
1 Cliquez sur le bouton Aperçu dans le coin supérieur gauche de la fenêtre Document. 2 Utilisez les contrôles d’état.
❖ Choisissez Fichier > Aperçu dans le navigateur, puis sélectionnez un navigateur dans le sous-menu.
Après la configuration des symboles et des états qui composent une animation, optimisez l’animation pour faciliter son chargement et sa lecture. Lorsque vous avez créé et optimisé une animation, elle est prête à être exportée. Pour plus de détails, reportez-vous à la section « Exportation d’une animation » à la page 255.
L’option Boucle permet de répéter une animation et de limiter le nombre d’états requis pour celle-ci. 1 Sélectionnez la commande Fenêtre > Etats pour afficher le panneau Etats. 2
L’optimisation permet de comprimer un fichier au maximum et d’en réduire ainsi le temps de téléchargement à partir du Web. Pour plus de détails sur les options d’optimisation, reportez-vous à la section « Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT » à la page 244. 1 Choisissez Fenêtre > Optimisation.
5 Utilisez les outils de transparence du panneau Optimisation pour sélectionner les couleurs utilisées pour la
Les fichiers GIF importés adoptent les paramètres de cadence d’états du document actif. Comme le fichier importé est un symbole d’animation, vous pouvez lui appliquer des mouvements supplémentaires. Par exemple, importez l’animation d’une personne marchant sur place et appliquez-lui des propriétés de direction et de mouvement pour lui faire traverser l’écran. Lorsque vous ouvrez un GIF animé dans Fireworks, un nouveau fichier est créé, et chaque état du fichier GIF est placé dans un état distinct. Bien que le fichier GIF ne soit pas un symbole d’animation, il conserve les paramètres de cadence des états d’origine. Les animations ajoutées aux gabarits ne sont pas affichées. Ajoutez l'animation dans une page enfant et partagez-la entre toutes les pages. Une fois le fichier importé, vous définissez son format de fichier comme GIF animé pour exporter le mouvement depuis Fireworks.
1 Choisissez Fichier > Importer. 2 Maintenez la touche Maj enfoncée et cliquez sur différents fichiers pour les sélectionner.
1 Créez ou placez un objet sur la zone de travail. Dessinez un cercle ou placez une image sur la zone de travail, par
2 Sélectionnez Commandes > Création > Torsion et Nuance. 3 Dans la boîte de dialogue Torsion et Nuance, configurez les paramètres en fonction de vos préférences. Manipulez
Etapes Nombre d’occurrences de l’objet créé. Opacité Opacité des objets créés. Direction Direction dans laquelle les objets sont successivement créés par rapport au premier objet. En retard Chaque objet se place derrière l’objet suivant de l’ensemble. Animer Sélectionnez cette option pour animer l’ensemble d’objets que vous avez créé. Atténué Lorsque vous augmentez la valeur de ce champ, l’effet d’atténuation est appliqué en partant du dernier objet créé jusqu’au premier objet. Saturé Modifiez la valeur pour changer les couleurs des objets créés. Pas Plus vous augmentez le pas et plus les objets créés sont espacés. Rotation Degré de rotation des objets successifs. Direction Angle d’alignement des autres objets par rapport au premier objet. Echelle Facteur de mise à l’échelle des autres objets par rapport au premier objet. Opacité Opacité des autres objets par rapport au premier objet. Aléatoire Cliquez sur Aléatoire pour faire des essais avec un ensemble aléatoire de valeurs définies par le système. Bougé Ajoute des variations à l’option que vous avez sélectionnée. La valeur que vous entrez détermine le taux de
Paramètres prédéfinis Sélectionnez le paramètre prédéfini qui vous convient le mieux. Il est judicieux de partir
également sélectionner Par défaut ou Dernière utilisation pour appliquer l’ensemble de préférences par défaut ou précédent, respectivement. Aperçu Sélectionnez Aperçu pour voir l’effet des options que vous choisissez dans la boîte de dialogue sur l’objet.
5 Appuyez sur F12 pour afficher un aperçu de l’animation dans un navigateur.
Si vous êtes un concepteur ou développeur Flash, vous pouvez également créer un lecteur d’album personnalisé dans Flash pour afficher la sortie XML du créateur d’album Adobe Fireworks®.
1 Choisissez Commandes > Créer un diaporama. 2 Cliquez sur le bouton Ajouter un album (le signe plus) situé à côté de l’entrée Albums. 3 Choisissez les fichiers d’image à inclure dans le diaporama et cliquez sur OK. 4 Renseignez les Propriétés du livre d’albums et les Propriétés de l’album. 5 Sélectionnez les panneaux de droite pour configurer les propriétés du diaporama. 6 Spécifiez l’emplacement du diaporama terminé dans le panneau Options d’exportation. 7 Après avoir configuré tous les paramètres du diaporama, cliquez sur Créer. 8 (Facultatif) Pour afficher le diaporama dans votre navigateur, sélectionnez l’option Lancer le diaporama dans le
3 Accédez au dossier contenant le fichier XML du diaporama existant et cliquez sur Ouvrir.
1 Ouvrez un diaporama existant. 2 Sélectionnez un album dans les listes Albums, puis cliquez sur le bouton Supprimer album(s) sélectionné(s) (signe Ensuite, cliquez sur le bouton Parcourir (...), puis sélectionnez une ou plusieurs images.
Pour afficher un panneau Propriétés et personnaliser les propriétés qu’il contient, cliquez dessus dans la partie droite de la fenêtre Créer un diaporama.
Les propriétés de l’album s’appliquent à un livre, qui peut contenir plusieurs albums. Titre Il peut contenir un espace (« Mon voyage », par exemple). Description Entrez une description. Lecteur Sélectionnez le type. Icône Info (en regard de l’entrée Lecteur) Cliquez dessus pour afficher des informations complémentaires sur le lecteur, y compris les propriétés des albums pris en charge par le type de lecteur sélectionné. Démarrer automatiquement le diaporama Permet de démarrer le diaporama à l’ouverture du lecteur. Autoriser l’activation des images Permet à l’utilisateur de cliquer sur l’image pour l’ouvrir dans une nouvelle fenêtre
Les propriétés de l’album s’appliquent uniquement à l’album sélectionné. Description Entrez une description de l’album.
Arrière-plan Sélectionnez une image d’arrière-plan personnalisée, puis redimensionnez-la à l’échelle du diaporama.
Utilisez les options de légendes pour personnaliser les légendes des différentes images du diaporama. Appliquer à tous les albums Permet d’appliquer les options de légendes à tous les albums du livre. Aucun changement Conserve les légendes existantes. Effacer toutes les légendes Efface toutes les légendes de l’album. Utiliser les noms de fichiers Utilise les noms de fichiers des images comme légende. Inclure l’extension Si vous choisissez les noms de fichiers comme légendes, indiquez les extensions de fichiers. Insérer un texte Utilise le texte spécifié comme légende pour chacune des images. Remplacer les légendes Applique à toutes les images le texte que vous avez inséré.
Vous ne pouvez appliquer des filtres qu’à un nouvel album. Pour appliquer des filtres sélectionnés à tous les albums du livre, sélectionnez l’option Appliquer à tous les albums.
Les propriétés du diaporama s’appliquent au diaporama sélectionné. Appliquer à tous les albums Permet d’appliquer les options spécifiées à tous les albums du livre. Intervalle Nombre de secondes entre les images. Utiliser la transition Permet de sélectionner un effet de transition entre les différentes images. Première image Définit la première image de l’album. Il s’agit du numéro de séquence de l’image dans l’album. Séquence d’affichage Permet de choisir d’afficher les images dans un ordre ou de façon aléatoire.
Les options de ce panneau permettent de paramétrer l’exportation des images. Exporter des images Permet d’exporter les images en taille réelle ou sous forme de vignettes, avec les paramètres
Générer un fichier XML Permet de générer un fichier slideshow.xml pour les images et répertoires du diaporama. Désélectionnez cette option pour exporter uniquement les images. Format XML Sélectionnez le format XML exporté en choisissant l’option Créer un diaporama ou Adobe Media Gallery
Chemin d’exportation Dossier dans lequel le diaporama et les fichiers associés sont générés et exportés. Largeur et Hauteur Largeur et hauteur des images en taille réelle exportées. Les images mises à l’échelle conservent leurs proportions d’origine. Exporter des vignettes Permet d’exporter les vignettes et les images en taille réelle. Largeur et Hauteur Largeur et hauteur des vignettes exportées.
Vous pouvez créer un lecteur personnalisé que vous utiliserez avec la commande Créer un diaporama. Les fichiers source des lecteurs de diaporama par défaut sont également inclus dans le logiciel pour vous permettre de modifier ou d’habiller les lecteurs. 1 Publiez le fichier SWF et, le cas échéant, le fichier HTML (portant l’extension .htm ou .html). 2 Remplacez l’extension .swf du fichier SWF par une autre extension.
3 Dans le même dossier que le fichier SWF, créez un fichier XML semblable à l’exemple suivant : <?xml version="1.0"encoding="utf-8"?> <FWACPlayer> <Player name="Player - Black (Flash)"preview="player_black.jpg"launch="index.html"> 4 Pour chaque nœud de lecteur (Player), indiquez le nom du fichier source et du fichier cible dans le nœud de fichier File. 5 (Facultatif) Pour fournir des informations supplémentaires sur le lecteur, ajoutez le nœud Info, dans lequel
6 Créez ou modifiez le fichier MXI de telle sorte que le fichier SWF et le fichier HTML renommés soient placés dans
Remarque : pour que l’option de lancement du diaporama dans le navigateur fonctionne en fin de processus, les fichiers SWF et HTML doivent porter le même nom. Le fichier XML généré présente la structure suivante :
Pour davantage de précision, utilisez les outils de l’espace de travail, tels que le panneau Optimisation, les boutons d’aperçu de la fenêtre de document et la boîte de dialogue Exporter. Dans certains cas, vous pouvez enregistrer des graphiques sans les exporter. Pour plus d’informations, reportez-vous à la section « Enregistrement de documents dans d’autres formats » à la page 12.
L’assistant Exportation vous guide, étape par étape, tout au long des processus d’optimisation et d’exportation. 1 Choisissez Fichier > Assistant Exportation. 2 Répondez à toutes les questions qui s’affichent, puis cliquez sur Continuer dans chaque panneau.
3 Cliquez sur Quitter dans la fenêtre Résultats de l’analyse de l’assistant.
Vous pouvez ouvrir l’aperçu de l’image depuis l’assistant Exportation ou depuis le menu Fichier (Fichier > Aperçu de l’image). Le document ou le graphique s’affiche dans la zone d’aperçu tel qu’il est exporté, accompagné d’une estimation de la taille du fichier et du temps de téléchargement selon les paramètres d’exportation choisis.
Remarque : pour accélérer le rafraîchissement de l’aperçu de l’image, désactivez Aperçu. Pour interrompre le rafraîchissement de la zone d’aperçu lorsque vous modifiez les paramètres, appuyez sur la touche Echap.
Zoom sur l’image ❖ Cliquez sur le bouton Zoom
(Windows) ou Option (Mac OS) enfoncée, cliquez sur le bouton dans l’aperçu pour effectuer un zoom arrière.
❖ Procédez de l’une des manières suivantes :
❖ Cliquez sur un bouton de vue scindée
Optimisation d’une image en fonction de la taille du fichier cible 1 Cliquez sur l’onglet Options. 2 Cliquez sur le bouton Assistant Optimiser la taille
• En modifiant le nombre de couleurs dans les images 8 bits • En changeant les paramètres de tramage dans les images 8 bits • En activant ou désactivant les paramètres d’optimisation
1 Cliquez sur l’onglet Fichier. 2 Spécifiez le pourcentage de mise à l’échelle ou entrez la largeur et la hauteur en pixels. Sélectionnez Contraindre
1 Cliquez sur l’onglet Fichier. 2 Sélectionnez Zone d’exportation, puis procédez de l’une des façons suivantes : Sélection des paramètres d’animation 1 Cliquez sur l’onglet Animation.
2 Pour définir la méthode de suppression des états, sélectionnez un état dans la liste, cliquez sur l’icône de la corbeille,
Non spécifiée Détermine automatiquement une méthode de suppression pour l’état actif, en rejetant ce dernier si l’état suivant contient une transparence de calque. Pour la plupart des animations, cette option automatique activée par défaut permet d’obtenir les meilleurs résultats visuels ainsi que les tailles de fichier les plus réduites. Aucune Conserve l’état actif tandis que l’état suivant vient s’ajouter dans l’affichage. L’état actif (et les états précédents) peut être visible à travers les zones transparentes de l’état suivant. Si vous choisissez cette option, utilisez un navigateur pour afficher un aperçu précis de l’animation. Restaurer l’arrière-plan Rejette l’état actif et le remplace temporairement par l’arrière-plan de la page Web. Un seul
cette option si des objets animés se déplacent sur un arrière-plan opaque. 3 Pour définir la cadence des états, sélectionnez un état dans la liste, puis entrez la cadence en centièmes de seconde
4 Pour que l’animation se répète en continu, cliquez sur le bouton de lecture en boucle, puis sélectionnez le nombre
5 Pour recadrer chaque état afin que seule la zone qui diffère d’un état à l’autre s’affiche, sélectionnez Recadrer chaque
6 Pour obtenir une sortie exclusive en pixels qui change entre les états, sélectionnez l’option Enregistrer les
1 Choisissez Fichier > Aperçu de l’image. 2 Sélectionnez les options souhaitées sur chaque onglet. 3 Cliquez sur Exporter. 4 Dans la boîte de dialogue Exporter, entrez un nom de fichier, sélectionnez un répertoire de destination, définissez
L’espace de travail de Fireworks propose des fonctions d’optimisation et d’exportation qui vous permettent de contrôler la manière dont les fichiers sont exportés. Vous pouvez utiliser des options d’optimisation prédéfinies ou choisir des options particulières, telles que le type de fichier ou la palette de couleurs, pour personnaliser le processus d’optimisation. Le panneau Optimisation contient les commandes d’optimisation clés et (pour les formats de fichier 8 bits) un tableau affichant les couleurs dont est composée la palette de couleurs d’exportation active. Le panneau affiche des paramètres de la sélection active (une tranche ou le document entier). Les boutons d’aperçu de la fenêtre de document permettent d’afficher le graphique exporté tel qu’il apparaîtrait avec les paramètres d’optimisation actifs. Vous pouvez ainsi optimiser l’ensemble du document, ou bien sélectionner des tranches individuelles ou des zones sélectionnées d’un graphique JPEG et affecter à chacune d’elles différents paramètres d’optimisation.
Lorsqu’une tranche est sélectionnée, vous pouvez choisir des paramètres d’optimisation prédéfinis (enregistrés) dans le menu contextuel Paramètres d’exportation de la tranche de l’inspecteur des propriétés. 1 Cliquez sur une tranche pour la sélectionner. Pour sélectionner plusieurs tranches à la fois, cliquez sur chacune
2 Sélectionnez des options dans le panneau Optimisation.
Les boutons d’aperçu de document vous permettent d’afficher le graphique tel qu’il apparaîtrait dans un navigateur Web selon les paramètres d’optimisation. Vous pouvez prévisualiser les survols et les comportements de navigation, ainsi que les animations.
Lorsque vous affichez un aperçu, vous pouvez optimiser un document entier ou une simple sélection de tranches. Le calque de superposition des tranches permet de différencier les tranches en cours d’optimisation du reste du document.
❖ Cliquez sur le bouton Aperçu dans le coin supérieur gauche de la fenêtre de document.
1 Cliquez sur le bouton 2 en 1 ou 4 en 1 dans le coin supérieur gauche de la fenêtre de document. 2 Cliquez sur l’un des aperçus scindés. 3 Entrez les paramètres dans le panneau Optimisation. 4 Sélectionnez les autres aperçus, puis spécifiez des paramètres d’optimisation différents pour chacun d’eux.
Fireworks, ce qui vous permet de le comparer avec les versions optimisées. Vous pouvez afficher la version optimisée de votre choix.
1 Sélectionnez une vue optimisée. 2 Dans le menu contextuel Aperçu situé au bas de la fenêtre d’aperçu, sélectionnez Original (pas d’aperçu).
1 Sélectionnez la vue de l’image originale. 2 Dans le menu contextuel Aperçu, sélectionnez Aperçu de l’image.
❖ Choisissez Affichage > Calque de superposition des tranches.
Choisissez Fenêtre Optimisation pour ouvrir le panneau Optimisation. Lorsque vous choisissez une option prédéfinie, les autres options du panneau Optimisation sont automatiquement définies. ❖ Sélectionnez une option prédéfinie dans le menu contextuel Paramètres de l’inspecteur des propriétés ou du
GIF Web 216 Force toutes les couleurs à être compatibles Web. Cette palette contient jusqu’à 216 couleurs. GIF WebSnap 256 Convertit les couleurs dans la couleur sécurisée pour le Web la plus proche. Cette palette contient jusqu’à 256 couleurs au maximum. GIF WebSnap 128 Convertit les couleurs dans la couleur sécurisée pour le Web la plus proche. Cette palette contient jusqu’à 128 couleurs. GIF adaptatif 256 Contient uniquement les couleurs réelles du graphique. Cette palette contient jusqu’à 256 couleurs au maximum. JPEG - Qualité supérieure Définit la qualité sur 80 et le lissage sur 0, ce qui produit une image de haute qualité mais
JPEG - Fichier réduit Définit la qualité à 60 et le lissage à 2, ce qui produit un fichier dont la taille vaut moins que la moitié d’un fichier JPEG de qualité supérieure, mais avec un niveau de qualité inférieur. GIF animé WebSnap 128 Sélectionne le format de fichier GIF animé et convertit les couleurs dans la couleur sécurisée pour le Web la plus proche. Cette palette contient jusqu’à 128 couleurs.
Pour une optimisation personnalisée, sélectionnez un type de fichier dans le menu contextuel Exporter un format de fichier du panneau Optimisation, puis définissez des options propres à ce format, telles que le codage des couleurs, le tramage et la qualité. Vous pouvez enregistrer ces paramètres comme nouveau paramètre prédéfini. GIF Le format GIF (Graphics Interchange Format) est un format de fichier graphique Web répandu et idéal pour les
WBMP Le format graphique WBMP (Wireless Bitmap) a été conçu pour les périphériques de l’informatique mobile
(Wireless Application Protocol). Le format WBMP étant un format 1 bit, seules deux couleurs sont visibles : le noir et le blanc. TIFF Le format graphique TIFF (Tagged Image File Format) est utilisé pour le stockage des images bitmap. Les fichiers TIFF sont plus particulièrement utilisés dans l’édition. De nombreuses applications multimédia prennent également en charge les fichiers importés au format TIFF. BMP Format de fichier graphique de Microsoft Windows. De nombreuses applications peuvent importer des
PICT Format de fichier développé par Apple Computer et principalement utilisé sur les systèmes d’exploitation Macintosh. La plupart des applications Mac peuvent importer des images PICT.
• Paramètres de cadence des états du panneau Etats (pour les animations uniquement)
Settings de votre dossier Fireworks de profil utilisateur spécifique. Pour plus d’informations sur l’emplacement de ce dossier, reportez-vous à la section « A propos des fichiers de profil utilisateur » à la page 316. 1 Dans le menu Options du panneau Optimisation, sélectionnez Enregistrer les paramètres. 2 Entrez le nom de l’optimisation prédéfinie, puis cliquez sur OK.
❖ Copiez le fichier d’optimisation prédéfini enregistré du dossier Export Settings vers le dossier équivalent sur l’autre
Remarque : l’emplacement de ce dossier varie en fonction du système d’exploitation.
2 Dans le menu Options du panneau Optimisation, sélectionnez Supprimer les paramètres.
8 bits, tels que les fichiers aux formats GIF, PNG 8, TIFF 8, BMP 8 et PICT 8, permettent de contrôler parfaitement l’optimisation. Pour les graphiques Web à tons continus, notamment les photos, optez pour un format 24 bits, comme le format JPEG (voir la section « Optimisation des fichiers JPEG » à la page 251). Les paramètres d’optimisation de Fireworks sont similaires pour tous les formats de fichier graphique 8 bits. Pour les formats de fichier Web, tels que les formats GIF et PNG, vous pouvez définir le taux de compression. Tout en essayant divers paramètres d’optimisation, utilisez les boutons 2 en 1 et 4 en 1 pour tester et comparer l’aspect du graphique et la taille estimée de son fichier.
Toutes les images 8 bits contiennent une palette pouvant contenir jusqu’à 256 couleurs disponibles. Les images utilisent uniquement ces couleurs, mais pas nécessairement toutes les couleurs. ❖ Dans le menu contextuel Palette indexée du panneau Optimisation, sélectionnez l’une des options suivantes : Adaptative Palette personnalisée établie à partir des couleurs utilisées dans le document. Cette option produit en
Adaptive pour le Web Palette adaptive dans laquelle les couleurs sont converties dans leur équivalent sécurisé pour le Web le plus proche. Les couleurs sécurisées pour le Web proviennent de la palette Web 216.
Windows et Mac OS Palette regroupant respectivement les 256 couleurs définies par les normes des plates-formes
Niveaux de gris Palette composée de 256 nuances de gris ou moins. Sélectionnez cette palette pour convertir
Noir et blanc Palette à deux couleurs, comportant uniquement du noir et du blanc. Uniforme Palette mathématique regroupant les valeurs en pixels des couleurs RVB. Personnalisé Palette qui a été modifiée ou chargée à partir d’une palette externe (fichier ACT) ou d’un fichier GIF.
1 Procédez de l’une des manières suivantes :
• Dans le menu contextuel Palette indexée du panneau Optimisation, cliquez sur Personnalisée. 2 Recherchez un fichier de palette ACT ou GIF, puis cliquez sur Ouvrir.
Remarque : les utilisateurs Windows doivent sélectionner les fichiers GIF dans le menu contextuel Types de fichiers pour pouvoir afficher tous les fichiers portant l’extension .gif dans la boîte de dialogue Ouvrir.
Le codage des couleurs (ou profondeur) désigne le nombre de couleurs utilisées dans le graphique. Réduire le codage des couleurs permet d’obtenir un fichier de plus petite taille mais amoindrit également la qualité de l’image. Lorsque vous réduisez le codage des couleurs, certaines couleurs de l’image sont rejetées, en commençant par les couleurs les moins utilisées. Les pixels qui contiennent des couleurs rejetées sont convertis dans la couleur la plus proche présente dans la palette. ❖ Procédez de l’une des manières suivantes :
• Entrez une valeur (de 2 à 256) dans la zone de texte. Remarque : le nombre situé dans la partie inférieure de la table de couleurs indique le nombre de couleurs visibles dans l’image. Si aucun nombre ne s’affiche, cliquez sur le bouton Reconstituer.
Cette opération permet de réduire la taille du fichier. ❖ Dans le menu Options du panneau Optimisation, sélectionnez Supprimer les couleurs non utilisées.
La table des couleurs du panneau Optimisation affiche les couleurs utilisées dans l’aperçu actif de l’image lorsque vous travaillez en mode 8 bits ou moins. Vous pouvez y modifier la palette de l’image. La table de couleurs est automatiquement mise à jour en mode Aperçu. Elle s’affiche vide si vous optimisez plusieurs tranches à la fois ou si vous ne travaillez pas en mode de couleurs 8 bits. Divers petits symboles apparaissent sur certaines nuances pour indiquer certaines caractéristiques des couleurs correspondantes, comme suit : Symbole
La couleur a été modifiée, ce qui n’a d’effet que sur le document exporté. Si vous modifiez une couleur, la couleur dans le document source n’est pas modifiée. La couleur est verrouillée. La couleur est transparente. La couleur est sécurisée pour le Web. La couleur possède plusieurs attributs. Dans le cas présent, cette couleur est sécurisée pour le Web, verrouillée et a été modifiée.
Lorsqu’une reconstitution est nécessaire, le bouton Reconstituer s’affiche en bas du panneau Optimisation. ❖ Cliquez sur le bouton Reconstituer.
• Pour sélectionner une seule couleur, cliquez sur celle-ci dans la table des couleurs du panneau Optimisation. • Pour sélectionner plusieurs couleurs, cliquez sur celles-ci tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfoncée.
1 Cliquez sur le bouton Aperçu dans le coin supérieur gauche de la fenêtre de document. 2 Dans la table des couleurs du panneau Optimisation, cliquez sur une nuance, puis maintenez le bouton de la souris
Les pixels contenant la nuance sélectionnée changent temporairement de couleur tant que le bouton de la souris reste enfoncé. Remarque : lorsque vous prévisualisez des pixels dans le document à l’aide des fenêtres 2 en 1 ou 4 en 1, sélectionnez une fenêtre plutôt que l’original.
en bas du panneau Optimisation. Vous pouvez également cliquer avec le bouton droit de la souris (Windows) ou maintenir la touche Ctrl enfoncée (Mac OS) sur la nuance et choisir l’option Verrouiller la couleur.
La modification d’une couleur remplace toutes les occurrences de cette couleur dans les images qui sont exportées ou enregistrées au format bitmap. A l’exception des images bitmap, cette modification ne remplace pas la couleur dans l’image d’origine. Si vous utilisez une image bitmap, enregistrez une copie de l’image au format de fichier PNG pour conserver une version modifiable de l’image d’origine. 1 Pour ouvrir les couleurs système, procédez de l’une des manières suivantes :
2 Modifiez la couleur.
(Mac OS) sur une couleur de la palette pour afficher les options de modification.
Les couleurs sécurisées pour le Web sont communes aux plates-formes Mac OS et Windows. Ces couleurs ne sont pas tramées lorsqu’elles sont affichées dans un navigateur Web sur un écran d’ordinateur paramétré pour 256 couleurs. Dans le cas d’un fichier au format PNG Fireworks, le changement des couleurs en couleurs sécurisées pour le Web dans le panneau Optimisation agit uniquement sur la version exportée de l’image, et non l’image elle-même.
Le tramage permet de créer une approximation des couleurs ne figurant pas dans la palette de couleurs active, en alternant des pixels de couleurs proches. A une certaine distance, les couleurs se mélangent et ressemblent à la couleur manquante. Le tramage est particulièrement utile pour exporter des images avec des fondus complexes ou des dégradés, ou pour exporter des photographies dans un format de fichier graphique 8 bits, tel que le format GIF. ❖ Entrez une valeur de pourcentage dans la zone de texte Tramage du panneau Optimisation.
Vous pouvez enregistrer les palettes personnalisées en tant que fichiers de palette externes exploitables dans d’autres documents Fireworks ou dans d’autres applications prenant en charge ce type de fichier, telles qu’Adobe Flash® et Adobe Photoshop®. Les fichiers de palettes enregistrés portent l’extension .act. 1 Dans le menu Options du panneau Optimisation, sélectionnez Enregistrer la palette. 2 Saisissez un nom, puis sélectionnez un dossier de destination. 3 Cliquez sur Enregistrer.
Vous pouvez compresser des fichiers GIF en modifiant leur paramètre de perte. Plus cette valeur est élevée, plus les fichiers sont de petite taille, mais plus la qualité de l’image est réduite. Un paramètre de perte défini entre 5 et 15 est idéal dans la plupart des cas.
Les zones transparentes présentes dans les fichiers GIF et PNG 8 bits permettent de révéler l’arrière-plan d’une page Web. Dans Fireworks, un damier gris et blanc dans la fenêtre de document permet d’identifier les zones transparentes.
Pour vos fichiers GIF, utilisez l’option Transparence d’index qui active ou désactive les pixels avec des valeurs chromatiques particulières.
Remarque : l’application de la transparence à des couleurs n’affecte pas l’image proprement dite, mais seulement sa version exportée. Pour voir l’aspect qu’aura l’image exportée, affichez un aperçu.
« Exportation depuis l’espace de travail » à la page 253
La couleur de la zone de travail apparaît transparente dans l’aperçu, et le graphique peut alors être exporté.
1 Cliquez sur le bouton Aperçu, 2 en 1 ou 4 en 1 dans le coin supérieur gauche de la fenêtre de document. En mode
2 Dans le panneau Optimisation (Fenêtre > Optimisation), sélectionnez le format de fichier GIF ou PNG 8.
3 Pour sélectionner une autre couleur, cliquez sur le bouton Sélectionner la couleur de transparence
1 Cliquez sur le bouton Aperçu, 2 en 1 ou 4 en 1 dans le coin supérieur gauche de la fenêtre de document. En mode
Remarque : bien que vous puissiez ajouter ou supprimer des couleurs transparentes dans l’affichage original, vous pouvez en observer le résultat uniquement en affichant un aperçu. 2 Dans le panneau Optimisation (Fenêtre > Optimisation), sélectionnez le format de fichier GIF ou PNG 8.
3 Au bas du panneau, cliquez sur le bouton Ajoute la couleur à la transparence
Remarque : cette option est disponible uniquement pour les formats de fichier GIF et PNG. Vous pouvez obtenir des résultats similaires avec une image JPEG en rendant son téléchargement progressif. ❖ Dans le menu Options du panneau Optimisation, sélectionnez Entrelacée.
Le lissage vous permet de lisser l’aspect d’un objet en fusionnant sa couleur avec l’arrière-plan. Par exemple, si l’objet est noir et que la page sur laquelle il est placé est blanche, la fonction de lissage ajoute plusieurs nuances de gris aux pixels qui forment le contour de l’objet pour adoucir la transition entre le noir et le blanc.
Remarque : le lissage s’applique uniquement aux objets à contours adoucis placés directement sur la zone de travail.
Lorsque vous rendez transparente la couleur de zone de travail d’une image ayant été lissée, les pixels créés pour assurer le lissage restent en place. Lorsque vous exportez (ou enregistrez) le graphique et le placez sur une page Web ayant une couleur d’arrière-plan différente, les pixels situés à la périphérie de l’objet lissé peuvent prendre la forme d’un halo, effet tout particulièrement visible sur un arrière-plan sombre.
❖ Procédez de l’une des manières suivantes :
1 Ouvrez le fichier dans Fireworks et cliquez sur le bouton Aperçu, 2 en 1 ou 4 en 1 dans le coin supérieur gauche de
2 Dans le menu contextuel Transparence du panneau Optimisation, cliquez sur Transparence d’index. 3 Cliquez sur le bouton Ajoute la couleur à la transparence
Les fichiers JPEG étant toujours enregistrés et exportés en couleurs 24 bits, vous ne pouvez pas les optimiser en modifiant leur palette de couleurs. La table de couleurs est vide lorsque vous sélectionnez une image JPEG. Tout en essayant divers paramètres d’optimisation, utilisez les boutons 2 en 1 et 4 en 1 pour tester et comparer l’aspect et la taille estimée d’un fichier JPEG. Remarque : il est possible d’enregistrer les fichiers JPEG directement depuis la boîte de dialogue « Enregistrer sous ».
A l’inverse, un faible pourcentage permet d’obtenir un fichier de taille réduite mais d’une qualité graphique inférieure.
1 Dans la fenêtre Original, sélectionnez la zone à compresser dans le graphique à l’aide de l’un des outils de cadre de
2 Choisissez Modification > JPEG sélective > Enregistrer la sélection en tant que masque JPEG. 3 Sélectionnez le format JPEG dans le menu contextuel Exporter un format de fichier du panneau Optimisation. 4 Cliquez sur le bouton Modifier les options de qualité sélective dans le panneau Optimisation. 5 Sélectionnez Activer la qualité sélective, puis entrez une valeur dans la zone de texte.
élevée permet de compresser davantage le reste de l’image que cette zone. 6 (Facultatif) Modifiez la couleur de superposition de la zone JPEG sélective. Cela n’affecte pas le résultat. 7 Pour exporter tous les textes dans une qualité supérieure, quelle que soit la valeur Qualité sélective, sélectionnez
8 Pour exporter les symboles de bouton à un niveau de qualité supérieur, sélectionnez Préserver la qualité du bouton.
1 Choisissez Modification > JPEG sélective > Restaurer le masque JPEG en tant que sélection. 2 Pour modifier la taille de la zone de sélection, utilisez l’outil Cadre de sélection ou tout autre outil de sélection. 3 Choisissez Modification > JPEG sélective > Enregistrer la sélection en tant que masque JPEG. 4 (Facultatif) Modifiez les paramètres Qualité sélective dans le panneau Optimisation.
Les valeurs élevées produisent un flou plus élevé dans les fichiers JPEG exportés ou enregistrés, ce qui crée en général des fichiers de plus petite taille. Une valeur de lissage de 3 environ suffit à réduire la taille du fichier d’image tout en conservant une qualité raisonnable. Utilisez l’option Bords des JPEG plus nets pour exporter ou enregistrer des fichiers JPEG qui contiennent du texte ou des détails fins et conserver la netteté de ces zones. Cette option augmente la taille de fichier. Procédez de l’une des manières suivantes :
• Pour accentuer les détails, cliquez sur Bords des JPEG plus nets dans le menu Options du panneau Optimisation.
Vous pouvez exporter (ou enregistrer) un document comme une simple image au format GIF, JPEG ou autre. Vous pouvez également exporter tout le document en tant que fichier HTML et les fichiers image associés, uniquement des tranches sélectionnées ou une zone spécifique. En outre, vous pouvez exporter des états Fireworks et des calques dans des fichiers d’image distincts. L’emplacement par défaut dans lequel Fireworks exporte des documents est déterminé par les éléments suivants, dans l’ordre : 1 Préférence d’exportation actuelle du document, définie si vous avez déjà exporté le document puis enregistré
2 Emplacement actuel d’exportation/d’enregistrement, défini à chaque fois que vous modifiez l’emplacement par
3 Emplacement du fichier actif 4 Emplacement d’enregistrement par défaut des nouveaux documents ou des nouvelles images sur le système
L’emplacement par défaut d’enregistrement par Fireworks d’un document est quant à lui déterminé par des critères très différents. Pour plus d’informations, reportez-vous à la section « Enregistrement de fichiers Fireworks » à la page 11.
1 Choisissez Fichier > Exporter. 2 Spécifiez l’emplacement des fichiers d’exportation. 3 Procédez de l’une des manières suivantes :
Images dans le menu contextuel Exporter en tant que. Les pages sont exportées au format d’image défini dans le panneau Optimisation.
Remarque : Pour exporter toutes les pages dans le format choisi, sélectionnez-les toutes, puis optimisez les paramètres.
1 Dans le panneau Optimisation, sélectionnez un format de fichier, puis définissez les options propres à ce format. 2 Choisissez Fichier > Exporter. 3 Définissez l’emplacement vers lequel exporter le fichier d’image.
4 Saisissez un nom de fichier sans extension. Une extension est ajoutée pendant l’exportation selon le type de fichier. 5 Dans le menu contextuel Exporter, sélectionnez Images uniquement. 6 Cliquez sur Enregistrer.
Par défaut, lorsque vous exportez un document Fireworks découpé en tranches, il est exporté sous la forme d’un fichier HTML et de plusieurs images associées. Le fichier HTML exporté peut être affiché dans un navigateur Web ou importé dans d’autres applications pour y être retouché. Avant d’exporter le fichier, assurez-vous que le style HTML approprié est sélectionné dans la boîte de dialogue Configuration HTML (voir la section « Définition des options d’exportation de code HTML » à la page 262).
1 Choisissez Fichier > Exporter. 2 Accédez au dossier de destination de l’exportation sur votre disque dur. 3 Dans le menu contextuel Exporter, sélectionnez Documents HTML et Images. 4 Entrez un nom de fichier dans le champ Nom de fichier (Windows) ou Enregistrer sous (Mac OS). 5 Dans le menu contextuel HTML, sélectionnez Exporter le fichier HTML. 6 Dans le menu contextuel Tranches, choisissez Exporter les tranches. 7 (Facultatif) Sélectionnez Placer les images dans des sous-dossiers. 8 Cliquez sur Enregistrer.
1 Tout en maintenant la touche Maj enfoncée, cliquez sur plusieurs tranches pour les sélectionner. 2 Choisissez Fichier > Exporter. 3 Sélectionnez un emplacement de destination des fichiers exportés (un dossier de votre site Web local, par exemple). 4 Dans le menu contextuel Exporter, sélectionnez Documents HTML et Images. 5 Saisissez un nom de fichier sans extension. Une extension est ajoutée pendant l’exportation selon le type de fichier.
8 Cliquez sur Enregistrer.
Si vous avez déjà exporté un document découpé en tranches et que vous avez par la suite apporté des modifications au document original dans Fireworks, vous pouvez uniquement mettre à jour l’image ou la tranche modifiée. Pour trouver facilement la tranche de remplacement, personnalisez le nom des tranches. 1 Masquez la tranche pour modifier la zone qu’elle recouvre. 2 Réaffichez la tranche. 3 Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfoncée (Mac OS) sur
4 Sélectionnez le même dossier que celui de la tranche d’origine en utilisant le même nom de fichier, puis cliquez sur
5 Cliquez sur OK si un message vous demande de remplacer le fichier existant.
Lorsque vous avez créé et optimisé une animation, elle est prête à être exportée. Vous pouvez exporter une animation sous les types de fichier suivants : GIF animé Ce format donne les meilleurs résultats avec les graphiques de type cliparts et dessins animés. SWF Flash ou PNG Fireworks (aucune exportation nécessaire) Exportez une animation en tant que fichier SWF à
PNG Fireworks. Cette méthode plus directe vous permet d’importer tous les calques et tous les états de votre animation et de les peaufiner dans Flash (voir la section « Utilisation de Flash » à la page 276). Fichiers multiples Il est utile d’exporter des états ou calques d’animation en tant que fichiers multiples lorsque
Si votre document comporte plusieurs animations, vous pouvez insérer des tranches pour exporter chaque animation en utilisant différents paramètres d’animation, tels que la lecture en boucle et la cadence des états.
1 Choisissez la commande Sélection > Désélectionner pour désélectionner tous les objets et tranches, puis, dans le
2 Choisissez Fichier > Exporter. 3 Saisissez le nom du fichier, puis sélectionnez le dossier de destination. 4 Cliquez sur Enregistrer.
2 Choisissez la commande Edition > Insérer > Tranche rectangulaire ou Tranche polygonale. 3 Cliquez sur Multiple dans la zone de message. 4 Sélectionnez chaque tranche individuellement, puis dans le panneau Etats, définissez les différents paramètres
5 Sélectionnez toutes les tranches à animer, puis choisissez GIF animé comme format de fichier dans le
6 Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfoncée (Mac OS) sur
Fireworks permet d’exporter chaque calque ou état d’un document sous la forme d’un fichier d’image distinct en tenant compte des paramètres d’optimisation spécifiés dans le panneau Optimisation. Le nom du calque ou de l’état détermine le nom du fichier exporté correspondant. Cette méthode d’exportation est souvent utilisée pour exporter des animations. 1 Choisissez Fichier > Exporter. 2 Entrez un nom de fichier, puis sélectionnez un dossier de destination. 3 Dans le menu contextuel Exporter, sélectionnez une option : Etats vers fichiers Exporte les états comme des fichiers distincts. Calques vers fichiers Exporte les calques comme des fichiers distincts.
4 Pour recadrer automatiquement chaque image exportée de manière à n’inclure que les objets sur chaque état,
5 Cliquez sur Enregistrer.
1 Dans le panneau Outils, cliquez sur l’outil Zone d’exportation
Lorsque vous relâchez le bouton de la souris, la zone d’exportation reste sélectionnée. 3 Au besoin, redimensionnez la zone d’exportation :
4 Cliquez deux fois à l’intérieur du cadre de sélection de la zone d’exportation pour afficher l’aperçu de l’image. 5 Définissez les paramètres dans l’aperçu de l’image, puis cliquez sur Exporter. 6 Entrez un nom de fichier, puis sélectionnez un dossier de destination. 7 Dans le menu contextuel Exporter, cliquez sur Images uniquement. 8 Cliquez sur Enregistrer.
Fireworks génère un véritable fichier HTML qui peut être lu dans la plupart des navigateurs Web et éditeurs HTML. Par défaut, l’exportation spécifie le codage UTF-8. Il existe plusieurs façons d’exporter un fichier HTML Fireworks :
• Exporter chaque page d’un fichier Fireworks dans un fichier HTML distinct • Copier le code HTML dans le Presse-papiers de Fireworks, puis coller directement ce code dans un document HTML existant
• Utiliser la commande Mettre à jour le code HTML pour modifier un fichier HTML créé précédemment Fireworks vous permet d’exporter du code HTML aux formats Générique, Dreamweaver, Microsoft® FrontPage® et Adobe GoLive®. Remarque : Adobe Dreamweaver est étroitement intégré à Fireworks. Fireworks gère les exportations de code HTML vers Dreamweaver différemment des exportations vers d’autres éditeurs HTML. Si vous exportez du code HTML Fireworks vers Dreamweaver, reportez-vous à la section « Utilisation de Dreamweaver » à la page 266. La méthode d’exportation permettant de récupérer dans d’autres applications un code HTML généré par Fireworks est une méthode idéale pour le travail en équipe. Cette méthode fractionne le flux de production en segments, ce qui permet à une personne d’exécuter une tâche donnée dans une application, puis à une autre de prendre la suite ultérieurement dans une autre application.
Les commentaires de code HTML Fireworks sont compris entre les séquences de caractères <!-- et -->. Tout ce qui se trouve entre ces deux marqueurs n’est pas interprété comme code HTML ou JavaScript. ❖ Avant l’exportation, ouvrez la boîte de dialogue Configuration HTML, puis sélectionnez l’option Inclure les
éléments interactifs. Le code HTML généré par Fireworks contient des liens vers les images exportées et utilise la couleur de la zone de travail pour l’arrière-plan de la page Web.
1 pixel sur 1 pixel, que Fireworks utilise pour corriger les problèmes d’espacement lorsque les images découpées en tranches sont rassemblées dans une table HTML. La création de ce fichier de séparateurs est facultative.
4 Dans la boîte de dialogue Configuration HTML, cliquez sur le bouton Options, puis, dans le menu contextuel
Remarque : il est important de sélectionner votre éditeur HTML comme style HTML de sorte que les éléments interactifs, notamment les boutons et les survols, fonctionnent correctement après leur importation dans votre éditeur HTML. 5 Cliquez sur OK. 6 Dans le menu contextuel HTML, sélectionnez Exporter le fichier HTML. 7 Si votre document contient des tranches, dans le menu contextuel Tranches, cliquez sur Exporter les tranches. 8 Pour stocker des images dans un dossier séparé, sélectionnez la commande Importer les images dans des sous-
9 Si vous exportez un document Fireworks de plusieurs pages, désactivez la case Page active uniquement de manière
10 Cliquez sur Enregistrer.
Il existe deux manières de copier du code HTML dans le Presse-papiers de Fireworks. Vous pouvez utiliser la commande Copier le code HTML ou, dans la boîte de dialogue Exporter, sélectionner l’option Copier dans le Pressepapiers. Vous pouvez ensuite coller ce code HTML dans un document ouvert dans votre éditeur HTML préféré.
• Vous ne pouvez pas enregistrer d’images dans un sous-dossier. Elles doivent se trouver dans le même dossier que le fichier HTML dans lequel vous collez le code HTML copié, sauf si vous copiez le code HTML dans Dreamweaver.
Si vous rencontrez ce problème, sélectionnez l’option Exporter le fichier HTML à la place de l’option Copier dans le Presse-papiers. Remarque : avant de copier le code HTML, assurez-vous que vous avez sélectionné le style HTML approprié et l’option Inclure les commentaires HTML dans l’onglet Général de la boîte de dialogue Configuration HTML. Copie de code HTML Fireworks à l’aide de l’option Copier le code HTML 1 Choisissez Edition > Copier le code HTML. 2 Suivez les étapes proposées par l’assistant. Lorsque vous y êtes invité, indiquez un dossier de destination des images
Remarque : si vous comptez coller le code HTML dans Dreamweaver, peu importe le dossier dans lequel vous exportez les images, pourvu qu’elles se trouvent sur le même site Dreamweaver que le fichier HTML dans lequel vous allez coller le code. Copie de code HTML Fireworks à l’aide de la boîte de dialogue Exporter 1 Choisissez Fichier > Exporter. 2 Dans la boîte de dialogue Exporter, spécifiez un dossier de destination pour les images exportées. Ce dossier doit
Remarque : si vous comptez coller le code HTML dans Dreamweaver, peu importe le dossier dans lequel vous exportez les images, pourvu qu’elles se trouvent sur le même site Dreamweaver que le fichier HTML dans lequel vous allez coller le code. 3 Dans le menu contextuel Exporter, sélectionnez Documents HTML et Images. 4 Dans le menu contextuel HTML, sélectionnez Copier dans le Presse-papiers. 5 Si votre document contient des tranches, dans le menu contextuel Tranches, cliquez sur Exporter les tranches. 6 Cliquez sur le bouton Options, sélectionnez votre éditeur HTML dans la boîte de dialogue Configuration HTML,
7 Cliquez sur Enregistrer.
1 Dans votre éditeur HTML, ouvrez un document HTML existant ou créez-en un nouveau. Enregistrez le document dans le même dossier que celui des images exportées. Remarque : si vous utilisez Dreamweaver, vous n’êtes pas tenu d’enregistrer le fichier HTML dans le même dossier que celui des images exportées. Dès lors que vous exportez des images de Fireworks vers un site Dreamweaver et enregistrez le fichier HTML dans un dossier se trouvant sur ce site, Dreamweaver résout les chemins vers les images associées. 2 Affichez le code HTML, puis placez le point d’insertion entre les balises <BODY>.
1 Dans l’éditeur HTML, ouvrez le fichier HTML Fireworks que vous avez exporté. 2 Sélectionnez le code souhaité, puis copiez-le dans le Presse-papiers. 3 Ouvrez un document HTML existant ou créez-en un nouveau. 4 Collez le code dans le nouveau fichier HTML. Il n’est pas nécessaire de copier les balises <HTML> et <BODY>, qui
Si vous avez activé l’option Inclure les commentaires HTML dans la boîte de dialogue Configuration HTML de Fireworks, suivez les instructions fournies dans les commentaires pour copier/coller le code à l’emplacement approprié. 5 Si votre document Fireworks contient des éléments interactifs, copiez le code JavaScript.
La mise à jour vous permet de modifier un document HTML Fireworks déjà exporté, en particulier si vous souhaitez actualiser uniquement une partie d’un document. Remarque : la mise à jour du code HTML ne s’effectue pas de la même manière dans les documents Dreamweaver et les autres documents HTML. Pour plus d’informations, reportez-vous à la section « Utilisation de Dreamweaver » à la page 266. Lorsque vous effectuez une mise à jour, vous pouvez choisir de remplacer uniquement les images modifiées ou l’intégralité du code et des images. Si vous choisissez de remplacer uniquement les images modifiées, toutes les modifications apportées au fichier HTML en dehors de Fireworks seront conservées. Remarque : si vous souhaitez apporter d’importantes modifications à la présentation du document, effectuez-les dans Fireworks, puis réexportez le fichier HTML. 1 Sélectionnez la commande Fichier > Mettre à jour le code HTML. 2 Sélectionnez le fichier à mettre à jour. 3 Cliquez sur le bouton Ouvrir. 4 Procédez de l’une des manières suivantes :
Mettre à jour les images uniquement Ecrase uniquement les images.
1 Choisissez Fichier > Exporter. 2 Entrez un nom de fichier, puis sélectionnez un dossier de destination. 3 Dans le menu contextuel Exporter, sélectionnez CSS et Images.
• Pour exporter la page active uniquement, sélectionnez Page active uniquement. • Pour choisir le dossier devant recevoir les images, sélectionnez Placer les images dans des sous-dossiers. 4 Pour définir les propriétés de la page HTML, cliquez sur Options. 5 Pour définir une image d’arrière-plan et la faire apparaître en mosaïque, cliquez sur Parcourir :
• Pour répéter, ou mettre en mosaïque, l’image à l’horizontale et la verticale, sélectionnez Répétition. • Sélectionnez Répéter-x pour former une mosaïque horizontale. • Pour former une mosaïque verticale, sélectionnez Répéter-y. 6 Dans le navigateur, sélectionnez un alignement de page à gauche, au centre ou à droite. 7 Cliquez sur le bouton OK, puis sur Enregistrer.
Fireworks peut également importer des fichiers XHTML (voir la section « Création de fichiers PNG Fireworks à partir de fichiers HTML » à la page 8). Pour plus d’informations sur le langage XHTML, consultez les spécifications XHTML du W3C (Web World Wide Web Consortium) sur le site www.w3.org. 1 Choisissez Fichier > Configuration HTML, sélectionnez un style XHTML dans le menu contextuel Style HTML de
2 Exportez le document en utilisant l’une des méthodes d’exportation ou de copie de code HTML disponibles (voir
Remarque : Fireworks utilise le codage UTF-8 lorsque vous exportez un document vers XHTML.
Fireworks peut également importer des documents utilisant le codage UTF-8 (voir la section « Création de fichiers PNG Fireworks à partir de fichiers HTML » à la page 8). Exportation de documents sans codage UTF-8 1 Choisissez Fichier > Configuration HTML. 2 Sous l’onglet Propre au document, désactivez la case Utiliser le codage UTF-8, puis cliquez sur OK. 3 Exportez le document en utilisant l’une des méthodes d’exportation ou de copie de document HTML disponibles.
Fireworks. Les modifications effectuées dans l’onglet propre au document agissent uniquement sur le document actif. Les paramètres Général et Table sont des préférences globales qui affectent tous les nouveaux documents. 1 Procédez de l’une des manières suivantes :
• Cliquez sur le bouton Options de la boîte de dialogue Exporter. 2 Dans l’onglet Général, sélectionnez les options souhaitées. Style HTML Sélectionnez le style du code HTML exporté.
Pour exporter un document en appliquant le standard XHTML, sélectionnez le style XHTML approprié dans le menu contextuel. Extension Dans le menu contextuel , sélectionnez un nom d’extension de fichier ou entrez l’extension de votre
Inclure les commentaires HTML Sélectionnez cette option pour inclure des commentaires sur les endroits où copier et coller dans le code HTML. Elle est recommandée si le document contient des éléments interactifs tels que des boutons, des comportements ou des images survolées. Nom de fichier en minuscules Sélectionnez cette option pour vous assurer que les noms du fichier HTML et des
Remarque : cette option ne modifie pas la casse de l’extension du fichier HTML, si une extension en majuscules a été choisie dans le menu contextuel Extension. Utiliser une feuille de style CSS pour les menus contextuels Sélectionnez cette option pour utiliser une feuille de
Dreamweaver, ainsi que mettre à jour les liens dans le code. Ecrire les feuilles de style CSS dans un fichier externe Sélectionnez cette option pour que le code CSS soit écrit
également un fichier nommé mm_css_menu.js dans le même emplacement que le fichier HTML.
Créateur de fichiers (Mac OS) Sélectionnez une application associée dans le menu contextuel. Lorsque vous cliquez deux fois sur le fichier HTML exporté sur votre disque dur, il s’ouvre automatiquement dans l’application spécifiée.
4 Sous l’onglet Propre au document, sélectionnez l’une des options suivantes : Noms des fichiers de tranche Dans les menus contextuels correspondants, sélectionnez une formule permettant de
Important : si vous sélectionnez Aucune pour l’un des trois premiers menus, Fireworks exporte des fichiers de tranche qui s’écraseront mutuellement. Vous obtiendrez ainsi un seul graphique exporté et un tableau affichant ce graphique dans chaque cellule. Balise ALT par défaut Saisissez le texte qui doit apparaître à la place de toutes les images pendant leur
Exporter plusieurs fichiers HTML de la barre de navigation (à utiliser sans jeu d’images) Sélectionnez cette option
Inclure les zones sans tranches Sélectionnez cette option pour inclure les parties de la zone de travail qui ne sont pas recouvertes par des tranches. Utiliser le codage UTF-8 Cette option activée par défaut vous permet d’afficher des caractères provenant de
5 Pour enregistrer ces paramètres comme paramètres par défaut globaux, cliquez sur Paramètres par défaut.
Adobe PDF. Les réviseurs peuvent ajouter des commentaires, répondre à d’autres commentaires dans Adobe Reader® ou Acrobat®. Pour plus d’informations sur la mise en place d’un processus de révision au format PDF, consultez l’aide Acrobat. Les fichiers PDF exportés conservent toutes les pages et leurs liens hypertextes. Les réviseurs peuvent donc naviguer comme ils le feraient sur le Web. Contrairement aux prototypes HTML, les documents Adobe PDF proposent cependant des paramètres de sécurité pour empêcher les réviseurs de modifier ou de copier vos créations. 1 Choisissez la commande Fichier > Exporter. 2 Dans le menu contextuel Exporter, choisissez Adobe PDF. 3 Choisissez les pages à exporter et sélectionnez Afficher le PDF après exportation pour ouvrir automatiquement le
4 Pour personnaliser le document PDF, cliquez sur Options, puis définissez les paramètres suivants : Compatibilité Détermine les applications Adobe PDF pouvant ouvrir le fichier exporté. Compression Détermine le type de compression des images utilisé pour réduire la taille de fichier. En général, les
Qualité Pour les compressions de type JPEG et JPEG2000, propose des paramètres de qualité d’image. Si vous
Convertir en niveaux de gris Convertit toutes les images en niveaux de gris tout en réduisant la taille du fichier. Activer la sélection de texte Permet aux réviseurs de copier le texte à partir du fichier exporté. Désélectionnez cette option pour réduire la taille du fichier. Valeur de fond perdu Détermine la largeur en pixels de la bordure blanche qui délimite l’image sur chaque page.
Utiliser un mot de passe pour ouvrir le document Requiert un mot de passe pour ouvrir le fichier exporté. Utiliser un mot de passe pour restreindre les tâches Requiert un mot de passe pour effectuer les fonctions
5 Cliquez sur OK pour fermer la boîte de dialogue Options. 6 Indiquez un nom de fichier et un emplacement, puis cliquez sur Enregistrer.
Pour éviter cela, définissez un arrière-plan non transparent pour la zone de travail avant l’exportation au format PDF.
Lorsque vous consultez les fichiers PDF exportés dans Adobe Acrobat ou Adobe Reader, appliquez les paramètres suivants : 1 Dans Adobe Acrobat ou Adobe Reader sélectionnez Edition > Préférences. 2 Sélectionnez Affichage de page dans le volet gauche. 3 Définissez Résolution personnalisée sur 72 pixels par pouce. 4 Réglez la valeur de Zoom sur 100 %.
<nom_fichier.assets> est créé. Ce dossier contient les images bitmap associées au fichier. L’importation échoue si ces fichiers associés sont supprimés, en tout ou en partie, du dossier. Remarque : Les éléments, filtres, modes de fusion, dégradés et masques qui ne sont pas associés à une balise de mappage sont exportés en tant que graphiques bitmap. 1 Sélectionnez Fichier > Exporter et accédez à l’emplacement auquel enregistrer les fichiers. 2 Attribuez un nom au fichier FXG. 3 Dans la boîte de dialogue Exporter, sélectionnez FXG et images dans le menu Exporter. 4 Cliquez sur Enregistrer.
JPG compressé Joint le document actif à un nouveau message électronique en lui appliquant le paramètre d’optimisation JPEG – Qualité supérieure. Utiliser les paramètres d’exportation Joint le document actif à un message électronique en lui appliquant les
Remarque : Mozilla, Netscape 6 et Nisus Emailer ne sont pas pris en charge par le système Macintosh.
Adobe GoLive®. Par exemple, vous pouvez importer et exporter très simplement des graphiques Photoshop en tant que fichiers modifiables ou créer et modifier du code HTML en utilisant Fireworks et GoLive. Pour plus d’informations, voir le didacticiel de Dan Carr, http://www.adobe.com/go/learn_fw_interactivecontent_fr dans le Centre des développeurs.
Adobe Dreamweaver® et Fireworks reconnaissent et partagent un grand nombre de modifications possibles dans un même fichier, y compris la modification des liens, des images interactives (cartes-images) et des tranches de table. Par ailleurs, ces deux applications fonctionnent avec un flux de production rationalisé pour l’édition, l’optimisation et l’insertion de fichiers graphiques Web dans des pages HTML.
Lorsque vous insérez les fichiers JPEG de Fireworks dans Dreamweaver, la qualité du fichier est calculée de façon automatique. La valeur peut être de 79 pour certains fichiers. Remarque : avant d’utiliser l’une de ces procédures, assurez-vous que Dreamweaver est sélectionné comme type HTML dans la boîte de dialogue Configuration HTML.
1 Exportez votre image depuis Fireworks vers le dossier du site local défini dans Dreamweaver. 2 Ouvrez le document Dreamweaver, et assurez-vous qu’il est en mode Création. 3 Faites glisser l’image du panneau Fichiers vers le document Dreamweaver.
1 Placez le point d’insertion à l’endroit où vous voulez insérer l’image dans la fenêtre de document de Dreamweaver. 2 Procédez de l’une des manières suivantes :
• Cliquez sur le bouton Images: Image dans la catégorie Commun de la barre d’insertion. 3 Accédez à l’image exportée depuis Fireworks, puis cliquez sur OK.
à placer dans Dreamweaver. Lorsque vous créez une image Fireworks à partir d’un espace réservé pour l’image Dreamweaver, un document Fireworks est créé avec une zone de travail ayant les dimensions de l’espace réservé sélectionné. Remarque : tous les comportements appliqués dans Fireworks sont conservés lors de l’exportation vers Dreamweaver. De même, la plupart des comportements Dreamweaver appliqués aux espaces réservés pour les images sont également conservés lorsque vous les lancez et les modifiez dans Fireworks. Il existe cependant une exception : les survols séparés appliqués aux espaces réservés pour les images dans Dreamweaver ne sont pas conservés lorsque vous les ouvrez et les modifiez dans Fireworks. Lorsque vous fermez la session Fireworks et revenez dans Dreamweaver, le nouveau graphique Fireworks que vous avez créé remplace l’espace réservé pour l’image initialement sélectionné. 1 Dans Dreamweaver, enregistrez le document HTML souhaité dans un emplacement du dossier de site
2 Placez le point d’insertion à l’emplacement de votre choix dans le document, puis procédez de l’une des manières
• Tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfoncée, cliquez deux fois sur l’espace réservé pour l’image.
Fireworks s’ouvre avec un document vide exactement de la même taille que l’espace réservé pour l’image. La partie supérieure de la fenêtre Document indique que vous modifiez une image transférée depuis Dreamweaver. 5 Créez une image dans Fireworks, puis cliquez sur Terminé. 6 Spécifiez un nom et un emplacement pour le fichier PNG source.
Il s’agit des fichiers d’image qui s’affichent dans Dreamweaver. 8 Spécifiez un emplacement pour le ou les fichiers d’image exportés dans le dossier de site Dreamweaver, puis cliquez
Lorsque vous revenez dans Dreamweaver, l’espace réservé pour l’image initialement sélectionné est remplacé par la nouvelle image ou le nouveau tableau Fireworks.
L’exportation de fichiers Fireworks vers Dreamweaver s’effectue en deux étapes. Dans Fireworks, exportez directement des fichiers vers un dossier de site Dreamweaver. Cette opération génère un fichier HTML et les fichiers d’image associés dans l’emplacement que vous définissez. Placez ensuite le code HTML dans Dreamweaver à l’aide de la fonction Insérer du HTML Fireworks. 1 Exportez le document Fireworks HTML au format HTML. 2 Dans Dreamweaver, enregistrez votre document dans un site défini. 3 Placez le point d’insertion dans le document, à l’endroit où vous voulez insérer le code HTML. 4 Procédez de l’une des manières suivantes :
• Cliquez sur le menu contextuel Images : Image dans la catégorie Commun de la barre Insérer, puis sélectionnez HTML Fireworks. 5 Dans la boîte de dialogue qui s’affiche, cliquez sur Parcourir pour sélectionner le fichier HTML Fireworks souhaité. 6 (Facultatif) Cliquez sur Supprimer fichier après insertion pour déplacer le fichier HTML vers la Corbeille
Cette option n’affecte pas le fichier source PNG associé au fichier HTML. 7 Cliquez sur OK pour insérer le code HTML, avec les images, les tranches et le code JavaScript qui lui sont associés,
Lorsque vous copiez du code HTML Fireworks dans le Presse-papiers, l’ensemble du code HTML et JavaScript associé au document Fireworks est copié dans le document Dreamweaver, les images sont exportées vers un emplacement spécifié, et Dreamweaver met à jour le code HTML avec des liens relatifs au document vers ces images.
❖ Copiez le code HTML dans le Presse-papiers depuis Fireworks, puis collez-le directement dans un document
Vous pouvez ouvrir dans Dreamweaver un fichier HTML Fireworks exporté puis copier et coller les sections appropriées dans un autre document Dreamweaver.
Roundtrip HTML présente de nombreux avantages si vous utilisez du code HTML exporté dans Dreamweaver (voir la section « A propos de Roundtrip HTML » à la page 270). 1 Modifiez le document PNG dans Fireworks. 2 Sélectionnez la commande Fichier > Mettre à jour le code HTML. 3 Recherchez le fichier Dreamweaver contenant le code HTML à mettre à jour, puis cliquez sur Ouvrir. 4 Accédez au dossier de destination des fichiers d’image mis à jour, puis cliquez sur Ouvrir.
Remarque : si Fireworks ne trouve pas de code HTML correspondant à mettre à jour, vous pouvez insérer du nouveau code HTML dans le document Dreamweaver. La section JavaScript du nouveau code est placée au début du document, et le tableau HTML ou le lien vers l’image est inséré à la fin.
Un élément de bibliothèque est une portion de fichier HTML située dans un dossier intitulé Bibliothèque au sein du dossier racine de votre site. Les éléments de bibliothèque s’affichent sous forme de catégorie dans le panneau Actifs de Dreamweaver. Dans Dreamweaver, les éléments de bibliothèque simplifient les processus de modification et de mise à jour des composants de site Web fréquemment utilisés. Vous pouvez faire glisser un élément de bibliothèque (fichier portant l’extension .lbi) depuis le panneau Actifs vers n’importe quelle page de votre site Web. Vous ne pouvez pas modifier un élément de bibliothèque directement dans le document Dreamweaver. Vous ne pouvez modifier que l’élément de bibliothèque maître. Ensuite, vous pouvez utiliser Dreamweaver pour mettre à jour toutes les copies de cet élément dans l’ensemble de votre site Web. Les éléments de bibliothèque Dreamweaver ressemblent à des symboles Fireworks ; les modifications apportées au document de bibliothèque maître (LBI) sont répercutées dans toutes les instances de bibliothèque de l’ensemble du site. Remarque : les éléments de bibliothèque Dreamweaver ne prennent pas en charge les menus contextuels. 1 Choisissez Fichier > Exporter. 2 Sélectionnez Bibliothèque Dreamweaver dans le menu contextuel Exporter.
Remarque : Dreamweaver ne reconnaît pas le fichier exporté comme élément de bibliothèque s’il n’est pas enregistré dans le dossier Library. 3 Tapez un nom de fichier. 4 (Facultatif) Lorsque votre image comporte des tranches, sélectionnez les options correspondantes. 5 Sélectionnez Placer les images dans des sous-dossiers pour choisir un dossier distinct pour recevoir les images à
6 Cliquez sur Enregistrer.
La fonction Roundtrip HTML s’intègre étroitement à Fireworks et à Dreamweaver. Elle permet d’effectuer des modifications dans une application et de les conserver dans une autre.
(liens modifiés, cartes-images modifiées, texte et code HTML modifiés dans des tranches HTML et comportements partagés entre Fireworks et Dreamweaver). L’inspecteur des propriétés de Dreamweaver permet d’identifier les images, les tranches de table et les tableaux provenant de Fireworks. Fireworks prend en charge la plupart des types de modification de Dreamweaver. Cependant, les principaux changements apportés à la structure d’un tableau dans Dreamweaver peuvent créer des différences inconciliables entre les deux applications. Si vous modifiez radicalement la structure d’un tableau, utilisez la fonction de lancement et de modification de Dreamweaver pour modifier le tableau dans Fireworks. Remarque : en s’appuyant sur la technologie Fireworks, Dreamweaver offre des fonctions d’édition d’images élémentaires permettant de retoucher les images sans avoir recours à une application de retouche d’images externe. Les fonctions de modification d’images de Dreamweaver s’appliquent uniquement aux formats de fichier JPEG et GIF. Modification d’une image Fireworks placée dans Dreamweaver Remarque : avant de modifier des graphiques Fireworks dans Dreamweaver, vous devez au préalable exécuter quelques tâches. Pour plus d’informations, reportez-vous à la section « Définition des options de lancement et de modification » à la page 272. 1 Dans Dreamweaver, choisissez Fenêtre > Propriétés pour ouvrir l’inspecteur des propriétés. 2 Procédez de l’une des manières suivantes :
Fireworks et affiche le nom du fichier source PNG associé à cette image.) Dans l’inspecteur des propriétés, cliquez ensuite sur Modifier.
3 Lorsque le programme vous y invite, indiquez si vous désirez que le fichier source Fireworks de l’image placée soit
4 Modifiez l’image dans Fireworks.
1 Dans Dreamweaver, choisissez Fenêtre > Propriétés pour ouvrir l’inspecteur des propriétés. 2 Procédez de l’une des manières suivantes pour ouvrir le fichier PNG source dans la fenêtre de document :
(L’inspecteur des propriétés identifie la sélection comme étant un tableau Fireworks et affiche le nom du fichier source PNG associé à ce tableau.) Dans l’inspecteur des propriétés, cliquez ensuite sur Modifier.
• Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfoncée (Mac OS) sur l’image, puis, dans le menu contextuel, cliquez sur Modifier avec Fireworks. 3 Apportez les modifications dans Fireworks.
4 Une fois le tableau modifié, cliquez sur Terminé dans la fenêtre de document.
Remarque : vous pouvez obtenir un message d’erreur Dreamweaver si vous imbriquez un autre tableau dans le tableau original généré par Fireworks, puis essayez de le modifier à l’aide de Roundtrip dans Dreamweaver. Pour plus d’informations, consultez la note technique (TechNote) 19231 sur le site Web d’Adobe.
Si un seul graphique Fireworks non découpé est inséré dans un document Dreamweaver et qu’un comportement Dreamweaver est appliqué, une tranche se trouve sur le graphique lorsqu’il est ouvert et modifié dans Fireworks. La tranche n’est pas visible immédiatement, car les tranches sont désactivées automatiquement lorsque vous ouvrez et modifiez un graphique unique non découpé auquel vous appliquez des comportements Dreamweaver. Pour afficher la tranche, activez sa visibilité dans le calque Web du panneau Calques. Dans Fireworks, lorsque vous affichez les propriétés d’une tranche à laquelle est associé un comportement Dreamweaver, la zone de texte Lien de l’inspecteur des propriétés peut afficher javascript:;. Vous pouvez supprimer ce texte sans risques. Vous pouvez l’écraser pour entrer une URL si nécessaire et le comportement reste intact lorsque vous revenez dans Dreamweaver. Lorsque vous utilisez Roundtrip HTML depuis Dreamweaver, Fireworks prend en charge les formats de fichiers côté serveur, tels que CFM et PHP. Dreamweaver prend en charge tous les comportements Fireworks, y compris ceux nécessaires aux survols et aux boutons. Remarque : les éléments de bibliothèque Dreamweaver ne prennent pas en charge les menus contextuels. Fireworks prend en charge les comportements de Dreamweaver suivants lors d’une session de lancement et de modification :
• Permutation d’images • Restauration de permutation d’images • Définition de l’image de la barre de navigation • Menu contextuel Remarque : Fireworks ne prend pas en charge les comportements non natifs, y compris les comportements côté serveur.
Modification des paramètres d’optimisation d’une image Fireworks placée dans Dreamweaver 1 Dans Dreamweaver, sélectionnez l’image, puis procédez de l’une ou des deux manières suivantes :
• Cliquez sur le bouton Optimiser de l’inspecteur des propriétés. • Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfoncée (Mac OS), puis, dans le menu contextuel, sélectionnez Optimiser dans Fireworks. 2 Si un message vous y invite, indiquez si vous souhaitez ouvrir le fichier source Fireworks de l’image placée. 3 Apportez les modifications dans la boîte de dialogue Aperçu avant exportation :
• Pour modifier la taille et la zone de l’image exportée, cliquez sur l’onglet Fichier. Si vous changez les dimensions de l’image dans Fireworks, vous devez redéfinir la taille de l’image dans l’inspecteur des propriétés lorsque vous revenez dans Dreamweaver.
4 Une fois l’image modifiée, cliquez sur OK pour exporter l’image, la mettre à jour dans Dreamweaver et enregistrer
Si vous avez modifié le format de l’image, le vérificateur de liens de Dreamweaver vous invite à mettre à jour les références à cette image.
Dans le cadre de l’ouverture et de l’optimisation d’un fichier GIF animé, vous pouvez modifier les paramètres de l’animation. Les options d’animation de la boîte de dialogue Aperçu avant exportation sont identiques à celles du panneau Etats de Fireworks. Remarque : pour modifier des éléments graphiques dans une animation Fireworks, vous devez ouvrir et modifier l’animation Fireworks.
Pour utiliser efficacement la fonction Roundtrip HTML, vous devez exécuter préalablement quelques tâches, notamment définir Fireworks comme éditeur d’images principal dans Dreamweaver, spécifier les préférences de lancement et de modification dans Fireworks et définir un site local dans Dreamweaver.
Remarque : vous n’avez besoin de définir cette préférence que s’il vous est difficile de démarrer Fireworks à partir de Dreamweaver. 1 Dans Dreamweaver, choisissez Edition > Préférences, puis sélectionnez Types de fichiers/Editeurs. 2 Dans la liste Extensions, sélectionnez une extension (.gif, .jpg ou .png) pour le nom du fichier d’image Web. 3 Dans la liste Editeurs, choisissez l’option Fireworks. Si Fireworks ne se trouve pas dans la liste, cliquez sur le bouton
5 Répétez les étapes 2 à 4 pour définir Fireworks comme éditeur principal pour les autres types de fichiers
Fireworks Les préférences de lancement et de modification Fireworks permettent de définir la manière dont les fichiers sources PNG sont traités lorsque vous ouvrez des fichiers Fireworks depuis une autre application.
2 Cliquez sur la catégorie Lancer et modifier, puis définissez les options comme vous le souhaitez.
Lorsque vous exportez vers un site Dreamweaver un fichier Fireworks à partir d’un fichier source PNG enregistré, Fireworks crée une Design Note (note de conception) contenant des informations sur le fichier PNG. Lorsque vous ouvrez et modifiez une image Fireworks depuis Dreamweaver, ce dernier utilise la Design Note correspondante pour localiser le fichier source PNG pour cette image. Pour obtenir de meilleurs résultats, enregistrez toujours votre fichier source PNG Fireworks ainsi que les fichiers exportés dans un site Dreamweaver. Tout autre développeur du site est ainsi en mesure de trouver le fichier source PNG lorsqu’il lance Fireworks à partir de Dreamweaver.
Le bouton Gestion des fichiers , situé dans la partie supérieure de la fenêtre de document, permet d’accéder facilement aux commandes de transfert de fichier. Utilisez ce bouton si votre document réside dans un dossier de site Dreamweaver et si le site a accès à un serveur distant. Pour permettre à Fireworks de reconnaître le dossier comme un site, utilisez la boîte de dialogue Gérer les sites de Dreamweaver pour définir le dossier cible (ou un dossier conteneur) comme dossier racine local du site. Remarque : pour utiliser les options d’archivage et d’extraction de fichier de Fireworks, activez-les pour le site Dreamweaver contenant le document. Acquérir Copie la version distante du fichier sur le site local en remplaçant le fichier local par la copie distante. Extraire Extrait le fichier en remplaçant le fichier local par la copie distante. Placer Copie la version locale du fichier sur le site distant en remplaçant le fichier distant par la copie locale. Archiver Archive le fichier local en remplaçant le fichier distant par la copie locale. Annuler l’extraction Annule l’extraction du fichier local et l’archive en remplaçant le fichier local par la copie distante.
HomeSite pour modifier des graphiques Web. Lorsque vous quittez Fireworks, les mises à jour que vous avez apportées sont automatiquement appliquées à l’image placée dans HomeSite. Ensemble, les deux applications fournissent un processus rationnel de modification de graphiques Web dans les pages HTML.
Une fois les images GIF ou JPEG exportées depuis Fireworks, vous pouvez les insérer dans un document HomeSite. 1 Dans HomeSite, enregistrez votre document (cette étape est nécessaire pour créer les chemins relatifs vers les
2 Dans la fenêtre Resources (Ressources), sélectionnez l’image Fireworks que vous avez exportée. 3 Pour insérer l’image Fireworks dans votre document HomeSite, procédez de l’une des manières suivantes :
Fireworks, cliquez ensuite avec le bouton droit de la souris sur le fichier dans la fenêtre Resources (Ressources), puis sélectionnez l’option Insert as Link (Insérer comme lien). Un lien vers l’image Fireworks est créé dans le code HTML. Cliquez sur l’onglet Parcourir pour afficher l’aperçu de l’image dans le document HomeSite.
Remarque : avant d’exporter, de copier ou de mettre à jour le code HTML Fireworks pour l’utiliser dans HomeSite, sélectionnez le type de code HTML Générique dans la boîte de dialogue Configuration HTML. Pour plus d’informations, consultez l’Aide de Fireworks.
L’exportation du code HTML Fireworks génère un fichier HTML et les fichiers d’image associés dans l’emplacement que vous définissez. Vous pouvez ensuite ouvrir le fichier HTML dans HomeSite pour le modifier. ❖ Exportez votre document au format HTML depuis Fireworks, puis ouvrez le fichier exporté dans HomeSite en
Copiez le code HTML généré par Fireworks dans le Presse-papiers depuis Fireworks, puis collez ce code dans un document HomeSite. Toutes les images requises sont exportées à l’emplacement que vous spécifiez. ❖ Copiez le code HTML dans le Presse-papiers depuis Fireworks, puis collez directement ce code dans un nouveau
❖ Exportez un fichier HTML Fireworks, puis copiez et collez le code souhaité dans un document HomeSite existant.
• Cliquez avec le bouton droit de la souris sur le fichier d’image dans l’un des onglets Fichiers de la fenêtre des ressources.
• Cliquez avec le bouton droit de la souris sur la balise img associée dans le code HTML affiché dans l’onglet Edit (Modifier) de la fenêtre de document. 3 Dans le menu contextuel, cliquez sur Edit In Fireworks (Modifier dans Fireworks).
4 Si un message vous y invite, indiquez si vous désirez rechercher le fichier source Fireworks de l’image placée. Pour
5 Modifiez l’image dans Fireworks.
6 Une fois les modifications terminées, cliquez sur Terminé dans la fenêtre Document.
Vous pouvez exporter et copier du code HTML Fireworks dans GoLive, comme vous le faites avec la plupart des éditeurs HTML. La seule exception réside dans le fait que vous devez sélectionner HTML GoLive comme style HTML avant d’exporter ou de copier le code HTML depuis Fireworks. Remarque : le style HTML GoLive ne prend pas en charge le code de menus contextuels. Si votre document Fireworks contient des menus contextuels, sélectionnez le style HTML Générique avant l’exportation.
• Vous pouvez facilement importer, copier et coller ou exporter des objets vectoriels, des objets bitmap, des animations et des graphiques de boutons multi-états Fireworks pour les utiliser dans Adobe Flash®.
TLF en texte ASCII et importation de ce dernier dans Fireworks.
Lorsque vous utilisez Flash, les préférences de lancement et de modification définies dans Fireworks sont toujours appliquées.
Fireworks et d’autres éléments d’interactivité ne sont pas importés dans Flash.
Les procédures d’importation ou de copie de fichiers PNG Fireworks vous permettent de contrôler très précisément la manière dont les graphiques et les animations sont ajoutées dans Flash. Vous pouvez également importer des fichiers JPEG, GIF, PNG et SWF exportés depuis Fireworks. Remarque : lorsque vous importez ou copiez et collez des graphiques Fireworks dans Flash, certains attributs sont perdus, notamment les filtres dynamiques et les textures. Vous ne pouvez pas importer ni copier et coller un effet de dégradé de contour de Fireworks dans un document Flash. En outre, Flash prend en charge uniquement les fonds unis, les fonds en dégradé et les contours élémentaires.
Vous pouvez importer des fichiers sources PNG Fireworks directement dans Flash sans avoir à exporter dans un autre format graphique. Tous les objets vectoriels, objets bitmap, animations et boutons multi-états Fireworks peuvent être importés dans Flash. Remarque : les comportements de bouton Fireworks et autres types d’interactions ne sont pas importés dans Flash car les comportements Fireworks sont activés par du code JavaScript, externe au format de fichier. Flash utilise un code interne, ActionScript. 1 Enregistrez le document dans Fireworks. 2 Accédez à un document ouvert dans Flash. 3 (Facultatif) Cliquez sur l’état clé et le calque vers lequel vous voulez importer le contenu Fireworks. 4 Choisissez Fichier > Importer. 5 Recherchez le fichier PNG, puis sélectionnez-le. 6 Dans la boîte de dialogue Importer un document Fireworks, procédez de l’une des manières suivantes :
• Dans les deux menus contextuels, sélectionnez une option d’importation. 7 Sélectionnez le mode d’importation du texte. 8 Cliquez sur OK.
Options d’importation de graphiques Importer sous la forme d’une image bitmap aplatie Importe une image non modifiable. Importer toutes les pages dans de nouveaux états sous forme de clips Importe toutes les pages du fichier PNG dans
clip placé dans l’état et le calque actifs du fichier Flash. La hiérarchie des calques et des états au sein du fichier PNG est préservée. Importer toutes les pages dans de nouvelles séquences sous forme de clips Importe toutes les pages du fichier PNG et
Importer la page 1 dans un nouveau calque La page sélectionnée est importée sous forme de nouveau calque. Les états sont importés dans le scénario en tant qu’états distincts.
Importer au format bitmap pour préserver l’apparence Permet de conserver le caractère modifiable des objets
Importer sous forme de tracés modifiables Permet de conserver le caractère modifiable de tous les objets vectoriels. Si
Options d’importation de texte Importer au format bitmap pour préserver l’apparence Permet de conserver le caractère modifiable du texte, sauf s’il
Remarque : Le texte TLF de Flash est copié en tant qu'image bitmap vierge dans Fireworks. Rendre tout le texte modifiable Permet de conserver le caractère modifiable de l’ensemble du texte. Si les objets texte
Pour copier des graphiques dans des versions de Flash antérieures à Flash 8, choisissez Edition > Copier les contours du tracé. Remarque : il peut être nécessaire de cliquer sur Modification > Dissocier pour dissocier les objets afin de les modifier comme objets vectoriels individuels dans Flash. 1 Dans Fireworks, sélectionnez les objets à copier. 2 Dans le menu contextuel de Flash, cliquez sur Edition > Copier et choisissez Copier. 3 Dans Flash, créez un document puis choisissez Edition > Coller, ou faites glisser le fichier directement de Fireworks
4 Dans la fenêtre Importer un document Fireworks, sélectionnez une option Dans : Etats actifs sous forme de clip Le contenu collé est importé sous forme de clip, celui-ci étant placé dans l’état et le
Nouveau calque Le contenu collé est importé sous forme de nouveau calque. Les états sont importés dans le
5 Sélectionnez le mode d’importation des objets vectoriels. 6 Sélectionnez le mode d’importation du texte.
A propos de la structure de la bibliothèque Flash Les objets Fireworks sont importés dans un dossier d’objets Fireworks dans la bibliothèque Flash. La structure de ce dossier se présente comme suit : Dossier du fichier 1 // Nommé en fonction du nom du fichier Fireworks
— Page 1 // Nommée en fonction du nom de la page — — Dossier de l’état 1 // Nommé en fonction du nom de l’état (s’il y en a plusieurs) — — Etat 1 // Nommé en fonction du nom de l’état — — — Symbole 1 de l’état 1 // Nommé en fonction du nom du symbole — — — Symbole 2 de l’état 1 ... — Dossier des calques partagés // Calques partagés entre les états de la page 1 — — Dossier de calque partagé // Nommé en fonction du calque partagé — — Symbole du calque partagé
— Page 2 — Symbole 1 de la page 2 (pour une page ne contenant aucun état) ...
— Gabarit Lorsque vous importez des symboles Fireworks dans Flash, vous devez tenir compte des points suivants :
• Pour bénéficier pleinement de la fonctionnalité complète du symbole enrichi dans Flash, vous devez le remplacer par la version Flash du symbole.
Les objets et les calques masqués dans le fichier PNG sont importés et restent masqués dans Flash. En revanche, les parties invisibles d’un symbole graphique enrichi ne sont pas importées (état Au-dessus ou Enfoncé d’un bouton, par exemple). Si un calque est verrouillé ou masqué, tous les objets et sous-calques qui le composent héritent de cette caractéristique et la conservent lors de leur importation dans Flash. Cependant, si vous importez une seule page dans un nouveau calque dans Flash, un calque est créé pour la page entière, et tous les objets sont affichés. Dans ce cas, les attributs de visibilité et de verrouillage ne sont pas conservés.
Effet dynamique Photoshop - Ombre portée L’effet est mappé comme suit :
• distance est mappé sur distance • couleur est mappé sur couleur • angle est mappé sur 180 - (angle d’effet Photoshop) Effet dynamique Photoshop - Ombre interne L’effet est mappé comme suit :
• distance est mappé sur distance • couleur est mappé sur couleur • angle est mappé sur 180 - (angle d’effet Photoshop) Effet dynamique Photoshop - Lueur externe L’effet est mappé comme suit :
• couleur est mappé sur couleur • taille est mappé sur flouX, flouY Effet dynamique Photoshop - Lueur interne L’effet est mappé comme suit :
• couleur est mappé sur couleur • taille est mappé sur flouX, flouY • Les objets comportant des effets de calque Photoshop autres que ceux indiqués ci-dessus sont pixellisés.
Vous pouvez exporter des graphiques Fireworks sous forme de fichiers JPEG, GIF, PNG et Adobe Illustrator 8 (AI), puis les importer dans Flash.
4 Cliquez sur le bouton Options, puis sélectionnez une option Objets : Conserver les tracés Permet de conserver le caractère modifiable des tracés. Les effets et la mise en forme sont
Conserver l’aspect Permet de convertir les objets vectoriels en objets bitmap et de conserver l’aspect des contours
5 Sélectionnez une option Texte : Conserver le caractère modifiable Permet de continuer à modifier le texte. Les effets et la mise en forme sont
Convertir en tracés Permet de convertir le texte en tracés tout en conservant le crénage ou l’espacement personnalisé dans Fireworks. Le caractère modifiable du texte est perdu.
7 Sélectionnez les états à exporter et leur cadence en secondes. 8 Cliquez sur OK, puis sur Enregistrer dans la boîte de dialogue Exporter.
Pour exporter les fichiers PNG 32 bits avec transparence, importez simplement les fichiers sources PNG Fireworks dans Flash. Pour exporter les fichiers PNG 8 bits avec transparence, procédez comme suit : 1 Dans Fireworks, choisissez Fenêtre > Optimisation pour ouvrir le panneau Optimisation. 2 Sélectionnez le format de fichier d’exportation PNG 8 et l’option Transparence alpha dans le menu contextuel
3 Choisissez Fichier > Exporter. 4 Sélectionnez Images uniquement dans le menu contextuel Type. 5 Donnez un nom au fichier, et enregistrez-le.
1 Créez un document dans Flash. Remarque : si vous importez un graphique Fireworks dans un fichier Flash existant, créez un nouveau calque dans Flash.
Fireworks. Remarque : les fichiers PNG natifs Fireworks importés dans Flash constituent une exception, à moins que vous les ayez importés sous forme d’une image bitmap aplatie. Si le graphique a été exporté depuis Fireworks et que vous avez enregistré le fichier PNG d’origine, vous pouvez modifier le fichier PNG dans Fireworks depuis Flash. Lorsque vous revenez dans Flash, le fichier PNG et le graphique dans Flash sont mis à jour. 1 Dans Flash, cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfoncée
2 Dans le menu contextuel, cliquez sur Modifier avec Fireworks.
3 Cliquez sur Oui dans la zone Recherche de la source pour rechercher le fichier PNG d’origine du graphique
4 Modifiez l’image, puis cliquez sur Terminé.
Les fonctions suivantes sont préservées lors de l’importation de fichiers Illustrator : Points de Bézier Le nombre et la position des points de Bézier seront préservés.
Fonds en dégradé Les dégradés sont importés sous forme de dégradés Fireworks natifs. Tous les points de la rampe
Images Les fichiers AI Illustrator peuvent contenir des fichiers importés aux formats suivants : PDF, BMP, EPS, GIF,
Fireworks en tant qu’images pixellisées. Fireworks ne peut cependant pas ouvrir les fichiers AI Illustrator contenant des images liées, telles qu’EPS et AI. Masques d’écrêtage Fireworks prend en charge l’importation des masques d’écrêtage contenant des tracés et des
Contours avec fond Les contours avec fond sont importés en un seul objet de dessin. Fonds unis Les fonds unis sont importés en un seul objet de dessin. Tracés transparents Les tracés transparents sont importés en un seul objet de dessin. Groupes Le groupe est préservé, et les objets associés individuels s’affichent en tant qu’objets de dessin. Graphes Les graphes sont importés sous forme de groupes et perdent leur caractère modifiable. Primitives Les primitives Illustrator sont en fait des tracés ; elles ne sont donc pas importées en tant que primitives
Motifs Les motifs sont importés en tant que mosaïque individuelle. Cette mosaïque est importée en tant que motif natif dans Fireworks ; ce motif est ensuite affecté à l’objet de dessin. Contours Les contours sont importés sous forme de groupes multiples (un groupe par tracé fermé). Symboles Les symboles sont importés sous forme d’objets de groupe normaux.
Pour ouvrir un fichier Illustrator contenant plusieurs plans de travail, procédez de l’une des manières suivantes : Importation du fichier Illustrator dans Fireworks Utilisez l’option Fichier > Importer pour importer des fichiers
Lorsque vous importez un fichier Adobe Illustrator contenant plusieurs plans de travail, le menu Page de la boîte de dialogue Options de fichier vectoriel est activé. Sélectionnez le plan de travail à importer dans le menu Page. Chaque plan de travail d’Illustrator est mappé à une page dans Fireworks. Les plans de travail 1, 2, 3 du fichier Adobe Illustrator, par exemple, s’affichent sous la forme 1, 2, 3 dans le menu Page. Ouverture du fichier Illustrator dans Fireworks Pour ouvrir tous les plans de travail d’un fichier Illustrator, sélectionnez Fichier > Ouvrir et ouvrez le fichier concerné. Tous les plans de travail étant importés sous forme de pages distinctes, les options Conversion de fichiers de la boîte de dialogue Options de fichier vectoriel sont désactivées.
Fireworks importe les fichiers Photoshop (PSD) natifs en conservant la plupart de leurs fonctions propres à ce format. Vous pouvez également exporter les graphiques Fireworks vers Photoshop pour les retoucher avec précision.
Pour placer des images Photoshop dans Fireworks, utilisez les commandes Fichier > Importer et Fichier > Ouvrir ou faites glisser les fichiers sur la zone de travail. La commande Importer permet d’accéder aux options spécifiques du calque d’arrière-plan et des dossiers de calque. La commande Ouvrir et la méthode d’insertion par glisser-déposer permettent, quant à elles, d’accéder aux options des repères et des états.
« Préférences d’importation et d’ouverture de fichiers Photoshop » à la page 313
Lorsque vous ouvrez ou importez un fichier Photoshop, Fireworks convertit l’état au format PNG en respectant les préférences d’importation que vous avez spécifiées (Voir « Préférences d’importation et d’ouverture de fichiers Photoshop » à la page 313.)
• La première couche alpha de la palette Couches est convertie en zones transparentes dans l’image Fireworks. Fireworks ne prend pas en charge les autres couches alpha de Photoshop.
Chaque image que vous déplacez, ouvrez ou importez devient un nouvel objet bitmap. Remarque : sous Windows, les noms des fichiers doivent inclure une extension PSD de façon à être identifiés correctement par Fireworks. 1 Procédez de l’une des manières suivantes :
• Choisissez Fichier > Ouvrir ou Fichier > Importer, puis sélectionnez un fichier Photoshop (PSD). 2 Cliquez sur le bouton Ouvrir. 3 Dans la boîte de dialogue qui s’affiche, définissez les options d’image, puis cliquez sur OK. 4 Si vous utilisez la commande Fichier > Importer, un curseur en forme de L inversé apparaît. Dans la zone de travail,
« Préférences d’importation et d’ouverture de fichiers Photoshop » à la page 313
Lorsque vous importez ou ouvrez un fichier Photoshop dans Fireworks, une boîte de dialogue vous permet de choisir le mode d’importation de l’image. Les options que vous choisissez déterminent l’aspect et le caractère modifiable des fichiers importés. 1 Spécifiez les dimensions de l’image en pixels ou en pourcentage, et indiquez une résolution en pixels. Pour
2 Si le fichier Photoshop contient des compositions de calques, spécifiez la version de l’image à importer. Sélectionnez
3 Dans le menu contextuel du bas, choisissez le type d’ouverture de l’image Photoshop dans Fireworks : Conserver le caractère modifiable du calque plutôt que l’apparence Préserve la structure de calques et le caractère
chacun d’eux en objet bitmap. Vous n’aurez plus la possibilité de modifier les calques Photoshop dans Fireworks. Les groupes de calques sont cependant conservés. Utiliser les préférences personnalisées Importe le fichier en utilisant les paramètres de conversion de fichier personnalisés indiqués dans la boîte de dialogue Préférences (Voir « Préférences d’importation et d’ouverture de fichiers Photoshop » à la page 313.) Aplatir les calques Photoshop en une seule image Importe le fichier Photoshop sous la forme d’une image aplatie
4 Si vous avez utilisé la commande Fichier > Importer, vous pouvez sélectionner les options suivantes : Inclure le calque d’arrière-plan Importe les objets situés sur le calque d’arrière-plan de l’image. Importer dans un nouveau dossier Importe l’image dans un nouveau dossier de calque nommé Importation
5 Si vous avez utilisé la commande Fichier > Ouvrir ou fait glisser le fichier Photoshop dans Fireworks, vous pouvez
Inclure les repères Conserve les repères Photoshop à leur position initiale. Convertir les calques en états Place chaque groupe de calques Photoshop dans son propre état.
Pour importer rapidement un texte spécifique dans un fichier Photoshop, copiez-le directement dans Fireworks. Le texte copié conserve tous ses attributs textuels. Lorsque vous importez des fichiers Photoshop contenant du texte, Fireworks vérifie si vous disposez des polices nécessaires sur votre système. Si tel n’est pas le cas, un message Fireworks vous demande si vous souhaitez remplacer les polices ou conserver leur aspect. Si des effets pris en charge par Fireworks sont appliqués au texte dans le fichier Photoshop, ils sont conservés dans Fireworks. Toutefois, étant donné que Fireworks et Photoshop n’appliquent pas les effets de la même manière, ces effets peuvent être différents dans chaque application. Lorsque vous ouvrez ou importez dans Fireworks des fichiers Photoshop 6 ou 7 contenant du texte, si l’option Conserver l’apparence est activée, une image cache du texte s’affiche pour conserver l’aspect Photoshop. Une fois le texte modifié, l’image cache est remplacée par le texte réel dont l’aspect peut être différent de celui de l’original. Les données relatives à la police d’origine sont stockées dans le fichier PNG de manière à ce que, si le fichier se trouve sur un système disposant des polices adéquates, vous puissiez les utiliser. Remarque : Fireworks ne permet pas d’exporter du texte dans le format Photoshop 6 ou 7. Si vous modifiez un document Photoshop 6 ou 7 contenant du texte et que vous réexportez le document dans Photoshop, le fichier est exporté au format Photoshop 5.5. Si vous ne modifiez pas le texte, le fichier est exporté au format Photoshop 6.
« Préférences d’importation et d’ouverture de fichiers Photoshop » à la page 313
A la suite de l’importation ou de l’exportation, la qualité du dégradé varie en fonction de son type. Une légère variation de la couleur et de l’opacité des dégradés peut également se produire.
1 Dans la boîte de dialogue Préférences, sélectionnez Importation/Ouverture PS. 2 Sélectionnez Conserver l’aspect des calques réglés.
Lorsque vous importez un fichier PSD contenant un calque de réglage, l’aspect des calques individuels est conservé à la suite de l’importation. Veillez à sélectionner Paramètres personnalisés issus des préférences dans la boîte de dialogue.
Fireworks met à votre disposition de nombreux filtres et modules externes Photoshop ou de fabricants tiers, accessibles depuis la fenêtre Filtres dynamiques ou le menu Filtres. Remarque : les modules externes et les filtres de Photoshop 5.5 (et versions antérieures) sont pris en charge. Pour plus d'informations, voir http://www.fireworkszone.com/g-2-536. Les modules externes et les filtres Photoshop à partir de la version 6 ne sont pas compatibles avec Fireworks.
1 Choisissez Edition > Préférences (Windows) ou Fireworks > Préférences (Mac OS). 2 Sélectionnez la catégorie Modules externes. 5 Cliquez sur OK pour fermer la boîte de dialogue Préférences. 6 Relancez Fireworks. 2 Dans le menu contextuel, cliquez sur Options > Rechercher les modules externes. 3 Accédez au dossier d’installation des filtres et modules externes Photoshop ou tiers, puis cliquez sur le bouton
4 Relancez Fireworks pour charger les filtres et les modules externes.
Fireworks offre une prise en charge complète pour l’exportation de fichiers au format Photoshop (PSD). Une image Fireworks exportée dans Photoshop reste modifiable lorsque vous la rouvrez dans Fireworks en tant que graphique Photoshop. Les utilisateurs de Photoshop peuvent travailler sur leurs graphiques dans Fireworks, puis poursuivre leur modification dans Photoshop. L’extension PSD Save permet d’exporter rapidement les pages et états que contient le document Fireworks en tant que fichiers PSD distincts. Pour la télécharger, accédez à http://www.adobe.com/go/learn_fw_psdsave_fr
1 Choisissez Fichier > Enregistrer sous. 2 Nommez votre fichier, puis sélectionnez Photoshop PSD dans le menu Type. 3 Pour spécifier des paramètres d’exportation prédéfinis pour les objets, les effets et le texte, cliquez sur le bouton
Privilégier le caractère modifiable Convertit les objets en calques, conserve le caractère modifiable des effets et
Préserver l’aspect de Fireworks Convertit chaque objet en calque Photoshop isolé, mais les effets et le texte ne
Photoshop tout en conservant l’aspect original de l’image Fireworks.
Personnalisé Permet de sélectionner des paramètres spécifiques pour les objets, les effets et le texte.
100 calques. Vous devez supprimer ou fusionner les objets lorsque le document Fireworks à exporter comporte plus de 100 objets.
1 Dans la boîte de dialogue Enregistrer sous, sélectionnez Photoshop PSD comme type de fichier, puis cliquez 2 Dans le menu contextuel Paramètres, sélectionnez Personnalisés. 3 Dans le menu contextuel Objets, choisissez l’une des options suivantes : Convertir en calques Photoshop Convertit chaque objet Fireworks en calque Photoshop et chaque masque
Aplatir tous les calques Fireworks Aplatit tous les objets de chacun des calques Fireworks, lesquels se transforment
Fireworks dans Photoshop. Vous perdez également d’autres fonctions (modes de fusion) qui sont associées aux objets de Fireworks. 4 Dans le menu contextuel Effets, choisissez l’une des options suivantes : Conserver le caractère modifiable Convertit les filtres dynamiques Fireworks en leur équivalent Photoshop. Les effets qui n’existent pas dans Photoshop sont ignorés. Rendu des effets Aplatit les effets avec les objets auxquels ils s’appliquent. Si vous sélectionnez cette option, vous
5 Dans le menu contextuel Texte, choisissez l’une des options suivantes : Conserver le caractère modifiable Convertit le texte en un calque Photoshop modifiable. La mise en forme de texte non prise en charge par Photoshop est alors perdue. Rendu du texte Transforme le texte en un objet image. Si vous sélectionnez cette option, vous conservez l’aspect du texte mais n’avez plus la possibilité de le modifier.
Fireworks permet d’exporter des contenus graphiques et interactifs vers Director®. Cela permet aux utilisateurs de Director de tirer parti des outils d’optimisation et de conception graphique de Fireworks sans compromettre la qualité.
• Vous pouvez exporter les images découpées en tranches avec des survols. Remarque : le style HTML Director ne prend pas en charge le code de menus contextuels.
Pour plus d’informations sur l’exportation d’images Fireworks aplaties JPEG et GIF, consultez l’Aide de Fireworks.
1 Dans Fireworks, choisissez Fenêtre > Optimisation, remplacez le format de fichier d’exportation par PNG 32, et
2 Choisissez Fichier > Exporter. 3 Sélectionnez Images uniquement dans le menu contextuel Type. 4 Donnez un nom au fichier, et enregistrez-le.
En exportant des tranches Fireworks vers Director, vous pouvez exporter des contenus découpés et interactifs, tels que des boutons et des images de survol. En exportant des calques vers Director, vous pouvez exporter des contenus Fireworks contenant des calques tels que des animations. 1 Dans Fireworks, choisissez Fichier > Exporter. 2 Dans la boîte de dialogue Exporter, entrez un nom de fichier, et sélectionnez un dossier de destination. 3 Dans le menu contextuel Enregistrer sous, cliquez sur Director. 4 Sélectionnez une option Source : Calques Fireworks Exporte chacun des calques du document. Sélectionnez cette option si vous exportez un
Tranches Fireworks Exporte les tranches du document. Sélectionnez cette option si vous exportez un contenu découpé ou interactif, tel que des images de survol et des boutons.
6 Sélectionnez Placer les images dans des sous-dossiers pour choisir le dossier devant recevoir les images.
1 Dans Director, choisissez Fichier > Importer. 2 Accédez au fichier approprié, et cliquez sur Importer. 3 (Facultatif) Modifiez les options de la boîte de dialogue Options d’image. Pour plus d’informations sur chaque
4 Cliquez sur OK pour afficher le graphique importé sous une forme bitmap.
1 Dans Director, choisissez Insertion > Fireworks > Images depuis HTML Fireworks.
Director. 2 Recherchez le fichier HTML Fireworks que vous avez exporté pour Director.
Enregistrement Permet de définir le point d’enregistrement des graphiques importés. Importation de comportements de survol en code Lingo Convertit les comportements Fireworks en code Lingo. Importation selon scénario Place les acteurs dans le scénario après l’importation.
Remarque : si vous importez une animation Fireworks, faites glisser les états clés dans Director pour décaler le délai de chaque calque importé, si nécessaire.
Voir aussi « Préférences de lancement et de modification » à la page 314
1 Dans Director, cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfoncée
2 Dans le menu contextuel, sélectionnez Modifier avec éditeur externe.
Fichier > Préférences > Editeurs et sélectionnez Fireworks. Le fichier s’ouvre dans Fireworks, et la partie supérieure de la fenêtre de document indique que vous modifiez un fichier provenant de Director. 3 Apportez les modifications requises, puis cliquez sur Terminé.
L’intégration de lancement et de modification permet de modifier les acteurs Director en démarrant Fireworks pour les modifier depuis Director. Vous pouvez également démarrer Fireworks depuis Director pour optimiser les acteurs.
Lancez Fireworks depuis Director pour prévisualiser les modifications d’optimisation apportées aux acteurs sélectionnés. 1 Dans Director, sélectionnez l’acteur dans la fenêtre Distribution, et cliquez sur Optimiser dans Fireworks sous
2 Dans Fireworks, modifiez les paramètres d’optimisation. 3 Cliquez sur Mettre à jour une fois que vous avez terminé. Si la boîte de dialogue d’édition mixte s’affiche, cliquez
2 Effectuez l’une des opérations suivantes :
La boîte de dialogue Informations affiche les données d’appareil photo, d’autres propriétés de fichier, un historique des modifications, le copyright et des informations sur l’auteur. La boîte de dialogue Informations affiche également les panneaux des métadonnées personnalisés. Vous pouvez ajouter des métadonnées directement dans la boîte de dialogue Informations. Si vous sélectionnez plusieurs fichiers, la boîte de dialogue affiche l’emplacement des différentes valeurs associées à un champ de texte. Toute information entrée dans un champ remplace les métadonnées existantes et applique la nouvelle valeur à tous les fichiers sélectionnés. Remarque : vous pouvez également afficher des métadonnées dans le panneau Métadonnées, dans certaines vues du panneau Contenu et en plaçant le pointeur au-dessus de la vignette dans le panneau Contenu. 1 Sélectionnez un ou plusieurs fichiers. 2 Choisissez Fichier > Informations. 3 Sélectionnez l’une des options des onglets situés dans la partie supérieure de la boîte de dialogue :
Description Permet d’entrer des informations sur le fichier, notamment le titre du document, l’auteur, la
IPTC Comprend quatre zones : Contenu IPTC : décrit le contenu visuel de l’image. Contact IPTC : liste les
Données de la caméra Comprend deux zones : Données de la caméra 1 : affiche des informations en lecture seule
Données vidéo Liste des informations sur le fichier vidéo, notamment la largeur et la hauteur de l’image vidéo, et
SWF mobile Liste des informations sur les fichiers de supports mobiles, notamment le titre, l’auteur, la description
Catégories Permet d’entrer des informations selon les catégories Associated Press. Origine Permet d’entrer des informations de fichier utiles pour les organes de presse, notamment la date et
DICOM Liste les informations sur les patients, les études, les séries et les équipements des images DICOM. Historique Affiche les données du journal d’historique Adobe Photoshop pour les images enregistrées avec Photoshop. L’option Historique s’affiche uniquement si Adobe Photoshop est installé. Illustrator Permet d’appliquer un profil de document pour une sortie vers une imprimante, le Web ou un mobile. Avancé Affiche les champs et les structures de stockage des métadonnées en utilisant des espaces de nom et des propriétés, notamment ceux du format de fichier et XMP, Exif et PDF. Données brutes Affiche les informations de texte XMP sur le fichier.
5 Cliquez sur le bouton OK pour appliquer les modifications.
Vous pouvez créer de nouveaux modèles de métadonnées dans Adobe Bridge en utilisant la commande Créer un modèle de métadonnées. Vous pouvez également modifier les métadonnées dans la boîte de dialogue Informations et les enregistrer sous forme de fichier texte doté de l’extension de fichier .xmp. Vous partagez des fichiers XMP avec d’autres utilisateurs ou les appliquez à d’autres fichiers. Vous pouvez enregistrer des métadonnées dans un modèle que vous utiliserez pour générer des métadonnées dans des documents Adobe InDesign et d’autres documents créés à l’aide de logiciels compatibles XMP. Les modèles que vous créez sont stockés dans un emplacement partagé auquel tous les logiciels compatibles XMP peuvent accéder. Pour afficher vos modèles XMP, ouvrez la boîte de dialogue Informations, cliquez sur le bouton Importer, puis choisissez Afficher le dossier de modèles.
1 Procédez de l’une des manières suivantes :
• Choisissez Créer un modèle de métadonnées dans le menu du panneau Métadonnées. 2 Saisissez un nom dans le champ Nom de modèle. 3 Sélectionnez les métadonnées à inclure dans le modèle à partir des champs de la boîte de dialogue Créer un modèle
Remarque : si vous sélectionnez une option de métadonnées et laissez le champ correspondant vide, Adobe Bridge efface les métadonnées existantes lorsque vous appliquez le modèle. 4 Cliquez sur Enregistrer.
2 Choisissez Exporter dans le menu contextuel situé en bas de la boîte de dialogue. 3 Tapez un nom de fichier, définissez l’emplacement du fichier, puis cliquez sur Enregistrer.
1 Pour afficher les modèles de métadonnées dans l’explorateur Windows (Windows) ou le Finder (Mac OS),
Informations, puis choisissez Afficher le dossier de modèles. 2 Sélectionnez le modèle que vous souhaitez supprimer et appuyez sur la touche Suppr. ou faites-le glisser vers la
1 Sélectionnez un ou plusieurs fichiers. 2 Choisissez une des deux commandes suivantes dans le menu du panneau Métadonnées ou le menu Outils :
1 Procédez de l’une des manières suivantes :
• Choisissez Modifier un modèle de métadonnées (suivi du nom du modèle) dans le menu du panneau Métadonnées. 2 Entrez de nouvelles valeurs pour les métadonnées de tous les champs. 3 Cliquez sur Enregistrer.
1 Sélectionnez un ou plusieurs fichiers. 2 Choisissez Fichier > Informations. 3 Choisissez Importation dans le menu déroulant situé au bas de la boîte de dialogue.
4 Spécifiez la manière dont vous voulez importer les données : Remplacement des propriétés existantes par celles du modèle Remplace toutes les métadonnées du fichier par
Remplace uniquement les métadonnées ayant des propriétés différentes dans le modèle. Conservation des métadonnées d’origine, mais ajout de propriétés correspondantes à partir du modèle (Par
5 Cliquez sur OK. 6 Accédez au fichier texte XMP, puis cliquez sur Ouvrir.
Il est possible d’afficher un aperçu des documents Fireworks dans divers émulateurs mobiles accessibles dans Device Central. Device Central est automatiquement installé en conjonction avec Fireworks.
1 Créez le document dont vous souhaitez afficher l’aperçu dans Fireworks. Vous pouvez également créer un
2 Sélectionnez Fichier > Aperçu dans Device Central. 3 Dans Device Central, affichez un aperçu du document dans les différents périphériques répertoriés dans le panneau
La couleur d’arrière-plan de la page est utilisée comme couleur d’arrière-plan de l’aperçu. Si l’arrière-plan est transparent, l’arrière-plan de l’aperçu est blanc. Lorsque vous affichez l’aperçu du document, utilisez les différentes options de Device Central. Pour plus de détails, consultez le didacticiel vidéo sur Adobe TV.
Procédez comme suit pour créer un document pour un périphérique mobile donné. 1 Sélectionnez Fichier > Device Central. 2 Dans le panneau Périphériques de test de la fenêtre Device Central, sélectionnez le périphérique pour lequel vous
Remarque : Sélectionnez Utiliser la taille personnalisée pour créer un document Fireworks dont la taille ne correspond pas exactement à celle spécifiée dans le panneau du périphérique. Modifiez les valeurs en fonction des besoins. 3 Cliquez sur Créer. 4 Un document de la taille sélectionnée s’affiche dans Fireworks.
vous souhaitez créer le document Fireworks. Remarque : Lorsque vous sélectionnez des périphériques de différentes tailles, Device Central les regroupe par taille. Ces groupes sont affichés dans le panneau Préréglages de tailles correspondantes. 3 Dans le panneau Préréglages de tailles correspondantes, sélectionnez le groupe pour lequel vous souhaitez créer un
4 Cliquez sur Créer. 5 Un document de la taille sélectionnée s’affiche dans Fireworks.
• La fonction Rechercher et remplacer permet de rechercher et de remplacer des éléments (texte, URL, polices et couleurs). Cette fonction peut être appliquée au document actif ou à un groupe de fichiers.
A. Option de source de la recherche B. Option d’attribut à rechercher
Les exemples suivants illustrent l'utilisation de la fonction Rechercher et remplacer pour les expressions régulières.
1 Tapez K2Editor dans l'objet texte. 2 Sélectionnez Edition > Rechercher et remplacer. Le nom K2Editor est remplacé par K2Soft.
1 Tapez IndyCar=3500:WRCar=2000 dans l'objet texte. 2 Dans la boîte de dialogue Rechercher et remplacer, recherchez (\w{4})(\w{3})=\d+:\w+\2=\d+\d
1 Ouvrez le document. 2 Pour ouvrir le panneau Rechercher, procédez de l’une des manières suivantes :
• Choisissez Edition > Rechercher et remplacer. • Appuyez sur les touches Ctrl+F (Windows) ou Cmde+F (Mac OS). Remarque : si les fichiers que vous sélectionnez sont verrouillés ou archivés depuis un site Adobe Dreamweaver®, vous êtes invité à les déverrouiller ou à les extraire avant de continuer. 3 Dans le menu contextuel Rechercher, sélectionnez la source dans laquelle la recherche doit s’effectuer. 4 Dans le menu contextuel Rechercher, sélectionnez l’attribut à rechercher. Définissez les options de l’attribut
5 Sélectionnez une option Rechercher et remplacer.
Lorsque vous effectuez une recherche et un remplacement dans plusieurs fichiers, indiquez la manière dont Fireworks traite les fichiers ouverts après la recherche. 1 Dans le menu Options du panneau Rechercher, cliquez sur Options de remplacement. 2 Sélectionnez Enregistrer et fermer les fichiers pour enregistrer et fermer les fichiers après la recherche et le
Seuls les documents déjà actifs restent ouverts. Remarque : si l’option Enregistrer et fermer les fichiers est désactivée et que vous traitez un grand nombre de fichiers par lots, Fireworks peut se trouver à court de mémoire et annuler le traitement par lots. 3 Sélectionnez l’une des options Sauvegarder les fichiers originaux suivantes : Pas de copies Effectue une recherche et un remplacement sans sauvegarder la version originale des fichiers. Le fichier modifié remplace alors le fichier original. Ecraser les copies existantes Crée et conserve une seule copie de sauvegarde de chaque fichier modifié par une opération de recherche/remplacement. Si vous effectuez par la suite de nouvelles opérations de recherche/remplacement, le fichier original précédent remplace toujours la copie de sauvegarde. Les copies de sauvegarde sont stockées dans un sous-dossier intitulé Fichiers originaux. Sauvegardes incrémentielles Conserve toutes les copies de sauvegarde des fichiers modifiés au cours d’opérations de recherche/remplacement. Les fichiers originaux sont alors déplacés dans le sous-dossier Fichiers originaux du dossier actuel, et un chiffre incrémentiel est ajouté à la suite de leur nom. Si vous effectuez de nouvelles opérations de recherche/remplacement, le fichier original est copié dans le dossier Fichiers originaux, et le chiffre supérieur suivant est ajouté à son nom de fichier. Par exemple, la copie de sauvegarde d’un fichier portant le nom Dessin.png
Recherche et remplacement de texte 1 Dans le panneau Rechercher, sélectionnez l’option Rechercher du texte dans le deuxième menu contextuel. 2 Saisissez le texte à rechercher. 3 Saisissez le texte de remplacement. 4 (Facultatif) Sélectionnez d’autres options pour affiner la recherche.
1 Dans le panneau Rechercher, sélectionnez l’option Rechercher une police dans le deuxième menu contextuel. 2 Sélectionnez la police et le style à rechercher.
3 Indiquez la police de remplacement, son style et son corps.
1 Dans le panneau Rechercher, sélectionnez l’option Rechercher une couleur dans le deuxième menu contextuel. 2 Dans le menu contextuel Appliquer à, sélectionnez un élément pour indiquer comment les couleurs trouvées
Fonds et contours Permet d’effectuer une opération de recherche/remplacement à la fois sur les couleurs de fond
Toutes les propriétés Permet d’effectuer une opération de recherche/remplacement sur les couleurs de fond, de
Fonds Permet d’effectuer une opération de recherche/remplacement sur une couleur de fond, à l’exception des
Contours Permet d’effectuer une opération de recherche/remplacement sur les couleurs de contour uniquement. Effets Permet d’effectuer une opération de recherche/remplacement sur les couleurs d’effet uniquement.
1 Dans le panneau Rechercher, sélectionnez l’option Rechercher une URL dans le deuxième menu contextuel. 2 Saisissez l’URL à rechercher.
Expressions régulières Permet d’effectuer une recherche conditionnelle sur une partie de mot ou de nombre.
Pour plus d’informations, reportez-vous à la section « Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT » à la page 244. Une couleur est sécurisée pour le Web si elle s’affiche de la même façon sur les plates-formes Mac OS et Windows. Une couleur non sécurisée pour le Web ne figure pas dans la palette de couleurs Web216. ❖ Dans le menu contextuel Rechercher du panneau Rechercher, cliquez sur l’option Rechercher non Web216.
Le traitement par lots est très utile pour convertir automatiquement un groupe de fichiers graphiques. Utilisez l’une des options de traitement par lots :
• Conversion d’une sélection de fichiers dans le même format avec d’autres paramètres d’optimisation • Mise à l’échelle des fichiers exportés • Recherche et remplacement de texte, de couleurs, d’URL, de polices et de couleurs non Web216 • Changement des noms des groupes de fichiers par une combinaison quelconque d’ajout de préfixe, d’ajout de suffixe, de remplacement de sous-chaîne et de remplacement de blancs
Pour plus d’informations, reportez-vous à la section « Définition de l’emplacement d’enregistrement des fichiers de sauvegarde » à la page 305.
1 Choisissez Fichier > Traitement par lots, puis sélectionnez les fichiers à traiter.
• Vous pouvez inclure les documents ouverts dans le lot. • Vous pouvez enregistrer le script de traitement par lots afin de l’utiliser ultérieurement sans ajouter de fichier. Remarque : si les fichiers que vous sélectionnez sont verrouillés ou archivés depuis un site Dreamweaver, vous êtes invité à les déverrouiller ou à les extraire avant de continuer.
Remarque : les fichiers valides sont les fichiers qui ont été créés, nommés et enregistrés. Si la dernière version d’un fichier n’a pas été enregistrée, il vous est demandé de le faire pour permettre au traitement par lots de continuer. Si vous n’enregistrez pas le fichier, le traitement par lots est interrompu. Tout ajouter Ajoute tous les fichiers valides du dossier sélectionné à la liste de fichiers à traiter dans le même lot. Supprimer Supprime les fichiers sélectionnés de la liste de fichiers à traiter dans le même lot.
4 Cliquez sur Suivant, puis procédez de l’une ou des deux des manières suivantes :
Haut et Bas. Remarque : les tâches Exporter et Renommer sont toujours effectuées en dernier. Les autres tâches sont effectuées dans l’ordre dans lequel elles apparaissent. 5 Pour voir les options supplémentaires de cette tâche, sélectionnez une tâche dans la liste Inclure dans le lot. 6 Sélectionnez les paramètres de chaque option supplémentaire. Pour supprimer une tâche de la liste, cliquez sur
7 Cliquez sur Suivant.
Enregistrer le script Enregistre les paramètres de traitement par lots pour une utilisation ultérieure. Sortie du traitement par lots Exécute le traitement par lots.
Remarque : un fichier journal nommé FireworksBatchLog.txt est créé pendant le traitement par lots. Le fichier journal se trouve à l’emplacement suivant :
(Windows XP) 1 Dans la liste Options de traitement par lots, sélectionnez Renommer, puis cliquez sur Ajouter. 2 Sélectionnez l’option Renommer au bas de la boîte de dialogue Traitement par lots : Remplacer par Vous permet de remplacer des caractères dans chaque nom de fichier par d’autres caractères que vous spécifiez ou de supprimer des caractères de chaque nom de fichier. Par exemple, si vous disposez de fichiers nommés Temp_123.jpg, Temp_124.jpg et Temp_125.jpg, vous pouvez remplacer « Temp_12 » par « Birthday », ce qui renomme les fichiers respectivement en Birthday3.jpg, Birthday4.jpg et Birthday5.jpg. Remplacer les blancs par Vous permet de remplacer des blancs dans chaque nom de fichier par un ou plusieurs caractères que vous spécifiez ou de supprimer tous les blancs de chaque nom de fichier. Vous pouvez, par exemple, modifier des fichiers nommés Pic nic.jpg et Slap stick.jpg en Picnic.jpg et Slapstick.jpg ou en Pic-nic.jpg et Slapstick.jpg. Ajouter un préfixe Permet d’entrer un texte à ajouter au début du nom de chaque fichier. Par exemple, si
Ajouter un suffixe Permet d’entrer un texte à ajouter à la fin du nom de chaque fichier et avant son extension. Par
Remarque : à chaque nom de fichier modifié, vous pouvez appliquer une combinaison des commandes Remplacer, Remplacer les blancs par, Ajouter un préfixe et Ajouter un suffixe. Par exemple, vous pouvez remplacer « Temp » par « Fête », supprimer tous les blancs et ajouter un préfixe et un suffixe en une seule opération. 3 Cliquez sur Suivant pour continuer le traitement par lots.
1 Dans la liste Options de traitement par lots, sélectionnez Mettre à l’échelle, puis cliquez sur Ajouter. 2 Dans le menu contextuel Echelle, sélectionnez une option de mise à l’échelle : Pas de mise à l’échelle Exporte les fichiers sans modification. Mise à l’échelle avec cette taille Permet une mise à l’échelle des images à la largeur et la hauteur spécifiées. Mise à l’échelle de la zone Permet une mise à l’échelle des images proportionnelle à la largeur et à la hauteur
Sélectionnez Mise à l’échelle de la zone pour uniformiser un groupe d’images en vignettes de taille égale. Mise à l’échelle avec ce pourcentage Modifie la taille des images en fonction du pourcentage indiqué.
FreeHand. Elle ne permet pas d’intervenir sur les fichiers GIF et JPEG. 1 Dans la liste Options de traitement par lots, sélectionnez Rechercher et Remplacer, puis cliquez sur Ajouter. 2 Cliquez sur Edition. 3 Sélectionnez le type d’attribut à rechercher et remplacer. 4 Dans la zone Rechercher, entrez ou sélectionnez l’élément spécifique à rechercher. 5 Dans la zone Remplacer par, entrez ou sélectionnez l’élément spécifique de remplacement. 6 Cliquez sur OK pour enregistrer les paramètres de recherche/remplacement. 7 Cliquez sur Suivant pour continuer le traitement par lots.
Remarque : l’emplacement exact du dossier Commands varie d’un système à un autre. Il dépend également du fait que le panneau est disponible uniquement pour votre profil utilisateur ou pour tous les utilisateurs. Les dossiers Command Panels sont situés dans le dossier Configuration du dossier de l’application Fireworks et dans votre dossier Fireworks de profil utilisateur spécifique.
Remarque : vous ne pouvez pas modifier les commandes. 1 Pour afficher les commandes disponibles, cliquez sur le bouton Plus (+) (Windows) ou sur le triangle (Mac OS) à
2 Pour ajouter une commande à la liste Inclure dans le lot, sélectionnez une commande, puis cliquez sur Ajouter.
Les copies de sauvegarde des fichiers sont placées dans un sous-dossier intitulé Fichiers originaux du dossier de chaque fichier original.
2 Sélectionnez Sauvegardes pour définir vos options de sauvegarde. 3 Sélectionnez le type de sauvegarde des fichiers : Ecraser les copies existantes Remplace les éventuels fichiers de sauvegarde précédents. Sauvegardes incrémentielles Conserve une copie de tous les fichiers de sauvegarde. Lors d’un nouveau traitement par lots, un chiffre incrémentiel est ajouté à la suite du nom de chaque nouvelle copie de sauvegarde.
Si vous enregistrez votre script dans le dossier Commands de votre disque dur, il est ensuite ajouté dans le menu Commandes de Fireworks.
1 Cliquez sur Enregistrer le script. 2 Entrez le nom et la destination du script.
3 Cliquez sur Enregistrer.
1 Procédez de l’une des manières suivantes :
• En dehors de Fireworks, cliquez deux fois sur le nom de fichier du script enregistré sur le disque dur.
• Faites glisser l’icône du fichier de script dans un document Fireworks ouvert. Remarque : si vous faites glisser plusieurs fichiers de scripts et plusieurs fichiers graphiques sur l’icône de Fireworks, les fichiers graphiques sont traités plusieurs fois, une fois pour chaque script.
Une extension désigne un script de commandes, un panneau de commandes, une bibliothèque, un filtre, un motif, une texture ou une forme automatique, qui complète les fonctionnalités de Fireworks. Fireworks est livré avec Adobe Extension Manager, un programme qui permet d’installer, de gérer et de supprimer aisément des extensions. Le menu Commandes propose plusieurs extensions par défaut. Si vous maîtrisez JavaScript, vous pouvez créer vos propres extensions Fireworks. Vous pouvez également utiliser l’architecture Fireworks Cross Product Communication pour permettre aux applications écrites en ActionScript™ et C++ de contrôler Fireworks. Pour plus d’informations, consultez l’Aide Extension de Fireworks. Lorsque vous installez ou créez des extensions, notez les points suivants :
Fireworks Exchange www.adobe.com/go/learn_fw_exchange_fr.
7 Double-cliquez sur le fichier MXP créé à l'emplacement spécifié. Les fichiers mentionnés dans le fichier MXI sont
Par exemple, si vous souhaitez ajouter un ensemble de fichiers STL dans Fireworks, spécifiez l'emplacement des fichiers STL sous la forme $Fireworks\First Run\Styles dans le fichier MXI. Lorsque vous exécutez un fichier MXP créé au moyen d'un fichier MXI, les fichiers STL sont installés à cet emplacement. Les Styles sont accessibles au moyen du panneau Styles dans Fireworks après avoir fermé, puis activé à nouveau l'application.
Création de scripts avec le panneau Historique Le panneau Historique enregistre la liste de toutes vos actions dans Fireworks. Chaque étape est stockée sur une ligne distincte du panneau Historique, dans l’ordre chronologique inverse (en commençant par la plus récente). Par défaut, le panneau conserve la trace des vingt dernières étapes. Vous pouvez cependant modifier cette valeur à tout moment. Vous pouvez enregistrer des groupes d’étapes dans le panneau Historique sous forme de commandes réutilisables. Les commandes enregistrées ne sont pas propres à un document en particulier. Vous pouvez ainsi les utiliser dans tout document Fireworks. Les commandes enregistrées sont stockées en tant que fichiers JSF dans le dossier Commands de votre dossier Fireworks de profil utilisateur spécifique. Vous pouvez à tout moment exécuter des commandes ou une sélection d’actions enregistrées dans le panneau Historique.
1 Sélectionnez les étapes à enregistrer sous forme de commande :
2 Cliquez sur le bouton Enregistrer les étapes sous forme de commande, en bas du panneau Historique. 3 Indiquez le nom de la commande, puis cliquez sur OK.
Remarque : les étapes annulées restent dans le panneau Historique, mais elles apparaissent grisées.
1 Cliquez sur Edition > Préférences (Windows) ou Fireworks > Préférences (Mac OS). 2 Modifiez la valeur de l’option Nombre max. d’actions annulées.
❖ Dans le menu Options du panneau Historique, cliquez sur Effacer l’historique.
1 Si nécessaire, sélectionnez un ou plusieurs objets. 2 Dans le menu Commandes, sélectionnez la commande.
1 Sélectionnez un ou plusieurs objets. 2 Dans le panneau Historique, sélectionnez les étapes. 3 Cliquez sur le bouton Réexécuter, en bas du panneau Historique.
1 Sélectionnez une plage d’étapes. 2 Cliquez sur le bouton Copier les étapes dans le Presse-papiers. 3 Sélectionnez un ou plusieurs objets dans un document Fireworks. 4 Choisissez Edition > Coller.
❖ Choisissez Edition > Répéter le script de commandes.
Pour réduire l’aspect fastidieux de certaines tâches répétitives, créez dans un éditeur de texte votre propre code JavaScript à faire exécuter dans Fireworks. Vous pouvez contrôler pratiquement toutes les commandes et fonctions de Fireworks en JavaScript. Dreamweaver utilise également JavaScript. Vous pouvez donc créer des scripts pour contrôler Fireworks depuis Dreamweaver.
Pour créer vos propres commandes ou panneaux Fireworks, créez des séquences SWF contenant du code JavaScript à l’aide d’Adobe Flash®. Enregistrez les séquences utilisées en tant que commandes dans le dossier Commands de votre disque dur. Enregistrez les séquences utilisées en tant que panneaux dans le dossier Command Panels (par exemple, le panneau Alignement). Remarque : l’emplacement exact de ces dossiers varie. Les dossiers Commands et Command Panels sont situés dans le dossier Configuration de l’application Fireworks et dans votre dossier Fireworks de profil utilisateur spécifique.
Remarque : vous pouvez renommer ou supprimer des commandes que vous avez créées à l’aide de l’option Gérer les commandes enregistrées de Fireworks. Utilisez Extension Manager pour gérer les autres commandes et extensions installées avec Fireworks ou celles que vous avez téléchargées puis installées à partir du site Web Adobe Exchange.
1 Sélectionnez Commandes > Gérer les commandes enregistrées, puis sélectionnez une commande. 2 Cliquez sur Renommer, entrez un nouveau nom, puis cliquez sur OK.
❖ Procédez de l’une des manières suivantes :
Fireworks de profil utilisateur spécifique. Remarque : pour renommer ou supprimer une commande fournie avec Fireworks ou téléchargée à partir d’Adobe Exchange, ouvrez Extension Manager.
Les scripts de commandes sont enregistrés en tant que code JavaScript et peuvent être modifiés à l’aide de tout éditeur de texte. 1 A partir du bureau, localisez le dossier Commands ou Command Panels approprié sur le disque dur. 2 Ouvrez le fichier de script dans un éditeur de texte, puis modifiez le code JavaScript. 3 Enregistrez le script, puis fermez-le.
JavaScript 1 Sélectionnez une plage d’étapes dans le panneau Historique de Fireworks. 2 Cliquez sur le bouton Copier les étapes dans le Presse-papiers, en bas du panneau Historique.
4 Collez les étapes dans le nouveau document texte, puis apportez-y les modifications nécessaires. 5 Enregistrez le script, puis fermez-le. 6 Copiez le script dans le dossier Commands du disque dur.
2 Sélectionnez la catégorie de préférences que vous souhaitez modifier. 3 Apportez les modifications requises, puis cliquez sur OK.
Options du document Pour ouvrir l’application directement dans l’espace de travail, désélectionnez Afficher l’écran de démarrage. Pour conserver les dimensions de contour et d’effets lorsque vous redimensionnez des objets, désélectionnez Mise à l’échelle des contours et des effets. Enregistrement des fichiers : Ajouter des icônes d’aperçu (Mac OS uniquement) Permet d’afficher ou de masquer les vignettes des fichiers PNG Fireworks présents sur le disque dur. Lorsque cette option est désélectionnée, Fireworks affiche l’icône standard des fichiers PNG Fireworks. Les modifications sont appliquées une fois la sauvegarde du fichier effectuée. Nombre d’annulations maximal Permet de définir un nombre d’étapes d’annulation/de rétablissement compris entre 0 et 1 009. Ce paramètre s’applique à la fois à la commande Edition > Annuler et au panneau Historique. Un nombre d’étapes élevé peut solliciter davantage de mémoire. Interpolation Choisissez l’une des quatre méthodes de mise à l’échelle utilisées par Fireworks pour interpoler les pixels lors des mises à l’échelle d’images :
Couleurs par défaut Sélectionnez les couleurs par défaut utilisées pour les contours, les fonds et les tracés en
Espace de travail Pour réduire automatiquement des panneaux ancrés lorsque vous cliquez hors de ces derniers,
Les préférences de modification agissent sur l’aspect du pointeur et les indicateurs visuels pour les objets bitmap. Supprimer les objets pendant le recadrage Supprime définitivement les pixels ou les objets situés en dehors du cadre
Supprimer les tracés lors de la conversion en rectangle de sélection Supprime définitivement le tracé une fois qu’il a
Curseurs de la taille du pinceau Définit la taille et le format des pointeurs des outils. Pour certains pinceaux larges à
Curseurs précis Permet de remplacer les pointeurs des différents outils par un pointeur en croix. Désactiver "Masquer les bords" Désactive l’option Masquer les bords lorsque la sélection change. Afficher l’aperçu de l’outil Plume Fournit un aperçu du segment de tracé suivant que vous allez créer d’un clic avec
Points pleins Affiche les points sélectionnés en grisé ; les points désélectionnés sont pleins. Surbrillance souris Met en surbrillance les éléments sélectionnés en cliquant avec le bouton de la souris. Aperçu du glissement Affiche l’aperçu du nouvel emplacement d’objet lors d’une opération de glissement. Afficher les poignées du fond Permet de modifier les fonds à l’écran. Choisir la distance Spécifie la distance (de 1 à 10 pixels) à respecter entre un objet et le pointeur pour pouvoir effectuer
Mise à l’échelle en 9 tranches Dissocie automatiquement les formes automatiques lorsque vous utilisez l’outil Mise à
Cases de couleur Cliquez dessus pour afficher une fenêtre contextuelle dans laquelle sélectionner une couleur affichée ou saisir les valeurs hexadécimales correspondantes. Afficher Affiche les repères ou les grilles sur la zone de travail. Magnétisme Accroche des objets aux repères ou au quadrillage de la grille. Verrouiller Verrouille les repères déjà positionnés pour éviter tout déplacement accidentel pendant la modification
Distance de magnétisme Détermine la distance (de 1 à 10 pixels) à partir de laquelle l’objet que vous déplacez s’accroche à la grille ou au repère. L’option Distance de magnétisme est disponible lorsque l’option Accrocher aux grilles ou Accrocher aux repères est sélectionnée. Paramètres de la grille Modifie la taille (en pixels) des cellules d’une grille. Entrez des valeurs dans les zones
Interlignage, décalage vertical Modifie la valeur d’incrément des raccourcis clavier associés.
Afficher les noms de police en anglais Remplace les caractères asiatiques dans les menus de police.
Taille d’aperçu de la police Indique la taille du point des exemples de police proposés dans les menus. Nombre de polices récentes Détermine le nombre maximal de polices utilisées récemment, répertoriées au-dessus de
Remarque : cette modification n’est prise en compte qu’après avoir redémarré Fireworks. Police par défaut Désigne la police de substitution utilisée pour les polices du document qui font défaut à votre
Ces préférences déterminent le comportement de Fireworks lorsque vous importez ou ouvrez des fichiers Photoshop. Pour plus d’informations, reportez-vous à la section « Utilisation de Photoshop » à la page 284. Afficher la boîte de dialogue d’importation Affiche les options disponibles lors des importations de fichiers PSD effectuées à l’aide de la commande Fichier > Importer. Afficher la boîte de dialogue d’ouverture Affiche les options disponibles lorsque vous faites glisser des fichiers PSD
Utiliser les calques entre les états Ajoute chaque calque importé à tous les états du fichier Fireworks. Si cette option
Images bitmap avec effets modifiables Permet de modifier les effets des images bitmap lors de l’importation. Vous ne
Images bitmap fusionnées Importe les images bitmap et leurs effets sous la forme d’images fusionnées que vous ne
Texte modifiable Importe les calques de texte sous la forme de texte éditable. Dans Fireworks, vous ne pouvez pas
Images bitmap fusionnées Importe les calques de texte sous la forme d’images fusionnées que vous ne pouvez pas
Tracés et effets modifiables Permet de modifier les calques de formes et leurs effets associés. Images bitmap fusionnées Importe les calques de formes sous la forme d’images fusionnées que vous ne pouvez pas
Images bitmap fusionnées avec effets modifiables Importe les calques de formes sous la forme d’images fusionnées tout en permettant la modification des effets qui leur sont associés. Effets de calques Remplace les effets dynamiques Photoshop par des filtres Fireworks similaires. Masques de tracé d’écrêtage Pixellise et supprime les masques d’écrêtage tout en conservant l’aspect. Désélectionnez cette option si vous souhaitez modifier ces masques dans Fireworks. Cependant, leur aspect est différent par rapport à Photoshop.
1 Choisissez l’un des menus contextuels suivants : Lors de la modification d’un document à partir d’une application externe Détermine si le fichier PNG Fireworks
Lors de l’optimisation d’un document à partir d’une application externe Détermine si le fichier PNG Fireworks
2 Indiquez la façon dont vous souhaitez modifier les images Fireworks placées dans des applications externes : Toujours utiliser le format PNG source Ouvre automatiquement le fichier PNG Fireworks défini dans la Design
Ne jamais utiliser le fichier PNG source Ouvre automatiquement l’image Fireworks importée, qu’il existe ou non un fichier PNG source. Les mises à jour ne s’appliquent qu’à l’image placée. Demander lors du lancement Vous permet de spécifier à chaque fois si le fichier source PNG doit être ouvert.
Vous pouvez également définir des préférences de lancement et de modification globales depuis cette invite.
Ces préférences vous permettent d’accéder à d’autres modules externes, fichiers de texture et fichiers de motifs d’Adobe Photoshop. Les dossiers cibles peuvent se trouver sur votre disque dur, un CD-ROM, un disque dur externe ou un volume réseau. Les modules externes Photoshop figurent dans le menu Filtres de Fireworks et dans le menu Ajouter des effets de l’inspecteur des propriétés. Les textures ou motifs enregistrés en tant que fichiers PNG, JPEG et GIF apparaissent en tant qu’options dans les menus contextuels Motif et Texture dans l’inspecteur des propriétés. Pour plus d’informations sur les textures et les motifs, reportez-vous à la section « Ajout d’une texture à un contour ou à un fond » à la page 128.
Remarque : La restauration des préférences par défaut supprime tous les paramètres personnalisés et restaure la configuration d'origine de Fireworks. 1 Quittez Fireworks. 2 Localisez le fichier de préférences de Fireworks sur le disque dur, puis supprimez-le.
Fireworks » à la page 317. 3 Relancez Fireworks.
Illustrator et Photoshop ou de produits utilisant une norme différente, vous pouvez choisir le jeu de raccourcis de votre choix.
1 Choisissez la commande Edition > Raccourcis clavier (Windows) ou Fireworks > Raccourcis clavier (Mac OS). 2 Dans le menu contextuel Jeu actif, sélectionnez le jeu de raccourcis souhaité, puis cliquez sur OK.
Vous pouvez créer des raccourcis clavier personnalisés à partir d’un jeu préinstallé et créer des raccourcis secondaires représentatifs de différentes méthodes d’exécution d’une action. Les raccourcis clavier, à l’exception des commandes de menu, ne peuvent pas inclure de touches de modification : Ctrl, Maj et Alt (Windows) ou Cmde, Maj, Option et Ctrl (Mac OS). Ils doivent se limiter à une lettre ou une touche numérique. 1 Choisissez la commande Edition > Raccourcis clavier (Windows) ou Fireworks > Raccourcis clavier (Mac OS). 2 Cliquez sur le bouton Dupliquer ensemble. 3 Saisissez le nom du jeu personnalisé, puis cliquez sur OK. 4 Dans la liste Commandes, sélectionnez la catégorie de raccourci appropriée : Commandes de menu Commandes accessibles depuis la barre de menus Outils Tous les outils du panneau Outils Divers Série d’actions prédéfinies
6 Cliquez dans la zone de texte Appuyer sur la touche, et appuyez sur les touches souhaitées pour définir le nouveau
7 Pour ajouter un raccourci secondaire à la liste des raccourcis, cliquez sur le bouton Ajouter un raccourci (+). Sinon,
Suppression d’un jeu de raccourcis personnalisé 1 Choisissez la commande Edition > Raccourcis clavier (Windows) ou Fireworks > Raccourcis clavier (Mac OS). 2 Cliquez sur le bouton Supprimer l’ensemble (icône de la corbeille). 3 Sélectionnez un jeu de raccourcis clavier. 4 Cliquez sur le bouton Supprimer.
3 Cliquez sur le bouton Supprimer un raccourci sélectionné (-).
Une feuille de référence est un enregistrement de l’ensemble de raccourcis actif qui est stocké sous forme de table HTML. Vous pouvez afficher cette feuille de référence avec un navigateur Web ou l’imprimer. Remarque : les feuilles de référence exportées depuis Fireworks sont codées à l’aide du codage UTF-8. 1 Choisissez la commande Edition > Raccourcis clavier (Windows) ou Fireworks > Raccourcis clavier (Mac OS). 2 Cliquez sur le bouton Exporter l’ensemble en tant que code HTML à côté de la zone de texte Jeu actif. 3 Entrez le nom de la feuille de référence, puis sélectionnez un emplacement de fichier. 4 Cliquez sur Enregistrer.
Les fichiers de configuration spécifiques à l’utilisateur vous permettent de personnaliser certaines fonctions Fireworks, telles que les styles, les raccourcis clavier et les commandes, sans modifier la configuration de Fireworks pour les autres utilisateurs. Fireworks installe également les fichiers de configuration maîtres. Remarque : pour rendre visibles les fichiers de configuration, vérifiez que les options d’affichage des dossiers sont définies de manière à afficher tous les fichiers et dossiers. Sur certains systèmes, vous devez cliquer sur l’option Afficher les fichiers dans un dossier afin d’en afficher le contenu. Pour plus d’informations sur l’affichage de tous les fichiers et dossiers, consultez l’Aide de Windows.
Pour chaque utilisateur, Fireworks crée un ensemble de fichiers de configuration distinct. Ces fichiers sont stockés dans le dossier Adobe/Fireworks CS5 de votre dossier de profil utilisateur Application Data (Windows) ou Application Support (Mac OS). L’emplacement de ce dossier varie en fonction du système d’exploitation et selon que vous utilisez un système multiutilisateur ou un système autonome. Pour plus d’informations sur l’emplacement de ce dossier, consultez la documentation de votre système d’exploitation. Remarque : sur les systèmes localisés et personnalisés, les noms de certains dossiers système peuvent être différents.
Ces fichiers contiennent les paramètres de configuration par défaut de Fireworks et s’appliquent à tous les utilisateurs. Ils se trouvent dans le dossier de l’application Fireworks, qui correspond au dossier d’installation de Fireworks sur votre disque dur. Remarque : les utilisateurs Mac OS doivent connaître le concept du nouveau logiciel d’Apple.
Les utilisateurs disposant des autorisations d’accès de niveau administrateur peuvent personnaliser des fonctions pour tous les autres utilisateurs en modifiant les fichiers de configuration maîtres. Sauvegarde d’un fichier de configuration maître pour tous les utilisateurs ❖ Enregistrez ou faites glisser une copie du fichier à l’emplacement approprié dans le dossier de l’application Fireworks.
Les préférences Fireworks sont stockées dans un fichier appelé Fireworks CS5 Preferences.txt (Windows) ou Fireworks CS5 Preferences (Mac OS). L’emplacement de ce fichier varie en fonction du système d’exploitation.
• Sous Mac OS, elles se trouvent dans le dossier Bibliothèque/Préférences de votre dossier utilisateur. Pour plus d’informations sur l’emplacement de votre dossier utilisateur sous Mac OS, consultez l’Aide d’Apple. Remarque : sous Mac OS, les fichiers de configuration Fireworks spécifiques à l’utilisateur se trouvent pour la plupart dans votre dossier de profil utilisateur Application Support, à l’exception du fichier de préférences de Fireworks CS5.
Lorsque vous désinstallez ou réinstallez Fireworks, vos fichiers de configuration spécifiques à l’utilisateur restent intacts sur la plupart des systèmes. Si vous réinstallez Fireworks avec les paramètres par défaut, supprimez manuellement vos fichiers de configuration spécifiques à l’utilisateur avant de réinstaller l’application. Si vous supprimez le fichier de préférences et les fichiers de configuration spécifiques à l’utilisateur au cours de la désinstallation, ces fichiers sont supprimés pour tous les utilisateurs du système.
Sous Mac OS, Fireworks est installé sous la forme d’un module d’application autonome. Le fichier de l’application Fireworks ainsi que ses fichiers de configuration par défaut sont placés dans le module de l’application. Par défaut, le contenu du module est masqué. 1 Localisez le dossier d’installation de Fireworks sur le disque dur. 2 Cliquez sur l’icône Fireworks CS5 tout en maintenant la touche Ctrl enfoncée, puis sélectionnez Afficher le
Notice Facile