Éditeur d'images

Ce document décrit comment utiliser Visual Studio Éditeur d'images pour afficher et modifier des ressources de texture et d'image.

Vous pouvez utiliser l'Éditeur d'images pour utiliser les genres de formats d'image et de texture riches utilisés dans le développement de l'application DirectX. Cela inclut la prise en charge des formats de fichiers d'image et des encodages de couleur populaires, des fonctionnalités telles que les canaux alpha et le mappage MIP, et plusieurs formats de texture hautement compressés et à accélération matérielle que DirectX prend en charge.

Formats pris en charge

L'éditeur d'images prend en charge ces formats d'image :

Mise en route

Cette section décrit comment ajouter une image à votre projet d' Visual Studio et le configurer pour vos spécifications.

Pour ajouter une image à votre projet

1. Dans Explorateur de solutions, ouvrez le menu contextuel du projet auquel vous souhaitez ajouter l'image, puis choisissez Ajouter, Nouvel élément.

2. Dans la boîte de dialogue Ajouter un nouvel élément, sous Installé, sélectionnez Graphiques, puis sélectionnez un format de fichier approprié pour l'image.Pour plus d'informations sur le choix d'un format de fichier en fonction de vos spécifications, consultez la section suivante.

3. Spécifiez Nom du fichier image, et Emplacement où vous le souhaitez à créer.

4. Cliquez sur le bouton Ajouter.

Choisir le format d'image

Selon la façon dont vous prévoyez d'utiliser l'image, certains formats de fichier peuvent être plus appropriés que d'autres.Par exemple, certains formats peuvent ne pas prendre en charge une fonctionnalité que vous transparence comme un besoin ou une couleur spécifique format- ou peut ne pas fournir le compactage approprié pour le type de contenu d'image que vous avez organisé.

Les informations suivantes peuvent vous aider à choisir un format d'image qui répond à vos besoins.

• Image bitmap (.bmp)
  Format d'image bitmap.Format d'image non compressé qui prend en charge les couleurs 24 bits.Le format bitmap ne prend pas en charge la transparence.

• Image GIF (.gif)
  Format d'image GIF (Graphics Interchange Format).Un format d'image LZW compressé sans perte d'image qui prend en charge jusqu'à 256 couleurs.Inapproprié pour les photographies et les images qui ont une quantité importante de détails de couleur, mais fournit de bons taux de compression pour les images de couleur faible dont le niveau de cohérence de couleur est élevé.

• Image JPG (.jpg)
  Format d'image JPEG (Joint Photographic Experts Group).Format d'image hautement compressé avec perte qui prend en charge la couleur 24 bits et qui convient pour la compression à usage général d'images dont le niveau de cohérence de couleur est élevé.

• Image PNG (.png)
  Format d'image PNG (Portable Network Graphics).Format d'image modérément compressé sans perte qui prend en charge la couleur 24 bits et la transparence alpha.Il est adapté aussi bien aux images naturelles qu'aux images artificielles mais ne fournit pas des taux de compression aussi bons que les formats avec perte tels que les formats JPG ou GIF.

• Image TIFF (.tif)
  Format d'image TIFF ou TIF (Tagged Image File Format).Format d'image flexible qui prend en charge plusieurs schémas de compression.

• Texture DDS (.dds)
  Format de texture de surface de DirectDraw (DDS).Format de texture hautement compressé avec perte qui prend en charge la couleur 24 bits et la transparence alpha.Ses taux de compression peuvent aller jusqu'à 8:1.Il est basé sur le compactage de la texture S3, qui peut être décompressée sur le matériel graphique.

• Image TGA (.tga)
  Format d'image TGA (carte graphique Truevision, également appelée Targa).Format RLE compressé sans perte d'image qui prend en charge des images mappées en couleurs (palette de couleurs) ou de couleurs directes jusqu'à une transparence colorimétrique ou alpha de 24 bits.Inapproprié pour les photographies et les images qui ont une quantité importante de détails de couleur, mais fournit de bons taux de compression pour les images qui disposent de longues étendues de couleurs identiques.

Configurer l'image

Avant de commencer à travailler avec l'image que vous venez de créer, vous pouvez modifier sa configuration par défaut.Par exemple, vous pouvez modifier ses dimensions ou le format de couleur qu'elle utilise.Pour plus d'informations sur la configuration ces derniers et d'autres propriétés de l'image, consultez l' Propriétés de l'image.

[!REMARQUE]

Avant que vous avez enregistré votre travail, veillez à définir la propriété Format de couleur si vous souhaitez utiliser un format de couleur spécifique.Si le format de fichier prend en charge la compression, vous pouvez régler les paramètres de compression lorsque vous enregistrez le fichier pour la première fois ou lorsque vous choisissez Enregistrer sous.

Utilisation de l'Éditeur d'images

Cette section décrit comment utiliser l'Éditeur d'images pour modifier des textures et des images.

Barres d'outils Éditeur d'images

Les barres d'outils Éditeur d'images contiennent des commandes qui vous aident à utiliser des images.

Les commandes qui affectent l'état de l'Éditeur d'images se trouvent dans la barre d'outils Mode de l'Éditeur d'images avec des commandes avancées.La barre d'outils se trouve le long de le bord supérieur de l'aire de conception de l'Éditeur d'images.Les outils de dessin sont situés sur la barre d'outils Éditeur d'images le long de le bord à l'extrême gauche de l'aire de conception de l'Éditeur d'images.

Voici la barre d'outils du mode de l'Éditeur d'images:

Ce tableau décrit les éléments dans la barre d'outils Mode de l'Éditeur d'images, répertoriés dans l'ordre dans lequel ils s'affichent de gauche à droite.

Élément de barre d'outils	Description
Sélectionner	Active la sélection d'une zone rectangulaire d'une image.Après avoir sélectionné une zone, vous pouvez la couper, la copier, la déplacer, la mettre à l'échelle, la faire pivoter, la retourner ou la supprimer.Lorsqu'une sélection est active, les outils de dessin affectent uniquement la zone sélectionnée.
Sélection irrégulière	Active la sélection d'une zone irrégulière d'une image.Après avoir sélectionné une zone, vous pouvez la couper, la copier, la déplacer, la mettre à l'échelle, la faire pivoter, la retourner ou la supprimer.Lorsqu'une sélection est active, les outils de dessin affectent uniquement la zone sélectionnée.
Sélection Wand	Active la sélection d'une zone de type colorée d'une image.La tolérance, autrement dit, la différence maximale entre les couleurs adjacentes considérées comme semblables, peut être configurée de façon à inclure un gamme plus ou moins étendue de couleurs similaires.Après avoir sélectionné une zone, vous pouvez la couper, la copier, la déplacer, la mettre à l'échelle, la faire pivoter, la retourner ou la supprimer.Lorsqu'une sélection est active, les outils de dessin affectent uniquement la zone sélectionnée.
Panoramique	Active le déplacement de l'image par rapport au frame de fenêtre.En mode Panoramique, sélectionnez un point sur l'image, puis déplacez-le tout autour. Vous pouvez temporairement activer le mode Panoramique en appuyant sur et la touche Ctrl et en la maintenant enfoncée.
Zoom	Active l'affichage de quelques détails d'image par rapport au frame de fenêtre.En mode Zoom, sélectionnez un point sur l'image puis déplacez-le vers la droite ou vers le bas pour effectuer un zoom avant ou vers la gauche ou vers le haut pour effectuer un zoom arrière. Vous pouvez effectuer un zoom avant ou arrière en appuyant et en maintenant la touche Ctrl pendant que vous utilisez la molette de la souris ou appuyez sur le signe plus (+) ou le signe moins (-).
Zoom à la taille réelle	Affiche l'image en utilisant une relation 1:1 entre les pixels de l'image et les pixels de l'écran.
Zoom pour ajuster	Affiche l'image complète dans le frame de fenêtre.
Zoom sur la largeur	Affiche la largeur de l'image dans le frame de fenêtre.
Grille	Active ou désactive la grille affichant des limites en pixels.Il est possible que la grille n'apparaisse pas jusqu'à ce que vous zoomiez dans l'image.
Afficher le niveau MIP suivant	Active le niveau MPI supérieur suivant dans une chaîne de mappage MIP.Le niveau de MIP en cours est affiché sur l'aire de conception.Cet élément est uniquement disponible pour les textures qui ont des niveaux MIP.
Afficher le niveau MIP précédent	Active le niveau MIP inférieur suivant dans une chaîne de mappage MIP.Le niveau de MIP en cours est affiché sur l'aire de conception.Cet élément est uniquement disponible pour les textures qui ont des niveaux MIP.
Canal rouge Canal vert Canal bleu Canal alpha	Active ou désactive le canal de couleur spécifique. Remarque En activant ou désactivant systématiquement des canaux de couleurs, vous pouvez isoler les problèmes liés à un ou plusieurs d'entre-eux.Par exemple, vous pouvez identifier la transparence alpha non valide.
Background	Active ou désactive l'affichage de l'arrière-plan à travers les parties transparentes de l'image.Vous pouvez configurer la manière dont l'arrière-plan est affiché en choisissant l'une de ces options : Damier Utilise une couleur verte avec la couleur d'arrière-plan spécifiée pour afficher l'arrière-plan comme modèle de damier.Vous pouvez utiliser cette option pour aider à accentuer les parties transparentes de l'image. Arrière-plan blanc Utilise la couleur blanche pour afficher l'arrière-plan. Arrière-plan noir Utilise la couleur noire pour afficher l'arrière-plan. Arrière-plan animé Effectue un mouvement panoramique lent du modèle de damier.Vous pouvez utiliser cette option pour aider à accentuer les parties transparentes de l'image.
Propriétés	Ouvre ou ferme la fenêtre Propriétés.
Avancé	Contient des commandes et des options supplémentaires. Filtres Fournit plusieurs filtres courants d'image : Noir et blanc, Flou, Éclaircir, Assombrir, Détection des bords, Relief, Inverser les couleurs, Ondulation, Ton sépia, et Accentuer. Moteurs Graphics Restituer avec D3D11 Utilise Direct3D 11 pour afficher l'aire de conception de l'Éditeur d'images. Restituer avec D3D11WARP Utilise la plateforme WARP (Windows Advanced Rasterization Platform) Direct3D 11 pour afficher l'aire de conception de l'Éditeur d'images. Outils Retourner horizontalement Permute l'image autour de son axe horizontal, ou axe x. Retourner verticalement Permute l'image autour de son axe vertical, ou axe y. Générer des mips Génère des niveaux MIP pour une image.Si les niveaux MIP existent déjà, ils sont recréés à partir du plus grand niveau MIP.Toutes les modifications apportées à des niveaux MIP plus petits sont perdues.Pour enregistrer les niveaux MIP que vous avez générés, vous devez utiliser le format .dds pour enregistrer l'image. Vue Fréquence d'images Une fois activé, affiche la fréquence d'images dans le coin supérieur droit de l'aire de conception.La fréquence d'images est le nombre de frames dessinés par seconde. Conseil Vous pouvez choisir le bouton Avancé pour exécuter à nouveau la dernière commande.

Voici la barre d'outils Éditeur d'images.

Le tableau suivant décrit les éléments de la barre d'outils Éditeur d'images, répertoriés dans l'ordre dans lequel ils s'affichent de haut en bas.

Utilisation des niveaux MIP

Certains formats d'image (par exemple, DirectDraw Surface (.dds) prennent en charge les niveaux de MIP pour le niveau de détail d'espace de texture.Pour plus d’informations sur la génération et l'utilisation des niveaux MIP, consultez Comment : générer des niveaux mip.

Utiliser la transparence

Certains formats d'image (par exemple, DirectDraw Surface (.dds) prennent en charge la transparence.La transparence peut être utilisée de différentes façons, selon l'outil que vous utilisez.Pour spécifier le niveau de transparence d'une sélection de couleurs, dans la fenêtre Propriétés, définissez le composant A (alpha) de la sélection de couleurs.Voici comment les différents genres d'outils contrôlent l'application de la transparence :

Propriétés de l'image

Vous pouvez utiliser la fenêtre Propriétés pour spécifier plusieurs propriétés de l'image.Par exemple, vous pouvez définir les propriétés width et height pour redimensionner l'image.

Le tableau suivant décrit les propriétés d'image.

Redimensionnement d'images

Voici deux façons de redimensionner une image.Dans les deux cas, l'Éditeur d'images utilise l'interpolation bilinéaire pour rééchantillonner l'image.

• Dans la fenêtre Propriétés, spécifiez les nouvelles valeurs des propriétés Largeur et Hauteur.

• Sélectionnez l'intégralité de l'image et utiliser des marqueurs de bordure pour redimensionner l'image.

Utilisation des outils

Régions sélectionnées

Les sélections de l'Éditeur d'images définissent les régions de l'image qui sont actives, c'est-à-dire la zone qui sera affectée par les outils et les transformations.Lorsqu'une sélection est active, les zones en dehors de la zone sélectionnée ne sont pas affectées par la plupart des outils et transformations.S'il n'y a pas de sélection active, l'intégralité de l'image est active.

La plupart des outilsCrayon, Pinceau, Aérographe, Remplissage, Gomme, et 2d primitif- et transformationsFaire pivoter, Découper, Inverser les couleurs, Retourner horizontalement, et Retourner verticalement— sont contraints ou définis par la sélection active.Toutefois, certains outilsPipette et Texte (et transformations) Générer des mips - ne sont pas affectés par une sélection active ; ces outils se comportent toujours comme si l'intégralité de l'image est la sélection active.

Lorsque vous sélectionnez une zone, vous pouvez appuyer sur la touche Maj et la maintenir enfoncée pour faire une sélection proportionnelle (carrée) ; sinon, la sélection n'est pas limitée.

Sélections de redimensionnement

Après avoir sélectionné une zone, vous pouvez la redimensionner ou redimensionner son contenu d'image en modifiant la taille du marqueur de sélection.Lorsque vous redimensionnez la zone sélectionnée, vous pouvez utiliser les touches de modification suivantes pour modifier le comportement de la zone sélectionnée lorsque vous redimensionnez la (appuyez et contiennent la clé lorsque vous redimensionnez).

• Ctrl
  Copie le contenu de la zone sélectionnée avant qu'elle a redimensionné.Cela permet l'image d'origine intacte alors que la copie est redimensionnée.

• Shift
  Redimensionnement au rapport entre la zone sélectionnée à sa taille d'origine.

• Alt
  Modifie la taille de la zone de sélection.Cela permet l'image non modifiée.

Voici les combinaisons de touches de modification valides :

Propriétés de l'outil

Alors qu'un outil est sélectionné, vous pouvez utiliser la fenêtre Propriétés pour spécifier des détails sur la façon dont elle affecte l'image.Par exemple, vous pouvez définir l'épaisseur de l'outil Crayon ou la couleur de l'outil Pinceau.

Vous pouvez définir une couleur de premier plan et une couleur d'arrière-plan.Ils prennent en charge un canal alpha pour fournir une opacité définie par l'utilisateur.Les paramètres s'appliquent à tous les outils.Si vous utilisez une souris, le bouton gauche de la souris correspond à la couleur de premier plan, et le bouton droit de la souris correspond à la couleur d'arrière-plan.

Le tableau suivant décrit les propriétés d'outil.

Raccourcis clavier

Rubriques connexes