Je l'avais écrit il y a quelques mois déjà, mais ce n'est que dernièrement que je l'ai mis à jour pour faire des corrections et pour ajouter des images.
 
----------------------------
 
Faire un genre de médaillon, comme un de mes avatars.
 
Vous devez vous demander comment j'ai fait cet avatar que voici :
 

 
Pour cela, voici un tutoriel pour Gimp.
 
 
1- Tout d'abord, faites Fichier > Nouveau.  Ajustez les dimensions pour que l'image que vous voulez faire fasse 150*150.  ensuite, cliquez sur Options avancées.  Personnellement, je commence maintenant mes créas avec une résolution de 300 ppp pour une meilleure qualité.  Vous devez surtout vous assurer de ces deux détails suivants dans la fenêtre :
 
- Espace colorimétrique : Couleur RVB
- Remplir avec : Transparent
 
Puis vous validez ^^
 
2- Juste pour le tuto, je vais remplir le calque d'arrière-plan de blanc (on le désactivera à la fin) et créer un nouveau calque transparent qui sera appelé "base centre" qui sera le calque de la base centrale du médaillon.
 
Là on est prêt pour faire nos bases, mais avant, il vous faudra placer des guides.  Ceux-ci sont très utiles pour faire des sélections précises, puisque les bords des sélections s'alignent automatiquement sur les guides dès qu'ils sont près de ceux-ci.
 
Pour en faire apparaitre, vous cliquez sur la règle en haut (pour les guides horizontaux) ou sur la règle à gauche (pour les guides verticaux) et amener le guide sur l'image en tenant le bouton gauche de votre souris.
 
On commence par la base du centre.  Dans ce cas, vous devez en faire deux horizontaux et deux verticaux, dans chacun des cas, l'un à 15 et l'autre à 135 (en vous aidant des règles que vous avez en haut et à gauche.  Vous pouvez zoomer pour vous aider à bien les positionner).
 
Ça devrait donner ça :
 

 
3- Ensuite, prenez l'outil Sélection elliptique, puis en tenant la touche Maj enfoncée (pour faire un cercle parfait), partez de l'une des intersections des guides pour aller jusqu'à son opposé.  Voilà, vous avez votre cercle.
 

 
4- Choisissez votre couleur de base comme couleur de premier plan.  Dans mon cas, j'ai pirs un bleu clair.
Puis faites Édition > Remplir avec la couleur de premier-plan.
 

 
Désactiver ensuite votre sélection (Sélection > Aucune)
 
5- Repositionnez vos guides, cette fois-ci, à 5 et à 145 de chaque sens, à l'aide des règles et du zoom.  Ajoutez également un nouveau calque que vous appellerez "base bordure".
 

 
6- Reprenez votre sélection elliptique et refaites une nouvelle sélection avec la touche Maj enfoncée, en vous servant des guides.
 

 
7- Ensuite, prenez une nouvelle couleur de premier-plan, dans les tons de gris.  Dans mon cas, j'ai pris un gris clair.  Puis remplissez votre sélection de cette couleur.
 

 
8- Récupérez ensuite la sélection du calque "Base centre" (clic-droit sur le calque > Alpha vers sélection).
 

 
Puis retournez à votre nouveau calque rempli de gris et effacez ce qui est sélectionné (Édition > Effacez)
 

 
Normalement, vous devez avoir votre cercle de base, avec un contour gris.  Désactivez ensuite votre sélection (Sélection > Aucune).
 
Maintenant qu'on a nos deux bases, on va passer aux effets.  Vous pouvez maintenant enlever les guides, on n'en aura plus besoin.
 

 
5- Retournez sur votre calque "base centre" puis allez dans Filtres > Effets de lumière > Effet d'éclairage.
 
Dans l'onglet "Lumière", mettez ces paramètres suivants :

 
Dans l'onglet "Matériau", vous devez entrer ces valeurs suivantes :

 
Puis validez
 

 
10- Ensuite, appliquez le même filtre d'effet d'éclairage sur le calque de bordure, avec les mêmes valeurs que que précédemment ^^
 

 
11- Toujours en étant sur "base bordure", appliquez-y un léger biseau (Script-fu > Décor > Ajouter un biseau).  Mettez-le à 1 pixel et décochez "travailler sur une copie".
 

 
12- Ensuite, ajoutez une ombre portée (Script-fu > Ombre > Ombre portée).  Entrez les paramètres suivants :
 

 
Puis validez.  Voilà le résultat (après que j'aie arrangé mon calque blanc).
 

 
 
Et l'image alors ?
 
13- Pour l'image, comme celle de Katt, vous devez d'abord ouvrir l'image que vous souhaitez l'ajouter.  Si c'est par exemple un personnage de manga ou de jeux vidéo qui n'est pas découpé, détourez-le, en prenant grand soin que le découpage soit bien fait, afin qu'il n'y ait pas de contour hideux autour du personnage.  Mais avant tout, vous devez ajouter un canal alpha, afin d'avoir la transparence (Calques > Ajouter un canal alpha).  Si un redimensionnement est nécessaire, détourez votre personnage avant de le réduire.  Vous pouvez utiliser la sélection contigüe, la sélection par couleur, ou l'outil Chemins pour effectuer le détourage.  S'il s'agit d'un render déjà découpé, vous n'aurez pas besoin de faire ces manips, sauf peut-être adoucir légèrement les bords.
 
14-  Au besoin, réduisez votre image pour que les dimensions ne dépassent pas 120 pixels pour la portion que vous voulez utiliser.  Mettez-le à la même résolution que pour le médaillon.
 
15- Maintenant, c'est le temps d'intégrer votre personnage ^^  Pour l'exercice, je vais utiliser mon render Mithra de Final Fantasy XI
Faites Édition > Copier.  Ensuite, retournez dans la fenêtre de votre médaillon, puis faites Édition > Coller.  Repositionnez-le, puis faites Calques > Nouveau calque.
 

 
Si les bords dépassent un peu, allez récupérer la sélection de votre tout premier calque, réduisez-le de 2 pixels, adoucissez-le de 5 pixels, puis inversez-le.
 

 
Retournez sur le calque de votre personnage, puis faites Édition > Effacer ^^
 

 
16- Pour que l'image soit de la même couleur que le fond du médaillon, mettez le calque du personnage en mode Valeur.
 

 
17- Si vous voulez ajouter une écriture (votre pseudo par exemple), ajoutez-le avec l'outil Texte, en choisissant votre couleur et le style de police (dans mon cas, j'ai utilisé la police 04b_09 que l'on peut télécharger sur http://www.dafont.com , dans la catégorie Pixel/Bitmap)
 

 
Pour faire l'ombre comme celui que j'ai fait, allez dans Script-fu > Ombre > Ombre portée.  Mettez les paramètres suivants :
 

 
Puis validez.  Mettez ensuite le calque de cet ombre en mode Lumière douce.
 

 
Et voilà ^^
 
Si vous avez à le redimensionner, je vous conseille de le faire avant de mettre le texte si c'est une police pixel.  Et aussi, fusionnez les calques avant de redimensionner afin d'avoir un meilleur rendu.
 
Il ne vous reste qu'à l'enregistrer.  Pensez à garder une copie en format .xcf si vous pensez le retravailler plus tard.  Puis enregistrez-le en .png, dont la qualité de transparence est bien meilleure que celle du gif.
 
Si le forum où vous voulez utiliser l'avatar n'est pas pourvu du script pour la gestion de la transparence des .png,  vous pouvez mettre un fond de la même couleur que les fonds du forum, complètement en dessous des autres calques.
 
Voilà le résultat ^^
 

Super tuto

Super tuto je vais essayé ^^

Jolie rendu . Ca manque juste un petit peu de couleur dans le résultat final. (mais c'est un détail ^^)

Sympa ce petit tuto

Bien joué le tuto =)

Super le tuto  

J'aime bcp l'effet. Merci bcp !!!  

Génial ce tuto.

Voici ce que j'ai fais avec :

sa fais un effet un peu manga je trouve
c'est bete que l'on peut pas les porter sur nous

Comment peut-on le faire sue Photoshop ? J'ai pas Gimp et ca m'embeterai de le telechager

Super ton Tuto voila le resultat

Mais le blem c'est que quand j'ai enlevé le arriere plan blanc pour aller au transparent
Ca me met du blanc sur mon image an jpg et sur les forum.
Kelkun pourrai me l'enlever et m'explique comment il a fait pour que je puisse le refaire plus tard pour mes prochaine creation.

Il faut l'enregistrer en PNG pas en JPG le JPG ne gère pas la transparence

Super tuto

Ps: moi j'aime le orange ^^

Salut ! J'ai un petit soucis pas avec ce tuto j'ai bien réussi a le faire mais a la place de mettre une image dans le médaillon j'ai voulu mettre un chiffre, donc j'ai ajouté du texte puis j'ai voulu faire un effet de relief comme si le texte ressortait du médaillon, alors j'ai appliqué l'effet repousser d'après une carte, et la viens mon problème d'habitude l'effet marche bien mais la je n'arrive pas a m'en servir, il y a casiment aucune différence que je le mette ou pas.

Dois y avoir une p'tite manip a faire mais laquel ?? merci pour votre rep  

PS : J'ai essayer de différente manière fusionné mon texte sur le médaillon et le selectioné ensuite, mettre le texte sur un calque différent etc.. rien y fait le repoussage ne fonctionne pas  

Bonjour tout le monde.
Premier post sur CrystalXP
( ce site )

Je ne comprends pas pourquoi je n arrive pas a biseauter alors que j ai respecté le tuto et que j arrive a faire l étape suivante sans problème...
Quand je fait "Mettez-le à 1 pixel et décochez "travailler sur une copie"." rien ne se passe sur mon calque "base bordure".

Peut être que cela vient du fait que je ne passe pas par Script-fu mais par Filtre > Décoration > Ajouter un biseau?
(je ne sais pas encore ce que c est que Script-fu^^)

Salut

Bon tuto ,j'adore le résultata ,je m'y met bientot

HS/
Dites ,les tutos sont validés au bout de combien de temps ,parsque j'ai posté le mien avant-hier et pas de réponse
\HS

Bonjour et désolée de ne pas être venue depuis très longtemps. Mettons que j'ai mon site à gérer et ceux de mes contacts, en plus que j'ai dû faire remplacer mon disque dur l'automne dernier (donc réinstall d'XP).  Et dernièrement, j'ai installé Ubuntu en dualboot sur ma machine.

Si tu ne vois pas "Script-fu", c'est parce que tu utilises la version 2.4.  J'avais écrit le tuto selon la version 2.2.

Le nouveau chemin pour le biseau sous GIMP 2.4 c'est : Filtres > Décoration > Ajouter un biseau.

EDIT plusieurs mois plus tard : oh boy le lapsus !  Ché pas si je pensais aux bisounours ou quoi là, mais j'avais écrit "bisous" au lieu de "biseau" LOL

Hellow les gens mon premier messages ici alors que je suis les tutoriels depuis bien longtemps    mais je voullais vous demander votre avis sur mon image ?? c 'est un peu du modifié mais c'était sur les bases de ce que tu nous montre ici

Ps: l'image de néro avec le fond derrière c'est pas du copier coller c'est tou du fait par moi même que  

voila ma réalisation grace a ton tuto ^^
medaillion_rei.gif

[citation][nom]djspike1 a écrit[/nom]voila ma réalisation grace a ton tuto ^^
medaillion_rei.gif
Le "médaillon" est très pixellisé malheureusement, contrairement à ton sujet (Rei Ayanami)..
N'utilisant pas Gimp, je ne saurais te dire comment régler ce problème mais en général il vaut mieux, surtout avec un cercle, commencer avec un document en grande dimension pour le réduire ensuite..

Tu as d'ailleurs ce même problème de pixellisation sur tes autres créations ici, mais sur le personnage (trop flou)..

super bien fait le tuto bravo

très simpa ce tuto voilà ce ke g fait:

Déjà, ce qui n'aide pas, c'est le fait d'enregistrer l'image en GIF au lieu de PNG, donc il y a perte de qualité par le fait que l'image passe en mode Couleurs indexées, donc en 256 couleurs, en plus que les pixels translucides se retrouvent avec un fond blanc affreux sous ce format.  En plus, il faut s'assurer que la sélection soit lissée (ça se trouve dans les options de l'outil Sélection elliptique).  Normalement, le lissage est activé par défaut.

Katt

PS : J'ai cru à un bug dans le forum parce que je n'arrivais pas à citer ...jusqu'à ce que je me souvienne que j'ai Noscript installé sous Fx3.0 et que je dois autoriser les scripts du site pour utiliser la fonction.

Autant pour moi, je n'avais pas noté que c'était du Gif  :^^:

J'ai tellement l'habitude d'enregistrer mes propres fichiers avec transparence au format PNG, que je suppose que ceci est une évidence pour tout le monde..

Quand tu auras posté régulièrement depuis un bon petit moment, tu te rendras compte que tu utilises presque les "BBCodes" sans t'en rendre compte..

-------
@ Matra, plutôt réussi ton "médaillon", mais dommage pour le fond blanc (logique en "jpg"

Et j'avais pourtant spécifié dans mon tuto de choisir le format .PNG et non le format .GIF pour la qualité d'image.

Non non, je ne parlais pas de taper le bbcode, mais du bouton "Citer" en bas à droite des messages.  Il ne fonctionne pas si Javascript est désactivé (ce qui est le cas par défaut si Noscript est installé)