Remarque
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de vous connecter ou de modifier des répertoires.
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de modifier des répertoires.
Lorsque vous sélectionnez un fichier image (tel que .ico, .bmp, .png) dans l’Explorateur de solutions, l’image s’ouvre dans l’Éditeur d’images de la même manière que les fichiers de code s’ouvrent dans l’Éditeur de code. Lorsque l’onglet Éditeur d’images est actif, vous voyez des barres d’outils contenant de nombreux outils permettant de créer et de modifier des images. Outre les bitmaps, les icônes et les curseurs, vous pouvez modifier des images au format GIF ou JPEG à l’aide des commandes du menu Image et des outils de la barre d’outils Éditeur d’images.
Les ressources graphiques sont les images que vous définissez pour votre application. Vous pouvez dessiner à main levée ou à l’aide de formes. Vous pouvez sélectionner des parties d’une image pour les modifier, les retourner ou les redimensionner, ou vous pouvez créer un pinceau personnalisé à partir d’une partie sélectionnée d’une image et dessiner avec ce pinceau. Vous pouvez définir les propriétés des images, enregistrer les images dans différents formats et convertir les images d’un format à un autre.
Note
À l’aide de l’éditeur d’images, vous pouvez afficher des images 32 bits, mais vous ne pouvez pas les modifier.
Vous pouvez également utiliser l’éditeur d’images et l’éditeur binaire pour travailler avec des fichiers de ressources dans des projets gérés. Toutes les ressources managées que vous souhaitez modifier doivent être liées. Les éditeurs de ressources Visual Studio ne prennent pas en charge la modification des ressources intégrées.
Outre la création de nouvelles ressources graphiques, vous pouvez importer des images existantes pour les modifier, puis les ajouter à votre projet. Vous pouvez également ouvrir et modifier des images qui ne font pas partie d’un projet pour les modifier de manière autonome.
Pour plus d’informations sur l’éditeur d’images, consultez les rubriques Créer une icône ou une autre image, Modifier une image, Utiliser un outil de dessin, Utiliser les couleurs et Touches d’accélération.
Note
Téléchargez gratuitement la bibliothèque d’images Visual Studio qui contient de nombreuses animations, bitmaps et icônes que vous pouvez utiliser dans vos applications. Pour plus d’informations sur le téléchargement de la bibliothèque, consultez la rubrique Bibliothèque d’images Visual Studio.
Image, menu
Le menu Image, qui s’affiche uniquement lorsque l’éditeur d’images est actif, contient des commandes permettant de modifier des images, de gérer les palettes de couleurs et de définir les options de la fenêtre de l’éditeur d’images. De plus, des commandes permettant d’utiliser des images d’appareils sont disponibles lorsque vous travaillez avec des icônes et des curseurs.
| Commande | Descriptif |
|---|---|
| Inverser les couleurs | Inverse les couleurs. |
| Retourner horizontalement | Retourne l'image ou la sélection horizontalement. |
| Retourner verticalement | Retourne l'image ou la sélection verticalement. |
| Pivoter de 90 degrés | Fait pivoter l'image ou la sélection de 90 degrés. |
| Afficher la fenêtre Couleurs | Ouvre la fenêtre Couleurs, dans laquelle vous pouvez choisir les couleurs à utiliser pour votre image. |
| Utiliser la sélection comme pinceau | Vous permet de créer un pinceau personnalisé à partir d’une partie d’une image. Votre sélection devient un pinceau personnalisé qui répartit les couleurs de la sélection sur l’image. Des copies de la sélection sont conservées le long du chemin de déplacement. Plus vous déplacez lentement, plus il y a de copies. |
| Copier et contourner la sélection | Crée une copie de la sélection actuelle et met un contour. Si la couleur d’arrière-plan est contenue dans la sélection actuelle, elle sera exclue si vous avez sélectionné Transparent. |
| Ajuster les couleurs | Ouvre le sélecteur de couleurs personnalisées, qui vous permet de personnaliser les couleurs utilisées pour votre image. |
| Charger la palette | Ouvre la boîte de dialogue Charger la palette de couleurs, qui vous permet de charger les couleurs de la palette précédemment enregistrées dans un fichier .pal. |
| Enregistrer la palette | Enregistre les couleurs de la palette dans un fichier .pal. |
| Dessiner opaque | Lorsque cette option est sélectionnée, la sélection actuelle devient opaque. Lorsque cette option est désélectionnée, la sélection actuelle devient transparente. |
| Éditeur de barre d’outils | Ouvre la boîte de dialogue Nouvelle ressource de barre d’outils. |
| Paramètres de la grille | Ouvre la boîte de dialogue Paramètres de grille dans laquelle vous pouvez spécifier des grilles pour votre image. |
| Nouveau type d’image | Ouvre la boîte de dialogue Nouveau <Appareil> Type d’image. Une seule ressource d’icônes peut contenir plusieurs images de tailles différentes et les fenêtres peuvent utiliser la taille d’icône appropriée en fonction de la manière dont elles seront affichées. Un nouveau type de périphérique ne modifie pas la taille de l’icône, mais crée une nouvelle image dans l’icône. S’applique uniquement aux icônes et aux curseurs. |
| Type d’image de l’icône/du curseur actuel | Ouvre un sous-menu qui répertorie les neuf premières images de curseur ou d’icône disponibles. La dernière commande du sous-menu, Plus, ouvre la boîte de dialogue Ouvrir <Appareil>Image. |
| Supprimer le type d’image | Supprime l’image de l’appareil sélectionné. |
| Outils | Lance un sous-menu qui contient tous les outils disponibles dans la barre d’outils Éditeur d’images. |
La boîte de dialogue Paramètres de la grille vous permet de spécifier les paramètres de la grille pour votre image et affiche des lignes de grille sur l’image modifiée. Les lignes sont utiles pour modifier l’image, mais ne sont pas enregistrées dans l’image elle-même.
| Propriété | Descriptif |
|---|---|
| Grille de pixels | Lorsque cette option est sélectionnée, affiche une grille autour de chaque pixel dans l’éditeur d’images. La grille n’apparaît qu’à des résolutions de 4× et supérieures. |
| Grille de mosaïque | Lorsque cette option est sélectionnée, affiche une grille autour des blocs de pixels dans l’éditeur d’image, spécifiée par les valeurs d’espacement de la grille. |
| Largeur | Spécifie la largeur de chaque bloc de mosaïque. Cette propriété est utile lorsque vous dessinez des bitmaps contenant plusieurs images disposées à intervalles réguliers. |
| Hauteur | Spécifie la hauteur de chaque bloc de mosaïque. Cette propriété est utile lorsque vous dessinez des bitmaps contenant plusieurs images disposées à intervalles réguliers. |
Barre d’outils
La barre d’outils de l’éditeur d’image contient des outils permettant de dessiner, peindre, saisir du texte, effacer et manipuler les vues. Elle contient également un sélecteur d’options, qui vous permet de sélectionner les options d’utilisation de chaque outil. Par exemple, vous pouvez choisir parmi différentes largeurs de pinceau, différents facteurs d’agrandissement et différents styles de ligne.
Tous les outils disponibles dans la barre d’outils Éditeur d’images sont également disponibles dans le menu Image>Outils. Pour utiliser la barre d’outils Éditeur d’images et le sélecteur d’options, sélectionnez l’outil ou l’option souhaité.
Barre d’outils Éditeur d’images
Conseil
Des info-bulles apparaissent lorsque vous placez le curseur sur un bouton de la barre d’outils. Ces info-bulles vous aident à identifier la fonction de chaque bouton.
Comme de nombreux outils de dessin sont disponibles à partir du clavier, il est parfois utile de masquer la barre d’outils Éditeur d’images.
- Pour afficher ou masquer la barre d’outils Éditeur d’images, accédez au menu Affichage>Barres d’outils et sélectionnez Éditeur d’images.
Note
Les éléments de cette barre d’outils apparaissent comme indisponibles lorsqu’aucun fichier image du projet ou de la solution en cours n’est ouvert dans l’éditeur d’images.
Option (sélecteur)
Le sélecteur d’options vous permet de spécifier la largeur d’une ligne, d’un trait de pinceau, etc. L’icône du bouton Sélecteur d’options change en fonction de l’outil sélectionné.
Sélecteur d’options dans la barre d’outils de l’éditeur d’images
Outil texte
Utilisez la boîte de dialogue Outil Texte pour ajouter du texte à une ressource de curseur, de bitmap ou d’icône.
Pour accéder à cette boîte de dialogue, ouvrez l’éditeur d’images, allez dans le menu Image>Outils, puis sélectionnez la commande Outil Texte.
Conseil
Vous pouvez cliquer avec le bouton droit de la souris sur la boîte de dialogue Outil Texte pour accéder à un menu contextuel par défaut qui contient une liste de commandes Windows standard.
Ouvrez la boîte de dialogue Police de l’outil Texte pour modifier la police, le style ou la taille de la police du curseur. Les modifications sont appliquées au texte affiché dans la zone Texte.
Pour accéder à cette boîte de dialogue, sélectionnez le bouton Police dans la boîte de dialogue Outil Texte. Les propriétés disponibles sont les suivantes :
| Propriété | Descriptif |
|---|---|
| Police | Répertorie les polices disponibles. |
| Style de police | Répertorie les styles disponibles pour la police spécifiée. |
| Taille | Répertorie les tailles disponibles pour la police spécifiée. |
| Exemple | Affiche un exemple de l’apparence du texte avec les paramètres de police spécifiés. |
| Script | Répertorie les scripts linguistiques disponibles pour la police spécifiée. Lorsque vous sélectionnez un script linguistique différent, le jeu de caractères correspondant à cette langue devient disponible pour la création de documents multilingues. |
Pour modifier la police du texte d’une image
Voici un exemple illustrant comment ajouter du texte à une icône dans une application Windows et manipuler la police de votre texte.
Créez une application Windows Forms C++. Pour plus d’informations, consultez Comment : Créer des applications Windows Forms. Un fichier app.ico est ajouté à votre projet par défaut.
Dans l’Explorateur de solutions, double-cliquez sur le fichier app.ico. L’éditeur d’images s’ouvre.
Accédez au menu Image>Tools et sélectionnez Outil Texte.
Dans la boîte de dialogue Outil Texte, tapez C++ dans la zone de texte vide. Ce texte apparaît dans une zone redimensionnable située dans le coin supérieur gauche de app.ico dans l’éditeur d’images.
Dans l’éditeur d’images, faites glisser la zone redimensionnable vers le centre de app.ico pour améliorer la lisibilité de votre texte.
Dans la boîte de dialogue Outil Texte, sélectionnez le bouton Police.
Dans la boîte de dialogue Police de l’outil Texte :
Sélectionnez Times New Roman dans la liste des polices disponibles répertoriées dans la zone de liste Police.
Sélectionnez Gras dans la liste des styles de police disponibles répertoriés dans la zone de liste Style de police.
Sélectionnez 10 dans la liste des tailles disponibles répertoriées dans la zone de liste Taille.
Choisissez OK. La boîte de dialogue Police de l’outil Texte se ferme et les nouveaux paramètres de police s’appliquent à votre texte.
Sélectionnez Fermer dans la boîte de dialogue Outil Texte. La zone redimensionnable autour de votre texte disparaît de l’éditeur d’images.
La zone de texte affiche le texte qui apparaît dans la ressource. Au départ, cette zone est vide.
Note
Si l’option Arrière-plan transparent est activée, seul le texte est placé dans l’image. Si l’option Arrière-plan opaque est activée, un rectangle de délimitation, rempli de la couleur d’arrière-plan, sera placé derrière le texte.
Volets de fenêtre
La fenêtre Éditeur d’images affiche deux vues d’une image, séparées par une barre de division. Vous pouvez faire glisser la barre de fractionnement pour modifier la taille des volets. Une bordure de sélection entoure le volet actif.
Une vue correspond à la taille réelle et l’autre est agrandie selon un facteur d’agrandissement par défaut de 6. Les vues dans ces deux volets sont mises à jour automatiquement, toute modification apportée dans un volet est immédiatement affichée dans l’autre. Les deux volets vous permettent de travailler facilement sur une vue agrandie de votre image, dans laquelle vous pouvez distinguer les pixels individuels et, en même temps, observer l’effet de votre travail sur la vue en taille réelle de l’image.
Le volet gauche utilise autant d’espace que nécessaire (jusqu’à la moitié de la fenêtre Image) pour afficher la vue agrandie 1:1 par défaut de votre image. Le volet droit affiche une image agrandie 6:1 par défaut. Vous pouvez modifier le grossissement dans chaque volet à l’aide de l’outil Agrandir de la barre d’outils Éditeur d’images ou à l’aide des touches d’accélération.
Vous pouvez agrandir le volet le plus petit de la fenêtre Éditeur d’images et utiliser les deux volets pour afficher différentes zones d’une image volumineuse. Sélectionnez l’intérieur du volet pour le choisir.
Vous pouvez modifier la taille relative des volets en positionnant le pointeur sur la barre de séparation et en déplaçant celle-ci vers la droite ou vers la gauche. La barre de séparation peut être déplacée complètement vers l’un ou l’autre côté si vous souhaitez travailler sur un seul volet.
Si le volet Éditeur d’images est agrandi d’un facteur 4 ou plus, vous pouvez afficher une grille de pixels qui délimite les pixels individuels de l’image.
Pour modifier le facteur d’agrandissement
Par défaut, l’éditeur d’images affiche la vue dans le volet gauche à sa taille réelle et la vue dans le volet droit à une taille 6 fois supérieure à la taille réelle. Le facteur d’agrandissement (affiché dans la barre d’état en bas de l’espace de travail) est le rapport entre la taille réelle de l’image et la taille affichée. Le facteur par défaut est 6 et la plage va de 1 à 10.
Sélectionnez le volet Éditeur d’images dont vous souhaitez modifier le facteur d’agrandissement.
Dans la barre d’outils Éditeur d’images, sélectionnez la flèche à droite de l’outil Agrandir et sélectionnez le facteur d’agrandissement dans le sous-menu : 1X, 2X, 6X ou 8X.
Note
Pour sélectionner un facteur d’agrandissement autre que ceux répertoriés dans l’outil Agrandir, utilisez les touches d’accélération.
Pour afficher ou masquer la grille de pixels
Pour tous les volets de l’éditeur d’images dont le facteur d’agrandissement est supérieur ou égal à 4, vous pouvez afficher une grille qui délimite les pixels individuels de l’image.
Accédez au menu Image>Paramètres de la grille.
Cochez la case Grille de pixels pour afficher la grille ou décochez-la pour la masquer.
Spécifications
Aucune