Tutoriel  écrit  par  Martine  Bélanger  

Modification  d’image  avec  Gimp  

*Il   est   à   noter   que  l’explication   détaillée   des  outils  encerclés  en  rouge  se  retrouve   dans   la   section  Créer   des   images   avec  Gimp,   car   cela   allègera  cette   section   dédiée   à   la  modification  d’images.      

 

 

 

 

   

Tutoriel  écrit  par  Martine  Bélanger  

1. Ouvrir  

 

 

Le  logiciel  Gimp  fonctionne  comme  tout  autre  logiciel,  au  sens  où  si  vous  désirez  ouvrier  une  image  afin  de  la  modifier,  vous  n’avez  qu’à  cliquer  Fichier,  puis  sur  Ouvrir.    

 

Sinon   il   vous   est   possible   d’ouvrir   votre   image,   en   effectuant   un   clic   droit   sur   votre  document.  Sélectionner  Ouvrir  avec,  puis  Gimp  dans  la  liste.    

   

Tutoriel  écrit  par  Martine  Bélanger  

2. Redimensionner  

 

Pour  redimensionner  une  image,  allez  dans  le  menu  Image,  puis  Taille  du  canevas.  Vous  pouvez   agrandir   ou   réduire   le   canevas   (la   plateforme   sur   laquelle   l’image   se   trouve)   en  cliquant  tout  simplement  sur  les  petites  flèches.  Sinon,  vous  pouvez  directement  inscrire  les   valeurs   que   vous   désirez.   Il   faut   garder   en   tête   que   l’utilisation   d’une   image   comme  fond  dans  le  jeu  Ren’Py  doit  mesurer  800  pixels  de  largeur  par  600  pixels  de  hauteur.  De  plus,  si  vous  souhaitez  créer  un  personnage  pour  un  jeu  Ren'Py,  votre  image  doit  mesurer  environ  250  à  400  pixels  de  largeur  par  250  à  500  pixels  de  hauteur.  

   

Tutoriel  écrit  par  Martine  Bélanger  

 

Votre  image  ressemblera  à  ceci,  puisque  le  canevas  a  été  agrandi,  mais  pas  votre  image.    

Pour  ce  faire,  vous  devez  sélectionner  l’outil  de  mise  à  l’échelle.  Lorsque  vous  cliquez  sur  l’image,  vous  aurez  le  choix  de  maintenir  le  clic  gauche  de  votre  souris  enfoncée,  puis  de  bouger  sur  le  canevas  pour  agrandir  ou  réduire  votre  image  ou  encore,  vous  pouvez  venir  inscrire  les  valeurs  voulues  à  l’endroit  approprié.      

 

 

 

 

 

 

 

Attention!  Il  est  possible  d’agrandir  ou  de  réduire  une  image  de  façon  proportionnelle.  Il  s’agit  de  porter  attention  au  symbole  se  trouvant  à  côté  de  la  mesure  de  la  hauteur  et  de  la  largeur  telle  qu’encerclé  dans  l’image  ici-­‐bas.  Si  vous  voulez  mettre  800  de  largeur  par  600  de  longueur,  il  faudra  qu’il  soit  détaché.    

   

Tutoriel  écrit  par  Martine  Bélanger  

 

3. Sélectionner  un  élément  précis  sur  une  image  

Il  existe  plusieurs  outils  pour  créer  une  sélection  sur  une  image.    

a)  Si  vous  voulez  sélectionner  une  partie  homogène  de  l’image,  il  vous  faudra  utiliser  la  baguette  magique  et  cliquer  sur  la  partie  désirée.  Cette  section  sera  alors  entourée  d’un  pointillé.    

 

   

Tutoriel  écrit  par  Martine  Bélanger  

   

 

À  partir  de  là,  vous  avez  2  choix  :    

 

1. Vous  pouvez  effacer  cette  sélection,  ce  qui  laissera  un  fond  blanc  au  même  endroit.    

     2. Vous   pouvez   changer   la   sélection   de   couleur   en  

utilisant  le  pot  de  peinture  dans  la  boite  d’outils.  Il  vous   est   possible   de   choisir   la   couleur   de   votre  choix   en   cliquant   sur   les   couleurs,   puis   en  choisissant  dans  le  menu  couleur.  

               

   3. Vous   pouvez   rendre   cette   sélection   transparente  

en   allant   dans   le   menu   Calque.   Cliquez   ensuite  sur   Transparence,   puis   sur   Ajouter   un   canal  alpha.   Finalement,   rendez-­‐vous   dans   le   menu  Édition,  puis  Effacer.    

       

   

Tutoriel  écrit  par  Martine  Bélanger  

b)   Si   vous   voulez   sélectionner   un   personnage   dans   une   image,   il   vous   faudra   choisir   le  lasso.  Celui-­‐ci  vous  permet  de   faire  une  sélection  personnalisée.  Vous  devez   faire   le   tour  de   votre   personnage   en   cliquant   tout   le   tour.   À   chaque   fois   que   vous   cliquez,   un   rond  apparaît.  Plus  les  ronds  sont  rapprochés,  plus  la  sélection  est  précise.      

 

Il   faut  faire   le  tour  du  personnage   jusqu’à  ce  que  le  dernier  rejoigne  le  premier.  Une  fois  accompli,   le   personnage   est   entouré   d’une   ligne   pointillée.   Pour   ne   conserver   que   le  personnage,  cliquez  sur  CTRL  et  I  en  même  temps,  cela  inverse  la  sélection.  Allez  ensuite  sur  Édition,  puis  Effacer.    

Le  fond  de  votre  image  est  maintenant  transparent.  S’il  reste  des  sections  qui  ne  font  pas  partie  de  votre  personnage,  alors  utiliser   la  baguette  magique  pour   les  sélectionner,  puis  effacer-­‐les.  Lorsque  le  personnage  est  sur  un  fond  entièrement  transparent,  il  est  possible  de  l’utiliser  dans  Ren’Py.    

   

Tutoriel  écrit  par  Martine  Bélanger  

Attention!    La  dernière  technique  montrée  permet  de  sélectionner  un  élément  et  d’enlever  ce  qu’il  y  a  autour.  Cependant,  il  est  également  possible  de  sélectionner  un  élément  et  de  n’enlever   que   lui.  Cela  peut   être  particulièrement  utile   si,   par   exemple,   vous   cherchez   à  publier  une  photo,  mais  qu’un  élève  n’ayant  pas  le  consentement  des  parents  d’être  diffusé  sur  photo  s’y  retrouve.    

 

Il  est  possible  d’utiliser  la  même  technique  que  ci-­‐haut  avec  le  lasso.  La  seule  différence  est  qu’il   ne   sera   pas   nécessaire   de   faire   l’étape   d’enfoncer   les   touches  CTRL  et   I   puisque   la  sélection  ne  doit  pas  être  inversée.  Cela  peut  être  bien  utile!    

   

Tutoriel  écrit  par  Martine  Bélanger  

4. Mettre  un  fond  transparent  

Cliquer   sur   Calque,   Transparence,   puis   Ajouter   un   canal   alpha.   Cela   permettra   à   votre  personnage  de  ne  pas  avoir  un  fond  blanc  derrière  lui.  

 

a)   Si   votre   sélection  de   personnage   est   déjà   faite,   vous   n’avez   qu’à   refaire  Édition,   puis  Effacer.  Le  fond  blanc  se  transformera  en  fond  transparent.    

 

Une  fois  que  le  fond  de  votre  personnage  est  transparent,  il  est  possible  de  l’utiliser  dans  Ren’Py.    

   

Tutoriel  écrit  par  Martine  Bélanger  

 

b)  Si  votre  sélection  de  personnage  n’est  pas  déjà  faite,  reprenez  les  étapes  mentionnées  dans  la  partie  3b.    

5. Modifier  l’apparence  d’un  personnage  

 

Lorsque  vous  ouvrez  une  image  avec  Gimp,  il  est  possible  de  modifier  l’apparence  de  cette  dernière.   En   utilisant   l’efface   vous   enlevez   ce   que   vous   désirez   changer,   puis   avec   le  pinceau,   le   crayon  ou  même,   le  pot  de  peinture,   vous  dessinez  à   votre  goût.   IL   vous  est  aussi   possible   de  modifier   la   couleur   des   vêtements,   par   exemple,   de   votre   personnage.  Vous  n’avez  qu’à  utiliser  le  pot  de  peinture  ainsi  que  le  menu  des  couleurs.    

 

Pour  des  explications  plus  détaillées  des  outils  de  dessin,  vous  pouvez  toujours  consulter  Créer  des  images  avec  Gimp.    

 

 

 

   

Tutoriel  écrit  par  Martine  Bélanger  

6. Faire  des  calques  pour  jumeler  différents  éléments  ensemble  

Gimp  offre  la  possibilité  de  créer  des  images  composées  de  plusieurs  couches.  Ces  couches  se  nomment  des  calques.  Ce  sont  en  quelque  sorte  des  acétates  qui  sont  empilés   les  uns  par-­‐dessus  les  autres  pour  former  une  image.  

 

Il   est   alors   possible   de   jumeler   différents   éléments   ensemble,   par   exemple,   des  personnages.  

 

 

Pour   ce   faire,   il   faut   d’abord   ouvrir   la   1ère   image   (celle   de   la   petite   fille).   Ensuite,   en  utilisant  le  lasso  (voir  partie  3b),  sélectionner  la  partie  que  l’on  désire  mettre  sur  une  autre  image  (tête  de  la  petite  fille).    

Ensuite,  allez  dans  Édition,  puis  Copier.  Sinon,  le  CTRL  et  C  enfoncés  un  après  l’autre  peut  aussi  fonctionner.    

   

Tutoriel  écrit  par  Martine  Bélanger  

 

Ouvrez  maintenant  la  2e  image,  celle  sur  laquelle  vous  voulez  rajouter  un  élément  (celle  du  petit  garçon).  À  l’aide  de  l’efface,  enlevez-­‐lui  la  tête  afin  de  pouvoir  la  remplacer  par  celle  de  la  petite  fille.    

Cliquez  sur  Édition,  puis  Coller  comme  et  enfin,  sur  Nouveau  Calque.    

Il  se  peut  que  le  calque  n’apparaisse  pas  au  bon  endroit.  Pour  le  déplacer,  cliquez  tout  simplement  sur  l’outil  montrant  deux  flèches  se  croisant.    

 

Si  le  nouveau  calque  n’est  pas  du  bon  sens,  utilisez  l’outil  de  pivotement.    

 

 

 

 

   

Tutoriel  écrit  par  Martine  Bélanger  

 

 

Si  jamais  vous  vouliez  mettre  le  calque  en  premier  plan,  cliquez  sur  CTRL  et  L  en  même  temps.  La  fenêtre  des  calques  apparaitra  alors.    

 

   

Tutoriel  écrit  par  Martine  Bélanger  

À  l’aide  de  votre  souris,  cliquez  sur  celui  inscrit  Arrière-­‐plan,  puis  maintenez  votre  clic  gauche  enfoncé.  Déplacez  maintenant  ce  calque  en  premier.    

 

 

Les  cheveux  sont  maintenant  derrière  le  gilet.    

Attention!  Afin  que  le  déplacement  de  calques  se  fasse  bien  et  soit  réussi,  il  est  important  que  le  fond  de  chaque  calque  soit  transparent.  Sinon,  le  calque  en  arrière-­‐plan  qui  devient  en  premier  plan  cachera  les  autres  calques.    

7. Modifier  l’expression  du  visage  

Pour   conserver   un   même   personnage,   mais   changer   l’expression   qui   l’affiche,   il   faut  utiliser  l’efface  dans  la  boite  d’outils.  Ensuite,  vous  effacez  ce  que  vous  jugez  qui  devra  être  changé   pour   la   nouvelle   émotion   du   personnage.   Les   yeux   peuvent   être   effacés,   puis  

   

Tutoriel  écrit  par  Martine  Bélanger  

redessinés.  Par  contre,  en  changeant  seulement  les  sourcils  et  la  position  de  la  bouche,  il  est  possible  d’obtenir  une  multitude  d’émotions  différentes.  En  voici  quelques  exemples  :    

 

 

   

Tutoriel  écrit  par  Martine  Bélanger  

 

Premièrement,  effacez  les  parties  nécessaires  au  changement.    

 

 

 

   

Tutoriel  écrit  par  Martine  Bélanger  

À   l’aide   de   la   pipette,   vous   pouvez   reproduire   avec   le   crayon   ou   le  pinceau   la   couleur  des   cheveux  pour  dessiner   les   sourcils.   La  bouche  peut   être   dessinée   avec   le   crayon   d’un   trait   mince   (voir   Créer   des  images  avec  Gimp)  de  couleur  rouge.    

 

Finalement,   avec   la   pipette,   reproduisez   la   couleur   de   la   peau   pour  remplir  les  espaces  blancs  avec  le  pot  de  peinture.  Si  après  cette  étape,  il  reste  toujours  des  trous  blancs,  utilisez  le  pinceau  pour  les  combler.    

8. Zoom  

 Il  est  possible  de  se  rapprocher  de  son  image  afin  d’avoir  une  plus  grande  précision  ou  de  se  reculer  afin  d’avoir  une  vue  d’ensemble.    

   

Tutoriel  écrit  par  Martine  Bélanger  

 

Pour  ajuster  la  dimension  de  votre  fenêtre,  cliquez  sur  le  menu  déroulant  au  bas  de  votre  image.  Plus  le  pourcentage  est  élevé,  plus  les  petits  détails  sont  visibles.    

 

9. Annuler  et  rétablir  Comme  dans  les  logiciels  de  traitement  de  texte,  il  est  possible  d'annuler  la  dernière  action  réalisée.  

 

Cliquez  sur  le  menu  Édition,  puis  cliquez  sur  Annuler  pour  effectuer  ce  retour  en  arrière.  Vous  pouvez  également  maintenir  la  touche  Ctrl  enfoncée  et  appuyer  sur  la  touche  Z  pour  annuler   une   action.   Il   est   possible   de   revenir   plusieurs   fois   en   arrière.   Il   est   également  possible   de   rétablir   une   ou   plusieurs   actions   annulées.   Il   suffit   de   cliquer   sur  Rétablir  dans  le  menu  Édition  ou  de  maintenir  la  touche  Ctrl  enfoncée  et  d’appuyer  sur  la  touche  Y  du  clavier.  

   

Tutoriel  écrit  par  Martine  Bélanger  

10.  Enregistrer  votre  dessin  

 Cliquez  sur  le  menu  Fichier,  puis  cliquez  sur  Enregistrer  sous.  

 

Vous  devez  tout  d’abord  donner  un  nom  à  votre  dessin.  Nommez  votre  image  avec  un  nom  significatif.  Évitez  d’utiliser  les  accents  ou  de  mettre  des  espaces.    

   

Tutoriel  écrit  par  Martine  Bélanger  

Vous  devez  par  la  suite  choisir  l’endroit  où  se  déposera  le  dessin  sur  votre  ordinateur.  

Vous  devez  finalement  choisir  le  type  de  fichier.  

Si  vous  souhaitez  continuer  votre  projet  plus  tard,  enregistrez-­‐le  en  image  GIMP  XCF  (.xcf).  Ce  type  de  fichier  vous  permet  de  conserver  notamment  la  transparence  et  les  calques  de  votre  projet.  

Si  vous  souhaitez  convertir  votre  dessin  en  une  image  qui  sera  utilisée  dans  un  jeu  Ren’Py,  enregistrez  votre  fichier  en  image  PNG  (.png).  Ce  format  garde  en  mémoire  la  transparence.    

Cliquez  finalement  sur  Enregistrer.    

 

Si  ce  message  apparait  à  l’écran,  sélectionnez  Fusionner  les  calques  visibles  et  cliquez  sur  Exporter.      

   

Tutoriel  écrit  par  Martine  Bélanger  

 

 

Finalement,  Gimp  est  un  logiciel  qui  est  très  utile  pour  la  modification  d’images  dédiées  à  la  création  d’un  jeu  Ren’Py.  Cependant,  le  logiciel  offre  plusieurs  autres  possibilités  telles  qu’enlever  des  éléments  inopportuns  (un  élève  qui  n’a  pas  le  consentement  parental  d’être  pris  en  photo)  ou  encore,  faire  une  mosaïque  de  photo  après  un  projet  fait  en  classe.  Il  ne  vous  reste  plus  qu’à  le  découvrir,  car  vous  ne  pourrez  plus  vous  en  passer!