ADOBE Fireworks 8 Instruction Manual [fr]

Utilisation de Fireworks

Marques commerciales

1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev et WebHelp sont des marques déposées ou des marques commerciales de Macromedia, Inc. et peuvent être déposées aux Etats-Unis ou dans d’autres juridictions, y compris au niveau international. D’autres noms de produits, logos, concepts, titres, mots ou phrases mentionnés dans la présente publication peuvent être des marques commerciales, des marques de service ou des noms commerciaux de Macromedia, Inc. ou d’autres entités et peuvent être déposés dans certaines juridictions, y compris au niveau international.

Informations sur les tiers

Le présent guide contient des liens vers les sites Web de tierces parties qui ne sont pas contrôlés par Macromedia, qui n’est pas responsable du contenu de sites liés. Vous accédez auxdits sites sous votre propre responsabilité. Macromedia mentionne lesdits liens pour faciliter votre travail et l’inclusion desdits liens n’implique pas que Macromedia approuve le contenu desdits sites tiers ou en accepte la responsabilité.

Copyright © 2005 Macromedia, Inc. Tous droits réservés. Le présent manuel ne peut pas être copié, photocopié, reproduit, traduit ou converti sous forme électronique ou informatique, en partie ou en totalité, sans l’autorisation écrite préalable de Macromedia, Inc. Nonobstant ce qui précède, le propriétaire ou l’utilisateur autorisé d’une copie valide du logiciel fourni avec le présent manuel peut imprimer une copie dudit manuel à partir d’une version électronique de ce dernier dans le seul et unique but pour ledit propriétaire ou utilisateur autorisé de se familiariser avec ledit logiciel, à condition qu’une partie dudit manuel ne puisse être imprimée, reproduite, distribuée, revendue ou transférée dans tout autre but, y compris, et ce sans limitation, dans un but co mmercial, tel que la vente de copies de la présente documentation ou la fourniture de service de support payant.

Remerciements

Gestion de projet : Charles Nadeau, Debi Robson Rédaction : Rosanne Conroy Edition : Melba Lancaster, Shawn Jackson, Lisa Stanziano Gestion de la production : Patrice O’Neill Conception et production du support : John Francis, Adam Barnett, Mario Reynoso, Aaron Begley, Arena Reed, Paul Rangel Gestion de projet de localisation : Luciano Arruda Spécialiste de production de localisation : Masayo Noda Remerciements particuliers à Matt Hoffberg, Maureen Keating, David Spells, Marisa Bozza, Souvik Bose, Alan Musselman,

Sheila McGinn, Andrew Wilson, Rosana Francescato, Kristin Conradi, Bonnie Loo, Yuriko Ando, Rubric, Inc. et aux équipes de développement et de contrôle de la qualité de Fireworks.

Première édition : Août 2005

Macromedia, Inc. 600 Townsend St. San Francisco, CA 94103

TABLE DES MATIÈRES

CHAPITRE 1 : Présentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

Configuration requise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

Installation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Nouveautés de Fireworks 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

Guide pour le support de formation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

CHAPITRE 2 : Concepts de base de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Travailler avec Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Graphiques vectoriels et bitmap. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Création d’un nouveau document. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

Ouverture et importation de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Enregistrement de fichiers Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Environnement de travail de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

CHAPITRE 3 : Sélection et transformation d’objets . . . . . . . . . . . . . . . . . . . . . . . 51

Sélection d’objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52

Sélection des pixels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55

Edition d’objets sélectionnés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67

Transformation et distorsion d’objets sélectionnés et de sélections . . . . . . . . . . . . . 69

Organisation des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73

CHAPITRE 4 : Traitement des bitmaps. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

Traitement des bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78

Création d’objets bitmap. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78

Accès à tous les outils de retouche de photos courants dans un emplacement. . . . . 79

Traçage et modification d’objets bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80

Retouche de bitmaps. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84

Réglage de la couleur et du ton d’un bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90

Application d’un flou et accentuation de la netteté des bitmaps. . . . . . . . . . . . . . 101

Ajout de bruit à une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105

CHAPITRE 5 : Utilisation d’objets vectoriels . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107

Traçage d’objets vectoriels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108

Modification des trajets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128

CHAPITRE 6 : Utilisation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139

Saisie de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140

Edition d’un texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143

Applications de traits, de trames et de filtres à un texte . . . . . . . . . . . . . . . . . . . . 153

Attachement de texte à un trajet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154

Transformation de texte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

Conversion de texte en trajets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

Importation de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157

Correction orthographique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159

Utilisation de l’Editeur de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

CHAPITRE 7 : Application de couleurs, de traits et de trames . . . . . . . . . . . . . . 163

Utilisation de la section Couleurs du panneau Outils . . . . . . . . . . . . . . . . . . . . . 164

Organisation des groupes de nuanciers et des modèles de couleurs . . . . . . . . . . . 165

Utilisation des sélecteurs de couleurs et des fenêtres contextuelles pour

la sélection des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172

Utilisation des traits. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173

Utilisation de trames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178

Application de trames de dégradé et de remplissages à motifs . . . . . . . . . . . . . . . 179

Ajout d’une texture aux traits et aux trames . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185

CHAPITRE 8 : Utilisation des filtres en direct . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

Application de filtres en direct. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188

Edition de filtres en direct . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

CHAPITRE 9 : Calques, masques et fondus . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

Utilisation des calques. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198

Masquage d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204

Fondu et transparence . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223

CHAPITRE 10 : Utilisation des styles, des symboles et des adresses URL . . . . 227

Utilisation des styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228

Utilisation de symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232

Utilisation des URL. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238

CHAPITRE 11 : Découpes, survols et références. . . . . . . . . . . . . . . . . . . . . . . . . 243

Création et modification d’une découpe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244

Affectation de comportements interactifs aux découpes. . . . . . . . . . . . . . . . . . . . 251

Préparation des découpes pour l’exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259

Utilisation de références et d’images interactives . . . . . . . . . . . . . . . . . . . . . . . . . 265

CHAPITRE 12 : Création de boutons et de menus contextuels . . . . . . . . . . . . . 271

Création d’un symbole de bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272

Création d’une barre de navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283

Création de menus contextuels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284

4Table des matières

CHAPITRE 13 : Création d’animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297

Création d’une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298

Utilisation des symboles d’animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299

Utilisation d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303

Interpolation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308

Aperçu d’une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309

Exportation d’une animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309

Utilisation d’animations existantes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311

Utilisation de fichiers multiples pour une animation . . . . . . . . . . . . . . . . . . . . . . 312

CHAPITRE 14 : Optimisation et exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . 313

Optimisation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 314

Utilisation de l’Assistant Exportation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 314

Optimisation dans l’espace de travail. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319

Exportation depuis Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 340

Envoi d’un document Fireworks comme pièce jointe d’un courriel . . . . . . . . . . . 358

Utilisation du bouton Gestion de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 359

CHAPITRE 15 : Utilisation de Fireworks avec d’autres applications . . . . . . . . . . 361

Utilisation de Macromedia Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 362

Utilisation de Macromedia Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380

Utilisation de Macromedia FreeHand MX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386

Utilisation de Macromedia Director MX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 392

Utilisation de Macromedia HomeSite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 396

Utilisation d’Adobe Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 399

Utilisation avec Adobe GoLive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 404

Utilisation avec les éditeurs HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405

A propos de l’extension de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405

CHAPITRE 16 : Automatisation des tâches répétitives. . . . . . . . . . . . . . . . . . . . 407

Recherche et remplacement. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408

Traitement par lots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412

Extension de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423

Films Flash SWF utilisés comme panneaux Fireworks . . . . . . . . . . . . . . . . . . . . . 428

CHAPITRE 17 : Préférences et raccourcis clavier. . . . . . . . . . . . . . . . . . . . . . . . 429

Définition des préférences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 429

Modification des jeux de raccourcis clavier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433

Utilisation des fichiers de configuration. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 435

Réinstallation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437

Affichage du contenu du module (Macintosh uniquement). . . . . . . . . . . . . . . . . 437

INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 439

Table des matières 5

6Table des matières

CHAPITRE 1

Présentation

Macromedia Fireworks 8 est la solution de référence pour la production et la conception de

graphiques Web professionnels. Il s’agit du premier environnement de production permettant

d’aborder et de résoudre les défis particuliers posés aux concepteurs et aux développeurs de

graphiques Web.

Créez, modifiez et animez des graphiques Web avec Fireworks, ajoutez des fonctions

d’interactivité avancées et optimisez les images dans un environnement professionnel. Fireworks

permet de créer et de modifier des graphiques bitmap et vectoriels dans une seule application.

Tout reste entièrement modifiable, à tout moment. En outre, vous pouvez automatiser le

déroulement du travail pour satisfaire aux exigences de longues mises à jour et modifications.

Fireworks s’intègre aux autres produits Macromedia, tels que Dreamweaver, Flash, FreeHand et

Director, ainsi qu’à vos applications graphiques préférées et aux éditeurs HTML pour offrir une

solution Web réellement intégrée. Exportez facilement vos graphiques Fireworks avec les codes

HTML et JavaScript qui ont été personnalisés pour l’éditeur HTML que vous utilisez.

Ce chapitre couvre les rubriques suivantes :

Configuration requise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

Installation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Nouveautés de Fireworks 8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

Guide pour le support de formation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Configuration requise

Avant d’installer Fireworks, assurez-vous que votre ordinateur présente la configuration requise.

Pour plus d’informations, visitez le site Web de Macromedia à l’adresse www.macromedia.com/

go/sysreqs.

Installation de Fireworks

Cette section explique comment installer Fireworks.

Veillez à lire les notes de publication sur le site Web de Macromedia à l’adresse

http://www.macromedia.com/go/fw_documentation_fr pour prendre

connaissance des toutes dernières informations ou instructions.

Pour installer Fireworks :

Insérez le CD Fireworks dans votre lecteur de CD-ROM.

Exécutez l’une des actions suivantes :

■ Sous Windows, le programme d’installation de Fireworks démarre automatiquement.

■ Sur Macintosh, double-cliquez sur l’icône d’installation de Fireworks.

Suivez les instructions affichées à l’écran. Le programme d’installation vous invite à entrer les informations requises.

Si vous y êtes invité, redémarrez votre ordinateur.

Enregistrement de Fireworks

Il est judicieux d’enregistrer votre copie de Macromedia Fireworks par voie électronique ou par

courrier. Vous pouvez effectuer un enregistrement électronique lors du processus d’activation du

produit, au premier lancement de Fireworks.

Lorsque vous vous enregistrez, vous êtes placé sur une liste prioritaire vous permettant de recevoir

des notifications presque en temps réel concernant les mises à niveau et les nouveaux produits

Macromedia. Vous recevrez des notifications par courriel concernant les mises à jour du produit et

les nouveaux contenus apparaissant sur les sites Web www.macromedia.com/fr/ et

www-euro.macromedia.com.

Pour enregistrer votre copie de Fireworks, exécutez l’une des actions suivantes :

• Cliquez sur Aide > Enregistrement en ligne, puis complétez le formulaire électronique.

• Cliquez sur Aide > Imprimer l’enregistrement, imprimez le formulaire, puis envoyez-le par

courrier postal à l’adresse mentionnée sur le formulaire.

Affichage des fichiers installés avec Fireworks

A un certain stade de l’installation, il pourrait être souhaitable d’afficher ou d’accéder aux fichiers

installés avec Fireworks. Pendant l’installation, Fireworks place des fichiers à différents

emplacements de votre système. Il est important de comprendre pourquoi ces fichiers résident à

un emplacement plutôt qu’un autre. Pour plus d’informations, voir Utilisation des fichiers de

configuration, page 435.

Les utilisateurs de Macintosh noteront le nouveau format utilisé par Fireworks pour enregistrer

l’application et ses fichiers de configuration par défaut. Pour plus d’informations, voir Affichage

du contenu du module (Macintosh uniquement), page 437.

8 Chapitre 1 : Présentation

Nouveautés de Fireworks 8

Vous pouvez créer et optimiser des images pour le Web en disposant d’un contrôle précis, dans un

environnement intuitif et personnalisable. La nouvelle prise en charge des formats ActionScript et

CSS (Cascading Style Sheet) permet à Fireworks d’interopérer encore plus efficacement avec

Dreamweaver et Flash. Les nouveaux formats de fichiers pris en charge, les nouveaux panneaux et

le flux de travail sensiblement rationalisé vous permettent à la fois de gagner du temps et d’obtenir

des images optimales.

Optimisation

Panneau Modification d’image

Davantage de formats de fichiers importables

Optimisation du processus de traitement par lots

Ce nouveau panneau est un emplacement central depuis lequel vous pouvez accéder aux outils d’édition d’image, filtres et autres commandes de menu couramment utilisés.

Fireworks 8 prend désormais en charge l’importation des formats de fichiers QuickTime Image, MacPaint, SGI & JPEG 2000 (plug-in QuickTime requis pour la prise en charge de QuickTime).

La rationalisation du système de changement de nom de fichier, la possibilité de contrôler les dimensions d’un fichier lors d’une mise à l’échelle dans le cadre d’un traitement par lots et l’ajout d’une barre d’état et d’un fichier journal ne sont que quelques-unes des améliorations apportées au processus. Pour plus d’informations sur le traitement par lots, voir Traitement par lots,

page 412.

Tirez parti du processus intégré de Fireworks pour créer et optimiser des images pour

Dreamweaver 8 et Flash Professional 8 sans perte d’informations ni de temps à les éditer.

Bénéficiez de la compatibilité avec CSS et ActionScript, ainsi qu’avec les autres produits Studio.

Processus intégré

Menus contextuels CSS (Cascading Style Sheet)

Compatibilité vectorielle

Davantage d’options de découpe

Fireworks 8 utilise le format CSS pour créer des menus contextuels interactifs. Cela permet d’obtenir un code clair et aisément personnalisable qui s’intègre bien avec les sites créés dans Dreamweaver. Pour plus d’informations, voir

Exportation des menus contextuels, page 296.

Les attributs vectoriels (remplissages, traits, filtres et modes de fondu) sont préservés lorsque vous déplacez des objets entre Flash et Fireworks.

Des découpes polygonales sont insérées automatiquement quand un objet sélectionné est un trajet polygonal. Voir Création d’une découpe non

rectangulaire, page 246.

Nouveautés de Fireworks 8 9

Processus intégré

Reconnaissance des valeurs de couleur ActionScript

Utilisez la commande « Enregistrer sous » pour enregistrer vos bitmaps dans différents types de fichiers.

Logique d’ouverture, d’enregistrement et d’exportation évoluée

Grilles moins intrusives Comme dans Flash, les grilles utilisent désormais

Fireworks reconnaît les valeurs de couleur ActionScript lorsqu’elles sont copiées de Flash et collées dans des champs de valeurs de couleur de Fireworks.

Dans la boîte de dialogue « Enregistrer sous », sélectionnez des formats de sortie dans un fichier unique, tels que gif, jpg, tiff. Voir Enregistrement de

documents dans d’autres formats, page 27.

La logique utilisée pour déterminer les dossiers par défaut dans les boîtes de dialogue Ouvrir, Enregistrer, Enregistrer sous, Enregistrer une copie et Exporter, a été améliorée en réduisant le nombre d’opérations de navigation requises.

une ligne pointillée et une couleur de grille par défaut plus claire.

Grâce à Fireworks, vous disposez d’outils visuels pour créer des graphiques et animations Web de

qualité professionnelle, tels que des survols et des menus contextuels, sans devoir recourir à la

programmation. Vous pouvez également contrôler précisément vos images à l’aide d’une série de

nouvelles options créatives.

Création sans complexité

25 nouveaux modes de fondu

Ombre de perspective Ajoutez une ombre de perspective pour ouvrir des

Ombre unie Nouveau filtre en direct qui estompe l’objet auquel il

Composants d’interface mobile

Exemples de boutons, d’animations, de thèmes et de puces

Panneau Propriétés de forme automatique

25 nouvelles possibilités pour modifier l’aspect de vos couleurs et de vos objets.

trajets et des objets texte.

est appliqué plusieurs fois.

Créez rapidement une maquette de votre interface mobile à l’aide des composants d’interface bitmap.

Démarrez rapidement avec de nouveaux actifs, tels que des boutons, des animations, des thèmes et des puces.

Ce nouveau panneau permet de modifier les propriétés de forme automatique, telles que Forme automatique Etoile, Forme automatique Flèche ou Forme automatique Polygone intelligent.

10 Chapitre 1 : Présentation

Création sans complexité

Cadre direct et conversion de sélections (conversion de cadre de sélection en trajet et inversement)

Texte de dénomination automatique

Panneau Caractères spéciaux

Remise en forme de texte sur un trajet

Convertissez des sélections actives en trajets vectoriels modifiables et inversement. Obtenez instantanément le résultat des filtres et des paramètres appliqués aux sélections. Voir

Conversion d’un cadre de sélection en trajet, page 64

et Conversion d’un trajet en cadre de sélection,

page 133.

Les calques sont automatiquement nommés à l’aide du texte que vous y entrez. Voir Affectation d’un nom

à un objet texte, page 140.

Utilisez ce nouveau panneau pour insérer des caractères spéciaux directement dans des blocs de texte.

Modifiez les points du trajet quand un texte y est attaché. Voir Modification des trajets et des textes

attachés aux trajets, page 154

Economisez votre temps et vos efforts grâce aux nombreuses améliorations apportées aux tâches

courantes.

Améliorations du processus

Mémorisation des derniers paramètres utilisés pour les polices et l’optimisation

Enregistrement de plusieurs sélections

Sélectionnez les objets qui partagent un bord dans le panneau Calques

Enregistrement automatique des préférences

Groupement de déplacements consécutifs

Prise en charge de tablette améliorée

Verrouillage d’objets Verrouillage individuel d’objets dans le panneau

Les polices récemment utilisées s’affichent à présent dans le haut des menus de polices. L’optimisation est désormais paramétrée, par défaut, à l’aide des derniers paramètres utilisés. Voir Enregistrement et réutilisation des paramètres

d’optimisation, page 339.

Enregistrez, restaurez, nommez et supprimez plusieurs cadres de sélection dans des fichiers PNG. Voir Enregistrement de cadres de sélection, page 64.

Maintenez la touche Maj enfoncée et cliquez pour sélectionner des objets qui partagent un bord ou une limite dans le panneau Calques.

Fireworks 8 enregistre automatiquement les préférences plus fréquemment.

Les déplacements consécutifs sont traités comme un seul mouvement.

La prise en charge de tablette a été améliorée pour les outils Modulateur de trajet et la sensibilité à la pression du trait.

Calques. Voir Protection des calques et des objets,

page 201.

Nouveautés de Fireworks 8 11

Pour plus d’informations sur les nouvelles fonctions, voir la page Fireworks du site Web de

Macromedia à l’adresse www.macromedia.com/go/fireworks_fr.

Guide pour le support de formation

Plusieurs ressources sont à votre disposition pour l’apprentissage de Fireworks : le présent manuel,

l’Aide de Fireworks, les versions PDF des composants de la documentation de Fireworks et

plusieurs sources d’informations Web.

• Utilisation de Fireworks est le manuel utilisateur de Fireworks. Vous pouvez y accéder

à tout moment dans l’aide de Fireworks (Aide > Utilisation de Fireworks). Le manuel est également disponible au format PDF sur le site Web de Macromedia à l’adresse

http://www.macromedia.com/go/fw_documentation_fr.

• Bien démarrer avec Fireworks présente de façon interactive les principales fonctions de

Fireworks. Vous pouvez utiliser les didacticiels qui traitent des tâches Fireworks courantes, telles que l’utilisation d’outils de dessin et de modification, l’optimisation d’images, la création de survols, de barres de navigation et d’autres éléments interactifs. Vous pouvez accéder au manuel à tout moment dans l’aide de Fireworks (Aide > Bien démarrer avec Fireworks). Le manuel est également disponible au format PDF sur le site Web de Macromedia à l’adresse

http://www.macromedia.com/go/fw_documentation_fr.

• Le Centre de support de Fireworks à l’adresse www.macromedia.com/go/fireworks_support_fr

offre des informations de support et de résolution de problèmes.

• Le Centre des développeurs de Fireworks à l’adresse http://www.macromedia.com/fr/devnet/

fournit des informations vous permettant d’améliorer et d’élargir vos compétences.

• Le groupe de discussion de Fireworks permet de communiquer en direct avec les autres

utilisateurs de Fireworks, les techniciens du support technique et l’équipe de développement de Fireworks. Utilisez un lecteur de groupes de discussion pour accéder à

news://forums.macromedia.com/macromedia.fireworks.

• Extension de Fireworks indique comment automatiser les tâches de Fireworks à l’aide du code

JavaScript. Vous pouvez contrôler chaque commande ou paramètre de Fireworks à l’aide de commandes JavaScript spéciales que Fireworks peut interpréter. Ce manuel est disponible dans l’aide et sur le site Web de Macromedia au format PDF téléchargeable.

12 Chapitre 1 : Présentation

CHAPITRE 2

Concepts de base de Fireworks

L’application Macromedia Fireworks 8 met à votre disposition des outils de conception de

graphiques Web. Ses solutions novatrices permettent de résoudre les principaux problèmes posés

aux concepteurs et aux webmasters. Grâce à la large palette d’outils proposée par Fireworks, vous

pouvez créer et éditer des graphiques vectoriels et bitmap dans un même fichier.

L’avènement de Fireworks a libéré les concepteurs de sites Web des tâches fastidieuses impliquant

l’ouverture de douzaines d’applications spécifiques. L’application non destructive des filtres en

direct évite de devoir recréer des graphiques Web après une modification simple. La génération de

code JavaScript facilite considérablement la création de survols. Des fonctions d’optimisation

efficaces réduisent la taille de fichiers graphiques Web sans sacrifier la qualité.

Si vous débutez avec Fireworks, il vous serait utile de comprendre les concepts généraux de

Fireworks, tels que l’ouverture, l’importation et l’enregistrement de fichiers, et de vous familiariser

à l’environnement de Fireworks et de travailler dans un fichier. Une fois que vous avez créé un

nouveau fichier ou que vous avez ouvert un fichier existant, l’environnement de travail Fireworks

est accessible.

Ce chapitre couvre les rubriques suivantes :

Travailler avec Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Graphiques vectoriels et bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Création d’un nouveau document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

Ouverture et importation de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Enregistrement de fichiers Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Environnement de travail de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

Travailler avec Fireworks

Fireworks est une application polyvalente de création, d’édition et d’optimisation de graphiques

Web. Vous pouvez créer et modifier des images bitmap et vectorielles, créer des effets pour le Web,

tels que des survols et des menus contextuels, recadrer et optimiser des graphiques afin de réduire

la taille de leur fichier et gagner du temps en automatisant les tâches répétitives. Une fois le

document terminé, vous pouvez l’exporter ou l’enregistrer au format JPEG, GIF ou autre,

accompagné des fichiers HTML contenant des tables HTML et du code JavaScript, afin de

l’utiliser sur le Web. Vous pouvez également exporter ou enregistrer un type de fichier spécifique

vers une autre application telle que Photoshop ou Macromedia Flash, si vous voulez continuer à

travailler dans ces applications.

Objets vectoriels et bitmap

Dans le panneau Outils de Fireworks, vous trouverez des sections distinctes contenant des outils

de création et de modification de vecteurs et de bitmaps. Pour plus d’informations sur ces deux

formats de base, voir Graphiques vectoriels et bitmap, page 15.

Dans Fireworks, l’outil que vous sélectionnez détermine si l’objet que vous créez est un objet

vectoriel ou bitmap. Par exemple, après avoir sélectionné l’outil Plume dans la section Vecteur du

panneau Outils, vous pouvez commencer à tracer des trajets vectoriels en plaçant des points.

Après avoir sélectionné l’outil Pinceau, vous pouvez faire glisser le pointeur afin de dessiner un

objet bitmap. Après avoir sélectionné l’outil Texte, vous pouvez démarrer votre saisie.

Après avoir dessiné des objets vectoriels, des objets bitmap ou du texte, vous pouvez utiliser toute

une panoplie d’outils, d’effets, de commandes et de techniques pour mettre en valeur et achever

vos graphiques. Vous pouvez utiliser les outils de Fireworks situés dans l’Editeur de boutons pour

créer des boutons de navigation interactifs.

Vous pouvez également utiliser les outils de Fireworks pour modifier des graphiques importés.

Vous pouvez importer et modifier les fichiers aux formats JPEG, GIF, PNG, PSD et bien d’autres

encore. Une fois que vous avez importé une image graphique, vous pouvez ajuster sa couleur et sa

teinte, et vous pouvez également la recadrer, la retoucher et la masquer.

Graphiques interactifs

Les découpes et les références sont des objets Web qui spécifient des zones interactives dans un

graphique Web. Les découpes permettent de sélectionner des portions d’image et d’appliquer des

comportements de survol, des animations et des liens URL (Uniform Ressource Locator). En

outre, vous pouvez exporter les sections avec des paramètres différents. Sur une page Web, chaque

découpe s’affiche dans une cellule de tableau. Les références vous permettent d’affecter des liens

URL et des comportements à l’ensemble ou à une partie du graphique. Pour plus d’informations,

voir Découpes, survols et références, page 243.

Les découpes et les références possèdent des poignées de survol glisser-déposer vous permettant

d’assigner rapidement aux graphiques des comportements de permutation d’image et de survol

directement depuis l’espace de travail. L’Editeur de boutons et l’Editeur de menus contextuels

sont des fonctions pratiques de Fireworks qui vous aident à créer des graphiques interactifs

spéciaux pour naviguer sur les sites Web.

14 Chapitre 2 : Concepts de base de Fireworks

Optimisation et exportation de graphiques

Lorsque vous vous apprêtez à exporter des graphiques, Fireworks possède des fonctions

d’optimisation puissantes qui vous aident à trouver l’équilibre entre la taille des fichiers et une

qualité visuelle acceptable. Optimisez les graphiques Web avec Fireworks pour réduire la taille des

fichiers et ainsi accélérer leur chargement dans les sites Web. Comparez la qualité des graphiques

dans les vues Aperçu, 2 en 1 ou 4 en 1 de l’espace de travail.

Vous pouvez découper une image en plusieurs unités, puis optimiser ces unités pour obtenir un

format qui correspond mieux au contenu. Pour ajouter de la souplesse à l’optimisation, vous

pouvez utiliser une compression JPEG sélective afin de centraliser la partie la plus importante

d’un JPEG tandis que la qualité de l’arrière-plan est réduite.

Après avoir optimisé vos graphiques, l’étape suivante consiste à les exporter afin de les utiliser sur

le Web. A partir de votre document PNG source de Fireworks, vous pouvez exporter un certain

nombre de types de fichiers, dont JPEG, GIF, GIF animé et des tables HTML contenant des

images découpées, vers différents types de fichiers. Pour plus d’informations, voir Optimisation et

exportation, page 313.

Graphiques vectoriels et bitmap

Les ordinateurs affichent des graphiques au format vectoriel ou bitmap. Comprendre la différence

entre les deux formats vous aidera à comprendre Fireworks, qui contient des outils vectoriels et

bitmap et qui est capable d’ouvrir ou d’importer les deux formats.

Graphiques vectoriels

Les graphiques vectoriels reproduisent des images en utilisant des lignes et des courbes, appelées

vecteurs, qui incluent des informations de couleur et de position. Par exemple, l’image d’une

feuille peut être décrite par une série de points qui représentent le contour de la feuille. La couleur

de la feuille est déterminée par la couleur de son contour (le trait) et la couleur de la zone

délimitée par ce contour (la trame).

Lorsque vous modifiez un graphique vectoriel, vous modifiez les propriétés des lignes et des

courbes qui en décrivent la forme. Les graphiques vectoriels ne dépendent pas de la résolution, ce

qui signifie que vous pouvez déplacer, redimensionner, reformer ou changer la couleur d’un

graphique vectoriel et l’afficher sur des écrans de diverses résolutions, sans affecter la qualité de

son aspect.

Graphiques vectoriels et bitmap 15

Graphiques bitmap

Les graphiques bitmap sont composés de points, appelés pixels, organisés dans une grille. L’écran

de votre ordinateur est une grande grille de pixels. Dans une version bitmap de la feuille, l’image

est déterminée par l’emplacement et la valeur de couleur de l’ensemble des pixels de la grille.

Chaque point est associé à une couleur. Lorsque ces points sont affichés à la bonne résolution, ils

forment une image comparable à une mosaïque.

Lorsque vous modifiez un graphique bitmap, vous modifiez des pixels et non des lignes et des

courbes. Ces graphiques bitmap dépendent de la résolution, ce qui signifie que les données

décrivant l’image sont conditionnées par une grille de taille spécifique. L’agrandissement d’un

graphique bitmap modifie la distribution des pixels dans la grille et produit souvent une image

aux bords dentelés. L’affichage d’un graphique bitmap sur un écran dont la résolution est

inférieure à celle de l’image risque également d’en altérer la qualité.

Création d’un nouveau document

Lorsque vous cliquez sur Fichier > Nouveau pour créer un nouveau document dans Fireworks, un

fichier de type PNG (Portable Network Graphic) est créé. PNG est le format de fichier natif de

Fireworks. Lorsque vous créez des graphiques dans Fireworks, vous pouvez les exporter ou les

enregistrer sous d’autres formats de graphiques Web courants, tels que JPEG, GIF et GIF animé.

Vous pouvez également exporter ou enregistrer des graphiques vers de nombreux formats

populaires utilisés en dehors du Web, tels que TIFF et BMP. Quels que soient les paramètres

d’optimisation et d’exportation sélectionnés, le fichier PNG Fireworks d’origine est conservé afin

de permettre une modification ultérieure aisée.

Avant de créer un graphique Web dans Fireworks, vous devez créer un nouveau document ou

ouvrir un document existant. Vous pourrez par la suite ajuster les options de configuration dans

l’Inspecteur des propriétés.

16 Chapitre 2 : Concepts de base de Fireworks

Pour créer un nouveau document :

Cliquez sur Fichier > Nouveau La boîte de dialogue Nouveau document s’affiche.

Entrez la largeur et la hauteur du document en pixels, pouces ou centimètres.

Entrez une résolution en pixels par pouce ou pixels par centimètre.

Choisissez une couleur de fond blanche, transparente ou personnalisée.

Remarque : Utilisez la fenêtre contextuelle du sélecteur de couleurs Personnalisé pour sélectionner une couleur de fond personnalisée.

Cliquez sur OK pour créer le nouveau document.

Pour créer un nouveau document de la même taille qu’un objet du Presse-papiers :

Copiez un objet dans le Presse-Papiers à partir de :

■ un autre document Fireworks ;

■ un navigateur Web ;

■ l’une des applications répertoriées dans Collage dans Fireworks, page 22.

Cliquez sur Fichier > Nouveau La boîte de dialogue Nouveau document s’affiche, présentant la hauteur et la largeur de l’objet

dans le Presse-papiers.

Sélectionnez une résolution et une couleur de fond, puis cliquez sur OK.

Cliquez sur Edition > Coller pour coller dans le nouveau document l’objet en provenance du Presse-papiers.

Création d’un nouveau document 17

Ouverture et importation de fichiers

Dans Fireworks, vous pouvez facilement ouvrir, importer et modifier des images vectorielles et

bitmap créées dans d’autres programmes graphiques. En outre, vous pouvez importer des images

en provenance d’un appareil photo numérique ou d’un scanner.

Remarque : Lorsque vous importez un fichier depuis Macromedia Dreamweaver, Fireworks

conserve la plupart des comportements JavaScript, mais pas la totalité. Si Fireworks prend en

charge un comportement particulier, ce dernier est reconnu et conservé lorsque vous réimportez le

fichier dans Dreamweaver.

Pour ouvrir un document Fireworks :

Cliquez sur Fichier > Ouvrir. La boîte de dialogue Ouvrir s’affiche.

Sélectionnez le fichier, puis cliquez sur Ouvrir.

Conseil : Pour ouvrir un fichier sans écraser la version précédente, cliquez sur Ouvrir en tant que Sans titre, puis enregistrez le fichier en utilisant un autre nom.

Cette section couvre les rubriques suivantes :

• Ouverture des derniers documents fermés, page 18

• Ouverture de graphiques créés dans d’autres applications, page 19

• Création de fichiers PNG dans Fireworks à partir de fichiers HTML, page 20

• Insertion d’objets dans un document Fireworks, page 21

Ouverture des derniers documents fermés

Le menu Fichier répertorie les 10 derniers documents fermés dans le sous-menu Ouvrir les

fichiers récents. La page de démarrage répertorie également les documents récemment fermés.

Pour ouvrir un fichier récemment fermé :

Cliquez sur Fichier > Ouvrir les fichiers récents.

Sélectionnez un fichier dans le sous-menu.

Pour ouvrir un fichier récemment fermé lorsque aucun fichier n’est ouvert :

Cliquez sur le nom du fichier dans la page de démarrage.

18 Chapitre 2 : Concepts de base de Fireworks

Ouverture de graphiques créés dans d’autres applications

Fireworks permet d’ouvrir des fichiers créés dans d’autres applications ou dans des formats

différents, y compris les fichiers Photoshop, Macromedia FreeHand, Illustrator, CorelDRAW non

compressés, WBMP, EPS, JPEG, GIF et GIF animés.

Lorsque vous ouvrez un format de fichier autre que PNG en cliquant sur Fichier > Ouvrir, vous

créez un nouveau document PNG Fireworks basé sur le fichier que vous ouvrez. Vous pouvez

utiliser toutes les fonctions de Fireworks pour modifier l’image. Vous pouvez dès lors cliquer sur

Enregistrer sous pour enregistrer votre travail comme nouveau fichier PNG Fireworks ou dans un

autre format ; avec certains types d’images, vous pouvez également cliquer sur Enregistrer pour

enregistrer le document dans son format d’origine. Si vous sélectionnez cette deuxième option,

l’image est fusionnée en un seul calque et vous ne pouvez plus modifier les fonctions spécifiques à

Fireworks que vous aviez ajoutées à l’image.

Fireworks vous permet d’enregistrer les formats de fichier suivants directement : Fireworks PNG,

GIF, GIF animé, JPEG, BMP, WBMP, TIF, SWF, AI, PSD et PICT (Mac uniquement).

Remarque : Fireworks enregistre les images TIF 16 bits à une profondeur de couleur de 24 bits.

GIF animés

Vous pouvez ouvrir les fichiers GIF animés dans Fireworks de deux façons :

• Importez un GIF animé en tant que symbole d’animation. Vous pouvez modifier et déplacer

tous les éléments de l’animation en tant qu’unité simple et utiliser le panneau Bibliothèque pour créer de nouvelles occurrences du symbole.

Remarque : Lorsque vous importez un GIF animé, la cadence des images est de 0,07 seconde par défaut. Si nécessaire, utilisez le panneau Images pour rétablir la cadence d’origine.

• Ouvrez un GIF animé en tant que fichier GIF ordinaire. Les éléments du fichier GIF sont

placés en tant qu’image distincte dans une image de Fireworks. Dans Fireworks, vous pouvez convertir le graphique en un symbole d’animation.

Fichiers EPS

Fireworks ouvre la plupart des fichiers EPS, tels que les fichiers Photoshop EPS, en tant qu’images

bitmap fusionnées, dans lesquelles tous les objets sont rassemblés dans un calque unique.

Toutefois, certains fichiers EPS exportés à partir d’Illustrator conservent leurs informations

vectorielles.

Pour la plupart des fichiers EPS que vous ouvrez ou que vous importez, la boîte de dialogue

Options de fichier EPS s’affiche.

Taille de l’image détermine les dimensions et les unités de rendu de l’image. Vous pouvez

sélectionner pixels, pourcentage, pouces ou centimètres.

Résolution indique les pixels par unité pour la résolution.

Contraindre les proportions ouvre le fichier en respectant les proportions du fichier d’origine.

Anticrénelé lisse les bords irréguliers du fichier EPS ouvert.

Ouverture et importation de fichiers 19

Si vous ouvrez ou importez des fichiers EPS Illustrator qui contiennent des informations

vectorielles, la boîte de dialogue Options de fichier vectoriel s’affiche. Il s’agit de la même boîte de

dialogue qui s’affiche lorsque vous ouvrez ou importez des fichiers FreeHand.

Fichiers WBMP

Fireworks peut ouvrir des fichiers WBMP. Il s’agit de fichiers 1 bit (monochromes) qui ont été

optimisés pour les périphériques d’informatique mobile. Ce format est conçu pour les pages WAP

(Wireless Application Protocol). Vous pouvez ouvrir un fichier WBMP directement en cliquant

sur Fichier > Ouvrir ou importer un fichier WBMP en cliquant sur Fichier > Importer.

Création de fichiers PNG dans Fireworks à partir de fichiers HTML

Fireworks peut ouvrir et importer des contenus HTML créés dans d’autres applications. Lorsque

vous ouvrez ou importez un fichier HTML, Fireworks reconstruit la mise en page et les

comportements définis par le code HTML, vous permettant de recréer des pages Web contenant

des graphiques découpés, des boutons JavaScript ainsi que d’autres types d’interactivité. Cela vous

permet de récupérer des sites Web dont vous avez hérité, même si vous ne possédez pas les fichiers

PNG source. Grâce à cette fonction, vous pouvez ouvrir ou importer rapidement une page Web

afin de mettre à jour des graphiques, changer la mise en page du document ou modifier des liens

de navigation, des boutons et d’autres éléments interactifs, le tout sans avoir à reconstruire la page

depuis le début ou à modifier les scripts.

Etant donné que Fireworks exporte les contenus HTML sous la forme d’une table HTML, cela

détermine également la mise en page du document pour des HTML importés se basant sur des

tables HTML. Le fichier HTML doit contenir au moins une table pour que vous puissiez le

reconstruire dans Fireworks. Pour plus d’informations sur le HTML, voir Exportation du fichier

HTML, page 346.

Vous avez plusieurs façons d’intégrer des contenus HTML dans Fireworks :

• Vous pouvez ouvrir toutes les tables HTML dans un fichier HTML.

• Vous pouvez ouvrir la première table HTML rencontrée par Fireworks dans un fichier HTML.

• Vous pouvez importer la première table HTML rencontrée par Fireworks dans un

document Fireworks existant.

Remarque : Fireworks peut également importer des documents qui utilisent un codage UTF-8 ainsi

que ceux écrits en XHTML. Les fichiers XHTML possèdent généralement l’extension .xhtm ou

.xhtml. Pour plus d’informations sur ces types de fichiers, voir Exportation de fichiers avec et sans

codage UTF-8, page 354 et Exportation d’un fichier XHTML, page 353.

Pour ouvrir toutes les tables d’un fichier HTML :

Cliquez sur Fichier > Reconstituer la table.

Sélectionnez le fichier HTML contenant les tables que vous voulez ouvrir, puis cliquez sur Ouvrir.

Chaque table s’affiche dans sa propre fenêtre de document.

20 Chapitre 2 : Concepts de base de Fireworks

Pour ouvrir uniquement la première table d’un fichier HTML :

Cliquez sur Fichier > Ouvrir.

Sélectionnez le fichier HTML contenant la table que vous voulez ouvrir, puis cliquez sur Ouvrir.

La première table du fichier HTML s’affiche dans une nouvelle fenêtre de document.

Pour importer la première table d’un fichier HTML vers un document Fireworks ouvert :

Cliquez sur Fichier > Importer.

Sélectionnez le fichier HTML à partir duquel vous voulez effectuer l’importation, puis cliquez sur Ouvrir.

Cliquez pour placer le point d’insertion à l’endroit où vous souhaitez que s’affiche la table importée.

Insertion d’objets dans un document Fireworks

Vous pouvez importer, glisser-déposer ou copier-coller des objets vectoriels, des images bitmap ou

du texte créés dans d’autres applications dans un document Fireworks. Vous pouvez également

importer des images en provenance d’un appareil photo numérique ou d’un scanner.

Glisser-déposer d’images dans Fireworks

Utilisez la méthode glisser-déposer pour importer des objets vectoriels, des images bitmap ou du

texte dans Fireworks à partir d’applications prenant en charge ce type de méthode :

• FreeHand 7 ou supérieure ;

• Flash 3 ou supérieure ;

• Photoshop 4 ou supérieure ;

• Illustrator 7 ou supérieure ;

• Microsoft Office 97 ou supérieure ;

• Microsoft Internet Explorer 3 ou supérieure ;

• Netscape Navigator 3 ou supérieure ;

• CorelDRAW 7 ou supérieure.

Pour glisser une image ou du texte dans Fireworks :

• A partir de l’autre application, faites glisser l’objet ou le texte dans Fireworks.

Ouverture et importation de fichiers 21

Collage dans Fireworks

Lorsque vous collez dans Fireworks un objet copié à partir d’une autre application, cet objet est

placé au centre du document actif. Vous pouvez copier et coller un objet ou du texte dans

n’importe lesquels des formats ci-après depuis le Presse-papiers :

• FreeHand 7 ou supérieure ;

• Illustrator ;

• PNG ;

• PICT (Macintosh) ;

• DIB (Windows) ;

• BMP (Windows) ;

• ASCII, texte ;

• EPS ;

• WBMP

• TXT ;

• RTF.

Pour coller dans Fireworks :

Depuis l’autre application, copiez l’objet ou le texte que vous souhaitez coller.

Dans Fireworks, collez l’objet ou le texte dans votre document.

Localisation des objets collés

Lorsque vous collez un objet dans Fireworks, son placement dépend de ce qui est sélectionné :

• Si au moins un objet d’un calque simple est sélectionné, l’objet collé est placé devant — ou

empilé directement au-dessus de — l’objet sélectionné dans ce même calque.

• Si le calque lui-même est sélectionné ainsi que, soit aucun, soit tous les objets, l’objet collé est

placé devant — ou empilé directement au-dessus de — l’objet placé tout en haut de ce même calque.

• Si au moins deux objets de plusieurs calques sont sélectionnés, l’objet collé est placé devant —

ou empilé directement au-dessus de — l’objet placé tout en haut du calque le plus haut.

• Si le calque Web ou un objet du calque Web est sélectionné, l’objet collé est placé devant — ou

empilé au-dessus de — tous les autres objets du calque le plus bas.

Remarque : Le calque Web est un calque spécial qui contient tous les objets Web. Il est toujours

placé en haut du panneau Calques. Pour plus d’informations sur les calques, voir Calques, masques et

fondus, page 197.

22 Chapitre 2 : Concepts de base de Fireworks

Rééchantillonnage des objets collés

Lorsque vous collez un bitmap avec une résolution différente de celle du document Fireworks de

destination, Fireworks vous demande si vous souhaitez rééchantillonner le bitmap.

Le rééchantillonnage ajoute ou supprime des pixels dans un bitmap redimensionné afin de

correspondre le plus possible à l’aspect du bitmap d’origine. Le rééchantillonnage d’un bitmap

dans une résolution supérieure provoque généralement une légère perte de qualité. Toutefois, le

rééchantillonnage dans une résolution inférieure cause toujours une perte de données et

généralement une baisse de qualité.

Pour rééchantillonner un objet bitmap en le collant :

Copiez le bitmap dans le Presse-papiers de Fireworks ou d’un autre programme.

Cliquez sur Edition > Coller dans Fireworks. Si l’image bitmap du Presse-papiers possède une résolution différente de celle du document

actif, une boîte de dialogue s’affiche, vous demandant si vous voulez ou non effectuer un rééchantillonnage.

Sélectionnez l’une des options suivantes :

■ Rééchantillonner conserve la largeur et la hauteur originales du bitmap collé, ajoutant ou

supprimant des pixels si nécessaire.

■ Non conserve tous les pixels d’origine, ce qui peut rendre la taille relative de l’image collée

plus grande ou plus petite que prévu.

Importation de fichiers PNG

Vous pouvez importer des fichiers PNG de Fireworks dans le calque courant du document

Fireworks actif. Tout objet référence et découpe est placé sur le calque Web du document. Pour

plus d’informations sur les découpes et les objets Web, voir Affichage des découpes et des repères de

découpe, page 247. Pour plus d’informations sur les calques, voir Utilisation des calques, page 198.

Pour importer un fichier PNG dans le calque d’un document Fireworks :

Dans le panneau Calques, sélectionnez le calque dans lequel vous voulez importer le fichier.

Cliquez sur Fichier > Importer pour ouvrir la boîte de dialogue Importer.

Recherchez le fichier à importer, puis cliquez sur Ouvrir.

Sur le document, positionnez le pointeur d’importation à l’endroit où vous voulez placer le coin supérieur gauche de l’image.

Importez le fichier :

■ Cliquez pour importer l’image.

■ Faites glisser le pointeur d’importation pour redimensionner l’image importée.

Fireworks conserve les proportions de l’image.

Ouverture et importation de fichiers 23

Importation à partir d’un scanner ou d’un appareil photo numérique

Vous pouvez importer des images à partir d’un scanner ou d’un appareil photo numérique

uniquement s’il est compatible TWAIN (Windows) ou s’il utilise la fonctionnalité Capture

d’image intégrée d’OS X (Macintosh). Les images importées dans Fireworks à partir d’un appareil

photo numérique ou d’un scanner sont ouvertes en tant que nouveaux documents.

Remarque : Fireworks ne peut pas importer d’images issues d’un scanner ou d’un appareil photo

numérique, à moins que les pilotes, modules et plug-ins appropriés du logiciel soient installés. Pour

obtenir des instructions spécifiques sur l’installation, les paramètres et les options, voir la section de la

documentation de votre scanner ou appareil photo numérique relative au module TWAIN ou au plug-

in Photoshop Acquire.

Sur Macintosh, Fireworks recherche automatiquement les plug-ins Photoshop Acquire dans le

dossier Plug-ins du dossier de l’application Fireworks. Si vous ne souhaitez pas placer les plug-ins

à cet endroit, vous devez indiquer un autre emplacement à Fireworks.

Remarque : L’emplacement exact du dossier Plug-ins varie en fonction du système d’exploitation.

Pour plus d’informations, voir Utilisation des fichiers de configuration, page 435.

Pour diriger Fireworks vers les plug-ins Photoshop Acquire :

Dans Fireworks, cliquez sur Edition > Préférences.

Remarque : Sur Mac OS X, cliquez sur Fireworks > Préférences.

Cliquez sur l’onglet Dossiers.

Sélectionnez Plug-ins Photoshop.

Cliquez sur Parcourir si la boîte de dialogue Sélectionner le dossier contenant les plug-ins de Photoshop (Windows) ou Choisissez un dossier (Macintosh) ne s’ouvre pas automatiquement.

Recherchez le dossier comportant les plug-ins Photoshop.

Pour importer une image à partir d’un appareil photo numérique (Macintosh) :

Connectez l’appareil photo à votre ordinateur.

Installez le logiciel qui accompagne l’appareil photo, si cela n’a pas déjà été fait.

Dans Fireworks, cliquez sur Fichier > Acquisition, puis sélectionnez Acquisition appareil photo ou Source appareil photo.

Dans la boîte de dialogue Sélectionner l’appareil photo, choisissez un appareil photo, puis cliquez sur OK.

Dans la boîte de dialogue Sélectionner les images, sélectionnez les images que vous souhaitez importer, puis cliquez sur OK.

Remarque : La boîte de dialogue Sélectionner les images n’affiche que les fichiers de types pris en charge par Fireworks.

Suivez les instructions pour appliquer les paramètres souhaités. L’image importée s’affiche dans un nouveau document Fireworks.

24 Chapitre 2 : Concepts de base de Fireworks

Pour importer une image à partir d’un appareil photo numérique (Windows) :

Connectez l’appareil photo à votre ordinateur.

Installez le logiciel qui accompagne l’appareil photo, si cela n’a pas déjà été fait.

Dans Fireworks, cliquez sur Fichier > Numériser, puis sélectionnez Acquisition Twain ou Source Twain.

Dans la boîte de dialogue Sélectionner la source, sélectionnez une source, puis cliquez sur OK.

Dans la boîte de dialogue Sélectionner les images, sélectionnez les images que vous souhaitez importer, puis cliquez sur OK.

L’interface utilisateur de votre logiciel d’appareil photo s’affiche.

Suivez les instructions pour appliquer les paramètres souhaités. L’image importée s’affiche dans un nouveau document Fireworks.

Pour importer une image à partir d’un scanner (Macintosh) :

Connectez le scanner à votre ordinateur.

Installez le logiciel qui accompagne le scanner, si cela n’a pas déjà été fait.

Dans Fireworks, cliquez sur Fichier > Acquisition, puis sélectionnez Acquisition Twain ou Source Twain.

Remarque : Pour la plupart des modules TWAIN ou des plug-ins Photoshop Acquire, des boîtes de dialogue supplémentaires vous invitent à spécifier d’autres options.

Suivez les instructions pour appliquer les paramètres souhaités. L’image importée s’affiche dans un nouveau document Fireworks.

Pour importer une image à partir d’un scanner (Windows) :

Connectez le scanner à votre ordinateur.

Installez le logiciel qui accompagne le scanner, si cela n’a pas déjà été fait.

Dans Fireworks, cliquez sur Fichier > Numériser, puis sélectionnez Acquisition Twain ou Source Twain.

Remarque : Pour la plupart des modules TWAIN ou des plug-ins Photoshop Acquire, des boîtes de dialogue supplémentaires vous invitent à spécifier d’autres options.

Suivez les instructions pour appliquer les paramètres souhaités. L’image importée s’affiche dans un nouveau document Fireworks.

Ouverture et importation de fichiers 25

Enregistrement de fichiers Fireworks

Lorsque vous créez un nouveau document ou ouvrez un fichier PNG Fireworks existant, le nom

de fichier du document possède l’extension .png. Les fichiers d’autres types, tels que PSD et

HTML, s’ouvrent également au format PNG, ce qui vous permet d’utiliser le document PNG

Fireworks comme fichier source ou de travail.

Cependant, de nombreux fichiers conservent leurs extension et paramètres d’optimisation

d’origine lorsque vous les ouvrez dans Fireworks. Pour plus d’informations, voir Enregistrement de

documents dans d’autres formats, page 27.

L’emplacement par défaut dans lequel Fireworks enregistre un document est déterminé par les

éléments suivants, selon cet ordre :

• l’emplacement actuel du fichier ;

• l’emplacement actuel d’exportation/d’enregistrement, défini à chaque fois que vous modifiez

l’emplacement par défaut dans la boîte de dialogue Enregistrer, Enregistrer sous, Enregistrer une copie ou Exporter ;

• l’emplacement d’enregistrement par défaut des nouveaux documents ou des nouvelles images

sur le système d’exploitation.

Enregistrement de fichiers PNG Fireworks

Lorsque vous créez un nouveau document ou ouvrez un fichier PNG Fireworks existant, le nom

de fichier du document possède l’extension .png. Le fichier affiché dans la fenêtre de document

Fireworks est votre fichier source ou fichier de travail.

L’utilisation d’un fichier PNG de Fireworks comme fichier source présente les avantages suivants :

• Le fichier PNG source est toujours modifiable. Vous pouvez faire marche arrière et effectuer

des modifications supplémentaires, même après l’exportation du fichier dans le but de l’utiliser sur le Web.

• Vous pouvez découper des graphiques complexes en plusieurs parties dans le fichier PNG et les

exporter sous différents formats et paramètres d’optimisation.

Pour enregistrer un nouveau document Fireworks :

Cliquez sur Fichier > Enregistrer sous. La boîte de dialogue Enregistrer sous s’affiche.

Recherchez l’emplacement souhaité et entrez le nom du fichier. Vous pouvez ne pas indiquer d’extension pour le nom de fichier ; Fireworks la fournit

automatiquement.

Cliquez sur Enregistrer.

Pour enregistrer un document existant :

• Cliquez sur Fichier > Enregistrer.

26 Chapitre 2 : Concepts de base de Fireworks

Enregistrement de documents dans d’autres formats

Lorsque vous ouvrez un fichier d’un format autre que PNG en cliquant sur Fichier > Ouvrir, vous

pouvez utiliser toutes les fonctions de Fireworks pour modifier l’image. Vous pouvez alors cliquer

sur Enregistrer sous pour enregistrer votre travail en tant que nouveau fichier PNG Fireworks ou

sélectionner un autre format d’enregistrement. Pour la plupart des types de fichiers, vous pouvez

cliquer sur Enregistrer pour enregistrer le document dans son format d’origine.

Remarque : Si vous enregistrez un fichier PNG dans un fichier bitmap tel que GIF ou JPEG, les

objets graphiques que vous avez manipulés dans le fichier PNG ne sont plus disponibles dans le

fichier bitmap (voir Graphiques vectoriels et bitmap, page 15). Si vous devez retoucher l’image, éditez

le fichier PNG source, puis exportez-le de nouveau.

Vous pouvez enregistrer sous les formats de fichier suivants directement : Fireworks PNG, GIF,

GIF animé, JPEG, BMP, WBMP, TIF, SWF, AI, PSD et PICT (Macintosh uniquement).

Fireworks enregistre les images TIF 16 bits à une profondeur de couleur de 24 bits.

Les fichiers d’autres types, comme PSD et HTML, s’ouvrent au format PNG, ce qui vous permet

d’utiliser le document PNG Fireworks comme fichier source. Toute modification que vous

apportez est appliquée au fichier PNG et non à l’original.

Pour enregistrer un fichier GIF, JPEG, TIF, BMP ou un autre format de fichier répertorié

ci-avant :

Cliquez sur Fichier > Enregistrer.

Si les modifications apportées au document ne peuvent pas être modifiées dans le format d’origine du fichier, une notification s’affiche dans la boîte de dialogue Enregistrer. Ces modifications non modifiables peuvent être l’ajout de nouveaux objets, de masques et de filtres en direct, ou le réglage de l’opacité, l’application de modes de fondu et l’enregistrement de sélections de pixels.

Remarque : Si vous ne sélectionnez pas l’option Enregistrer comme copie, le format de fichier du document sur lequel vous travaillez est converti dans le format sous lequel vous l’enregistrez.

Pour exporter un document dans un autre format :

Sélectionnez un format de fichier dans le panneau Optimiser.

Cliquez sur Fichier > Exporter pour exporter le document. Pour plus d’informations sur l’exportation de fichiers, voir Optimisation et exportation,

page 313.

Enregistrement de fichiers Fireworks 27

Environnement de travail de Fireworks

Lorsque vous ouvrez pour la première fois un document dans Fireworks, Fireworks active

l’environnement de travail, y compris le panneau Outils, l’Inspecteur des propriétés, les menus et

d’autres panneaux. Le panneau Outils, à gauche de l’écran, contient des catégories étiquetées,

incluant les groupes d’outils bitmap, vectoriels et Web. L’Inspecteur des propriétés apparaît par

défaut en bas du document et affiche initialement les propriétés du document. Il change ensuite

pour afficher les propriétés d’un outil nouvellement sélectionné ou d’un objet actuellement

sélectionné lorsque vous travaillez dans le document. Les panneaux sont initialement ancrés en

groupes le long du bord droit de l’écran. La fenêtre Document s’affiche au centre de l’application.

Utilisation de la page de démarrage

Lorsque vous lancez Fireworks sans ouvrir de document, la page de démarrage de Fireworks

s’affiche dans l’environnement de travail. Cette page vous permet d’accéder rapidement aux

didacticiels Fireworks, aux fichiers récents et à Fireworks Exchange, d’où vous pouvez améliorer

les fonctions de Fireworks. La page de démarrage s’utilise comme une page Web. Il vous suffit de

cliquer sur une fonction à l’écran pour l’utiliser.

Pour désactiver la page de démarrage :

Lancez Fireworks sans ouvrir de document. La page de démarrage s’affiche.

Cliquez sur Ne plus afficher.

28 Chapitre 2 : Concepts de base de Fireworks

Utilisation du panneau Outils

Le panneau Outils se divise en six catégories : Sélection, Bitmap, Vecteur, Web, Couleurs et

Affichage.

Modification des options des outils

Lorsque vous sélectionnez un outil, l’Inspecteur des propriétés affiche les options de l’outil.

Certaines options d’outils restent affichées lorsque vous travaillez avec l’outil. Pour d’autres outils,

tels que les outils des formes de base, la Plume et la Ligne, l’Inspecteur des propriétés affiche les

propriétés des objets sélectionnés. Pour plus d’informations sur l’Inspecteur des propriétés, voir

Utilisation de l’Inspecteur des propriétés, page 30.

Pour que s’affichent dans l’Inspecteur des propriétés les options d’un outil que vous êtes en

train d’utiliser :

• Cliquez sur Sélection > Désélectionner pour désélectionner tous les objets.

Pour plus d’informations sur des options d’outils spécifiques, voir les sections qui présentent les

différents outils dans le manuel Utilisation de Fireworks ou l’Aide de Fireworks.

Environnement de travail de Fireworks 29

Sélection d’un outil parmi un groupe d’outils

Un petit triangle dans le coin inférieur droit d’un outil dans le panneau Outils indique qu’il fait

partie d’un groupe d’outils. Par exemple, l’outil Rectangle fait partie du groupe des outils de

formes de base, qui inclut également les outils Rectangle arrondi, Ellipse et Polygone. Sont aussi

inclus les outils Formes automatiques apparaissant sous la ligne de séparation.

Pour sélectionner un autre outil dans un groupe d’outils :

Cliquez sur l’icône de l’outil et maintenez enfoncé le bouton de la souris. Un menu contextuel s’affiche avec les icônes des outils, le nom des outils et les touches de

raccourci. L’outil actuellement sélectionné possède une coche à gauche de son nom.

Faites glisser le pointeur afin de sélectionner l’outil souhaité et relâchez le bouton de la souris. L’outil s’affiche dans le panneau Outils, et les options de l’outil dans l’Inspecteur des propriétés.

Utilisation de l’Inspecteur des propriétés

L’Inspecteur des propriétés est un panneau sensible au contexte qui affiche les propriétés de la

sélection courante, les options de l’outil courant ou les propriétés du document. Par défaut,

l’Inspecteur des propriétés est ancré au bas de l’espace de travail.

La fenêtre de l’Inspecteur des propriétés peut s’afficher à mi-hauteur, présentant deux lignes de

propriétés, ou quatre en pleine hauteur. Vous pouvez également masquer totalement l’Inspecteur

des propriétés tout en le laissant dans l’espace de travail.

Remarque : Dans le manuel Utilisation de Fireworks, la plupart des procédures partent du principe

que la fenêtre de l’Inspecteur des propriétés est affichée en pleine hauteur.

Pour annuler l’ancrage de l’Inspecteur des propriétés :

• Faites glisser la poignée du coin supérieur gauche vers un autre endroit de l’espace de travail.

Pour ancrer l’Inspecteur des propriétés au bas de l’espace de travail (Windows

uniquement) :

• Faites glisser la barre latérale de l’Inspecteur des propriétés en bas de l’écran.

Pour agrandir la fenêtre de l’Inspecteur des propriétés en pleine hauteur, permettant ainsi

de découvrir des options supplémentaires, exécutez l’une des actions suivantes :

• Cliquez sur la flèche d’extension située dans le coin inférieur droit de l’Inspecteur des

propriétés.

• Cliquez sur l’icône de menu en haut à droite de l’Inspecteur des propriétés, puis dans le menu

Options de l’Inspecteur des propriétés, cliquez sur Pleine hauteur.

Remarque : Sous Windows, le menu Options est disponible uniquement lorsque l’Inspecteur des propriétés est ancré.

30 Chapitre 2 : Concepts de base de Fireworks

+ 426 hidden pages