Chapitre 15 L'Editeur d'icônes

L'Editeur d'icônes permet de créer des images d'icône en noir et blanc ou en couleur. Vous pouvez afficher les images d'icône dans le Gestionnaire de fichiers en les liant à des applications et des fichiers de données à l'aide de l'Utilitaire d'assemblage. Les programmeurs peuvent utiliser l'Editeur d'icônes pour créer des curseurs, des glyphes et des icônes d'application et les sauvegarder dans un format permettant de les inclure dans un programme en langage C.

Pour ouvrir l'Editeur d'icônes, choisissez Espace de travail => Menu => Editeur d'icônes.

Icône et fenêtre principale de l'Editeur d'icônes

L'icône de l'Editeur d'icônes est représentée à la Figure 15-1.

Figure 15-1 Icône de l'Editeur d'icônes

Lorsque vous lancez l'Editeur d'icônes, la fenêtre principale s'affiche (voir la Failed Cross Reference Format).

Figure 15-2 Fenêtre principale de l'Editeur d'icônes

Les commandes de l'Editeur d'icônes sont décrites dans les sections suivantes.

Commandes de dessin de l'Editeur d'icônes

Les commandes que vous utilisez pour dessiner une image sur le canevas sont situées à gauche de la zone d'aperçu et sont représentées à la Failed Cross Reference Format.

Figure 15-3 Commandes de dessin de l'Editeur d'icônes

Cette section décrit les boutons et les menus de commandes de dessin de l'Editeur d'icônes.

Options de mode de dessin

Pour dessiner une icône, choisissez un mode de dessin parmi les options présentées à la Figure 15-4.

Figure 15-4 Options de mode de dessin

Les options de mode de dessin s'utilisent comme suit :

• Choisissez Point pour insérer un pixel noir à la fois dans le canevas. Pour dessiner un point, placez le pointeur à l'endroit de votre choix dans le canevas et cliquez dessus avec SELECT. Maintenez le bouton SELECT enfoncé et déplacez le pointeur pour effectuer un dessin à main levée. Lorsque vous relâchez le bouton de la souris, vous obtenez un segment de dessin. Lorsque vous répétez ces opérations, vous commencez un nouveau segment de dessin. A ce niveau, la fonction Défaire supprime uniquement le dernier segment dessiné. Vous pouvez également pointer sur un pixel noir ou un pixel en couleur et cliquer dessus avec ADJUST pour qu'il devienne blanc.

• Choisissez Ligne pour dessiner une ligne d'une épaisseur d'un pixel. Positionnez le pointeur au début de la ligne, appuyez sur le bouton SELECT, déplacez le pointeur jusqu'à l'autre extrémité de la ligne et relâchez SELECT.

• Choisissez Carré pour tracer des carrés ou des rectangles vides ou pleins en utilisant l'un des motifs de remplissage décrits à la section "Choix fond". Ces options de remplissage ne sont actives que lorsque l'option de dessin choisie correspond à une forme pouvant être remplie, telle qu'un carré, un cercle ou une ellipse. Positionnez le pointeur à un angle du carré, appuyez sur le bouton SELECT, déplacez le pointeur jusqu'à l'angle opposé et relâchez SELECT.

• Choisissez Cercle pour tracer des cercles vides ou pleins selon le motif de remplissage choisi. Positionnez le pointeur au centre du cercle, appuyez sur le bouton SELECT, déplacez le pointeur vers la périphérie du cercle et relâchez SELECT.

• Choisissez Ellipse pour tracer des ellipses vides ou pleines. Positionnez le pointeur au centre de l'ellipse, appuyez sur SELECT, déplacez le pointeur vers l'extérieur de l'ellipse et relâchez SELECT. Si vous déplacez le pointeur suivant une ligne horizontale ou verticale, l'ellipse prendra la forme d'une ligne.

• Choisissez Texte (abc) pour afficher une fenêtre pop-up représentée à la Figure 15-5, qui permet de taper le texte associé à l'icône.

Figure 15-5 Fenêtre pop-up Texte

Insertion de texte dans le canevas

Pour insérer du texte dans le canevas, procédez comme suit :

1. Cliquez avec SELECT sur l'option de mode de dessin Texte.

La fenêtre pop-up Texte s'affiche.

1. Dans le menu Police, choisissez la police à utiliser.

2. Choisissez la graisse, le style et la taille à partir des menus correspondants.

   Les options des menus Graisse, Style et Taille dépendent de la police choisie. Ainsi, pour certaines polices il existe un grand choix de tailles, alors que pour d'autres, seule l'option par défaut est disponible.

3. Tapez votre texte dans la zone Texte.

4. Lorsque vous avez tapé votre texte, insérez-le dans l'icône en positionnant le pointeur à l'endroit de votre choix sur le canevas et en appuyant sur SELECT.

   Un rectangle s'affiche. Il indique la taille du texte à insérer (voir la Figure 15-6). En maintenant le bouton SELECT enfoncé, déplacez le rectangle afin de le positionner à l'emplacement de votre choix.

   Figure 15-6 Insertion de texte dans l'icône

   
   

5. Déplacez le pointeur pour positionner le rectangle, puis relâchez le bouton SELECT.

   Le texte apparaît sur le canevas comme le montre la Figure 15-7.

   Figure 15-7 Texte inséré dans l'icône

   
   

   Une fois que le texte est ajouté au canevas, vous pouvez le modifier comme tout autre partie de l'image :

   • Choisissez Région (rectangle en contenant d'autres) pour définir une zone rectangulaire sur le canevas, que vous pouvez déplacer, inverser ou faire pivoter en cliquant avec SELECT sur l'un des boutons de déplacement.

   • Choisissez Effacer pour effacer des pixels sur le canevas. Positionnez le curseur sur le canevas, cliquez avec SELECT et déplacez la gomme sur les parties à effacer. Seul le pixel se trouvant sous le bout de la gomme est effectivement effacé.

Edition des images

Pour annuler à tout moment la dernière modification apportée, choisissez Editer => Défaire dans la zone de commandes.

Les autres commandes du menu Editer sont similaires à celles de la fenêtre Editeur de texte.

Couper une partie d'une image

Pour couper une partie de dessin, créez un cadre autour de la zone à couper. Pour ce faire, procédez comme suit :

1. Cliquez avec SELECT sur l'icône de l'option Région, représentée par un rectangle et située à côté de l'ellipse dans la zone de commandes.

   Vous pouvez alors définir la zone à couper.

   Figure 15-8 Rectangle de sélection Région

   
   

2. Positionnez le pointeur sur le canevas, à un angle de la partie à couper, appuyez sur SELECT et déplacez le pointeur en diagonale jusqu'à l'angle opposé, puis relâchez le bouton de la souris.

   La Figure 15-9 montre la zone à couper délimitée par un rectangle.

   Figure 15-9 Sélection d'une partie à couper de l'image d'une icône

   
   

3. Choisissez Editer => Couper.

   La partie de l'image délimitée par le rectangle est ainsi coupée et placée dans un presse-papiers. Vous pouvez ensuite la coller à un autre endroit, si nécessaire. La Figure 15-10 représente l'image d'une icône dont une partie a été coupée.

   Figure 15-10 Image d'icône dont une partie a été coupée

   
   

Effacer

Le petit objet rectangulaire situé à côté du bouton abc dans la zone de commandes est une gomme. Cette icône est représentée à la Figure 15-11.

Figure 15-11 Icône de la gomme

Pour effacer une partie d'image :

1. Cliquez avec SELECT sur l'icône de la gomme.

2. Positionnez le pointeur sur la zone à effacer dans le canevas.

3. Appuyez sur SELECT et placez le pointeur au-dessus de la zone à effacer.

   Lorsque vous relâchez le bouton de la souris, vous terminez le segment en cours. Ainsi, vous pouvez toujours défaire le dernier segment effacé sans perdre toutes les modifications apportées. Pour ce faire, choisissez Défaire dans le menu Editer ou dans le menu pop-up de la sous-fenêtre (canevas) de l'Editeur d'icônes.

Choix fond

Les options Choix fond (voir la Figure 15-12) permettent de choisir un contour ou l'un des 9 motifs pour les carrés, les cercles et les ellipses. Ce menu n'est actif que lorsque le mode en cours permet le dessin de formes pouvant être remplies (carrés, cercles ou ellipses).

Figure 15-12 Choix fond de l'Editeur d'icônes

La première option, un carré vide, permet de tracer un contour de la forme souhaitée avec un trait noir d'une épaisseur d'un pixel. Les autres options représentent des motifs, allant du blanc au noir, à l'aide desquels vous pouvez remplir les carrés, les cercles et les ellipses.

Commandes Couleur de l'Editeur d'icônes

Vous pouvez créer des icônes en couleur ou en noir et blanc à l'aide des options Couleur ou Monochrome, représentées à la Figure 15-13. L'option Couleur n'est pas disponible si votre station de travail est monochrome.

Figure 15-13 Option Couleur de l'Editeur d'icônes

Lorsque l'option Couleur est sélectionnée, vous pouvez dessiner en utilisant du noir, du blanc ou l'une des couleurs proposées dans la fenêtre Sélecteur de couleurs. Pour afficher le Sélecteur de couleurs, utilisez le bouton Palette situé dans l'en-tête de l'Editeur d'icônes. Lorsque vous sélectionnez une couleur dans le Sélecteur de couleurs, le curseur prend la couleur en cours. Pour plus d'informations sur l'utilisation des couleurs, consultez la section Failed Cross Reference Format.

Lorsque l'option Monochrome est sélectionnée, seuls le blanc et le noir sont disponibles. Le bouton Palette situé dans l'en-tête de l'Editeur d'icônes fournit les options Noir et Blanc. Si l'option Noir est sélectionnée, le dessin est tracé en noir, si l'option Blanc est choisie, il est tracé en blanc.

Si l'icône que vous créez est en couleur, elle devient monochrome lorsque vous sélectionnez Monochrome.

---

Attention :

si vous transformez les couleurs d'une icône en noir et en blanc, les couleurs ne seront pas restaurées lorsque vous choisirez de nouveau l'option Couleur. Si vous passez par inadvertance de la couleur au noir et blanc, sélectionnez l'option Défaire du menu Editer pour restaurer les couleurs.

---

Boutons de déplacement

Utilisez les boutons de déplacement (illustrés à la Figure 15-14) pour positionner le dessin sur le canevas ou pour déplacer une région. Cliquez avec SELECT sur l'un des boutons de déplacement (flèches vers la gauche, la droite, le haut ou le bas) pour déplacer une région sélectionnée, d'un pixel dans la direction indiquée. Si aucune région n'est sélectionnée, la totalité du dessin est déplacée.

Figure 15-14 Boutons de déplacement de l'Editeur d'icônes

---

Remarque :

si vous déplacez ou faites pivoter une partie de l'image en dehors du canevas, les pixels sont coupés de l'image et ne sont pas restaurés lorsque vous déplacez l'image dans la direction opposée. Utilisez l'option Défaire du menu Editer pour restaurer l'image.

---

Pour déplacer une région :

1. Choisissez Région comme mode de dessin.

   Cette option est la dernière de la rangée supérieure des modes de dessin.

2. Positionnez le pointeur à un angle de la région à déplacer et appuyez sur SELECT.

3. Déplacez le pointeur pour définir la région et relâchez SELECT.

4. Cliquez avec SELECT sur l'une des flèches pour déplacer la région d'un pixel dans la direction indiquée.

   Répétez cette opération autant de fois que nécessaire.

   Les cinquième et sixième boutons de la Figure 15-14 inversent la région sélectionnée horizontalement (de gauche à droite) ou verticalement (du haut vers le bas). Si aucune région n'est sélectionnée, la totalité de l'image est inversée. Les deux boutons de droite sur la Figure 15-14 font pivoter la région ou l'image de 90 degrés dans la direction indiquée par la flèche.

Options du menu Fichier

Utilisez le menu Fichier pour charger, sauvegarder et imprimer des icônes.

Chargement et sauvegarde d'un fichier

Pour plus d'informations sur le chargement et la sauvegarde de fichiers, consultez le Chapitre 1.

Sauvegarde d'une nouvelle icône

Si vous avez dessiné l'image d'une nouvelle icône, vous pouvez la sauvegarder dans un nouveau fichier. Pour ce faire, procédez comme suit :

1. Choisissez Fichier => Sauvegarder sous.

   La fenêtre Sauvegarder sous s'affiche.

2. Sauvegardez le fichier.

   Pour plus d'informations sur la sauvegarde d'un fichier, consultez le Chapitre 1.

Sauvegarde d'une icône modifiée

Si vous avez modifié l'image d'une icône existante, vous pouvez la sauvegarder dans un nouveau fichier, de façon à conserver l'image d'origine, ou dans l'ancien fichier. Pour plus d'informations sur la sauvegarde d'un fichier, consultez le Chapitre 1.

Les formats disponibles pour la sauvegarde d'une icône sont les suivants :

• Si l'icône est en couleur, elle sera sauvegardée comme une image X Pixmap couleur. Ce type d'icône peut être utilisé pour certaines applications XView.

• Si l'icône est en noir et blanc, vous pouvez utiliser le menu Sauvegarder pour choisir un format d'icône XView, X Bitmap ou X Pixmap monochrome. Sauvegardez l'icône au format XView en vue d'afficher l'icône dans le Gestionnaire de fichiers en la reliant à une application ou à un fichier de données à l'aide de l'Utilitaire d'assemblage. Pour plus d'informations, consultez le Chapitre 16. Sauvegardez l'icône au format X Bitmap si vous voulez l'utiliser dans un programme en C.

  Si un fichier du même nom existe, un message d'avertissement s'affiche, demandant si vous souhaitez écraser le fichier existant ou annuler l'opération.

Effacement du canevas

Pour effacer le canevas afin de réaliser un autre dessin, choisissez Editer, puis Effacer.

Impression d'une icône

La fenêtre Imprimer, représentée à la Figure 15-15, permet d'imprimer des fichiers d'icône. Elle s'affiche lorsque vous choisissez l'option Imprimer dans le menu Fichier.

Figure 15-15 Fenêtre pop-up Imprimer de l'Editeur d'icônes

A partir de la fenêtre Imprimer de l'Editeur d'icônes, vous pouvez définir les options suivantes :

• La destination de la sortie imprimée (Imprimante ou Fichier)

• Le nom de l'imprimante et les options d'impression, ou la destination et le nom du fichier

  Si l'option Imprimante est choisie dans la zone Destination, comme le montre la Figure 15-15, la zone Options s'affiche. Dans cette zone, vous pouvez entrer des commandes UNIX afin de personnaliser les options d'impression.

• La largeur et la hauteur de l'image imprimée

• Les marges gauche et inférieure de l'image imprimée

• Le nombre d'exemplaires à imprimer

  Une fois les paramètres d'impression définis, cliquez avec SELECT sur le bouton Imprimer pour imprimer l'icône.

Menu Visualiser

Le menu Visualiser permet d'afficher un quadrillage sur le canevas.

Affichage d'un quadrillage

Choisissez Afficher le quadrillage (ou cliquez avec SELECT sur le bouton Visualiser) pour afficher sur le canevas un quadrillage de 4 pixels sur 4. Le quadrillage est utile pour aligner et centrer la totalité ou une partie de l'icône.

Lorsque le quadrillage est affiché, l'option du menu Visualiser devient Retirer le quadrillage. Pour afficher et retirer le quadrillage, il suffit donc de cliquer avec SELECT sur le bouton Visualiser.

La Figure 15-16 montre un exemple de quadrillage affiché.

Figure 15-16 Quadrillage affiché

Menu Editer

Le menu Editer fournit les options d'édition standard, décrites dans les sections suivantes. Les options du menu Editer sont également disponibles dans le menu pop-up de la sous-fenêtre du canevas de l'Editeur d'icônes.

Défaire et Refaire

Vous pouvez annuler les sept dernières opérations effectuées en choisissant Défaire dans le menu Editer. Après avoir choisi Défaire, vous pouvez choisir Refaire pour répéter l'opération initiale et restaurer le canevas tel qu'il se présentait avant que vous ayez choisi l'option Défaire. Cette fonction vous permet d'annuler le résultat d'une opération sur l'icône, si celui-ci ne vous convient pas. Si tel est le cas, utilisez Défaire et Refaire pour restaurer l'icône dans l'état qui vous convient.

Chaque fois que vous annulez une opération, celle-ci devient disponible par le biais de Refaire (vous pouvez remonter jusqu'à sept opérations). Chaque fois que vous utilisez l'option Refaire, l'opération la plus récemment annulée est exécutée. Le nombre d'opérations Défaire et Refaire disponibles est affiché au bas de la fenêtre Editeur d'icônes.

Effacer

Vous pouvez effacer le canevas en choisissant l'option Effacer dans le menu Editer. Aucun message d'avertissement ne s'affiche. Si vous changez d'avis, choisissez Défaire dans le menu Editer.

Couper, Copier et Coller

Les options Couper, Copier et Coller permettent de déplacer et de copier une partie ou la totalité de l'icône.

Lorsque vous choisissez l'option Couper dans le menu Editer, la région sélectionnée est supprimée de l'icône et placée dans le presse-papiers. Si vous n'avez pas sélectionné de région, l'opération porte sur la totalité de l'icône.

Pour définir une région, choisissez le mode de dessin Région, placez le pointeur dans le canevas au début de la région à délimiter. Appuyez sur SELECT, déplacez le pointeur vers l'angle opposé de la région et relâchez le bouton SELECT. Un cadre en pointillés apparaît autour de la région et clignote.

Lorsque vous choisissez Copier dans le menu Editer, la région en cours est copiée dans le presse-papiers, mais n'est pas supprimée dans l'icône. Si aucune région n'est définie, la totalité de l'icône est copiée dans le presse-papiers.

Avant de choisir Coller dans le menu Editer, définissez la région où vous voulez coller le contenu du presse-papiers. Lorsque vous sélectionnez Coller dans le menu Editer, le contenu du presse-papiers est copié dans l'icône de sorte que l'angle supérieur gauche du contenu du presse-papiers coïncide avec l'angle supérieur gauche de la région en cours.

Si vous choisissez Coller à partir du clavier (selon le type de clavier utilisé), le contenu du presse-papiers est placé de sorte que l'angle supérieur gauche de l'image corresponde à l'emplacement de la souris.

Inverser

Choisissez l'option Inverser dans le menu Editer, lorsque vous voulez transformer les pixels noirs d'une icône monochrome en pixels blancs et inversement, dans la région en cours. Si aucune région n'est sélectionnée, l'opération porte sur la totalité de l'icône. S'il s'agit d'une icône couleur, l'option Inverser n'est pas disponible (grisée).

Menu Propriétés

Les options du menu Propriétés permettent de modifier le format et la taille de l'icône.

Format de l'icône

Utilisez l'option Format pour spécifier le format par défaut auquel l'icône doit être sauvegardée. Lorsque vous avez sélectionné un format, celui-ci est utilisé chaque fois que vous choisissez Sauvegarder dans le menu Fichier. Ce format est alors également utilisé par défaut dans le menu Sauvegarder de la fenêtre pop-up Fichier. Pour plus d'informations, consultez la section "Chargement et sauvegarde d'un fichier".

Les formats d'icône suivants sont disponibles :

• Si l'icône est en couleur, elle peut être sauvegardée comme image X Pixmap couleur. Ce type d'icône peut être utilisé pour certaines applications XView.

• Si l'icône est monochrome, elle peut être sauvegardée comme icône XView, image X Bitmap ou X Pixmap monochrome. Sauvegardez l'icône au format XView pour l'afficher dans le Gestionnaire de fichiers en la reliant à une application ou à un fichier de données à l'aide de l'Utilitaire d'assemblage. Pour plus d'informations, consultez Chapitre 16. Sauvegardez l'icône au format X Bitmap si vous voulez l'utiliser dans un programme en C. Le format image X Pixmap monochrome peut être utilisé pour certaines applications XView.

Taille de l'icône

L'option Taille propose cinq tailles standard d'image :

• 16 pixels sur 16 (taille normale du curseur)

• 32 pixels sur 32 (taille requise pour les icônes des fichiers de données du Gestionnaire de fichiers)

• 48 pixels sur 48

• 64 pixels sur 64 (taille des icônes d'application)

• 128 pixels sur 128

  Si vous modifiez la taille du canevas alors qu'un fichier d'icônes est chargé, la lecture de ce fichier s'effectue à partir de l'angle supérieur gauche. Les images trop grandes sont coupées en fonction de la taille du canevas. Dans l'exemple illustré par la Figure 15-17, le canevas contenant le fichier cat.icon a été redimensionné pour qu'il s'affiche sur 32 pixels sur 32 (format XView).

Figure 15-17 Modification de la taille d'une icône

Palette du Sélecteur de couleurs de l'Editeur d'icônes

Si vous disposez d'une station de travail couleur, vous pouvez créer une icône multicolore et la sauvegarder dans un fichier X Pixmap couleur à utiliser avec vos propres applications X. Si vous créez des icônes pour le Gestionnaire de fichiers à l'aide de l'Editeur d'icônes, ces dernières doivent être monochromes. L'Utilitaire d'assemblage permet de définir les couleurs de premier plan et d'arrière-plan des icônes du Gestionnaire de fichiers.

Si vous voulez créer une icône couleur, sélectionnez l'option Couleur dans la zone de commandes de dessin, comme décrit dans la section "Commandes Couleur de l'Editeur d'icônes". Lorsque vous créez une icône couleur, le premier bouton à droite dans l'en-tête de la fenêtre porte la mention Palette (si vous créez une icône monochrome, ce bouton est remplacé par les options Blanc et Noir). Cliquez avec SELECT sur le bouton Palette pour afficher le Sélecteur de couleurs, représenté à la Figure 15-18, et définir la couleur du dessin.

Figure 15-18 Sélecteur de couleurs de l'Editeur d'icônes

La couleur en cours, employée par l'Editeur d'icônes pour le dessin, est affichée dans l'angle supérieur gauche de la palette (voir Figure 15-18).

Pour choisir l'une des couleurs représentées dans la palette du Sélecteur de couleurs, procédez comme suit :

1. Cliquez avec SELECT sur la couleur de votre choix, dans la palette du Sélecteur de couleurs.

La couleur sélectionnée est mise en évidence et apparaît dans la zone d'aperçu du Sélecteur de couleurs (carré situé à gauche de la palette).

1. Cliquez avec SELECT sur le bouton Appliquer pour enregistrer le changement de couleur.

2. Replacez le pointeur dans l'Editeur d'icônes pour dessiner l'icône dans la couleur choisie.

   Le pointeur apparaît dans la couleur sélectionnée.