Solaris CDE - Guide de l'utilisateur

Chapitre 13 Utilisation de l'Editeur d'icônes

L'Editeur d'icônes permet de créer et de modifier des fichiers bitmap et pixmap pouvant être utilisés comme des icônes ou des images de fond.

Présentation

L'Editeur d'icônes permet de créer et de modifier des images dans deux formats. Ceux-ci sont décrits dans le Tableau 13-1.

Tableau 13-1 Formats d'icônes

Format 

Description 

Nom de fichier 

Pixmap X (XPM)  

Images multicolores composées de couleurs statiques et dynamiques. 

*.pm

Bitmap X (XBM) 

Images bicolores (une couleur de premier plan et une couleur d'arrière-plan) utilisées pour les icônes en noir et blanc. 

*.bm

Figure 13-1 Fenêtre principale de l'Editeur d'icônes

Graphic

Avant de créer une image dans la zone de travail, vous devez sélectionner un outil et une couleur. Deux exemplaires de votre dessin, l'un au format pixmap et l'autre au format bitmap, s'affichent à mesure que vous dessinez. Même si l'image est destinée à être utilisée sur un système couleur, sa version en noir et blanc doit être lisible : en effet, le format bitmap doit pouvoir être utilisé si les couleurs disponibles sur l'espace de travail sont insuffisantes.

Pour plus d'informations sur la création d'icônes, reportez-vous au chapitre Visual Design du manuel Common Desktop Environment: Style Guide and Certification Checklist.

Lancement de l'Editeur d'icônes

Pour lancer l'Editeur d'icônes :

  1. Ouvrez le Gestionnaire d'applications et affichez le dossier Applications_Bureau.

    Graphic
  2. Cliquez deux fois sur l'Editeur d'icônes.

    Au lancement de l'Editeur d'icônes, la zone de dessin est vide.

Vous pouvez également lancer l'Editeur d'icônes avec une icône déjà chargée, en procédant au choix comme suit.


Remarque :

Si le chemin /usr/dt/bin n'a pas été défini dans votre fichier .cshrc, entrez /usr/dt/bin/dticon pour lancer l'Editeur d'icônes à partir de la ligne de commande.


Fonctions de base de l'Editeur d'icônes

Cette section explique comment créer et éditer une icône et décrit l'utilisation des outils de dessin de l'Editeur d'icônes.

Ouverture d'une icône existante

  1. Sélectionnez Ouvrir dans le menu Fichier.

    Si vous avez apporté des modifications et que vous ne les avez pas sauvegardées, l'Editeur d'icônes vous avertit qu'elles seront perdues si vous chargez une autre icône. Pour annuler la commande d'ouverture, cliquez sur Annuler. Si vous ne souhaitez pas sauvegarder les modifications, sélectionnez OK.

  2. Tapez le nom du fichier à charger dans la zone Entrez un nom de fichier ou sélectionnez le fichier d'icônes que vous souhaitez charger à partir de la section Fichiers de la boîte de dialogue Ouverture de fichier.

  3. Cliquez sur Sauvegarder.


    Remarque :

    Lors du chargement d'un fichier, le format de sortie (menu Options) est défini automatiquement en fonction du type du fichier.


    Pour ouvrir une icône existante, vous pouvez également cliquer sur le fichier correspondant dans le Gestionnaire de fichiers.

Création d'une icône

    Sélectionnez Nouveau dans le menu Fichier.

Si vous avez apporté des modifications et que vous ne les avez pas sauvegardées, l'Editeur d'icônes vous avertit qu'elles seront perdues si vous créez une nouvelle icône. Pour annuler la commande de création, cliquez sur Annuler. Si vous ne souhaitez pas sauvegarder les modifications, sélectionnez OK.

L'Editeur d'icônes efface le contenu de la zone de travail et redimensionne cette dernière à la taille par défaut (32x32).

Si une icône est déjà chargée, vous pouvez sélectionner l'option Effacer l'icône du menu Editer pour que la nouvelle icône ait la même taille et le même nom que l'icône précédente.

Effacement d'une icône

  1. S'il y a lieu, sauvegardez l'icône en cours.

  2. Sélectionnez Effacer l'icône dans le menu Editer.

    La totalité de la zone de dessin est effacée.

Création d'une image

  1. Sélectionnez un outil de dessin (voir le Tableau 13-2).

  2. Sélectionnez une couleur (couleur statique, nuance de gris ou couleur dynamique).

  3. Vous pouvez commencer à dessiner.

    La section suivante décrit les fonctions des différents outils de dessin.

Outils de dessin

La zone des outils de dessin de l'Editeur d'icônes est présentée à la Figure 13-2.

Figure 13-2 Outils de dessin de l'Editeur d'icônes

Graphic

Tableau 13-2 Description des outils de dessin

Outil 

Fonction 

Action 

Crayon 

Permet de dessiner des lignes et des pixels à main levée. 

Appuyez sur le bouton de la souris et maintenez-le enfoncé pour tracer la ligne. 

Ligne 

Permet de dessiner des lignes droites. 

Appuyez sur le bouton de la souris et maintenez-le enfoncé pour étendre la ligne. Relâchez-le pour dessiner la ligne.  

Rectangle 

Permet de dessiner des rectangles (pleins ou non). 

Appuyez sur le bouton de la souris et maintenez-le enfoncé pour étendre le contour du rectangle. Relâchez-le pour dessiner le rectangle. 

Cercle 

Permet de dessiner des cercles (pleins ou non). 

Amenez le pointeur de la souris sur le centre du cercle, cliquez et faites glisser la souris pour dessiner le contour du cercle. Une fois celui-ci tracé, relâchez le bouton.  

Effacer 

Permet d'effacer des zones de taille importante. 

Appuyez sur le bouton de la souris et faites glisser cette dernière pour effacer la zone voulue. 

Pour effacer des pixels individuels, sélectionnez l'outil Crayon et la couleur Transparence.  

Coloriage 

Permet de remplir une zone avec une couleur sélectionnée.  

Cliquez sur un pixel de la zone à colorier. La couleur sélectionnée est appliquée à ce pixel, ainsi qu'à tous les pixels adjacents de même couleur. Les contours de la zone coloriée ne sont pas définis ; seuls les pixels d'une couleur différente de celle du pixel sélectionné ne sont pas affectés. 

Polyligne 

Permet de dessiner des lignes droites reliées entre elles. 

Cliquez sur le point de départ de la première ligne, puis sur l'emplacement marquant la fin de chaque segment. 

Cliquez deux fois sur le point final du dernier segment.  

Polygone  

Permet de dessiner des lignes droites reliées entre elles (la première et la dernière sont reliées, de sorte que le polygone est fermé). 

Cliquez sur le point de départ de la première ligne, puis sur l'emplacement marquant la fin de chaque segment. 

Cliquez deux fois sur le point final du dernier segment. 

Ovale 

Permet de dessiner des ellipses (pleines ou non). 

Appuyez sur le bouton de la souris et faites glisser cette dernière ; une fois l'ovale tracé, relâchez le bouton. 

Sélection 

Permet de sélectionner une zone. Il s'agit d'une opération préalable à l'exécution de nombreuses commandes du menu Editer.  

Amenez le pointeur sur un angle de la zone à sélectionner et tracez un cadre autour de cette dernière, puis relâchez le bouton de la souris.  

Remplissage 

Permet de dessiner des rectangles, des cercles, des ovales et des polygones pleins (au lieu de leur contour seul).

Sélectionnez la case à cocher pour dessiner automatiquement des formes remplies. Désélectionnez cette case pour dessiner des contours uniquement.  

Annulation d'une opération

    Sélectionnez Annuler dans le menu Editer.

Seule la dernière modification peut être annulée.

Sauvegarde des fichiers d'icônes

Lorsque vous sauvegardez des fichiers d'icônes, vous devez utiliser l'extension appropriée. Deux extensions sont ajoutées au nom de base de l'icône, l'une correspondant à la taille, l'autre au format. Généralement, les noms d'icônes se présentent comme suit :

nom_base.taille.format

 nom_base.format

nom_base correspond au nom de l'image.

taille est une lettre indiquant la taille standard de l'icône : l pour large (normale, 48x48 pixels), m pour medium (moyenne, 32x32 pixels), s pour small (petite, 24x24 pixels) ou t pour tiny (très petite, 16x16 pixels) (pour plus d'informations, voir la section"Tailles d'icônes" Si la taille de votre icône n'est pas standard, cette lettre n'est pas utilisée.

format peut avoir la valeur pm (X pixmap, format des icônes en couleurs) ou bm (X Bitmap, format des icônes en noir et blanc).

Si vous sauvegardez une icône ne contenant pas de couleur transparente au format XBM, un fichier de masque d'icône est également sauvegardé. Le fichier de masque d'icône a pour nom nom_base.taille_m.format. Si vous déplacez l'icône, vous devez également déplacer ce masque.

Par exemple, supposons que vous indiquiez le nom mail pour une icône que vous avez créée. Si vous disposez d'un écran couleur et que vous avez défini les préférences du Gestionnaire de fichiers de manière à ce que les petites icônes soient utilisées, le nom de l'icône sera mail.t.pm. Si elle contient la couleur transparente et que son format est XBM, deux fichiers sont créés : mail.t.bm et mail.t_m.bm.

Tailles d'icônes

Le Tableau 13-3 répertorie les tailles (en pixels, largeur x hauteur) devant être utilisées lors de la création des icônes destinées à l'environnement CDE. La taille maximale des icônes est de 256x256.

Tableau 13-3 Tailles conseillées pour les icônes

Définition 

Haute 

Moyenne 

Faible 

Gestionnaire de fichiers (normale) 

32x32 

32x32 

32x32 

Gestionnaire de fichiers (petite) 

16x16 

16x16 

16x16 

Gestionnaire d'applications (normale) 

32x32 

32x32 

32x32 

Gestionnaire d'applications (petite) 

16x16 

16x16 

16x16 

Tableau de bord 

48x48 

48x48 

32x32 

Panneaux secondaires du Tableau de bord 

32x32 

32x32 

16x16 

Fenêtres réduites 

48x48 

48x48 

32x32 

Espace de travail 

32x32 

32x32 

32x32 

Sauvegarde d'une icône

  1. Sélectionnez un format de sortie dans le menu Options :

    • XBM pour le format X bitmap en noir et blanc ;

    • XPM pour le format X pixmap en couleurs (format par défaut).

  2. Dans le menu Fichier, choisissez Sauvegarder.

    Si l'icône n'a pas de nom ou que vous sélectionnez l'option Sauvegarder sous, l'Editeur d'icônes vous invite à indiquer un nom de fichier. Une fois cette opération effectuée, cliquez sur Sauvegarder.


    Remarque :

    Si vous sauvegardez une icône contenant des couleurs transparentes au format XBM, un fichier de masque d'icône est également sauvegardé. Le fichier de masque d'icône a pour nom nom_base.taille_m.format. Si vous déplacez l'icône, vous devez également déplacer ce masque.


Sauvegarde d'une icône sous un nouveau nom

  1. Sélectionnez Sauvegarder sous dans le menu Fichier.

  2. Tapez (ou sélectionnez) le nom sous lequel vous souhaitez sauvegarder l'icône.

  3. Cliquez sur Sauvegarder.

    Si le fichier existe déjà, cliquez sur OK dans la boîte de dialogue qui s'affiche pour remplacer le fichier existant.

Utilisation des couleurs

Les icônes disponibles sur le Bureau utilisent une palette de 22 couleurs :

Ces couleurs sont celles utilisées par défaut dans l'Editeur d'icônes. Ce jeu de couleurs constitue une palette de couleurs raisonnable vous permettant de créer des icônes. Elles constituent une palette permettant de créer des icônes attrayantes et lisibles, qui ne monopolisent pas les couleurs dont d'autres applications pourraient avoir besoin.

Les couleurs dynamiques sont utilisées pour l'application sur laquelle votre icône doit s'afficher. S'il s'agit du Gestionnaire de fichiers, celui-ci détermine la couleur d'arrière-plan. Les couleurs dynamiques sont utiles pour les icônes dont vous souhaitez modifier la couleur à mesure que vous sélectionnez les palettes de couleurs dans le Gestionnaire de configuration. Ces couleurs sont également utiles si l'icône doit être utilisée dans plusieurs applications et que les couleurs de chacune d'elles doivent être utilisées.

Vous pouvez utiliser les options Ombrage du haut et Ombrage du bas pour dessiner une ombre sous l'icône. Vous pouvez utiliser ces couleurs pour faire ressortir l'icône. Cette option est conseillée dans le cas des icônes du Tableau de bord uniquement.

La couleur transparente permet de créer des icônes qui laissent apparaître les couleurs d'arrière-plan, donnant ainsi l'illusion qu'elles ne sont pas rectangulaires. Utilisez-la pour remplir les parties vides de la zone de dessin, si votre icône ne l'occupe pas intégralement.

Fonctions avancées de l'Editeur

Lorsque vous vous serez familiarisé avec les fonctions de dessin de base de l'Editeur d'icônes, vous pourrez essayer d'utiliser des opérations plus avancées. Pour ce faire, vous devrez d'abord sélectionner une partie de l'icône. La plupart de ces fonctions exigent que vous sélectionniez une zone de l'icône, à l'aide de l'outil Sélection (affiché à droite de la gomme).

Vous pouvez appliquer les opérations suivantes à la zone sélectionnée :

Sélection partielle d'une icône

  1. Cliquez sur l'outil Sélection (à droite de la gomme).

  2. Tracez un cadre autour de la zone à sélectionner.

    Une fois cette opération effectuée, le cadre se met à clignoter.

Découpage partiel d'une icône

  1. A l'aide de l'outil Sélection, tracez un cadre autour de la zone à supprimer.

  2. Sélectionnez Couper zone dans le menu Editer.

    Lorsque vous supprimez une zone d'une icône, elle devient transparente (la couleur transparente lui est appliquée).

    L'option Coller zone du menu Editer permet de replacer une zone supprimée dans l'icône.

Copie partielle d'une icône

  1. A l'aide de l'outil Sélection, tracez un cadre autour de la zone à copier.

  2. Sélectionnez Copier zone dans le menu Editer.

  3. Sélectionnez Coller zone dans le menu Editer.

  4. Amenez le cadre à l'emplacement où vous souhaitez copier la zone sélectionnée et cliquez.

    Pour coller plusieurs exemplaires de la zone, répétez les étapes 3 et 4 autant de fois que nécessaire.

Déplacement partiel d'une icône

  1. A l'aide de l'outil Sélection, tracez un cadre autour de la zone à déplacer.

  2. Sélectionnez Couper zone dans le menu Editer.

  3. Sélectionnez Coller zone dans le menu Editer.

  4. Amenez le cadre à l'emplacement où vous souhaitez copier la zone sélectionnée et cliquez.

    Pour coller plusieurs exemplaires de la zone, répétez les étapes 3 et 4 autant de fois que nécessaire.

Rotation partielle d'une icône

  1. A l'aide de l'outil Sélection, tracez un cadre autour de la zone à faire pivoter.

  2. Sélectionnez Pivoter zone dans le menu Editer, puis l'option Gauche ou Droite.

  3. Amenez le cadre à l'emplacement où vous souhaitez copier la zone pivotée et cliquez.

Inversion partielle d'une icône

Cette opération crée une image miroir (pixel à pixel) de la zone sélectionnée.

  1. A l'aide de l'outil Sélection, tracez un cadre autour de la zone à inverser.

  2. Sélectionnez Inverser zone dans le menu Editer, puis l'option Verticale ou Horizontale.

Redimensionnement des icônes

Vous pouvez redimensionner tout ou partie des icônes.

Redimensionnement de l'icône en cours

  1. Sélectionnez Redimensionner l'icône dans le menu Editer.

    Indiquez les dimensions voulues dans la boîte de dialogue qui s'affiche.

  2. Vous devez préciser une largeur et une hauteur.

  3. Cliquez sur OK.


    Remarque :

    Si vous réduisez la taille de l'icône, les bords droit et inférieur sont tronqués. Si vous augmentez la taille de l'icône, l'image existante demeure dans l'angle supérieur gauche de l'icône.


Redimensionnement partiel de l'icône

  1. A l'aide de l'outil Sélection, tracez un cadre autour de la zone à redimensionner.

  2. Sélectionnez Ajuster zone dans le menu Editer.

  3. A l'aide de la souris, dessinez un cadre en lui donnant la taille et la forme de l'image redimensionnée.

    La taille du cadre s'affiche dans l'angle supérieur droit. Ce cadre définit la taille de la partie redimensionnée, mais en aucun cas son emplacement.

  4. Amenez le cadre à l'emplacement où vous souhaitez copier la zone redimensionnée et cliquez.

Points de reparent

Les images bitmap (images au format XBM) peuvent être utilisées en tant que pointeurs de souris. Dans ce cas, le point de reparent désigne le pixel unique correspondant à l'emplacement réel du pointeur.

Ajout d'un point de reparent

Une icône ne peut contenir qu'un point de reparent.

  1. Sélectionnez Ajouter point de reparent dans le menu Editer.

  2. Cliquez sur le pixel qui doit devenir le point de reparent.

Suppression d'un point de reparent

    Sélectionnez Supprimer point de reparent dans le menu Editer.

Captures d'écran

Vous pouvez copier une partie quelconque de l'écran dans l'Editeur d'icônes. Pour ce faire, capturez un texte ou un graphique affiché à l'écran et chargez-le dans la zone de dessin de l'Editeur d'icônes.

Capture (saisie) partielle de l'écran

  1. S'il y a lieu, sauvegardez l'icône en cours.

  2. Sélectionnez Saisir image écran dans le menu Editer.

  3. Appuyez sur le bouton 1 de la souris et, tout en le maintenant enfoncé, tracez un cadre autour de la zone à capturer.


Remarque :

Il est possible que, suite à cette opération, l'icône monopolise les couleurs disponibles sur le Bureau.


Modification de la vue d'une icône

Vous avez la possibilité d'agrandir l'icône chargée dans la zone de dessin de l'Editeur d'icônes, d'afficher ou de masquer la grille.

Désactivation de la grille

    Sélectionnez Grille affichée dans le menu Options.

La grille sera masquée. Choisissez à nouveau Grille affichée dans le menu Options pour afficher la grille. La grille est affichée par défaut.

Modification du facteur d'agrandissement d'une icône

  1. Sélectionnez Agrandissement dans le menu Options.

  2. Sélectionnez le facteur d'agrandissement voulu dans le sous-menu qui s'affiche.