Source: Scratch Wiki en français


Créer un environnement graphique


Présentation de l'outil graphique

Pour créer un sprite, il va falloir utiliser l'outil graphique de Scratch. Voici comment il se présente :

Scratch 3.0 - Éditeur de Costume - Mode Bitmap.png

Pour accéder à l'outil graphique, il faut créer un nouveau projet, puis cliquer sur "Costumes" sur l'un des sprites.

Les différents outils en mode bitmap

Le mode bitmap est l'un des 2 modes de dessin de Scratch. Il se base sur la modification de pixels, principalement en changeant leur couleur. Les objets dessinés en mode bitmap ne peuvent pas être facilement modifiés une fois après avoir été dessinés.

Outil pinceau

Pour commencer à dessiner, il faut cliquer sur l'outil avec comme représentation, un pinceau ; il y a la possibilité de régler sa taille avec le curseur qui est en bas à gauche et sa couleur grâce au menu en bas.

Outil ligne

Pour tracer des lignes, il va falloir cliquer sur l'outil où une ligne est représentée, en dessous de l'outil pinceau : il peut être envisagé de régler sa taille et sa couleur au même endroit que le pinceau.

Outil carrés

Pour tracer des carrés ou rectangles, il faut cliquer sur l'outil où un carré est représenté, en dessous de l'outil pour tracer des lignes : il est possible de régler sa taille et sa couleur au même endroit que le pinceau. Si nous voulons que notre carré ou notre rectangle soit rempli, tu peux choisir entre les deux au-dessus du curseur pour la taille.

Outil cercles

Pour tracer des cercles, il va falloir cliquer sur l'outil avec un cercle, pour représentation, en dessous de l'outil pour faire des carrés ou des rectangles : il y a la possibilité de régler sa taille et sa couleur au même endroit que le pinceau, et son remplissage au même endroit que les carrés et rectangles.

Outil texte

Il est aussi envisageable d'insérer du texte, en cliquant sur le "T" en dessous de l'outil pour faire des cercles : il est possible de régler la couleur au même endroit que le pinceau, et la police à la place du curseur de la taille pour le pinceau. Ensuite, une fois que le texte a été tapé, il y a encore la possibilité de cliquer ailleurs pour le valider et pouvoir l'agrandir ou le rétrécir.

Outil peau de peinture

Nous pouvons remplir une zone de même couleur avec une seule couleur ou avec un dégradé de plusieurs couleurs en utilisant l'outil de remplissage qui se situe en-dessous de l'outil de texte : il est possible de remplir une zone d'une couleur unie, il va falloir choisir sa couleur au même endroit que pour le pinceau puis il faut cliquer sur l'endroit que l'on veut remplir, et il va se remplir. Il y a aussi la possibilité de remplir avec un dégradé de couleurs, il faut changer le mode de remplissage en cliquant sur l'un des quatre boutons situés à côté du changement de couleurs. Pour définir la couleur de départ du dégradé, il va falloir changer la couleur puis cliquer sur l'endroit où elle s'affiche : elle se retrouve derrière une autre couleur. Il n'y a plus qu'à choisir la couleur de fin puis il ne reste qu'à remplir la zone !

Outil gomme

Il est possible de gommer avec l'outil gomme qui se situe en dessous de l'outil de remplissage : nous pouvons régler sa taille au même endroit que pour le pinceau.

Outil sélection

Il y a la possibilité de sélectionner une zone avec l'outil de sélection rectangulaire qui se situe en dessous de l'outil gomme : il va falloir sélectionner une zone, déplacer son contenu, l'agrandir, le faire tourner...

Outil baguette magique

Il est possible de remplir le fond avec l'outil représenté avec une sorte de baguette magique.

Outil duplication

Nous pouvons dupliquer une figure grâce à l'outil de duplication qui se situe en dessous de la baguette magique : il faut sélectionner une zone pour que son contenu se duplique, il est possible de l'agrandir, le faire tourner... (c'est l'équivalent d'un copier-coller)

En mode vecteur

En mode vecteur, ce qu'y est dessiné ne sera pas enregistré comme des pixels, mais bien comme des formes géométriques et formules mathématiques. Il est donc possible de déplacer des éléments une fois ceux-ci placés dans le dessin. Par ailleurs, lors d'un changement de taille, les dessins vecteurs n'ont pas d'effet flou (pixellisation).

L'éditeur Scratch en mode vecteur

Outil flèche de sélection

Cet outil permet de sélectionner un objet ou tous les objets dans une zone désignée. Une fois l'objet sélectionné, il est possible de l’agrandir, le rétrécir, ou encore le faire tourner sur lui-même.

Outil nœud

Il vous permet de sélectionner un nœud d'un objet vecteur pour le déplacer (en le cliquant et en le glissant) ou de le supprimer (en cliquant simplement dessus).

Outil crayon

Il permet de tracer une ligne vecteur faite en réalité de beaucoup de nœuds mis à la suite.

Outil ligne

Il vous permet de tracer des lignes droites en cliquant sur le dessin, laissant le pointeur de souris enfoncé et en la déplaçant, il y a la possibilité de faire des lignes connectées entre-elles en faisant en sorte que le début d'une ligne soit l'extrémité d'une autre.

Outil rectangle/carré

Il permet de tracer des carrés et des rectangles. Il est possible de maintenir la touche Majuscule enfoncée pour dessiner un carré dont les proportions sont respectées.

Outil cercle/ellipse

Il vous permet de tracer des cercles et des ellipses. Il est possible de maintenir la touche Majuscule enfoncée pour dessiner un cercle dont les proportions sont respectées.

Outil texte

Il permet d'écrire et de modifier du texte au format vecteur.

Outil pot de peinture

Il permet de remplir une forme avec une couleur choisie dans la palette de couleurs. Si le pointeur de souris est passé sur une forme avec le pot de peinture sélectionné, il va y avoir une prévisualisation de ce que donnera la forme colorée.

Outil tampon

Il permet de dupliquer la forme qui sera sélectionnée.

Outil pour changer de plan

Ces deux derniers outils peuvent modifier l'ordre dans lequel apparaissent les formes, en les mettant plusieurs plan à l'avant plan ou à l'arrière plan.

Outils communs aux 2 éditeurs

Outil pipette

Il est possible de sélectionner une couleur avec la pipette qui se situe à côté de la sélection de couleurs.

Outil annuler/rétablir

Il y a aussi la possibilité de revenir en arrière avec le petit bouton en haut de l'écran, ou en avant avec le bouton à droite de l'autre. Il existe aussi le bouton juste à côté pour rétablir ce que tu viens d'annuler (un "annulé" de l'annulé).

Boutons effacer/importer/ajouter

Nous pouvons tout effacer en cliquant sur "Effacer", importer des images depuis ton ordinateur en cliquant sur "Importer", ou importer des images depuis la bibliothèque Scratch en cliquant sur "Ajouter".

Palette de couleurs

La palette de couleur de Scratch se situe juste au dessous du canevas, elle est représentée par différents petits carrés de couleurs. Il est possible d'accéder à une autre palette plus complète mais aussi plus compliquée, et comme il n'existe pas de de label pour entrer un code RGB, il est recommandé de faire un autre costume représentant des cercles de couleur (une palette sur un autre sprite).

Outil de largeur de ligne

Il est possible de choisir l'épaisseur des lignes dessinées, aussi bien en mode bitmap qu'en mode vecteur. Il suffit de faire glisser le curseur pour faire varier l'épaisseur du trait.

Bouton convertir en mode

Il permet de passer d'un mode à l'autre. Les objets vecteurs seront alors convertis en bitmap, mais pas l'inverse.

Le zoom

Il permet d'agrandir la zone de travail dans l'éditeur graphique, afin d'y voir plus clair. Il y a moyen de zoomer et de dé-zoomer, de 100% à 1600% (augmentation de 16x).

Cet article fait partie de la catégorie des tutos
Tous les articles de cette catégorie :