60 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto TheGimp] Faire un effet 3D simple sous Gimp

 
n°22115
balibou
aren't you tired?
Profil : Top Penguin
Avatar
profil
Posté le 15-11-2008 à 23:28:52  
 

Faire un effet de 3D simple sous Gimp

 
 
 
ETAPE 1
 
Ouvrezune nouvelle image. Fichier>Nouveau. Prenez pour tailles 1024*1024,ou 512*512. J'ai travaillé sur du 1024*1024, divisez donc chaque mesuresi vous travaillez en 512*512.
Nous allons donc créer un nouveau calque nommé Forme.  
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image1.JPG
 
 
 
ETAPE 2
 
Dessinez un triangle simple à l'aide de l'outil plume, puis coloriez le en noir à l'aide de l'outil pot de peinture.
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image2.JPG
 
ETAPE 3
 
Avec l'outil perspective, deformez la forme comme ci-dessous.
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image3.JPG
 
ETAPE 4
 
Dupliquezle calque obtenu puis nommez le Profondeur. Decalez ensuite ce calquevers la gauche jusqu'à obtenir ceci (voir image). Faites sur chaquecalque un clic droit puis Calque aux dimensions de l'image. Cela nousfacilitera la tâche.Passez le calque Forme au dessus du calqueProfondeur, puis coloriez le en faisant clic droit sur le calque puisalpha vers selection avec cette couleur: #62c100. Coloriez ensuite lecalque Profondeur de cette couleur: #4c9600
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image4.JPG
 
ETAPE 5
 
Nousallons maintenant créer un nouveau calque nommé Correction. Comme vouspouvez le constater, notre image est presque en 3D, mais il y a unproblème sur les bouts. Nous allons donc boucher ces imperfections avecl'outil plume . Passez ensuitele calque Correction sous le calqueForme, puis fusionnez le avec le calque Pronfondeur. (clic droit sur lecalque puis Fusionner vers le bas)
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image5.JPG
 
ETAPE 6
 
Corrigez les détails de perspective sur le haut jusqu'à obtenir cela:
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image6.JPG
 
ETAPE 7
 
Notreforme est en 3D, mais est un peu austère. Tout d'abord, les couleurs nesont pas définitives. Elle ne servent que pour différencier lescalques. Faites donc alpha vers selection sur le calque Forme.Prenezles couleurs #3e3e3e en premier plan et #ababab en second plan. Faitesensuite un degradé liéaire comme indiqué ci-dessous avec l'outildégradé  
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image7.JPG
 
Faitesalpha vers selection sur le calque Profondeur puis choisissez lescouleurs suivantes: Premier plan: #232323; Arrière plan: #686868.  
Faites un degradé linéaire en suivant la partie visible du calque.
 
ETAPE 8
 
Nousallons maintenant rajouter quelques effets pour rendre l'icone plusréaliste. Créez un nouveau calque nommé Angle. Faites alpha versselection sur le calque Forme puis avec l'outil déplacement , deplacezla selection de 2 pixels vers la gauche, en ayant au préalableselectionné la bonne option de déplacement.
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image8.JPG
 
Selectionnezla couleur Blanc. Sur le calque Angle, faites un dégradé bilinéairecomme indiqué ci-dessous. Selectionnez le dégradé PP vers Transparent.
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image9.JPG
 
Vous obtiendrez alors ceci:
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image10.JPG
 
ETAPE 9
 
Passez le calque Angle sous le calque Forme, puis réduisez l'opacité à 50%.
 
ETAPE 10
 
Créezun nouveau calque nommé crystallisation. Passez le au-dessus de tousles calques. Faites alpha vers selection sur le calque Forme, puisfaites Selection> Reduire et selectionnez 5 pixels. Sur le calqueCrystallisation, faites un degradé Blanc vers transparent comme indiquéci-dessous.
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image11.JPG
 
Faites ensuite une selection Elliptique comme ci-dessous, puis supprimez la selection.
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image12.JPG
 
Baissez ensuite le calque Crystallisation à 30%
 
ETAPE 11
 
Notreicone est quasi terminée, nous n'avons plus qu'a ajouter de l'ombre.Pour cela, créez un calque nommé Ombre. Placez le sous tous lescalques, mais au dessus de Arrière-plan. Tracez la forme ci-dessousavec l'outil plume, appuyez sur entrée pour la convertir en selectionpuis remplissez la selection de noir.
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image13.JPG
 
Faites ensuite Filtres>Flou>Flou Gaussien. Puis, appliquez un flou gaussien de 10 pixels.
Decalez le calque vers le bas comme ci-dessous puis réduisez l'opacité à 90%
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Image14.JPG
 
CONCLUSION
 
Voilà, c'est terminé. Vous pouvez rajouter un Arrière plan coloré ou le supprimer pour enregistrer votre travail au format PNG.
 
 
http://baligraph.evoserv.net/Baligraph/tuto/gimp/3D/Resultat.jpg


Message édité par Fagoon le 20-07-2009 à 21:06:17

---------------
http://baligraph.evoserv.net/perso/Alex/signpostit.png
answer
mood
GoogleAds
profil
Posté le 15-11-2008 à 23:28:52  
 

answer
n°22171
QcTyrano
Profil : New Penguin
Avatar
profil
Posté le 28-11-2008 à 20:07:38  
 

Simpa :) Bien expliqué et pas trop compliqué à réaliser.

answer
n°22337
balibou
aren't you tired?
Profil : Top Penguin
Avatar
profil
Posté le 28-12-2008 à 13:18:40  
 

Merci QcTyrano


---------------
http://baligraph.evoserv.net/perso/Alex/signpostit.png
answer
n°22393
ROYA
Profil : New Penguin
Avatar
profil
Posté le 09-01-2009 à 21:11:14  
 

Excellent tuto, rien à dire  :wink:

answer
n°23409
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 03-07-2009 à 17:08:25  
 

Il n'est pas possible d'avoir le tuto directement sur CrystalXp ? :)


---------------
http://img368.imageshack.us/img368/4764/signaturefagoonbb5.png
..::DeviantArt::..::Site internet::.
answer
n°23587
balibou
aren't you tired?
Profil : Top Penguin
Avatar
profil
Posté le 20-07-2009 à 19:11:58  
 

Si, bien sur :). Seulement c'était plus simple de le faire sur mon site, mais je vais le copier ici. ;)


---------------
http://baligraph.evoserv.net/perso/Alex/signpostit.png
answer
n°23588
balibou
aren't you tired?
Profil : Top Penguin
Avatar
profil
Posté le 20-07-2009 à 19:16:31  
 

Edité


Message édité par Fagoon le 20-07-2009 à 21:06:52

---------------
http://baligraph.evoserv.net/perso/Alex/signpostit.png
answer
n°23589
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 20-07-2009 à 21:04:50  
 

J'édite ton premier topic, plutôt. Ce sera plus propre. ;)
Merci à toi ! Je le valide. ;)


---------------
http://img368.imageshack.us/img368/4764/signaturefagoonbb5.png
..::DeviantArt::..::Site internet::.
answer

Aller à :
Ajouter une réponse