ADOBE Fireworks CS5 User Manual [fr]

Utilisation

ADOBE® FIREWORKS® CS5

d’

Dernière mise à jour le 29/4/2010

Utilisation d’Adobe

This user guide is protected under copyright law, furnished for informational use only, is subject to change without notice, and should not be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide.

This user guide is licensed for use under the terms of the Creative Commons Attribution Non-Commercial 3.0 License. This License allows users to copy, distribute, and transmit the user guide for noncommercial purposes only so long as (1) proper attribution to Adobe is given as the owner of the user guide; and (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. The best way to provide notice is to include the following link. To view a copy of this license, visit

Adobe, the Adobe logo, Adobe AIR, Acrobat, ActionScript, AIR, Creative Suite, Director, Dreamweaver, Fireworks, Flash, Flash Builder, Flash Catalyst, Flex, Freehand, GoLive, HomeSite, Illustrator, InCopy, InDesign, Photoshop, Reader, Version Cue, and XMP are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.

Apple, Macintosh, and Mac OS are trademarks of Apple Inc., registered in the United States and other countries. Microsoft, Windows, and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. All other trademarks are the property of their respective owners.

Updated Information/Additional Third Party Code Information available at

Portions include software under the following terms:

This product includes software developed by the Apache Software Foundation (http://www.apache.org/).

The Proximity/Merriam-Webster Inc. Database © Copyright 1990. The Proximity/Franklin Electronic Publishers Database © Copyright 1994. © Copyright 1990, 1994, 1997 All Rights Reserved. Proximity Technology Inc.

This Program was written with MacApp®: ©1985-1988 Apple Computer, Inc. APPLE COMPUTER, INC. MAKES NO WARRANTIES WHATSOEVER, EITHER EXPRESS OR IMPLIED, REGARDING THIS PRODUCT, INCLUDING WARRANTIES WITH RESPECT TO ITS MERCHANTABILITY OR ITS FITNESS FOR ANY PARTICULAR PURPOSE. The MacApp software is proprietary to Apple Computer, Inc. and is licensed to Adobe for distribution only for use in combination with Adobe Fireworks.

PANTONE® colors displayed here may not match PANTONE-identified standards. Consult current PANTONE Color Publications for accurate color. PANTONE® and other Pantone, Inc. trademarks are the property of Pantone, Inc. © Pantone, Inc., 2008.

Portions contributed by Focoltone Colour System.

Portions produced under Dainippon Ink and Chemical, Inc. copyright of color-data-base derived from Sample Books.

® Fireworks® CS5 sous Windows® et Mac OS

http://creativecommons.org/licenses/by-nc-sa/3.0/

http://www.adobe.com/go/thirdparty.

Sorenson Spark

MPEG Layer-3 audio coding technology licensed from Fraunhofer IIS and Thomson.

Portions contributed by Nellymoser, Inc. (

This product contains either BSAFE and/or TIPEM software by RSA Security, Inc.

This software is based in part on the work of the Independent JPEG Group.

Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA.

Notice to U.S. Government End Users. The Software and Documentation are “Commercial Items,” as that term is defined at 48 C.F.R. §2.101, consisting of “Commercial Computer Software” and “Commercial Computer Software Documentation,” as such terms are used in 48 C.F.R. §12.212 or 48 C.F.R. §227.7202, as applicable. Consistent with 48 C.F.R. §12.212 or 48 C.F.R. §§227.7202-1 through 227.7202-4, as applicable, the Commercial Computer Software and Commercial Computer Software Documentation are being licensed to U.S. Government end users (a) only as Commercial Items and (b) with only those rights as are granted to all other end users pursuant to the terms and conditions herein. Unpublished-rights reserved under the copyright laws of the United States. Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, USA. For U.S. Government End Users, Adobe agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. The affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference.

™ video compression and decompression technology licensed from Sorenson Media, Inc.

www.nellymoser.com)

Dernière mise à jour le 29/4/2010

Sommaire

Chapitre 1 : Nouveautés

Meilleures performances et stabilité accrue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Précision des pixels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Intégration d'Adobe Device Central . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Flux de travail pris en charge avec Flash Catalyst et Flash Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Amélioration des extensions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Partage du nuancier entre toutes les applications de la suite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

Chapitre 2 : Principes de base de Fireworks

A propos de l’utilisation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Graphiques vectoriels et bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Création d’un document Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

Modèles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

Ouverture et importation de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

Création de fichiers PNG Fireworks à partir de fichiers HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Insertion d’objets dans un document Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Enregistrement de fichiers Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

iii

Chapitre 3 : Espace de travail

Principes de base de l’espace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Navigation dans les documents et affichage de documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Modification d’une zone de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

Aperçu dans navigateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

Annulation et répétition de plusieurs actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

Chapitre 4 : Sélection et transformation d’objets

Sélection des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

Modification d’une sélection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Sélection de pixels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

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

Mise à l’échelle en 9 tranches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50

Organisation de plusieurs objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53

Chapitre 5 : Utilisation d’images bitmap

Création d’images bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56

Modification d’objets bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57

Retouche des images bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59

Ajustement des couleurs et des tons d’une image bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64

Atténuation et accentuation des images bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71

Ajout de bruit à une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73

Chapitre 6 : Utilisation des objets vectoriels

Formes simples . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74

formes automatiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Sommaire

Formes libres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82

Formes composées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88

Techniques spécifiques de retouche vectorielle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89

Chapitre 7 : Utilisation du texte

Entrée de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

Sélection de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98

Mise en forme et édition de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99

Chapitre 8 : Application de couleurs, de contours et de fonds

Application de couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111

Enregistrement de nuanciers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117

Panneau Kuler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

Application de contours et de fonds . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120

Chapitre 9 : Utilisation des filtres dynamiques

Application de filtres dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

Modification et personnalisation des filtres dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

Chapitre 10 : Calques, masques et fondus

Calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135

Masquage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140

Fusion et transparence . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152

Chapitre 11 : Styles, symboles et adresses URL

Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157

Symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170

Chapitre 12 : Tranches, survols et zones sensibles

Création et modification de tranches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173

Tranches interactives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178

Préparation des tranches pour l’exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

Zones sensibles et cartes-images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188

Chapitre 13 : Création de boutons et de menus contextuels

Principes de base de la navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

Création de symboles de bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194

Modification de symboles de bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

Menus contextuels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199

Chapitre 14 : Prototypage de sites Web et d’interfaces d’applications

Flux de production de prototypage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205

Utilisation de pages Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206

Création de dispositions CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211

Prototypage d’applications Flex . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213

Prototypage d’applications Adobe AIR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Sommaire

Chapitre 15 : Création d’animations

Notions de base sur les animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218

Création de symboles d’animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219

Modification de symboles d’animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220

Etats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221

Utilisation des états . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224

A propos des pelures d’oignon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225

Interpolation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226

Prévisualisation d’une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226

Optimisation d’une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227

Utilisation d’animations existantes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228

Création d’animations Torsion et Nuance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229

Chapitre 16 : Création de diaporamas

Création et organisation d’un diaporama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231

Personnalisation d’un diaporama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232

Création d’un lecteur Fireworks personnalisé . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234

Chapitre 17 : Optimisation et exportation

Utilisation de l’assistant Exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237

Utilisation de l’aperçu de l’image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237

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

Optimisation des fichiers GIF, PNG, TIFF, BMP et PICT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244

Optimisation des fichiers JPEG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251

Exportation depuis l’espace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253

Envoi d’un document Fireworks comme pièce jointe d’un message électronique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265

Chapitre 18 : Utilisation de Fireworks avec d’autres applications

Utilisation de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266

Utilisation de HomeSite, GoLive et d’autres éditeurs HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275

Utilisation de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276

Utilisation d’Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282

Utilisation de Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284

Utilisation de Director . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

Partage de métadonnées d’image avec Adobe XMP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292

Aperçu de documents Fireworks dans des émulateurs mobiles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295

Chapitre 19 : Automatisation des tâches

Recherche et remplacement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297

Sélection de la source de recherche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298

Définition des options de recherche/remplacement dans plusieurs fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298

Recherche et remplacement de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299

Recherche et remplacement de polices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299

Recherche et remplacement des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299

Recherche et remplacement d’URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299

Recherche et remplacement de couleurs non sécurisées pour le Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300

Traitement par lots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300

Utilisation de commandes pour le traitement par lots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Sommaire

Extension de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306

Scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307

Gestion des commandes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309

Chapitre 20 : Préférences et raccourcis clavier

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

Sélection et personnalisation des raccourcis clavier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315

Utilisation des fichiers de configuration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316

A propos de la réinstallation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

Affichage du contenu du module (Mac OS uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

Dernière mise à jour le 29/4/2010

Chapitre 1 : Nouveautés

Meilleures performances et stabilité accrue

• Nombreuses améliorations apportées aux outils les plus utilisés dans Fireworks pour vous aider à renforcer votre

efficacité

• Meilleures performances globales

• Meilleur contrôle du placement des pixels des éléments de conception

• Outil de tracé transparent mis à jour

Précision des pixels

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.

Intégration d'Adobe Device Central

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.

Flux de travail pris en charge avec Flash Catalyst et Flash 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.

Amélioration des extensions

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 29/4/2010

UTILISATION DE FIREWORKS CS5

Nouveautés

Partage du nuancier entre toutes les applications de la suite

Meilleur contrôle de la précision des couleurs en exploitant la capacité de Fireworks à partager les nuanciers entres les applications da Creative Suite. La possibilité de partager le format de fichiers ASE encourage l'échange de couleurs unifiées entre les concepteurs, y compris ceux qui utilisent Adobe Kuler.

Dernière mise à jour le 29/4/2010

Chapitre 2 : Principes de base de Fireworks

A propos de l’utilisation de Fireworks

Adobe® Fireworks® est un programme polyvalent de création, d’édition et d’optimisation de graphiques Web. Vous pouvez créer et modifier des images bitmap et vectorielles, créer des effets pour le Web, tels que des survols et des menus contextuels, recadrer et optimiser des graphiques afin de réduire la taille de leur fichier et gagner du temps en automatisant les tâches répétitives. Vous pouvez exporter ou enregistrer un document au format de fichier JPEG, GIF ou autre. Vous pouvez enregistrer ces fichiers avec des fichiers HTML comportant des tables HTML et du code 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.

Dessin et modification d’objets vectoriels et bitmap

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.

Ajout d’interactivité aux graphiques

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.

Optimisation et exportation des graphiques

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.

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Principes de base de Fireworks

Graphiques vectoriels et bitmap

Les ordinateurs affichent les 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.

A propos des 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é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 vectoriels ne dépendent pas de la résolution. Cela signifie que la qualité de l’aspect d’un graphique vectoriel est conservée lorsque vous modifiez sa couleur, sa taille, sa forme ou sa position, ou que la résolution du périphérique de sortie change.

A propos des graphiques bitmap

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.

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, ce qui peut rendre les bords de l’image légèrement dentelés. L’affichage d’un graphique bitmap sur un périphérique de sortie dont la résolution est inférieure à celle de l’image risque également d’en altérer la qualité.

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Principes de base de Fireworks

Création d’un document Fireworks

Les documents créés dans Fireworks sont enregistrés au format PNG (Portable Network Graphic). PNG est le format de fichier natif de Fireworks.

Les graphiques créés dans Fireworks peuvent être exportés ou enregistrés sous divers formats graphiques et Web. Quels que soient les paramètres d’optimisation et d’exportation sélectionnés, le fichier PNG Fireworks d’origine est conservé afin de pouvoir le modifier plus tard très facilement.

Création d’un nouveau document

1 Choisissez Fichier > Nouveau.

La boîte de dialogue Nouveau document s’affiche.

2 Entrez les paramètres du document, puis cliquez sur OK.

Remarque : utilisez la fenêtre contextuelle de la case de couleur Personnalisée pour sélectionner une couleur de zone de travail personnalisée.

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 :

• 660 x 440 (Windows)

• 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.

Les dimensions du document enregistré précédemment s'affichent dans la boîte de dialogue Nouveau document.

Dernière mise à jour le 29/4/2010

Pour Mac OS, Fireworks conserve la dimension de l'objet copié précédemment lors de la création d'un document. Ceci est dû au fat que le contenu du Presse-Papiers est conservé jusqu'à ce que vous coupiez ou copiez d'autres éléments, tels que du texte. Si vous copiez des éléments sans rapport avec les dimensions, puis sélectionnez « Nouveau », la taille enregistrée auparavant s'affiche par défaut.

UTILISATION DE FIREWORKS CS5

Principes de base de Fireworks

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

application adéquate.

2 Choisissez Fichier > Nouveau.

La boîte de dialogue Nouveau document s’affiche, présentant la hauteur et la largeur de l’objet dans le Pressepapiers.

3 Sélectionnez une résolution et une couleur de zone de travail, puis cliquez sur OK.

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

Modèles

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.

Création d’un modèle

1 Créez un fichier. Vous pouvez ajouter des espaces réservés de création ou de contenu afin d’uniformiser l’aspect

des documents créés à partir de ce modèle.

2 Sélectionnez Fichier > Enregistrer comme modèle pour enregistrer le fichier en tant que fichier de modèle PNG

Fireworks.

Création d’un fichier à partir d’un modèle

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 : Le modèle contient des données propres à Fireworks, telles que des pages, calques et informations vectorielles.

Ouverture et importation de fichiers

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.

Ouverture d'un document Fireworks

❖ Choisissez Fichier > Ouvrir, puis sélectionnez le fichier.

Dernière mise à jour le 29/4/2010

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.

UTILISATION DE FIREWORKS CS5

Principes de base de Fireworks

Ouverture d’un fichier récemment fermé

1 Choisissez Fichier > Ouvrir les fichiers récents.

2 Sélectionnez un fichier dans le sous-menu.

Ouverture d’un fichier récemment fermé lorsque aucun fichier n’est ouvert

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

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

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.

GIF animé

• 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.

• Ouvrez un fichier GIF animé de la même manière qu’un fichier GIF ordinaire. Les éléments du fichier GIF sont

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

Fichiers EPS

Fireworks ouvre la plupart des fichiers EPS en tant qu’images bitmap aplaties, dont tous les objets sont rassemblés sur un seul et même calque. Certains fichiers EPS exportés à partir d’Adobe Illustrator conservent leurs informations vectorielles.

Fichiers PSD

Fireworks peut ouvrir des fichiers PSD créés dans Photoshop tout en conservant la plupart des fonctions PSD, notamment les calques hiérarchiques, les effets de calques et les modes de fusion couramment utilisés. Pour personnaliser l’importation PSD, faites appel aux différentes options du panneau Importation/Ouverture PS de la boîte de dialogue Préférences.

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Principes de base de Fireworks

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).

L’extension Import Multiple Files permet d’importer plusieurs fichiers sélectionnés dans de nouvelles pages d’un

fichier PNG Fireworks. Cet utilitaire permet de regrouper les fichiers de projet créés dans des versions antérieures de 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.

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

Dans Fireworks, vous pouvez ouvrir et importer des contenus HTML créés dans d’autres applications et contenant des éléments de table HTML.

Ouverture de toutes les tables d’un fichier HTML

1 Choisissez Fichier > Reconstituer la table.

2 Sélectionnez le fichier HTML contenant les tables à ouvrir, puis cliquez sur Ouvrir.

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

Ouverture de la première table d’un fichier HTML

1 Choisissez Fichier > Ouvrir.

2 Sélectionnez le fichier HTML contenant la table à ouvrir, puis cliquez sur Ouvrir.

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

Importation de la première table d’un fichier HTML vers un document Fireworks ouvert

1 Choisissez Fichier > Importer.

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

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

Remarque : Fireworks peut importer des documents qui utilisent un codage UTF-8 ainsi que ceux écrits en XHTML.

Insertion d’objets dans un document Fireworks

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.

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Principes de base de Fireworks

Collage dans Fireworks

Lorsque vous collez dans Fireworks un objet copié à partir d’une autre application, cet objet est placé au centre du document actif.

Vous pouvez coller depuis le Presse-papiers des objets ou du texte aux formats suivants :

• Adobe FreeHand 7 ou version ultérieure

• Adobe Illustrator

• PNG

• PICT (Mac OS)

• DIB (Windows)

• BMP (Windows)

• Texte ASCII

• EPS

• WBMP

• TXT

• RTF

1 Dans l’autre application, copiez l’objet ou le texte à coller.

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

Localisation des objets collés

L’emplacement des fichiers collés dépend de la sélection :

• Si au moins un objet d’un seul calque est sélectionné, l’objet collé est placé devant (empilé directement au-dessus

de) l’objet sélectionné sur ce même calque.

• Si le calque lui-même est sélectionné, ainsi que tous ses objets ou aucun d’entre eux, l’objet collé est placé devant

(empilé directement au-dessus de) l’objet supérieur (placé sur le dessus) de ce même calque.

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

dessus de) l’objet supérieur (placé sur le dessus) du calque supérieur (du dessus).

• Si le calque Web ou un objet du calque Web est sélectionné, l’objet collé est placé devant (empilé au-dessus de) tous

les autres objets du calque inférieur (du dessous).

Remarque : le calque Web est un calque spécial qui contient tous les objets Web. Il est toujours placé en haut du panneau Calques.

Rééchantillonnage des objets collés

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é.

Rééchantillonnage d’un objet bitmap par collage

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

2 Choisissez Edition > Coller dans Fireworks.

Dernière mise à jour le 29/4/2010

3 Si la résolution de l’image bitmap qui se trouve dans le Presse-papiers est différente de celle du document actif,

UTILISATION DE FIREWORKS CS5

Principes de base de Fireworks

choisissez une option de rééchantillonnage.

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.

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 d’un fichier PNG dans le calque d’un document Fireworks

Lorsque vous importez des fichiers PNG Fireworks sur le calque actif du document Fireworks en cours, des zones sensibles et des tranches sont placées sur le calque Web du document. Fireworks conserve les proportions de l’image importée.

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

gauche de l’image.

5 Procédez de l’une des manières suivantes :

• Cliquez pour importer l’image en taille réelle.

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

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é 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.

Direction de Fireworks vers les modules externes Photoshop Acquire

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.

Si la boîte de dialogue de sélection du dossier de modules externes Photoshop (Windows) ou Choisissez un dossier (Mac OS) ne s’ouvre pas automatiquement, naviguez jusqu’au dossier.

Importation d’une image à partir d’un appareil photo numérique (Windows)

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.

Dernière mise à jour le 29/4/2010

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

4 Suivez les instructions pour appliquer les paramètres.

UTILISATION DE FIREWORKS CS5

Principes de base de Fireworks

Importation d’une image à partir d’un appareil photo numérique (Mac OS)

1 Connectez l’appareil photo à votre ordinateur.

2 Dans Fireworks, choisissez Fichier > Acquisition, puis sélectionnez Acquisition appareil photo ou Source appareil

photo.

3 Sélectionnez l’appareil photo et les images à importer.

4 Suivez les instructions pour appliquer les paramètres.

Importation d’une image à partir d’un scanner

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 :

• (Windows) Dans Fireworks, choisissez Fichier > Scanner, puis sélectionnez Acquisition Twain ou

Source Twain.

• (Mac OS) Dans Fireworks, choisissez Fichier > Acquisition, puis sélectionnez Acquisition Twain ou

Source Twain.

Remarque : pour la plupart des modules TWAIN ou des modules externes Photoshop Acquire, vous pouvez spécifier des options complémentaires dans d’autres boîtes de dialogue.

4 Suivez les instructions pour appliquer les paramètres.

Enregistrement de fichiers Fireworks

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 :

• 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 en plusieurs tranches des graphiques complexes dans le fichier PNG et les exporter dans

différents formats et avec divers paramètres d’optimisation.

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.

Enregistrement d’un fichier Fireworks au format PNG pour l’utiliser dans une version antérieure

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

contextuel Exporter.

Dernière mise à jour le 29/4/2010

4 Sélectionnez Images ou PNG Fireworks dans la liste déroulante Exporter en tant que. Si vous sélectionnez Images,

chaque page est enregistrée au format de fichier par défaut. Vous pouvez définir ce format de fichier via le panneau Optimisation. Pour plus de détails, reportez-vous à la section « Optimisation et exportation » à la page 237.

Tous les objets des calques supérieurs sont enregistrés lors de l’exportation. Les éléments des calques inférieurs ne sont pas exportés.

UTILISATION DE FIREWORKS CS5

Principes de base de Fireworks

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.

Remarque : L’utilitaire Auto Backup de Fireworks permet de sauvegarder automatiquement tous les documents Fireworks ouverts. Pour le télécharger à partir d’Adobe AIR Marketplace, accédez à

http://www.adobe.com/go/learn_fw_autobackuputility_fr.

Enregistrement de documents dans d’autres formats

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.

Ajout d’une image

1 Sélectionnez Commandes > Création > Ajouter image.

2 Sélectionnez un motif et définissez une taille de cadre.

3 Cliquez sur OK.

Réinitialisation des messages d’avertissement

Si vous avez désactivé l’affichage des messages d’avertissement, vous pouvez de nouveau les activer.

❖ Sélectionnez Commandes > Réinit. Mess. Avertissement.

Capture d’écran (Windows uniquement)

1 Sélectionnez Commandes > Capturer.

2 Accédez à la fenêtre dans laquelle vous souhaitez effectuer une capture d’écran.

3 Cliquez sur OK et faites glisser le pointeur pour sélectionner la zone de la fenêtre.

4 Collez le contenu du Presse-papiers sur la zone de travail ou dans l’application de retouche d’image.

Dernière mise à jour le 29/4/2010

Chapitre 3 : Espace de travail

Principes de base de l’espace de travail

Présentation de l’espace de travail Fireworks

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.

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. Pour désactiver la page de démarrage, cliquez sur Ne plus afficher cette fenêtre lorsque la page de démarrage s’ouvre.

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Espace de travail

A propos des panneaux dans Fireworks

Les panneaux sont des commandes flottantes qui permettent de modifier l’aspect d’un objet sélectionné ou des é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

de couleurs du fichier ou de la tranche.

Panneau Calques Il structure un document et fournit des options de création de suppression et de manipulation de

calques.

Panneau Bibliothèque commune Il affiche le contenu du dossier Common Library contenant des symboles. Vous

pouvez facilement faire glisser des occurrences de ces symboles du panneau Bibliothèque de documents vers votre document.

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

sélectionner un style stocké.

Panneau Bibliothèque de documents Il contient des symboles graphiques, de bouton et d’animation qui figurent déjà

dans le document Fireworks actif. Vous pouvez facilement faire glisser les occurrences de ces symboles du panneau Bibliothèque de documents vers votre document. Vous pouvez modifier l’ensemble des occurrences en modifiant uniquement le symbole.

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

sensibles ou des tranches réagissent aux déplacements de la souris.

Panneau Rechercher Il vous permet de rechercher et de remplacer des éléments tels que du texte, des URL, des polices

et des couleurs dans un ou plusieurs documents.

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

l’avoir insérée dans votre document.

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

les objets bitmap dans un panneau.

Dernière mise à jour le 29/4/2010

Panneau Tracé (Fenêtre > Autres) Il vous permet d’accéder rapidement à de nombreuses commandes associées aux

UTILISATION DE FIREWORKS CS5

Espace de travail

tracés.

Panneau Caractères spéciaux (Fenêtre > Autres) Il vous permet d’afficher les caractères spéciaux utilisables dans les

blocs de texte.

Panneau Propriétés du symbole Il gère les propriétés personnalisables des symboles graphiques.

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.

B DC

Espace de travail Illustrator par défaut

A. Documents sous forme d’onglets B. Barre d’application C. Sélecteur d'espace de travail D. Barre de titre de panneau E. Panneau Contrôle F. Panneau Outils G. Bouton de réduction à la taille d’une icône H. Quatre groupes de panneaux en ancrage vertical

• La barre d’application occupe la partie supérieure et contient un sélecteur permettant de basculer vers un autre

espace de travail, des menus (sous Windows uniquement), ainsi que d’autres commandes d’application. Sous Mac et pour certains produits, vous pouvez l’afficher ou la masquer à l’aide du menu Fenêtre.

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Espace de travail

• Le panneau Outils contient des outils permettant de créer et de modifier des images, des illustrations, des éléments

de page, etc. Les outils connexes sont regroupés.

• Le panneau Contrôle affiche des options relatives à l’outil sélectionné. Dans Illustrator, le panneau Contrôle affiche

des options relatives à l’objet sélectionné. (Il est appelé Barre d’options dans Adobe Photoshop®. Dans Adobe 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é.)

• La fenêtre de document affiche le fichier sur lequel vous travaillez. Les fenêtres de document peuvent présenter un

onglet et, dans certains cas, être regroupées et ancrées.

• Les panneaux vous permettent de contrôler et de modifier votre travail. Citons notamment le panneau Montage

dans Adobe Flash, le panneau Pinceau dans Adobe Illustrator, le panneau Calques dans Adobe Photoshop® et le panneau Styles CSS dans Adobe Dreamweaver. Ils peuvent être regroupés, empilés ou ancrés.

• Le Cadre de l’application regroupe tous les éléments des espaces de travail dans une seule et même fenêtre uniforme,

ce qui permet de manipuler toutes les applications comme s’il s’agissait d’une seule entité. Lorsque vous déplacez ou que vous redimensionnez le Cadre de l’application ou l’un de ses éléments, tous les éléments qu’il contient sont réagencés pour éviter tout chevauchement. Les panneaux ne disparaissent pas lorsque vous changez d’application ou lorsque vous cliquez par erreur à côté de l’application. Si vous utilisez plusieurs applications, vous pouvez les placer côte à côte à l’écran ou sur plusieurs moniteurs.

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.)

Affichage et masquage de tous les panneaux

• (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.

• (Illustrator, InCopy, InDesign, Photoshop) Pour afficher ou masquer tous les panneaux, à l’exception des panneaux

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.

• (Flash, Dreamweaver, Fireworks) Pour afficher ou masquer tous les panneaux, appuyez sur la touche F4.

Affichage des options de panneau

❖ Cliquez sur l’icône de menu de panneau dans le coin supérieur droit du panneau.

L’ouverture d’un menu est possible même lorsque le panneau est réduit.

Dans Photoshop, vous pouvez modifier le corps de la police du texte du panneau Contrôle, des panneaux et des info-bulles. Choisissez une option dans le menu Corps de la police de l’interface utilisateur des préférences de

l’interface.

Réglage de la luminosité du panneau (Illustrator)

❖ Faites glisser le curseur Luminosité dans les préférences de l’interface utilisateur. Cette commande affecte tous les

panneaux, y compris le panneau Contrôle.

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Espace de travail

Reconfiguration du panneau Outils

Vous pouvez afficher les outils du panneau Outils dans une seule colonne ou côte à côte dans deux colonnes. (Cette fonction n’est pas disponible dans le panneau Outils de Fireworks et Flash.)

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.

Gestion des fenêtres et des panneaux

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.

Réorganisation, ancrage ou déplacement des fenêtres de document

Les fenêtres de document comportent des onglets lorsque plusieurs fichiers sont ouverts.

• Pour modifier l’ordre des onglets de la fenêtre de document, faites glisser un onglet de la fenêtre à l’emplacement

voulu dans le groupe.

• Pour annuler l’ancrage d’une fenêtre de document à un groupe de fenêtres, faites glisser l’onglet de cette fenêtre

hors du groupe.

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.

• Pour ancrer une fenêtre de document à un groupe de fenêtres de document distinct, faites glisser cette fenêtre dans

le groupe.

• Pour créer des groupes de documents empilés ou juxtaposés, faites glisser la fenêtre vers l’une des zones de largage

situées en haut, en bas ou sur les côtés d’une autre fenêtre. Vous pouvez également sélectionner une disposition pour le groupe en utilisant le bouton Disposition de la barre d’application.

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.

• Dans un groupe à onglets, pour passer à un autre document lors du glissement d’une sélection, faites glisser cette

sélection sur l’onglet du document souhaité pendant un moment.

Remarque : certains produits ne prennent pas en charge cette fonctionnalité.

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Espace de travail

Ancrage et annulation d’ancrage de panneaux

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.

• Pour ancrer un panneau, cliquez sur l’onglet correspondant et faites-le glisser dans le dock, au-dessus, sous ou entre

d’autres panneaux.

• Pour ancrer un groupe de panneaux, cliquez sur sa barre de titre (barre vide de couleur unie située au-dessus des

onglets) et faites-le glisser dans le dock.

• Pour supprimer un panneau ou un groupe de panneaux, faites-le glisser en dehors du dock en cliquant sur l’onglet

ou la barre de titre. Vous pouvez faire glisser l’élément vers un autre dock ou le rendre flottant.

Déplacement du panneau Navigation vers un nouveau dock ; cette opération est indiquée par une surbrillance verticale bleue.

Panneau Navigation dans son propre dock

Vous pouvez faire en sorte que les panneaux n’occupent pas la totalité de l’espace disponible dans un dock. Faites

glisser le bord inférieur du dock vers le haut de sorte qu’il ne coïncide plus avec le bord de l’espace de travail.

Déplacement de panneaux

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.

• Pour déplacer un panneau, faites-le glisser en cliquant sur son onglet.

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Espace de travail

• Pour déplacer un groupe de panneaux, faites glisser la barre de titre.

A B

La fine zone de largage bleue indique que le panneau Couleur va être ancré seul au-dessus du groupe de panneaux Calques. A. Barre de titre B. Onglet C. Zone de largage

Pour empêcher l’ancrage d’un panneau, appuyez sur la touche Ctrl (Windows) ou Commande (Mac OS) lors de son

déplacement. Pour annuler l’opération, appuyez sur la touche Echap lors du déplacement du panneau.

Ajout et suppression de panneaux

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 supprimer un panneau, cliquez sur son onglet avec le bouton droit de la souris (Windows) ou en appuyant

sur la touche Contrôle (Mac), puis sélectionnez l’option Fermer ; vous pouvez également le désélectionner dans le menu Fenêtre.

• Pour ajouter un panneau, sélectionnez-le dans le menu Fenêtre et ancrez-le à l’emplacement de votre choix.

Manipulation de groupes de panneaux

• Pour déplacer un panneau dans un groupe, faites glisser son onglet vers la zone de largage en surbrillance située

dans le groupe.

Ajout d’un panneau à un groupe

• Pour réorganiser les panneaux d’un groupe, faites glisser l’onglet du panneau de votre choix vers son nouvel

emplacement.

• Pour rendre un panneau flottant, faites-le glisser en dehors du groupe au moyen de son onglet.

• Pour déplacer un groupe, faites glisser la barre de titre (zone située au-dessus des onglets).

Empilage de panneaux flottants

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.

Dernière mise à jour le 29/4/2010

Panneaux empilés flottants

UTILISATION DE FIREWORKS CS5

Espace de travail

• Pour empiler des panneaux flottants, cliquez sur un onglet pour faire glisser le panneau correspondant vers la zone

de largage située au bas d’un autre panneau.

• Pour modifier l’ordre d’empilage, cliquez sur un onglet afin de faire glisser le panneau correspondant vers le haut

ou vers le bas.

Remarque : prenez soin de « déposer » l’onglet sur l’étroite zone de largage située entre les panneaux, plutôt que sur la large zone de largage située dans une barre de titre.

• 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.

Redimensionnement des panneaux

• 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).

• Pour redimensionner un panneau, faites glisser l’un de ses côtés. Cette méthode de redimensionnement ne

fonctionne pas toujours, notamment avec le panneau Couleur de Photoshop.

Réduction et développement des icônes de panneaux

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.

Panneaux réduits à la taille d’icônes

Dernière mise à jour le 29/4/2010

Panneaux agrandis

UTILISATION DE FIREWORKS CS5

Espace de travail

• Pour réduire ou développer toutes les icônes de panneau d’une colonne, cliquez sur la double flèche située dans la

partie supérieure du dock.

• Pour développer une seule icône de panneau, cliquez sur cette dernière.

• 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.

• Pour réduire à la taille d’une icône un panneau qui a été développé, cliquez sur son onglet, sur son icône ou sur la

double flèche affichée dans sa barre de titre.

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.

• Pour ajouter un panneau flottant ou un groupe de panneaux à un dock d’icônes, faites-le glisser au moyen de son

onglet ou de sa barre de titre (les panneaux sont réduits automatiquement à la taille d’icônes lorsque vous les ajoutez à un dock d’icônes).

• Pour déplacer une icône de panneau (ou un groupe d’icônes de panneau), faites-la glisser. Vous pouvez déplacer

des icônes de panneau vers le haut et vers le bas dans le dock, dans d’autres docks (elles apparaissent dans le style du panneau de ce dock) ou en dehors du dock (elles apparaissent sous la forme d'icônes flottantes).

Utilisation de ConnectNow

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

mot de passe, puis cliquez sur le bouton Se connecter. Si vous ne disposez pas d’ID Adobe, cliquez sur le bouton 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

l’application ConnectNow.

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).

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Espace de travail

Enregistrement et basculement d’un espace de travail à l’autre

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.

Enregistrement d’un espace de travail personnalisé

1 Lorsque l’espace de travail se trouve dans la configuration que vous souhaitez enregistrer, utilisez l’une des

méthodes suivantes :

• (Illustrator) Choisissez la commande Fenêtre > Espace de travail > Enregistrer l’espace de travail.

• (Photoshop, Illustrator, InCopy) Choisissez la commande Fenêtre > Espace de travail > Nouvel espace de

travail.

• (Dreamweaver) Choisissez la commande Fenêtre > Présentation de l’espace de travail > Nouvel espace de

travail.

• (Flash) Choisissez la commande Nouvel espace de travail dans le sélecteur d’espace de travail de la barre

d’application.

• (Fireworks) Choisissez la commande Enregistrer la présentation active dans le sélecteur d’espace de travail de la

barre d’application.

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.

Affichage de l’espace de travail ou basculement d’un espace de travail à l’autre

❖ Sélectionnez un espace de travail dans le sélecteur d’espace de travail de la barre d’application.

Dans Photoshop, vous pouvez attribuer un raccourci clavier à chacun des espaces de travail pour pouvoir passer de

l’un à l’autre plus rapidement.

Suppression d’un espace de travail personnalisé

• 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.)

• (Photoshop, InDesign, InCopy) Sélectionnez la commande Supprimer l’espace de travail dans le sélecteur d’espace

de travail.

• (Illustrator) Choisissez la commande Fenêtre > Espace de travail > Gérer les espaces de travail, sélectionnez l’espace

de travail, puis cliquez sur l’icône Supprimer.

• (Photoshop, InDesign) Choisissez la commande Fenêtre > Espace de travail > Supprimer l’espace de travail,

sélectionnez l’espace de travail, puis cliquez sur le bouton Supprimer.

Restauration de l’espace de travail par défaut

1 Sélectionnez l'espace de travail de base ou par défaut à l'aide du sélecteur situé dans la barre d'application.

Remarque : dans Dreamweaver, Designer correspond à l’espace de travail par défaut.

Dernière mise à jour le 29/4/2010

2 (PhotoShop, InDesign, InCopy) Choisissez la commande Fenêtre > Espace de travail > Réinitialiser [Nom de

l’espace de travail].

UTILISATION DE FIREWORKS CS5

Espace de travail

(Photoshop) Restauration d'une disposition d’espace de travail enregistrée

Dans Photoshop, les espaces de travail s’affichent automatiquement en fonction de leur dernière disposition, mais vous pouvez restaurer la disposition d’origine des panneaux.

• Pour restaurer un espace de travail individuel, sélectionnez Fenêtre > Espace de travail > Réinitialiser Nom de

l’espace de travail.

• 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.

Panneau Outils

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.

Dernière mise à jour le 29/4/2010

UTILISATION DE FIREWORKS CS5

Espace de travail

Affichage des options de l’outil dans l’inspecteur des propriétés

❖ Une fois que vous avez sélectionné un outil, choisissez Sélection > Désélectionner pour désélectionner tous les

objets de la zone de travail.

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.

1 Cliquez sur l’icône de l’outil, puis maintenez enfoncé le bouton de la souris.

2 Faites glisser le pointeur afin de sélectionner l’outil souhaité, puis relâchez le bouton de la souris.

Pour sélectionner rapidement un outil masqué, appuyez plusieurs fois sur le raccourci clavier du groupe, jusqu’à ce

que l’outil recherché apparaisse. (Les raccourcis figurent entre parenthèses en regard des noms d’outils.)

Inspecteur des propriétés

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é.

Détachement de l’inspecteur des propriétés

❖ Faites glisser l’onglet du panneau vers une autre zone de l’espace de travail.

Ancrage de l’inspecteur des propriétés dans la partie inférieure de l’espace de travail

❖ Faites glisser l’onglet du panneau vers la partie inférieure de l’écran.

+ 293 hidden pages