Comment colorier un dessin avec GIMP?
(logiciel 100% gratuit)

Astuce: avant de vous lancez dans le coloriage il faut scanner votre dessin, je conseil de réglé la définition à 300dpi et surtout d'augmenter le contraste, ce sera beaucoup plus propre et plus facile à coloriser

1) Les outils

Après avoir fraichement scanné ce dessin, la première manip et de l'ouvrir dans le logiciel et s'équiper des outils dont on aura besoins.
on a besoin de:
- la boite à outils (1)
- la liste des claques (Layers) (2)
- la liste des pointeurs (brunshes) (3)

(mes captures ont été réaliser sur une version américaine de GIMP, la version française est un poil différente, mais les deux marchent de la même façon)

2) la Transparence

La première manip est de rendre cette planche transparente.
( à noter que avant ça je réalise une manip pour avoir de beau traits, mais c'est une touche personnel, si ça intéresse je peux expliquer comment faire).

pour cela il faut se rendre sur "Couleurs" > "couleurs vers Alpha" comme sur la figure ci-dessous

Dans la fenêtre qui vient de s'ouvrir, cliquez sur "ok". Un damier doit apparaître à la place de la couleur blanche, le Damier représente la transparence.

La manip' suivante, qui est plus un  conseil, est de renommer ce calque, pour cela, dans la liste des calques (layers), clicquez droit sur le calque appelé "Arrière-plan" (background) puis sur "éditer les attributs" (Edit layers attributes) et changer le nom en "Dessin" ou "traits".













2) Couleurs à plats

On arrive à la plus grosse partie: les couleurs à plat, cela consiste à poser sous le dessin les couleurs de bases.
Pour cela il faut créer un nouveau calque en cliquant sur ce bouton:

puis appelez le "couleur" ou "couleur à plat"

Votre nouveau calque apparaît dans la liste, maintenant en glissant votre souris, placez ce nouveau calque SOUS le calques avec le dessin

Maintenant sur ce calque, on va faire de la colorisation proprement dit, choisissez l'outils crayon et la couleur désirée comme ci-dessous:

Une fois la couleur choisie zoomez sur votre dessin:Choisissez un pointeur adapté

et vous pouvez appliqué la couleur sur votre dessin, sans vous préoccupez des traits puisque le calque des couleurs est en dessous de celui des traits.

Une fois tout colorier cela donne quelque chose comme ça:

3)Ombrages

Les couleurs à plat c'est bien jolie, mais le dessin reste fade, les ombrages permettent de donner du relief au dessin et ainsi le  rend plus jolie.

Pour les Ombrages il suffit de créer un nouveau calque positionné entre le dessin et les couleurs, comme ci-dessous:

Ensuite choisissez l'outil crayon ou pinceau (peu importe) et sélectionnez la couleur noir. Maintenant il s'agit de peindre en noir toute les zones d'ombres sur le personnage comme ici:

Ensuite, c'est là que j'apporte une notion nouvelle, vous allez diminuer l'opacitée du claque ombrage comme ceci:

(Opacity=Opacitée) et cette manip' donne quelque chose comme ça:
Et voila, c'est déjà beaucoup plus jolie.

4) Effet lumière bleu.

Ma tablette graphique s'illumine lorsqu'elle est utilisé, on va symbolisé ça par la suite.

Pour cela, on créer de nouveau un calque:

Puis à l'aide du pinceau ou crayon, dessinéz une oréole autour de la source de lumière:
Maintenant je vais introduire une nouvelle notion, on va appliqué un filtre au calque. Et plus paticulièrement un fitre flou, pour donner l'illusion que sa brille.

La Manip' à suivre est: "filtre" > "flou" > "flou gaussien"

Dans la nouvelle fenêtre suivant parametrez le flou gaussien, ici j'ai choisie 30 pixel, puis cliquez sur "ok"

Une fois le flou appliquée, il suffit de déplacer ce calque audessus de tout les autres, pour que le flou passe ausi sur les traits cela donne ça:

enfin presque, le personnage est sur fond transparant, à partir de là, vous pouvez le coller où vous voulez, sur une photo, ou un autre dessin. (pour cela n'oubliez pas de fusioner tout les calques ensemble -> "clique droit" avant de copier et de coller ailleurs)

Vous pouvez aussi ajouter un fond à ce dessin. c'est l'option que je choisie pour la suite.

5) Ajouter un fond.

Et bah c'est tout simple, il suffit de créer un calque et de le positioner sous tout les autres calques

Sur ce calque vous pouvez appliqué un dégradé (choisir l'outils dégradé), ou une couleur unie avec le pot de peinture.
Pour ce dessin j'ai divisé le font en 2 calques: 1 calque bleu ciel, 1 calque avec les rayons jaune

Et voila la créats est finit, il reste a redimensioné

6)Redimensioner

"image" > "echelle et taille de l'image"


puis dans la fenêtre choissiez la dimension que vous voulez, ici 600px de large par exemple
Et voila il vous reste à signer et enregistrer !

l'image finale:

Voila j'espère que ce Tutorial vous aidera, si il y a des questions n'hésitez surtout pas, en commentaire ou par mail.

Je rappel le but de ce Tutorial est surtout de vous faire comprende ce système de calque que l'on positionne les un par rapport aux autres, une fois ce système maitrisé on peut faire à peu prés n'importe quoi !

cliquez ici pour lire la suite

Comment créer un lien/image ou plus couramment appelé un bouton ?
(comment créer une image qui, lorsque que l'on clique dessus, renvoie sur une pages web ?)

(cliquez dessus)

vous avez sûrement déjà vu ce genre de bouton dans les catégories "liens" ou "patenaires" sur les sites, blog ou forums

Mais la méthode que je vais vous montrer s'adapte à n'importe qu'elle images (de toutes tailles)

1) il vous faut une adresse de l'image voulue

pour obtenir une adresse il suffit d'aller sur un hebergeur d'image tel que imageshack (le plus simple), Servimg, Photobucket ou encore Flickr.

Une fois sur l'un des hebergeurs, vous devez Uploader votre image qui doit être au format .jpg , .png ou .gif.

(exemple de imageshack: vous cliquez sur "parcourir", vous choisissez l'image et vous cliquez sur "Host it" qui veut dire héberger en anglais)

Une fois l'image Uploadé vous obtenez l'adresse de votre image ( qui commence par http:// et qui fini par .jpg , .png ou .gif selon le format d'origine de l'image )

(exemple de imageshack: l'adresse de l'image est dans l'en-cadré "Direct")

2) Créer le Lien/image

Pour cela il vous faut
- l'adresse de l'image (voir ci-dessus)
- l'adresse de la page web à liée (votre blog, forum ou site par exemple)

Voila le code HTML d'un lien/image:

cliquez ici pour lire la suite