Créer un jeton avec débord avec GIMP

Table des matières

Importer et placer les éléments (18 étapes) .................................................................................................................... 1
Façonner les images (5 étapes)......................................................................................................................................... 8
Détail des images par calque .......................................................................................................................................... 12
Exporter le jeton au format webp .................................................................................................................................. 12

Importer et placer les éléments (18 étapes)

1. Créer une nouvelle image depuis le menu Fichier
Taille de l’image un carré de 512x512 pixels

Sauvegardez votre projet fréquemment.

2. Renommer le premier calque créé :

a. Clique-droit sur le calque et sélectionner dans le menu contextuel « Modifier les attributs du
calque ».

b. Dans le champ « Nom du calque » inscrire « Arrière-plan » et validez.

GIMP : Créer un jeton avec débord Page 1/12

 3. Rendre le fond de l’image « Arrière-plan » transparente :
a. Dans le menu Couleurs sélectionner « Couleur vers Alpha »

Avec la pipette sélectionner le fond gris et valider :

4. Importer l’image de l’anneau en glissant une image depuis le dossier dans la barre des calques

GIMP : Créer un jeton avec débord Page 2/12

 5. Pour plus de clarté nous allons renommer le calque de cette image et le colorer :
a. Clique-droit sur le calque et sélectionner dans le menu contextuel « Modifier les attributs du
calque ».

b. Dans le champ « Nom du calque » inscrire « Anneau dessous » ; choisir la marque jaune et validez.

6. Il faut aussi bien les ranger dans l’ordre de superposition en glissant « Anneau dessous » au-dessus du calque
« Arrière-plan » :

GIMP : Créer un jeton avec débord Page 3/12

 7. Dans cet exemple l’image de l’anneau est d’une dimension supérieure à 512x512, il faut modifier sa taille.

a. Clique-droit sur le calque « Anneau dessous » et sélectionner « Echelle et taille du calque » :

Réduire à 482x482 (afin de garder 30 pixels pour les débords de l’image au-delà de l’anneau) et
cliquer sur « Mise à l’échelle » :

GIMP : Créer un jeton avec débord Page 4/12

 8. Créer le calque pour l’anneau au-dessus de l’image du personnage.
a. Clique-droit sur le calque « Anneau dessous » et sélectionner « Dupliquer le calque » :
b. Clique-droit sur le calque et sélectionner dans le menu contextuel « Modifier les attributs du
calque ».
c. Dans le champ « Nom du calque » inscrire « Anneau dessus » ; choisir la marque bleue et validez.
9. Il faut aussi bien les ranger dans l’ordre de superposition en glissant « Anneau dessus » au-dessus du calque
« Anneau dessous » :

10. Importer l’image du personnage en glissant une image depuis le dossier dans la barre des calques

11. Pour plus de clarté nous allons renommer le calque de cette image et le colorer :
a. Clique-droit sur le calque et sélectionner dans le menu contextuel « Modifier les attributs du
calque ».
Dans le champ « Nom du calque » inscrire « Portrait » ; choisir la marque verte et validez.
b. Clique-droit sur le calque « Portrait » et sélectionner dans le menu contextuel « Ajouter un canal
Alpha ».
12. Il faut aussi bien les ranger dans l’ordre de superposition en glissant « Portrait » entre les calques des
anneaux :

GIMP : Créer un jeton avec débord Page 5/12

 13. Dans cette exemple l’anneau est d’une dimension supérieure à 512x512, il faut modifier sa taille.

a. Clique-droit sur le calque « Anneau dessous » et sélectionner « Echelle et taille du calque ».

(Dans cet exemple je réduis à 512 en largeur et puis cliqué sur « Mise à l’échelle » ; ceci est différent
pour chaque image, il faut un peu tâtonner pour trouver la bonne dimension.)

14. Avec l’outil Déplacement placer l’image suivant l’effet que vous désirez obtenir :

GIMP : Créer un jeton avec débord Page 6/12

 15. Placer un décor.
a. Importer l’image du décor en glissant une image depuis le dossier dans la barre des calques

16. Pour plus de clarté nous allons renommer le calque de cette image et le colorer :
a. Clique-droit sur le calque et sélectionner dans le menu contextuel « Modifier les attributs du
calque ».
Dans le champ « Nom du calque » inscrire « Décor » ; choisir la marque orange et validez.
b. Clique-droit sur le calque « Portrait » et sélectionner dans le menu contextuel « Ajouter un canal
Alpha ».
17. Il faut aussi bien les ranger dans l’ordre de superposition en glissant « Décor » entre les calques « Arrière-
plan » et « Anneau dessous » :

18. Dans cette exemple le décor d’une dimension supérieure à 512x512, il faut donc modifier sa taille et la
déplacer pour le positionner idéalement (comme les étapes 13a et 14).
Cliquer sur les icones « œil » à gauche des calques afin de masquer ou afficher les calques.

Sauvegardez votre projet fréquemment.

GIMP : Créer un jeton avec débord Page 7/12

Façonner les images (5 étapes)
1. Cliquer sur les icones « œil » à gauche des calques afin de n’afficher que le calque du portrait et
ème
sélectionner en dernier le calque portrait (un 2 carré apparait à droite de l’œil ou ligne est plus sombre) :

2. Rendre le fond de l’image « Arrière-plan » transparente :

a. Dans le menu Couleurs sélectionner « Couleur vers Alpha » ; trouver le bon réglage et valider.
(Dans cet exemple : j’ai modifié l’opacité à 0,118.)

Résultat :

GIMP : Créer un jeton avec débord Page 8/12

 3. Supprimer la partie du portrait placée sous l’anneau du dessous.
(Dans cet exemple nous allons masquer le bas du portrait.)
a. Afficher les calques « Portrait » et « Anneau dessus » qui va nous servir de gabarit.

b. Sélectionner le calque « Portrait » puis avec l’outil « gomme » effacer le bas de l’image

GIMP : Créer un jeton avec débord Page 9/12

 4. Supprimer la partie de l’anneau placée sous le portrait.
(Dans cet exemple nous allons masquer le haut de l’anneau.)
a. Afficher les calques « Anneau dessus » « Portrait » et « Anneau dessous » qui va nous servir de
gabarit.

b. Sélectionner le calque bleu puis avec l’outil « gomme » effacer le haut de l’anneau au niveau du
portrait.

Sauvegardez votre projet fréquemment.

GIMP : Créer un jeton avec débord Page 10/12

 5. Supprimer la partie du décor dépassant de l’anneau.
a. Afficher tous les calques.

b. Sélectionner le calque « Décor » puis avec l’outil « gomme » puis effacer le ce qui dépasse de
l’anneau.

GIMP : Créer un jeton avec débord Page 11/12

Détail des images par calque

Exporter le jeton au format webp

1. Dans le menu Fichier sélectionner « Exporter sous… ».
2. Dans le champ « Nom » inscrire le nom du jeton avec l’extension « webp ».
Choisir le dossier de destination, cliquer sur « Exporter » et encore « Exporter » :

GIMP : Créer un jeton avec débord Page 12/12