Le prétexte de cette présentation de l’éditeur d’images GIMP est une affiche de promotion de la suite bureautique Open Office.

Puisque nous allons travailler sur cette affiche, téléchargez la à l’adresse ci-dessous en choisissant « Affiche originale (fond bleu) » et « Source GIMP ». Le nom du fichier est OOoLiberezVousA3.xcf.

http://www.april.org/fr/poster-de-promotion-pour-openofficeorg

L’extension du nom indique le format originel des fichiers GIMP.

Nous utiliserons la documentation de GIMP 2.6 disponible à cette adresse

http://docs.gimp.org/2.6/fr/

Les premiers pas

Plus précisément nous découvrirons d’abord l’interface graphique de cet outil en nous inspirant des manipulations proposées dans cette partie de la documentation :

http://docs.gimp.org/2.6/fr/gimp-first-steps.html

Découpage d’une image

Une des opérations élémentaires le plus souvent demandée à un éditeur d’images. Vous pous vez consulter la documentation disponible à l’adresse ci-dessous :
http://docs.gimp.org/2.6/fr/gimp-tutorial-quickie-crop.html

Deux ficihiers images serviront d’illustration :

- Télécharger le premier fichier
- Télécharger le deuxième fichier

Réduction d’une image

Deuxième opération très commune que nous allons appliquer à notre affiche : OooLiberezVous.xcf. L’image originale est au format A3, nous voulons la réduire au format A5, 148×210

Vous devriez avoir téléchargé l’affiche originale au début de cet article. Pour réduire le fichier au format A5 inspirez-vous de la documentation consultable à l’adresse :

http://docs.gimp.org/2.6/fr/gimp-tutorial-quickie-scale.html

Enregistrez cette image sous le nom OOo.LiberezVous.xcf

Détourer une image

Troisième fonctionnalité très utilisée dans un éditeur d’images, on voudrait faire un montage en isolant une partie de l’image pour la placer sur un fond uni ou l’associer à un autre élément.

Cette opération qui vise à isoler une partie de l’image se nomme détourage. Pour cela nous utiliserons l’outil ciseaux intelligents, accessible également par le menu Outils->Outils de sélection->Ciseaux intelligents Inspirez vous de la documentation ci-dessous…

http://docs.gimp.org/2.6/fr/gimp-tool-iscissors.html

Pour faire ce travail
- téléchargez l’image à modifier
-téléchargez l’image à détourer

Le but c’est d’obtenir cette image que vous pouvez télécharger en cliquant sur ce lien.

Vous pouvez consulter à cette adresse, un article qui montre la réalisation de ce travail pas à pas.

Notre affiche

Voici les principales étapes à parcourir pour créer par nous-mêmes une affiche semblable à l’affiche originale. Npus travaillerons sur l’affiche réduite que nous avons nommée OOoLiberezVous.xcf

Les calques

OOoLiberezVous.xcf est construite sur de nombreux calques. Consultez la documentation à l’adresse ci-dessous :

http://docs.gimp.org/2.6/fr/gimp-image-combining.html

Sélection par couleur et arrière-plan

Récupérez la couleur d’arrière-plan de l’affiche en utilisant la pipette à couleur. Voyez la documentation à l’adresse ci-dessous :

http://docs.gimp.org/2.6/fr/gimp-tool-color-picker.html

Créer une nouvelle image

Nous allons créer une nouvelle image qui sera l’arrière-plan de notre affiche. Consultez :

http://docs.gimp.org/2.6/fr/gimp-file-new.html

Créer un nouveau calque

Création d’un nouveau calque dans lequel nous reproduirons le calque sun-circle. Vous pouvez le nommez cercle, par exemple

Placer des guides

Pour positionner le cercle nous plaçons des guides sur le modèle

http://docs.gimp.org/2.6/fr/gimp-tool-bucket-fill.html

Dessiner un cercle

Utilisation de l’outil de sélection elliptique pour tracer un cercle

http://docs.gimp.org/2.6/fr/gimp-tool-ellipse-select.html

Remplissage

Sélection de la couleur du cercle modèle et remplissage

http://docs.gimp.org/2.6/fr/gimp-tool-bucket-fill.html

Effets d’éclairage

Tentative pour placer un effet d’éclairage

http://docs.gimp.org/2.6/fr/plug-in-lighting.html

Courbes des couleurs

On pourra essayer de retrouver une couleur plus claire en utilisant cet outil. Et commencer à tester l’outil sur cette photo que vous pouvez télécharger.

Consultez la documentation :

http://docs.gimp.org/2.6/fr/gimp-tool-curves.html

On pourra essayer de faire le même travail sur le deuxième cercle contenu dans le premier de ce calque que nous venons de réaliser.

L’outil chemins

Créer un nouveau calque, nommez-le seagull_big ou gde mouette. Rendez-le actif. Nous allons essayer de dessiner la grande mouette en mettant en oeuvre l’outil chemin.

Consultez la documentation ci-dessous :
http://docs.gimp.org/2.6/fr/gimp-using-paths.html

L’outil texte

Placement du texte. Utiliser des guides. Choisir taille et type de la police

Consultez la documentation ci-dessous :
http://docs.gimp.org/2.6/fr/gimp-tool-text.html

Créer de nouveaux calques et insérer les logos

Rechercher les logos d’open office, les télécharger après les avoir éventuellement redimensionnés, les associer à un texte.