MSPaint ou l'accès aux images

Le logiciel MSPaint est situé dans le dossier Accessoires (menu démarrer/accessoires). Ce logiciel permet diverses opérations sur les images en mode par point appelées aussi BITMAP. Nous décrirons d'abord les diverses composantes du logiciel pour nous arrêter ensuite sur la réalisation de quelques activités spécifiques.



Composantes

Comme tous les logiciels utilisant l'environnement Windows, de nombreux éléments sont identiques d'un logiciel à l'autre alors que d'autres sont leur sont spécifiques. Nous trouvons donc, comme dans tout logiciel Windows une barre de menus dont les premiers, Fichiers et Édition sont standards. Le menu Affichage est un élément commun mais le contenu est ici spécifique, s'ajustant à la vocation du logiciel: le traitement des images. Il en va de même avec le menu Options, offrant l'ajustement de paramètres spécifiques au logiciel.


la fenêtre de MSPaint avec identification des composantes


La palette d'outils à gauche de l'écran comprend tous les outils nécessaires pour dessiner, sélectionner et insérer du texte à l'écran. La figure suivante décrit les divers outils contenus dans la palette d'outils (on dit aussi boîte d'outils).


haut de la page


Descriptions des outils

Voici une brève description des divers outils de la palette d'outils et de leurs fonctions.

Le rectangle de sélection rectangle de sélection est utilisé pour sélectionner (choisir) une partie de l'écran. Plusieurs commandes du menu Édition ne peuvent fonctionner que si une sélection a été préalablement réalisée. (copier, déplacer…). L'outil de sélection libre selection libre permet de réaliser une sélection ne répondant pas à une forme régulière (rectangle) Cette commande utilise plusieurs clic de souris.


L'efface efface permet de supprimer de la zone de peinture (canvas) une quantité de pixels. Il est généralement plus rapide, si la zone à effacer est le moindrement grande, de sélectionner l'ensemble des pixels à faire disparaître et à appliquer la touche supprimer.


Le pot de peinture pot de peinture permet de remplir une surface délémitée par la couleur choisie. Notez ici l'utilisation du bouton de gauche pour la couleur de l'avant-plan et le bouton de droite pour la couleur de l'arrière-plan. Une forme non fermée laisse échapper la peinture même s'il ne manque qu'un pixel…


Utilisez le compte-goutte (pipette) pipette pour choisir une couleur dans le canvas. Le bouton de gauche met cette couleur à l'avant-plan et le bouton de droite la met à l'arrière-plan.

La loupe loupe permet de choisir l'agrandissement d'une région donnée. Sélectionnez cette région comme vous le feriez avec le rectangle de sélection. Les différentes résolutions offertes sont 2, 4, 6, et 8 fois plus grand.

Le crayon crayon est l'outil offert par défaut au moment de l'ouverture du programme. Il permet de dessiner, un pixel de couleur à l'écran. Le bouton de gauche utilise la couleur de l'avant-plan, et le bouton de droite, celle de l'arrière-plan.


Le pinceau pinceau s'utilise comme le crayon à l'exception qu'il peut utiliser plus d'un pixel. Les diverses tailles de pinceau sont affichées sous la barre d'outils.

L'aérosol, aerosol comme son nom l'indique permet de poser des "nuages" de points sur le canvas. La densité du nuage est configurable.

outil texte Utilisez cet outil pour entrer du texte sur le canvas. L'outil utilise les polices de caractères du système d'exploitation et vous permet de les choisir. Cet outil utilise la couleur de l'avant-plan. Lorsque la boîte d'entrée du texte s'est refermée, votre texte s'est posée sur la surface du canvas et ne peut plus être corrigée autrement qu'en réécrivant ou en éditant cette partie de l'écran. Cet outil n'est pas utlisable en mode d'agrandissement.


L'outil ligne outil ligne permet de réaliser des lignes droites. Ces lignes peuvent être posées dans tous les angles. L'utilisation de la touche majuscule contraint les lignes à des axes fixes: 0, 45 ou 90. L'outil courbes outil courbes permet de réaliser des courbes. Sa manipulation suppose trois clics de souris.

formes géométriques Ces diverses formes géométriques acceptent la touche majuscule pour contraindre les déplacements. On utilisera ainsi la touche majuscule avec le rectangle pour produire des carrés parfaits, avec l'ellipse pour réaliser des cercles parfaits.

haut de la page


Propriétés ou attributs des outils

Pour chacun des outils sélectionnés, lorsqu'approprié, s'affiche sous la barre d'outils une zone de propriétés associées à cet outil. Ainsi le choix du rectangle de sélection fait apparaître dans cette zone, immédiatement sous la palette d'outils, les deux boutons suivants:

les propriétés de transparence du fondLe choix de l'un ou l'autre de ces boutons permet de contrôler la transparence de la sélection. Cet attribut est disponible pour toute sélection donnée et tant que cette sélection est active. La transparence concerne la couleur de fond de la palette de couleurs (couleur d'arrière-plan) et non le fond de la page. Ainsi, le fond de la page peut très bien être blanc et la couleur d'arrière-plan d'une toute autre couleur.


les propriétés de zoomLa loupe affiche ses diverses résolutions, 1x représentant le canvas en grandeur réelle. L'utilisation de la loupe condamne l'utilisation de l'outil texte qui ne fonctionne qu'en taille réelle (1x). L'agrandissement sera utile pour ajuster finement de petits dessins tels des icônes ou des dessins de boutons destinés aux pages Web. Comprendre que les changements qui apparaissent à l'écran ne concernent que la représentation du dessin sur le canvas. Le dessin demeure inchangé.


les propriétés du pinceauLes différentes formes de pinceaux disponibles. Le choix des formes suggérées permet de modifier la taille et la forme du trait dessiné sur le canvas. L'utilisation du simple pixel fait du pinceau un crayon.


la taille du traitLes différentes tailles disponibles pour les traits. Ce choix est utilisé aussi par les différents outils géométriques (rectangle, cercle et autres). Par défaut, le trait est toujours à un (1) pixel d'épaisseur. Cette palette de propriétés est activée en cliquant sur l'outil ligne.



propriétés de remplissages des formes géométriques Les formes géométriques possèdent comme propriété de pouvoir être vides ou remplies, posséder un contour ou pas.


haut de la page


La palette de couleurs

La palette de couleurs permet de choisir deux couleurs: celle de l'avant-plan et celle de l'arrière-plan. Ces deux couleurs sont toujours actives et répondent à la sélection opérée dans la boite de couleurs.

L'illustration représente la couleur noire à l'avant-plan et le blanc comme couleur de fond. Une telle configuration de la palette de couleur permet au moment de l'application des couleurs, de décider d'appliquer du noir ou du blanc selon qu'est utilisé le bouton de gauche ou de droite de la souris. Une utilisation pratique de ces deux couleurs est de presser le bouton de droite pour faire de l'outil une efface appliquant du blanc au moment d'une erreur…

haut de la page


Techniques de souris

Nous appelons techniques de souris des manipulations qui reposent sur l'utilisation stratégique de la souris. L'une de ces techniques permet de créer en un seul coup une copie d'une sélection. Cette opération se pratique en enfonçant la touche CTRL au moment du déplacement d'une sélection.
Les différentes étapes menant à cette réalisation sont les suivantes:

  1. sélectionner une région donnée
  2. enfoncer la touche CTRL
  3. déplacer la sélection

Nous dirons que cette opération réalise des copies locales puisque les copies réalisées n'occupent pas le press-papier mais demeurent relatives au canvas de l'image.

haut de la page


Application pratique

Voici une application pratique des différentes informations données précédemment. L'exercice propose de réaliser des flèches en utilisant les copies locales.
Bien qu'il sont possible de réaliser des flèches de plusieurs façons, voici celle que nous trouvons la plus rapide. (Beaucoup de logiciels offrent la possibilité de dessiner des lignes se terminant par des pointes de flèches mais ce n'est pas le cas de MSPaint et de beaucoup de logiciels de peinture)

Le point de départ est une croix pour dessiner le pointe de flèche et la moitié d'un rectangle (rectangle allongé) pour en dessiner le corps. L'utilisation de la copie locale avec le rectangle de sélection permet de terminer l'ouvrage.

réalisation d'une flèche en coude

Diverses variations sont possibles. La technique de la copie locale est rapide et permet de réutiliser les formes réalisées dans une étape préalable, garantissant une sauvegarde et une unité de dimensions. Cette technique sera particulièrement utile lors de la réalisation d'animations.

réalisation d'une flèche horizontale
haut de la page


Enregistrement

Attention, au moment de l'enregistrement des images. Une image en .BMP (BitMap) peut avoir un poids différent selon le nombre de couleurs dans laquelle elle a été enregistrée. Vous aurez souvent peine à trouver des arguments justifiant l'enregistrement d'une image Bitmap (.BMP) avec un nombre de couleurs supérieur à 256. (Si toutefois vous le jugez nécessaire considérez la possibilité du format JPEG)

On peut contrôler le nombre de couleurs utilisés dans la boîte de dialogue d'enregistrer sous…

Enregistrement des images en 256 couleurs.

Cette opération peut être déterminante puisqu'une image, ne serait-ce que de 32 pixels par 32, occupe l'espace suivant sur votre disque dur selon le nombre de couleurs qu'elle conserve:

une image de 32 pixels de côté.
2 couleurs (1bit) 190 octets
16 couleurs (4bits) 630 octets
256 couleurs (8 bits) 2102 octets
16 millions couleurs (24 bits) 3126 octets

Tableau de comparaison de poids à diverses résolutions.

Notons finalement que le nombre de couleurs réellement employées n'y change rien puisque le poids du fichier est calculé en terme de nombre de couleurs possibles (et non pas de couleurs réellement employées…) Ainsi un carré de la même grandeur tout à fait blanc afficherait les mêmes poids qu'un carré multicolore. Faites-en l'expérience: comparez les poids affichés d'une même image enregistrée sous diverses résolutions.


page suivante

l'image numérique