Pour afficher l’article en anglais, activez la case d’option Anglais. Vous pouvez aussi afficher la version anglaise dans une fenêtre contextuelle en faisant glisser le pointeur de la souris sur le texte.
Traduction
Anglais

Importer un fichier Adobe Photoshop

En important vos fichiers Adobe Photoshop dans votre projet Microsoft Blend for Visual Studio, transformez votre conception graphique statique en une expérience interactive et visuellement attrayante.

Comprendre les options de calque disponibles dans la boîte de dialogue Importer un fichier Adobe Photoshop vous permettra d’intégrer plus rapidement et plus efficacement des fichiers Photoshop dans vos projets Blend.

Pour plus d’informations sur les options de calque et les fonctionnalités prises en charge, consultez les sections intitulées « Image de compatibilité », « Outils et options de calque » et « Prise en charge des fonctionnalités Photoshop ».

Pour importer un fichier Photoshop

  1. Dans le menu Fichier, pointez sur Importer et cliquez sur Importer un fichier Adobe Photoshop.

  2. Dans la boîte de dialogue Importer un fichier Adobe Photoshop, accédez au fichier à importer puis cliquez sur Ouvrir.

    Dans la boîte de dialogue Importer un fichier Adobe Photoshop, un aperçu du fichier PSD s’affiche sur la gauche. Sur la droite s’affiche une liste des calques individuels dans le fichier ainsi que des informations importantes sur chaque calque et une image de compatibilité.

    Boîte de dialogue Importer un fichier Adobe Photoshop
  3. Dans la boîte de dialogue Importer un fichier Adobe Photoshop, procédez comme suit :

    • Sélectionnez les calques que vous souhaitez importer. Alternativement, vous pouvez sélectionner l’image de compatibilité pour importer une seule image fusionnée.

      Pour plus d’informations sur l’image de compatibilité, voir la section intitulée « Image de compatibilité ».

    • Si une icône Information Icône d'informations s’affiche à côté d’un calque, passez en revue les informations en plaçant le pointeur sur l’icône Information Icône d'informations, puis effectuez l’une des opérations suivantes :

      • Si vous souhaitez importer le calque en tant que contenu modifiable, vous ne devez ni fusionner ni aplatir les calques. L’option Contenu modifiable sous Importer le calque comme est sélectionnée par défaut.

        Remarque importante Important

        Si vous importez un calque en tant que contenu modifiable, il peut y avoir des différences visuelles entre l’affichage du calque dans Photoshop et son affichage dans Blend. Pour plus d’informations, voir « Contenu modifiable » dans la section intitulée « Icône Information ».

        Remarque Remarque

        En raison de la prise en charge limitée de certaines fonctionnalités dans Windows Phone, certaines sélections de calques sont définies par défaut sur Bitmap lissé lorsque vous importez un fichier PSD dans un projet Windows Phone.

      • Si vous souhaitez conserver l’aspect du calque, vous devez fusionner ou aplatir les calques.

        Fusionnez les calques en sélectionnant les calques que vous souhaitez fusionner, effectuez un clic droit, puis cliquez sur Groupe à fusionner.

        Aplatissez les calques en sélectionnant Bitmap lissé sous Importer le calque comme.

        Remarque importante Important

        Les calques fusionnés ou aplatis s’importent sous la forme d’une image rastérisée unique. Les calques fusionnés ou aplatis ne sont pas modifiables dans Blend. Pour plus d’informations, voir « Bitmaps lissés » et « Fusionner des calques » dans la section intitulée « Icône Information ».

    • Affichez un aperçu de l’image sur le côté gauche pour vous assurer qu’elle apparaît comme vous le souhaitez.

  4. Cliquez sur OK.

Un nouvel objet Canvas, ayant le même nom que votre fichier importé, est ajouté à votre document. Dans le panneau Arbre visuel et animation, sous l’objet Canvas (appelé Disposition_Photoshop dans cet exemple), vous trouverez tous les calques importés en tant qu’objets. Si aucun dossier n’a été spécifié, un nouveau dossier (appelé Images_Disposition_Photoshop dans cet exemple) est créé dans le dossier racine du panneau Projets afin d’accueillir tous les fichiers PNG associés.

Panneau Projets Importer un fichier Adobe Photoshop

L’image de compatibilité est un instantané de tous les calques visibles dans le fichier PSD d’origine. L’image de compatibilité est créée chaque fois qu’un fichier PSD est enregistré dans Photoshop avec l’option d’optimisation de compatibilité sélectionnée. Un fichier d’image lissé, qui comprend tous les calques visibles, est automatiquement généré, enregistré et référencé dans le fichier PSD enregistré.

Vous pouvez sélectionner l’image de compatibilité afin d’importer rapidement et facilement votre fichier PSD sous la forme d’une seule image fusionnée. Cette option est particulièrement utile si vous n’avez pas besoin de calques modifiables et peut fonctionner avec une seule image bitmap lissée sur laquelle vous pouvez baser votre travail dans Blend.

Pour afficher un aperçu du calque de compatibilité, placez le pointeur sur la miniature du calque de compatibilité dans le panneau de droite.

Pour importer l’image de compatibilité

  • Dans la boîte de dialogue Importer un fichier Adobe Photoshop, activez la case à cocher Image de compatibilité. Cliquez sur OK.

Remarque Remarque

Lorsque vous importez le calque de compatibilité, les autres calques ne sont pas importés.

Blend préserve le nom des calques et les importe en tant qu’objets individuels et conteneurs de disposition pour faciliter leur utilisation. Lors de l'importation de fichiers Photoshop, vous pouvez afficher, renommer et sélectionner les calques à importer.

JJ170341.collapse_all(fr-fr,VS.120).gifSélection de calques

Vous pouvez choisir les calques que vous souhaitez importer en activant ou désactivant la case à cocher qui apparaît à gauche de chaque calque.

Si vous souhaitez importer tous les calques, activez la case à cocher Contrôler tous les calques à importer située en haut du panneau.

Pour désélectionner tous les calques, désactivez la case à cocher Contrôler tous les calques à importer.

Vous pouvez importer un ou plusieurs calques individuels en activant ou désactivant la case à cocher de chaque calque dans le panneau de droite.

L’aperçu dans le panneau de gauche est mis à jour lorsque vous modifiez votre sélection de calque.

JJ170341.collapse_all(fr-fr,VS.120).gifNoms de calques

Les noms de calques Photoshop sont conservés et sont affichés à droite de la miniature pour chaque calque. Vous pouvez modifier le nom d’un calque en cliquant avec le bouton droit sur le calque, puis en cliquant sur Renommer, ou en double-cliquant sur le nom du calque, puis en tapant directement dans le champ de nom du calque.

JJ170341.collapse_all(fr-fr,VS.120).gifMiniatures

Vous pouvez afficher une version agrandie du calque Photoshop en plaçant le pointeur sur une miniature du calque dans le panneau de droite.

Aperçu miniatures Importer un fichier Adobe Photoshop

JJ170341.collapse_all(fr-fr,VS.120).gifGroupes et structure de calque

Les groupes et la structure de calque que vous avez créés dans Photoshop sont conservés. Les groupes sont facilement identifiables par les flèches Développer JJ170341.6375953d-074c-421a-bbb3-6f5055b67b64(fr-fr,VS.120).png et Réduire Réduire. Pour afficher la structure de calque, cliquez sur Développer. Pour réduire le groupe, cliquez sur Réduire.

JJ170341.collapse_all(fr-fr,VS.120).gifTypes de calque

Chaque calque comprend une icône Type qui identifie le calque comme appartenant à l’une des catégories suivantes : image, vecteur ou texte. Le type de calque s’affiche lorsque vous placez le pointeur sur l’icône Type.

Calque d'image Importer un fichier Adobe Photoshop

Les objets vectoriels et texte peuvent être importés sous la forme d’un contenu modifiable ou d’images bitmap lissées. Vous pouvez modifier les options d’importation pour les objets vectoriels et texte en cliquant sur le calque, puis sur Contenu modifiable ou Bitmap lissé sous Importer le calque comme.

Pour plus d’informations sur l’importation d’objets comme contenu modifiable, voir la rubrique « Contenu modifiable », dans la section intitulée « Icône Information ».

Pour plus d’informations sur l’importation d’objets comme images bitmap lissés, voir la rubrique « Bitmaps lissés », dans la section intitulée « Icône Information ».

Remarque Remarque

Les options d’importation s’affichent sous l’image de compatibilité lorsqu’un calque dont le contenu peut être importé en tant que contenu modifiable ou image bitmap lissée est sélectionné.

Les calques d’images peuvent également être importés en tant que contenu modifiable ou images bitmap lissées.

Par exemple, un calque d’image peut disposer d’un masque d’opacité, d’un masque vectoriel et d’un style de calque Ombre portée. Lorsque ce calque est importé en tant que contenu modifiable dans Blend, le contenu suivant est ajouté au projet :

  • Le fichier image au format PNG

  • Le masque d’opacité au format PNG

  • Une propriété Clip pour le masque vectoriel

  • Un DropShadowEffect pour le style de calque Ombre portée

Si le calque d’image est importé sous forme de bitmap lissé, une image rastérisée d’image unique est créée à partir des calques et le fichier PNG qui en résulte est importé dans Blend.

JJ170341.collapse_all(fr-fr,VS.120).gifIcône Information

Si l’icône InformationIcône d'informations apparaît, placez le pointeur sur l’icône pour afficher plus d’informations. L’info-bulle propose des informations supplémentaires sur les fonctionnalités qui sont utilisées dans le fichier PSD, mais qui ne sont pas prises en charge dans Blend.

InformationTooltip Importer un fichier Adobe Photoshop
Remarque Remarque

Si un groupe contient un calque qui contient une fonctionnalité qui n’est pas prise en charge dans Blend, l’icône Information apparaît dans le calque de conteneur de ce groupe. Pour plus d’informations, développez la liste de groupe pour afficher les calques individuels qui affichent des icônes Information.

JJ170341.collapse_all(fr-fr,VS.120).gifContenu modifiable

Si vous importez un calque en tant que contenu modifiable, il peut y avoir des différences visuelles entre l’affichage du calque dans Photoshop et son affichage dans Blend. Modifiez l’apparence du contenu dans Blenden modifiant les propriétés de l’objet.

Le tableau suivant décrit les éléments Photoshop qui sont modifiables dans Blend. Utilisez la colonne Description pour localiser les propriétés de l’objet afin de les modifier dans Blend.

Élément Photoshop

Elément Blend (XAML)

Description

Calque de texte

TextBlock

Un calque de texte Photoshop est importé en tant que TextBlock JJ170341.343296b4-5c7d-4145-84cc-91b08ba67a1b(fr-fr,VS.120).png avec les propriétés Text Photoshop d'origine mappées sur les propriétésTexte Blend. Les propriétés Text sont situées dans la catégorie Texte du panneau Propriétés.

Remarque Remarque
Pour plus d’informations sur l’utilisation des objets TextBlock dans les projets WPF et Silverlight, voir Add an object to the text flow in Blend.

Calque de forme

Path

Une couche de forme Photoshop est importée en tant que Path avec les propriétés de masque vectoriel d'origine mappées sur les propriétés Data Blend. des propriétés Data figurent dans le champ Données de la catégorie Apparence du panneau Propriétés.

Remplissage de couleur unie

Path

Un remplissage de couleur unie Photoshop est importé en tant que Path avec la propriété Fill d’origine mappée sur les propriétésColor et OpacityMask Blendappliquées à un Pinceau de couleur unie JJ170341.3a66ec96-47bb-47fc-8876-6b9456feec3a(fr-fr,VS.120).png. Les propriétés Solid color brush sont situées dans la catégorie Brush du panneau Propriétés.

Remplissage de dégradé linéaire

Path

Un remplissage de dégradé linéaire Photoshop est importé en tant que Path avec la propriété Fill d’origine mappée sur les propriétés de pinceau de Dégradé linéaire BlendJJ170341.bd5eefed-9628-4363-be5d-29bfb5962175(fr-fr,VS.120).png appliquées à un Pinceau de dégradé JJ170341.91fb0c61-7b3b-4ae7-8a59-760e625e3bd7(fr-fr,VS.120).png. Les propriétés de pinceau de dégradé linéaire sont situées dans la catégorie Pinceaux du panneau Propriétés.

Remplissage de dégradé radial

Path

Un remplissage de dégradé radial Photoshop est importé en tant que Path avec la propriété de Fill originale mappée sur les propriétés Blend de pinceau de dégradé radial JJ170341.4279aa9a-15c2-4435-9937-6848afc38618(fr-fr,VS.120).png appliquées à un Pinceau de dégradé JJ170341.91fb0c61-7b3b-4ae7-8a59-760e625e3bd7(fr-fr,VS.120).png. Les propriétés de pinceau de dégradé radial sont situées dans la catégorie Pinceaux du panneau Propriétés.

Remplissage à partir d’un motif ou remplissage de dégradé non pris en charge (losange, angle, réfléchi)

Path

Un remplissage de dégradé non pris en charge ou un remplissage à partir d’un motif Photoshop est importé en tant que Path avec la propriété Fill d’origine mappée sur les propriétés FillBlend appliquées à un ImageBrush. Les propriétés ImageBrush sont situées dans la catégorie Pinceaux du panneau Propriétés.

Regrouper

Canvas

Un groupe Photoshop est importé sous la forme d’un Canvas JJ170341.95e40288-f7a6-4ddc-9d6a-68d0aa46d621(fr-fr,VS.120).png avec des calques individuels importés en tant qu’enfants du Canvas.

Calque d’image

Image

Un calque Photoshop est importé en tant qu’objet Image. En outre, un fichier PNG est ajouté au projet. Le fichier PNG est la source de l’objet Image. Chaque calque est importé en tant qu’objet Image avec un fichier PNG correspondant.

Style de calque Ombre portée

DropShadowEffect

Lorsque vous importez un style de calque Ombre portée, un DropShadowEffect est appliqué à l’objet importé. Vous pouvez modifier l’effet d’ombre portée en sélectionnant le DropShadowEffect appliqué dans le panneau Arbre visuel et animation et en modifiant les propriétés directement dans le panneau Propriétés.

Remarque Remarque
DropShadowEffect n’est pas pris en charge dans les projets Windows Phone.

Masque de calque

OpacityMask appliqué à un ImageBrush

Un masque de calque Photoshop est importé en tant que OpacityMask appliqué à un ImageBrush. Les propriétés OpacityMask sont situées dans la catégorie Pinceaux du panneau Propriétés. En outre, un fichier PNG est ajouté au projet. Le fichier PNG est la source de ImageBrush.

Remarque Remarque
Les masques de calque sont pris en charge, mais pas recommandés, dans les projets Windows Phone.

Masque vectoriel sur un calque de texte ou d’image

Propriété Clip d’une Image ou d’un TextBlock

Un masque vectoriel de Photoshop sur un calque de texte ou d’image est importé en tant que propriété Clip appliquée à une Image ou un TextBlock. Les propriétés Clip sont situées dans la catégorie Divers du panneau Propriétés.

Remarque Remarque
La prise en charge de la propriété Clip est limitée dans les projets Windows Phone.

Pour importer un calque en tant que contenu modifiable

  • Si vous souhaitez importer le calque en tant que contenu modifiable, vous ne devez ni fusionner ni aplatir les calques. L’option Contenu modifiable sous Importer le calque comme est sélectionnée par défaut.

    Remarque Remarque

    En raison de la prise en charge limitée de certaines fonctionnalités dans Windows Phone, certaines sélections de calques sont définies par défaut sur Bitmap lissé à l’importation lorsque vous travaillez dans un projet Windows Phone.

JJ170341.collapse_all(fr-fr,VS.120).gifBitmaps lissés

L’importation d’un calque en tant que bitmap lissé crée une image rastérisée (au format PNG) de ce calque. Le lissage de l’image bitmap rastérise tous les styles de calque associés à ce calque. Le fichier PNG est utilisé comme source pour l’objet Image.

Pour importer un calque en tant que bitmap lissé

  • Sélectionnez le calque que vous souhaitez importer en tant que bitmap lissé, puis sélectionnez Bitmap lissé sous Importer le calque comme au bas de la boîte de dialogue Importer un fichier Adobe Photoshop.

JJ170341.collapse_all(fr-fr,VS.120).gifFusionner des calques

L’importation de deux ou plusieurs calques fusionnés crée une image rastérisée unique au format PNG. Le fichier PNG est utilisé comme source pour l’objet Image.

Pour fusionner des calques

  • Sélectionnez les calques recommandés en maintenant la touche CTRL enfoncée et en cliquant sur les calques recommandés. Cliquez avec le bouton droit sur la sélection, puis cliquez sur Groupe à fusionner.

Remarque Remarque

Vous pouvez annuler la fusion en sélectionnant des calques fusionnés, puis en cliquant sur Dissocier les calques.

JJ170341.collapse_all(fr-fr,VS.120).gifStyles de calque

Si un style de calque a été appliqué à un calque, l’icône d’effet de calque Icône Effets s’affiche en regard du calque. Il est possible d’importer un style de calque en sélectionnant l’option d’importation Bitmap lissé ou en fusionnant le calque avec d’autres.

Pour plus d’informations sur l’aplanissement ou la fusion de calques, voir la section intitulée « Icône Information ».

Effets de calque Importer un fichier Adobe Photoshop
Conseil Conseil

Placez le pointeur sur l’icône Information Icône d'informations pour afficher des conseils sur l’importation des styles de calque.

JJ170341.collapse_all(fr-fr,VS.120).gifMasques

Les masques vectoriels et de calque sont affichés sous forme de miniatures distinctes dans le calque associé. Les masques vectoriels et de calque sont importés lorsque le calque associé est sélectionné.

Les masques de calque sont importés sous forme de masques d’opacité et sont situés dans la catégorie Pinceaux du panneau Propriétés.

Les masques vectoriels sont importés sous forme de tracés ou appliqués sous forme de tracés de détourage à l’objet importé. Par exemple, un remplissage en couleur unie associé à un masque vectoriel est importé en tant qu’objet vectoriel à l’aide de la géométrie du masque et du remplissage. Une image associée à un masque vectoriel est importée en tant qu’objet image avec un masque de détourage à l’aide de la géométrie du masque vectoriel.

Masque vectoriel Importer un fichier Adobe Photoshop

Pour plus d’informations sur l’importation des masques vectoriels et de calque, voir « Contenu modifiable » dans la section intitulée « Icône Information ».

Si un masque de détourage a été appliqué à un calque, l’icône Masque de détourage apparaît à côté du calque. Un masque de détourage peut être importé en sélectionnant tous les calques de masque de détourage et le calque vers lequel ils pointent et en les fusionnant.

Masque de détourage Importer un fichier Adobe Photoshop

Pour plus d’informations sur la fusion de calques, voir la section intitulée « Icône Information ».

Placez le pointeur sur l’icône Information Icône d'informations pour afficher des conseils sur l’importation des masques de détourage.

Les fonctionnalités Photoshop suivantes sont prises en charge dans Blend. Lorsque cela est indiqué, les fonctionnalités peuvent être modifiées dans Blend.

JJ170341.collapse_all(fr-fr,VS.120).gifStyles de texte

Les styles de texte Photoshop correspondent aux propriétés Text appliquées à une TextBox dans Blend.

Les styles de texte suivants sont importés depuis Photoshop et sont modifiables dans Blend:

  • FontFamily

  • FontSize

  • Foreground

  • Soulignement

  • Subscript (WPF uniquement)

  • Superscript (WPF uniquement)

  • StrikeThrough (WPF uniquement)

  • FauxBold

  • FauxItalic

  • du texte ;

  • Tout en majuscule

  • Left Align Text

  • Center Text

  • Right Align Text

  • AuthoHyphenate (WPF uniquement)

  • RenderTransform (mise à l’échelle uniquement)

Pour plus d’informations sur le contenu modifiable dans Blend, voir la rubrique « Contenu modifiable » dans la section intitulée « Icône Information ».

JJ170341.collapse_all(fr-fr,VS.120).gifModes de fusion

Pour conserver l’aspect des modes de fusion, fusionnez les calques associés. Lorsque les calques associés sont fusionnés, la fusion est appliquée à l’image rastérisée qui est importée pour ce groupe.

Pour plus d’informations sur la fusion des calques, voir « Fusion des calques » dans la section intitulée « Icône Information » plus haut dans cet article.

JJ170341.collapse_all(fr-fr,VS.120).gifCalques de réglage

Les calques de réglage suivants sont importés à partir de Photoshop :

  • Luminosité/contraste

  • Noir & blanc

  • Mélangeur de couches

  • Balance des couleurs

  • Courbes

  • Exposition

  • Inversion

  • Niveaux

  • Postériser

  • Filtre photo

  • Seuil

  • Courbe de transfert de dégradé

  • Teinte/saturation

  • Correction sélective

  • Vibrance

Pour conserver l’aspect des calques de réglage pris en charge, fusionnez les calques associés. Lorsque les calques associés sont fusionnés, le calque de réglage est appliqué à l’image rastérisée qui est importée pour ce groupe.

Conseil Conseil

Vous pouvez afficher une version agrandie de l’image d’origine avec le calque de réglage appliqué en plaçant le pointeur sur la miniature. Affichez un aperçu de l’image qui sera importée dans Blend en sélectionnant ou désélectionnant les calques avec les calques de réglage connexes appliqués, puis en affichant l’image dans la boîte de dialogue Importer un fichier Adobe Photoshop

Pour plus d’informations sur la fusion des calques, voir « Fusion des calques » dans la section intitulée « Icône Information » plus haut dans cet article.

JJ170341.collapse_all(fr-fr,VS.120).gifStyles de calque

L’importation et la modification du style de calque Ombre portée sont prises en charge dans Blend.

Lorsque vous importez un style de calque Ombre portée, un DropShadowEffect est appliqué à l’objet importé. Vous pouvez modifier l’effet d’ombre portée en sélectionnant le DropShadowEffect appliqué dans le panneau Arbre visuel et animation et en modifiant les propriétés directement dans le panneau Propriétés.

Remarque Remarque

Lorsqu’un style de calque Ombre portée est importé en tant que contenu modifiable, le rendu peut ne pas correspondre à l’affichage réel dans Photoshop. Lorsqu’un style de calque Ombre portée est aplati ou fusionné, le rendu correspond à l’affichage dans Photoshop, mais il n’est plus modifiable.

Pour plus d’informations sur le style de calque Ombre portée dans Blend, voir « Contenu modifiable » dans la section intitulée « Icône Information » plus haut dans ce document.

Pour conserver l’aspect des styles de calque pris en charge, mais non modifiables, fusionnez les calques associés. Lorsque les calques associés sont fusionnés, les styles de calque sont appliqués à l’image rastérisée qui est importée pour ce groupe.

Les styles de calque suivants sont pris en charge, mais ne sont pas modifiables, dans Blend :

  • Ombre intérieure

  • Éclat extérieur

  • Éclat intérieur

  • Biseau et relief

  • Satin

  • Superposition de couleurs

  • Superposition en dégradé

Pour plus d’informations sur la fusion des calques, voir « Fusion des calques » dans la section intitulée « Icône Information » plus haut dans cet article.

Les styles de calque suivants ne sont pas pris en charge :

  • Superposition de motifs

  • Trait

JJ170341.collapse_all(fr-fr,VS.120).gifDégradés

Blend prend en charge l’importation et la modification des dégradés radiaux et linéaires. Tous les autres types de dégradés sont rastérisés lors de l’importation et ne sont pas modifiables dans Blend. Les points de dégradé de couleur sont importés comme des pinceaux de dégradé dans la propriété Fill de l’objet résultant dans Blend, et les points de dégradé d’opacité sont importés en tant que pinceaux de dégradé dans la propriété OpacityMask.

Remarque Remarque

Lorsqu’un dégradé radial ou linéaire est importé en tant que contenu modifiable, le rendu peut ne pas correspondre à l’affichage réel dans Photoshop. Lorsqu’un dégradé radial ou linéaire est aplati ou fusionné, le rendu correspond à l’affichage dans Photoshop, mais il n’est plus modifiable.

JJ170341.collapse_all(fr-fr,VS.120).gifMotifs

Un motif est importé en tant que Path avec la propriété d’origine Fill mappée sur les propriétés Fill Blend appliquées à un ImageBrush.

Pour plus d’informations sur les motifs, voir « Contenu modifiable » dans la section intitulée « Icône Information ».

Afficher: