Salut à toutes et à tous, bienvenus dans mon deuxième tuto de gimp, et aujourd'hui je vais vous apprendre à faire un avatar très simplement. Je tiens quand même à préciser que ce tuto est une sorte de mélange entre certains tutoriaux, et qu'il sert certainement plus à expérimenter avec différentes technique notamment au niveau de l'opacité et des script-fu. Aller, on commence:




Tout d'abord, créez un nouveau document de 1000 par 1000, jusque là c'est assez simple.

Vous allez maintenant faire une sélection assez importante, comme celle que vous verrez sur la prochaine image, grâce à l'outil sélection rectangulaire ®.

Faites ensuite sélection> rectangle arrondie. Vous verrez ce sera certainement plus facile à comprendre avec cette image (choisissez 50 comme rayon):



On va à nouveau créer un nouveau calque que l'on va renommer "cadre". Grâce à l'outil dégradé (L), on va effectuer de PP vers AP avec comme couleur de PP le noir intense et comme couleur d'AP le blanc intense. On trace le dégradé linéaire qui part du l'arrondi en haut à gauche et qui arrive à l'arrondi en bas à droite. Faites ensuite sélection> réduire et mettez réduire la sélection de 60 pixels. Maintenant vous n'avez plus qu'à faire Edition> Couper. On va cette fois aller dans la boîte de calques et sur le calque "cadre" faites clique droit puis "alpha vers sélection". aller, une petite image pour voir où vous devez en être:



On va créer un nouveau calque que l'on va nommer "contour du cadre". On fait maintenant sélection> agrandir et on agrandi de 5 pixels. Avec l'outil de remplissage (shift + B)... on remplit la sélection de noir intense. Pour finir ce premier cap qu'est la création du cadre, on va mettre le calque "contour du calque" en dessous du calque "cadre". Voici le résultat:



On ouvre maintenant l'image que l'on veux mettre à l'intérieur du cadre de l'avatar. Dans mon cas c'est un render de naruto que je vais renommer "mon image" pour facilité votre compréhension. On ouvre l'image en tant que calques.



Maintenant, il va falloir fusionner les calques "contour du cadre" et "cadre". Pour ce la, rendez invisible tous les calques sauf les deux cités. Faites ensuite clique droit (sur le calque visible du haut)> fusionner vers le bas. Renommez le calque obtenu "cadre". On sélectionne ensuite l'outil étirer ou rétrécir et dans l'option des outils on met bien conserver le rapport. Une fois qu'on a notre joli cadre autour de l'image, on fait "Echelle" dans la fenêtre qui s'est ouverte précédemment, avant de redimensionner le cadre. Voici une image de ma transformation juste avant d'avoir cliqué sur "Echelle":



Faites maintenant passe le calque cadre au-dessus de votre image.Si jamais votre image est rectangulaire et qu'elle dépasse du cadre, vous pouvez gommer les bords pour que ça donne quelque chose de visible, même si avec la technique utilisée par la suite, ça ne sera d'aucune utilité. Pour ceux qui ont la version 2.4 de gimp, on va aller changer quelques paramètres du logiciel. Pour cela, il va falloir aller dans la fenêtre qui s'est ouverte lorsque on a ouvert the gimp. On va aller dans fichier> raccourci claviers. Une fenêtre comme celle-ci devrait s'ouvrir:



Comme l'indique l'image, vous devez maintenant aller dans greffons. Cliquez sur l'icône symbolisé par le + à côté de "greffons". Normalement, une liste assez longue devrez s'être ouverte. Dans cette image, vous verrez à peu près la position du curseur et aussi ce que l'on cherche, mis à part que nous nous ne cherchons que l'un d'entre eux (excusez-moi je me suis trompé):



Maintenant on va se déplacer un peu vers la droite pour avoir ceci:



Si comme sur mon image; c'est la ligne "vers un motif" qui est sélectionnée, pas de problème, sinon, sélectionnez-la. Cliquez une seule fois dessus pour que "nouveau raccourci" s'affiche à la place de "Désctivé". Maintenant, sans rien toucher, appuyez sur la touche Z de votre clavier lorsque "Nouveau raccourci" s'affiche. Vous devriez avoir maintenant ceci:



C'est bon, vous pouvez dès maintenant fermer votre fenêtre si vous avez ça, sinon recommencez toutes les étapes depuis l'ouverture de la fenêtre "Raccourcis clavier". Revenez sur votre image. Faîtes maintenant fichier> nouveau et créez un nouveau document paramétré comme ceci:



A l'aide de l'outil pinceau (P) armé d'une brosse d'un 1 pixel avec le contour dur, peignez simplement les quatre petits carrés de la diagonale, comme ceci:



Appuyez maintenant sur la touche "Z" de votre clavier. Pourquoi la touche Z ? Tout simplement car nous avons paramétré "enregistrer en tant que motif" sur cette touche. Une fenêtre c'est ouvert, une fenêtre comme celle-ci, bien sans les noms que vous devrez entrer:



Après avoir fait comme sur l'image, cliquez sur "Valider". Vous pouvez ensuite fermer ce travail et retourner sur celui de l'avatar. Créez un nouveau calque que vous renommerez "diagonales". Vous allez maintenant sélectionner l'outil remplissage (shift+B) et le paramétrer comme ceci:



Comme vous le voyez, il faut sélectionner "remplir avec le motif" et comme motif "diagonale". Allez sur votre image et justement remplissez-la de ce motif en cliquant simplement sur l'image DEUX FOIS pour avoir plus de netteté au niveau des traits. Dans votre boite de calques, faites sur le calque "cadre" clique droit> alpha vers sélection, comme sur cette image:



Revenez sur le calque "diagonales" puis faites Edition> Couper. Et voilà, il n'y a plus de rayures sur le cadre. Créez un nouveau calque "dégradé" et faites un dégradé linéaire de PP (valeur: 000000) vers AP (valeur ffffff) de ce genre:



Descendez le calque "dégradé" sous les calques "cadre" et le calque de votre render (image). On va maintenant rendre invisible tous les calques mis à part le calque de votre render (image), pour cela cliquez sur l'œil à côté des images que vous devez rendre invisibles. Maintenant faites un clique droit sur le calque "cadre" (normalement il est au-dessus du calque de votre image) puis faites "fusionner vers le bas" comme ceci:



Vous pouvez rendre visible vos autres calques. On va maintenant faire une sélection rectangulaire avec l'outil sélection rectangulaire ® autour du cadre comme ceci (zoomez et changez la taille de votre sélection pour être plus précis):



Une fois votre sélection bien réalisée, faites Sélection> Rectangle arrondi et choisissez comme rayon 50. Vous devez obtenir une sélection bien autour du cadre. On va maintenant aller dans notre boite de calques. Sur le calque "diagonales" (normalement au dessus de tous les autres calques), faites clique droit> ajouter un masque de calque et paramétrez comme ceci:



On va faire de même pour le calque "dégradé" (normalement en dessous du calque "mon image"). Voilà le résultat:



Il ne nous reste plus qu'à baisser enlever les diagonales qui se trouvent sur le personnage. Pour cela, faites clique droit sur le calque où il y a votre personnage et le calque> alpha vers sélection. Sélectionnez ensuite le calque diagonales et faites Edition> Couper (IMPORTANT: avant de faire cette opération vérifiez bien que c'est la calque qui est sélectionné et non le rectangle noir et blanc, le masque de fusion). Vous devriez avoir ça:



Voilà, vous pouvez maintenant allez dans votre boite de calques et faire clique droit> fusionner les calques visibles puis fusion.

Tiens ! Si on rajouter un peu de texte ? Allons-y:

Sélectionnez l'outil texte (T) et choisissez comme couleur de PP le blanc. Comme police j'ai pris la police VISITOR, que vous pouvez télécharger sur dafont.com, et 50 en taille. Tapez ensuite votre texte à l'endroit où vous le désiré, dans mon cas plus vers des couleurs vives vous verrez pourquoi par la suite. Voilà où je l'est mis (vous pouvez le déplacer avec l'outil déplacer (M)):



Allez ensuite dans votre boite de calques, et sur le calque qui vient de se créer, faîtes alpha vers sélection. Créez ensuite un nouveau calque "texte", et sélectionnez ce calque. Faites ensuite sélection> agrandir et choisissez agrandir de 2 pixels. On va maintenant remplir notre sélection de noir grâce à l'outil remplissage (shif+B). Veillez bien à ce que dans les paramètres de l'outil "remplir avec la couleur de PP" soit coché, et prenez comme couleur de PP le noir intense. Passez ensuite, après avoir remplit votre sélection de noir, le calque "texte" en dessous du premier calque de texte que vous avez créer, dans mon cas boobkoy. Voilà le résultat sans sélection et après avoir fusionné tous les calques visibles:



Maintenant on va effectuer une petite retouche: on va découper ce qui ne sert à rien, tout autour. Pour cela, on va utilisez l'outil de découpage (shift+C). On fait un truc du genre:



Quand vous en êtes là, vous cliquez à l'intérieur du cadre et la découpe s'effectue. Voilà l'image une fois enregistrée et hébergée en format avatar grâce à imageshack:




Merci à tous pour votre lecture de ce tuto, et vous pourrez aussi noter que j'ai essayé de varier les méthode, c'est à dire que j'ai aurais très bien pu enlever des éléments de l'image que avec des masques de fusions... ect Mais le but de ce tuto est d'apprendre différentes techniques. Un masque de fusion permet de garder la sélection active contrairement au couper mais celui-ci est plus rapide, ce qui là aussi est bien pratique pour une petite action... toujours est-il que je vous remercie si vous lisez mon tuto et à bientôt !

Ah oui j'oubliais: CE TUTO NE DOIT APPARAITRE SUR AUCUN AUTRE SITE/BLOG/FORUM SANS MON AUTORISATION ECRITE OU SANS UN LIEN VERS CE TUTO AVEC LE NOM DE L'AUTEUR. Merci.

Ah et aussi: comme le site rétrécit les image, la qualité est très réduite et l'on ne comprend pas forcément le but d'une image sans effectuer un zoom, et pour cela il faut cliquer sur le rectangle noir au-dessus de l'image (je rappelle ça à ceux qui ne comprennent pas tout).

Merci pour ce tuto Gimp.
Il y aurait surement eu moyen de développer un peu plus le cadre (plus d'effets par exemple) mais ça peut servir de bonne base aux débutants.

Salut tres bon tutoriels tres bien expliquer ^^
Mais le ptit default dans cela c'est que le tutoriels ne va pas beacoup servir car il ya deja le tutoriels sur comment fair un avatare vista mais bon celui la ai asser bien quand meme re merci! ^^

Le tuto sur l'avatar Vista necessite deja un peu d'experience trafel0^^ . C'lui là est tres bon pour un debutant.

De plus, le but principal de ce tuto est la construction de l'avatar, mais le but secondaire est d'apprendre à maîtriser différentes techinques et choisir la bonne, du moins celle que l'on trouve meilleure.

Bon tuto par contre les images en 800*600 ca suffit, pas besoin de HD :mdr:

super j'aime beaucoup

oulah je suis totalement perdu ^^
Ou est la barre des motifs , et comment mettre de l'épaisseur au cadre ?

EDIT: ah non j'ai trouvé , mais il me reste un probléme
Quand on doit sélectionner l'outil etirer/rétrecir , mon second cadre normalement a la taille de mon image ne s'affiche pas ^^
Ensuite , peut-etre en est-ce la cause , mon image est de taille rectangulaire et je ne sasi pas comment la faire rentrer dans un cadre aux bords arrondis !

Voila , j'éspere que vous avez saisi mon probléme
et Merci de me répondre ^^

Merci pour ce tuto qui est trés bien éxpliqué! La preuve j'ai réussi du premier coup ^^

Bravo pour le tuto

Bravo pour ce tuto, et merci

PS : Coucou iFrancois

très simpa le tuto voilà ce ke g fait(en esperant ke je ne me soit pa trompé en entrant l'image)