Importez des fichiers Photoshop dans Fireworks tout en conservant les attributs de police et en gardant les calques intacts.

This content requires Flash

Download the free Flash Player now!

Conditions requises

Pour suivre ce tutoriel, vous avez besoin des logiciels et des fichiers suivants:

Adobe Fireworks Professional CS4

Adobe Photoshop CS4

Fichiers d'exemple

lrvid4089_xp.zip (ZIP, 3MB)

Connaissances à avoir

Connaissances de base sur le dessin vectoriel, les calques, et sur l’interface de Photoshop et de Fireworks

Importation de fichiers Photoshop dans Fireworks

Vous pouvez importer des fichiers Adobe Photoshop® dans Adobe® Fireworks® CS4, tout en gardant l’intégrité de l’image originale, des calques, et autres enrichissements graphiques disponibles dans les deux applications. Dans ce tutoriel, vous apprendrez à importer des fichiers Photoshop dans Fireworks en utilisant quelques unes des nouvelles fonctionnalités de Fireworks CS4.

Importation de fichiers Photoshop dans Fireworks

Fireworks CS4 a amélioré la façon d’importer des fichiers de Photoshop. Par exemple, Fireworks CS4 importe les compositions du calque de Photoshop et vous permet d’avoir un aperçu de l’image au moment de l’importation. Pour importer un fichier Photoshop dans Fireworks CS4 :

Choisissez Fichier > Ouvrir. Sélectionnez un fichier Photoshop contenant à la fois des images et du texte. La boîte de dialogue d’importation de fichiers Photoshop apparaît.
Image 1: La boîte de dialogue d’importation de fichiers Photoshop
Remarque: La boîte de dialogue d’importation de fichiers Photoshop comporte un grand nombre de nouvelles options pour ouvrir un document Photoshop dans Fireworks. Par exemple, Fireworks vous permet d’importer des compositions du calque de Photoshop. Vous pouvez également choisir d’afficher un aperçu de la composition du calque en sélectionnant la case à cocher Afficher l’aperçu. Enfin, vous pouvez maintenant choisir d’inclure les guides avec le document importé.
Une fois que vous avez défini les paramètres pour importer votre document Photoshop, cliquez sur OK.
Remarque: Une fois que le document est ouvert dans Fireworks, vous remarquerez une zone verte au-dessus des images. Les zones vertes définissent des tranches dans votre document ; les tranches créées dans Photoshop sont importées comme tranches Fireworks. Vous remarquerez également des lignes verticales, appelées guides, recouvrant le document. Si vous déplacez le curseur au-dessus des guides, il se transforme en une double flèche vous permettant de repositionner ces guides, exactement comme dans Photoshop.

Image 2: Un document Photoshop dans Fireworks
Désélectionnez les tranches et zones sensibles en cliquant sur le bouton Masque les découpes et les références dans la palette d’outils de Fireworks. Les zones vertes disparaissent.
Image 3: Désélection des tranches et zones sensibles
Choisissez l’outil Sélection en forme de flèche dans la palette d’outils de Fireworks. Vous pouvez utiliser l’outil Sélection pour naviguer dans votre document. Lorsque vous déplacez votre curseur de la palette d’outils vers le document, le curseur en forme de flèche se transforme en une icône Main.
Sélectionnez un champ de texte de votre document. Vous remarquerez que le nouveau moteur de rendu des polices importe la totalité du texte depuis votre document Photoshop, et cela en texte complètement modifiable.
Regardez dans l’inspecteur de propriétés accroché dans le bas de l’interface de Fireworks. Remarquez toutes les options avancées à votre disposition pour modifier l’apparence du texte.
Image 4: Options de modification de texte
Cliquez sur la boîte d’encombrement entourant le champ texte.
Remarquez que l’inspecteur de propriétés identifie la boîte comme un tracé.
Image 5: Examen d’un champ texte depuis l’inspecteur de propriétés

Remarque: La transformation d’un champ texte en tracé est une amélioration significative par rapport aux anciennes versions de Fireworks. Avant Fireworks CS4, Fireworks rastérisait les vecteurs en bitmap lors de leur importation depuis Photoshop. Dans Fireworks CS4, les tracés créés dans Photoshop sont maintenus dans Fireworks. Cette continuité vous permet d’importer et exporter des fichiers entre les deux applications tout en maintenant l’intégrité des formes vectorielles.
Activez le panneau Calques de Fireworks CS4. La hiérarchie des calques a été préservée par rapport à leur création dans Photoshop. Vous pouvez ouvrir et fermer des groupes de calques dans Fireworks, comme vous le faites dans Photoshop.
Image 6: Le panneau Calques