Franatix, mini duc Tutoriaux Graphiques : clowniseb Entraide Graphique : Hizo, 1 utilisateur anonyme et 63 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto TheGimp] Créer un avatar avec fond halo

 
n°16590
B-TuX
Profil : Big Penguin
Avatar
profil
Posté le 01-04-2007 à 11:18:44  
 

Bonjours, je vais vous montrez comment faire un avatar "surpuissant" : en fait vous obtiendrais un avatar semblable au miens. Ce tuto s'adresse au débutant, car je pense que les meilleurs auront compris rien qu'en regardant le résultat...
 
Bon alors on commence !  :fouet: ?  :lol:  
 
1) Pour commencer vous devez partir de ce tuto pour obtenir ceci :
 
http://image.netenviesdemariage.com/images/1/5847c1b5bad36912f13024fbe20d606e.png
 
Vous avez comme seule contrainte de travailler dans un plan de 320*240, avec un halo au centre. Il est évidement conseillé de faire quelque chose de très colorés.
 
2) Cliquez sur l'outil sélection. Dans les paramètres veuillez changez "sélection à main lever" par "taille fixe" et choisissez 128*128.  
 
http://image.netenviesdemariage.com/images/1/107387d5d48032f826cb8b095753b055.jpg
 
Sélectionner le coeur de votre image (là où il y a le halo) avec cette dimension et copier là dans un nouveau document 128*128.
 
http://image.netenviesdemariage.com/images/1/02f5df8adf0db026d38425594e68a007.jpg
 
3) Maintenant nous allons inséré une image. Dans mon exemple je choisirez un tux de crystalxp  :wink: . Créer un nouveau calque (calque > nouveau calque). Vous enlevez ainsi les effets du copier-coller dans gimp fort embarrassant  :smile:  
 
Faites fichier > ouvrir comme calque et choisissez votre image. Redimensionnez là à la taille de l'image, en laissant une dizaine de pixel de marge pour pouvoir faire le cadre (dans mon exemple le tux fait 256*256 que je redimensionne à 118*118).
 
Pour cela faites clique droit sur le calque de l'image > échelle et  taille du calque.  
 
http://image.netenviesdemariage.com/images/1/0a343d089f3bd7ea28315af8b4370155.jpg
Voilà où vous en êtes  :wink:  
 
4) Nous allons maintenant nous attaquer au cadre. Alors je tiens à signaler que je vais utiliser un technique perso, moins "compliquer" que pour d'autres cadre. Personnellement je trouve le rendu final plutôt réussit mais si vous le souhaitiez vous pouvez utilisez d'autres type  :smile: .
 
Créer un nouveau calque nommé cadre. Faite sélection > sélectionner tout.  
Puis faites sélection > rectangle arrondi et choisissez un rayon de 20.  
 
http://image.netenviesdemariage.com/images/2/aeaeb80c3d5feeb0e2c2c7b0938045c2.jpg
 
 
Choisissez les couleurs suivante -> pour la couleur de premier plan "dedede"
                                               -> pour la couleur de second plan " 5a5a5a"
 
Faites un dégradé linéaire en "décochant inverser les couleurs". L'image importé est toujours au premier plan mais c'est mieux : vous pourrez facilement délimité le cadre.
 
http://image.netenviesdemariage.com/images/2/2bfda3e7515b5ee68d7e80bae8f4090e.jpg
 
Choisissez l'outil sélection elliptique en prenant soin de choisir le mode "intersection avec la sélection courante" en appuyant sur ce bouton : http://image.netenviesdemariage.com/images/3/157f786e2424ac9ee32681d0c9e18540.jpg  
 
Et sélectionner comme ceci :
 
http://image.netenviesdemariage.com/images/3/7bda457c9196778ecefd84491ee957bd.jpg
 
Refaites un dégradé dans cette nouvelle sélection avec les mêmes couleurs que tout à l'heure mais en cochant inverser.  
Puis resélectionnez les reste de votre avatar avec un "alpha vers sélection" (calque > transparence > alpha vers sélection)
 
http://image.netenviesdemariage.com/images/4/aaa3e51db0f6540b7c0bfcc5b93af48c.jpg
 
Maintenant choisissez "selection > réduire " Et réduisez de 10 pixels. Comme vous voyez l'image de l'avatar vous êtes évidement libre de réduire où d'agrandir cette valeur   :smile: .
 
Puis faites ctrl+k pour effacer la sélection.  
 
http://image.netenviesdemariage.com/images/1/70898ec5aaf2bbf0002bc17e54806936.jpg
 
Pour pouvez constater qu'à cause du rectangle arrondi, des petites parties sont visibles au delà du cadre. Pour y remédier et pour obtenir quelque chose de propres réagrandissez votre sélection de 10 pixel dans mon exemple. (sélection > agrandir)
 
Il ne vous reste plus qu'à fusionner tout vos calques et copier voter sélection et à la coller dans un nouveau document (128*128) sur fond transparent et l'enregistrer en png.
 
Voilà c'est terminé !!  :party:  
 
Vous pouvez aussi appliquez cette méthode sur une signature. Le rendu est encore meilleure je trouve  :biggrin: (mattez ma signature !)
 
http://image.netenviesdemariage.com/images/2/970fb1f772fc2c31ef53234842710ee9.jpg
 
ASTUCE : Il se peut que l'image que vous vouliez utilisez soit dans un format qui ne gère pas la transparence
Si elle est sur fond blanc faites ainsi :
->ouvrez votre image
->choisissez la baguette magique et cliquez sur le blanc.
->sélection > inverser la sélection.
-> copier coller dans un nouveau document sur fond transparent et voilà  :wink:


Message édité par Fagoon le 25-06-2009 à 13:20:35
answer
mood
GoogleAds
profil
Posté le 01-04-2007 à 11:18:44  
 

answer
n°16591
DinoBoss
Profil : New Penguin
Avatar
profil
Posté le 01-04-2007 à 13:49:32  
 

J'aime bien le resultat, mais... Ce n'est pas un tuto a proprement parler .
Tu donne les image toute fraiche, dit nous comment tu arrive a faire le fond, le cadre etc...

answer
n°16592
louix
Profil : Top Penguin
Avatar
profil
Posté le 01-04-2007 à 17:08:32  
 

je trouve que c'et un peu un mix de tutos :
celui avec le fond bien evidemment et un autre pour le cadre de ce genre existe deja
sinon le rendu est pas mal, sa interressera surement des debutant qui cherche a faire un avatar ou une signature :wink:

answer
n°16593
maxou17
Profil : Big Penguin
Avatar
profil
Posté le 01-04-2007 à 17:19:45  
 

franchent c'est    top et merci pur ce tuto  :dj:  :bigboulay:  :tussor:

answer
n°16624
B-TuX
Profil : Big Penguin
Avatar
profil
Posté le 07-04-2007 à 13:40:04  
 

Je suis d'accord : c'est bien un mix de tuto.

 

Mais le rendu est plutôt joli et c'est très simple à réaliser. Au fait si il y a des trucs qui ne vont pas dans mon tuto faites le moi signalé  :wink:

answer

Aller à :
Ajouter une réponse