Forum Dessin et Peinture
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Aller en bas
Bipolaris
Bipolaris
Nouveau
Nouveau
Masculin
Nombre de messages : 25
Age : 55

Prendre en main Gimp (3T) V 2.6.11 Empty Prendre en main Gimp (3T) V 2.6.11

Jeu 8 Sep 2011 - 14:41
I) Détourer une image de la façon la plus simple
II) Les calques
III) Dessiner simplement aux traits


Salut.

Vous avez envie de vous lancez et de passé à l'utilisation de Gimp.
Alors voyons en premier son utilisation basique.

Gimp est téléchargeable sur le net, il s'installe facilement.
En Français et gratuit, c'est un outil professionnel.
Et c'est justement avec ce genre d'outil que l'on s'amuse le mieux.

Ouvrez le et regardons ensemble.

Trois éléments :
- L'éditeur d'image 1
- La boite à outil 2
- La fenêtre des calques 3
(Faites vos dessins avec le plus de calques possible car en supprimant un calque à cause d'une erreur vous ne toucherez pas au reste du dessin.)

Prendre en main Gimp (3T) V 2.6.11 65625_1

A présent et par ce que l'on voudrait souvent supprimer un fond uni sur des images récupérés sur le net,
Nous allons reprendre l'image ci-dessus.

1) Faites un clic droit dessus et choisissez "Copier l'image" pour la mettre en mémoire.
2) Allez dans votre éditeur d'image dans les options de haut de fenêtre et choisissez "Edition>>Coller".
Pour l'instant votre dessin n'est pas encore un calque, même si son nom est "Calque copier" dans la fenêtre de calques.
On vois dans l'image en dessous votre image dans la fenêtre des calques et à sa gauche un œil qui vous indique que votre image est visible.
Si vous cliquez sur cet œil, votre image disparait pour vous permettre de voir un autre calque.

Prendre en main Gimp (3T) V 2.6.11 26607_2

3) Dans cette fenêtre des calques,
faites un clic droit sur ce qui est censé être le calque,
mais qui n'est encore qu'une image.
Et choisissez "Ajouter un canal Alpha".
Cette action transforme votre image en calque.

4) Allez dans votre boite à outil et choisissez l'outil de sélection (en forme de baguette magique).
Sélectionnez l'espace que vous voulez enlever.
Dans les options réglez le "Seuil" de proximité de la découpe à 15.
Votre découpe sera assez net et réussira même si les couleurs sont du un même ton.

Prendre en main Gimp (3T) V 2.6.11 75587_3

5) Retournez dans les options de haut de fenêtre de votre votre éditeur d'image,
et faites "Edition>>Couper".
Ce qui vous donne ceci :

Prendre en main Gimp (3T) V 2.6.11 74835_4

Et quand vous l'aurez enregistré sur votre bureau, cela donnera ceci :

Prendre en main Gimp (3T) V 2.6.11 55216_10

6) Enregistrez au forma PNG pour ne pas perdre la transparence de votre image.

----------------------------------------------------------------------------
----------------------------------------------------------------------------

Les calques

Au dessus nous avons utilisé un calque.
A présent on va partir du principe que l'on veut séparer les éléments d'une image sur plusieurs calques.
En générale c'est l'action que l'on fait pour mettre en scène un graphisme qui doit être créé à partir de plusieurs éléments pris sur différentes images.

1) On reprend alors notre image dans Gimp.
Et on crée deux calques supplémentaires, puisqu'il y a trois éléments.
Pour cela, allez dans la fenêtre des calques et utiliser ce bouton en bas et à gauche de la fenêtre : Prendre en main Gimp (3T) V 2.6.11 50256_b1

En créant vos calques vous aurez une fenêtre de création de calque.
Mettez y le nom du calque ou laissez ainsi si vous voulez les changer plus tard.
Pas la peine de changer les dimensions.
Et regardez si l'option "Transparence" est bien cochée (sinon vous risquez de vous retrouver avec un fond d'image).

Prendre en main Gimp (3T) V 2.6.11 54399_1

Voici ce que vous devez obtenir en créant vos calques de la façon la plus simple.
/!\ A noter que dans la fenêtre des calques vous devez sélectionner le calque sur lequel vous travaillez.
Si vous ne le faite pas, vous abimerez un autre calque et ne ferez pas aboutir l'action entreprise.

Prendre en main Gimp (3T) V 2.6.11 77390_2

2) Allez chercher l'outil de sélection rectangulaire dans la boite à outils.
Et sélectionnez l'élément 2 d'un rectangle.
Coupez le.
Nous avons vu au dessus la manipulation pour copier, coller et couper, donc on passe aux raccourcis clavier.
Pour couper c'est les touches Ctrl+x.

3) Revenez sélectionner le deuxième calque dans la fenêtre des calques.
Et collez votre élément sur le deuxième calque.
Pour coller c'est les touches Ctrl+v.
Quand vous coller, l'élément reste au dessus des calques dans la fenêtres des calques.
Il vous faut encore encrer cet élément sur le calque avec le bouton d'encrage en bas et à droite de la fenêtre.
Et ça ressemble à une ancre !

Prendre en main Gimp (3T) V 2.6.11 85061_3

Vous remarquerez si vous n'avez pas enlevé votre sélection que l’élément se replacera exactement dans celle ci.
Ce qui ne sera pas le cas si vous l'enlevez.
Ceci peut être très intéressant dans la décoration de lettres.


4) Répétez la manip 2 et 3 pour sélectionner,couper et le coller l'élément 3 du calque 1 sur le calque 3.

Vous avez à présent vos trois éléments en solitaire sur chaque calque.
Dans la fenêtre des calques si vous cliquez sur l’œil qui est à gauche du calque,
vous pouvez faire disparaitre ou apparaitre les éléments séparément.
A présent vous savez comment faire des calques et à quoi ils servent.
Vous pourrez travailler tranquillement sur chaque élément sans risquer de modifier les autres.
Vous pouvez aussi ajouter des calque pour faire un fond et dans ce cas il sera en dessous des autres.
Ou ajouter un calque ou vous dessinerez des lignes guides pour caler vos divers éléments et il sera au dessus des autres.

Nous pouvons aussi a présent déplacer nos calques dans l'espace de la page.
Il faut aller chercher dans la boite à outil l'outil de déplacement Prendre en main Gimp (3T) V 2.6.11 17328_4
Laissez vos calques apparents et déplacez les a volonté ou faites disparaitre ceux qui ne doivent pas être déplacés et déplacer les autres.

----------------------------------------------------------------------------
----------------------------------------------------------------------------

Dessiner simplement aux traits.

Si Gimp est un outils pour le graphisme plutôt professionnel,
il peut aussi donner satisfaction pour créer un simple dessin.
On peut dessiner sans calque, mais je vous conseil d'en utiliser le plus possible.
En cas d'erreur ou besoin d'effacer, le multi-calques vous facilitera le travail.

Commençons par faire une fleure,
Et avec elle nous utiliserons plusieurs façons pour la créer.

Commençons de la façon la plus simple pour évoluer.

1) En premier à main levé,
dans le fenêtre boite à outil, prenez cet outil : Prendre en main Gimp (3T) V 2.6.11 Outil-pinceau-flash
Choisissez la taille de pinceau dans sa configuration.

Prendre en main Gimp (3T) V 2.6.11 59041_Sans_titre

Et faites une fleure à main levé.
Puis replacez la, pour la centrer, comme sur l'image de dessous.

Spoiler:

Repassez par votre fenêtre des calques
et remettez votre calque aux démentions de l'image.

Spoiler:

A main libre elle n'est pas terrible, mais on va utiliser, les outils à disposition pour l'améliorer.

2) Créez un nouveau calque.
Si vous n'avez pas lus au dessus la partie calque,
faites depuis la fenêtre de l'image : "Calque > Nouveau Calque..."
Nommez le et validez sa fenêtre de création.

Si comme moi, vous ne savez pas dessiner,
faites dans la fenêtre de l'image "Affichage > Afficher la grille".
Et si comme moi vous êtes archi-null en dessin,
faites dans la fenêtre de l'image "Affichage > Aligner sur la grille",
voir "Affichage > Aligner sur les guides"
En re-cliquant dessus, vous enlèverez ces options.

Avec les guides vous allez être encore plus précis dans votre cadrage.
Voyez sur l'image dessous.

Spoiler:

Personnellement, je l'ai recadré à 600 en largeur et 500 en hauteur.
Dans la fenêtre de la boite à outil, prenez l'outil de sélection rectangulaire.
Faites un rectangle sur vos guides.
Puis découpez votre image (et non juste un calque) en passant par la fenêtre de l'image
et en allant dans "Image > Découper la sélection".
La découpe se fera sur votre dessin et sur le calque en même temps.

Nous allons nous déplacer sur le calque pour refaire notre fleur.
Allez dans la fenêtre des calque et cliquez sur votre calque.
Puis allez dans votre boite à outil et choisissez l'outil de sélection circulaire.
Tracez un cercle sur le milieu de votre fleur.
Pour tracer :"Edition > Tracer la sélection"
Dans la fenêtre de traçage, réglez la largeur de votre trait à 2.
Sur la photo, je l'ai fait en rouge
car avec du noir le dessin du calque se confond avec le dessin de fond.
Mais nous pourrons re-coloriser plus tard.

Prendre en main Gimp (3T) V 2.6.11 69514_f

3) A présent nous allons créer un deuxième calque
et nous nous déplacerons sur celui-ci par l'intermédiaire de la fenêtre des calques.
N'oubliez pas que l’œil à coté des calques, dans la fenêtre de calques,
vous montre si votre calque est visible ou pas.
Sur ce calque nous ferons nos pétales
avec une sélection circulaire que nous déplaceront (avec le clic continue),
pour avoir la même taille pour toute les pétales.
Ce qui vous donnera ceci :

Prendre en main Gimp (3T) V 2.6.11 24257_f

Nous allons repasser sur le calque 1
Dans la boite à outil, nous allons prendre l'outil de sélection contiguë :
Prendre en main Gimp (3T) V 2.6.11 8b644dcc3ebf852fcae6b92e0341ce37
Puis sur le premier calque nous allons sélectionner l'intérieur du cercle du centre de la fleure.
Repassez sur le calque 2 et coupez,
"Edition > Couper" ou raccourci clavier "Ctrl + x".
Ce qui vous donne ceci :

Prendre en main Gimp (3T) V 2.6.11 68325_f

Et sans la fleure, si dans la fenêtre des calques on enlève l’œil à coté de la vignette fleure,
On a ceci :

Prendre en main Gimp (3T) V 2.6.11 22723_f

A présent nous pouvons fusionner nos deux calques.
Dans la fenêtre des calques faites comme indiqué :

Prendre en main Gimp (3T) V 2.6.11 51076_f

Maintenant que nous n'avons plus qu'un calque,
nous allons en refaire un nouveau calque, pour la tige et les feuilles de la fleure.
Nous passons dessus (toujours par la fenêtre des calques).
Et nous allons utiliser l'outil plume, appelé aussi traceur courbes de béziers. Prendre en main Gimp (3T) V 2.6.11 87916_f
Cet outil permet de tracer des courbes parfaites ou de détouré des éléments d'image,
quand on veux virer le fond de l'image et mettre son élément en transparence.
Nous l'utiliserons de façon simple,
mais sachez que ses possibilités sont plus grandes que ce que nous allons en voir.
Avec l'outil plume tracez une ligne en posant deux points :

Prendre en main Gimp (3T) V 2.6.11 65188_f

/!\ Pour la prochaine manipulation,
vérifiez que les options d’alignement ne soit pas en fonction.
Dans dans la fenêtre de l'image "Affichage > Aligner sur la grille",
et "Affichage > Aligner sur les guides".
Sinon votre courbe risque de vous échapper pour aller s’aligner sur la grille ou sur les guides s'il y en a. /!\

Réglons notre courbe comme sur l'image :

Spoiler:

Comme vous le voyez on peut facilement obtenir une belle courbe.
En repoussant la ligne avec le curseur ou en manipulant l'épingle de chaque point.
Poursuivez comme ceci :

Prendre en main Gimp (3T) V 2.6.11 37906_f

Nous n'aurons plus qu'à fusionner nos deux calques
et nous tireront un trait sous la fleure en guise de support,
sur le calque restant.

Choisissez le pinceau ou le crayon dans la boite à outil.
Posez un premier point, puis appuyez sur la touche "Maj" (majuscule).
Vous verrez un trait qui suivra votre curseur,
attendant que vous posiez son point de chute.
Vous obtenez ceci :

Prendre en main Gimp (3T) V 2.6.11 45848_f

Supprimez votre image dessin
en le sélectionnant dans la fenêtre des calques
Et cliquez sur la petit poubelle en bas et à droite de la fenêtre.

Sauvegardez le calque au format Gif.
Comme sur l'image :

Spoiler:

Si vous envoyez votre gif à un hébergeur d'image,
vous pourrez nous la montrer.

Prendre en main Gimp (3T) V 2.6.11 37267_fleure

Donnez un avis ou pausez une question, je vous répondrais.
Le but de ce tuto est de vous initier
et non de vous apprendre toutes les fonctions de Gimp.
Avec une bonne prise en main le reste suivra vite.

Bps.
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum