Tutoriaux Graphiques : Eskejesais et 33 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto TheGimp] Un Mario pixellisé en 3D

 
n°22939
Ano Nyme
Bavarder. Bouquiner. Créer.
Profil : Big Penguin
Avatar
profil
Posté le 09-05-2009 à 20:14:44  
 

Bonjour à tous !  :cool2:  
 
Aujourd'hui, nous allons faire un joli Mario en 3D avec Gimp :gimpwilber: , comme ça :
http://www.crystalxp.net/forum/mesimages/327855/pixel-mario2.png
À partir de ça :  
http://www.doobybrain.com/wp-content/uploads/2008/01/pixel-mario.gif
Merci au site Doobybrain.com pour l'image de source !
 
Donc, on commence :
 
1. Perspective (à combien de points de fuite ?)   <-humour vaseux :tongue:  
 
Récupérez l'image à partir de l'adresse suivante : www.doobybrain.com/wp-content/uploads/2008/01/pixel-mario.gif
L'image est en mode "Couleurs indexées". Donc faites "Images - Modes - RVB". Ensuite, faites "Couleurs - Couleur vers alpha" et mettez du blanc en couleur.
On se retrouve avec une image de Mario bien délimitée :
http://www.crystalxp.net/forum/mesimages/327855/pixel-mario1.png
 
Après, prenez l'outil Perspective :gimptoolperspective: et faites un truc comme ça :
http://www.crystalxp.net/forum/mesimages/327855/Capture-1.png
 
Puis, pour un tour autour du personnage, comme en haut :gimpgravitynorth: , faites "Calque - Transparence - Alpha vers Sélection",puis "Sélection - Agrandir : 2 pixels", "Calque - Transparence - Soustraire de la Sélection", et enfin utilisez l'outil Remplissage :gimptoolbucketfill: pour remplir la sélection. Ensuite, vous pouvez désactiver la sélection.  
Et voilà, on a fini la première étape  :boulay: !
 
2. Préparation du bloc
 
Dupliquez :gimpduplicate: une quinzaine de fois votre calque, puis déplacez d'un pixel vers le bas le second calque en partant vers le haut. Faites de même avec le 3e, mais déplacez-le de 2 pixels vers le bas. Enfin, continuez avec les autres calques en augmentant de 1 pixel à chaque calque, jusqu'au dernier. c'est long, hein  :tongue: ?
http://www.crystalxp.net/forum/mesimages/327855/Capture-2.png
 
3. Le relief <-après c'est fini, promis  :he: !
 
Fusionnez tous les calques avec "Images - Fusionnez les calques visibles..." ou Ctrl + M, et cochez la première case.
Ensuite, faites "Filtres - Ombres et Lumières - Effets d'éclairage".
 
Dans le menu "Lumière", choisissez un type Directionnel et déplacez la lumière sur l'aperçu comme çi-dessous :
http://www.crystalxp.net/forum/mesimages/327855/Capture-3.png
Dans le menu "Matériau", entrez les valeurs suivantes :
 
Rayonnement : 0,50
Luminosité : 0,50
Brillant : 0,80
Poli : 30,00
 
Enfin, repoussez d'après une carte en sélectionnant le calque sur lequel vous travaillez (en même temps, il n'y en a normalement pas d'autre  :tongue: ) et en gardant la courbe et la hauteur initiales.
Validez.
Et voilà, c'est fini ! Vous pouvez répéter avec d'autres images, comme vous voulez !
 
http://www.crystalxp.net/forum/mesimages/327855/pixel-mario2.png
 
À bientôt !!


Message édité par Tardio le 19-07-2010 à 17:09:38

---------------
http://www.crystalxp.net/forum/mesimages/327855/signature naheulbeuk.png
"Je suis niveau 2, tralatatatala ! Je suis niveau 2, tralatatatala !!" by le Nain, Le Donjon de Naheulbeuk
answer
mood
GoogleAds
profil
Posté le 09-05-2009 à 20:14:44  
 

answer
n°22940
Courforest
Profil : New Penguin
Avatar
profil
Posté le 09-05-2009 à 20:43:40  
 

C'est joli tout plein ça.  
J'essaierais dès que j'ai un moment, merci du partage.


Message édité par Courforest le 09-05-2009 à 20:44:12
answer
n°22941
banana.boy
Profil : Top Penguin
Avatar
profil
Posté le 09-05-2009 à 22:45:18  
 

Je trouve que ça rend mieux sans l'étape de relief. ;)

answer
n°22945
V@l
Graphiste cubique
Profil : Top Penguin
Avatar
profil
Posté le 12-05-2009 à 15:35:31  
 

Moi aussi !
Je trouve que c'est un peu aliasé en haut a droite ;)

answer
n°22948
Ano Nyme
Bavarder. Bouquiner. Créer.
Profil : Big Penguin
Avatar
profil
Posté le 12-05-2009 à 21:38:12  
 

V@l a écrit :

Moi aussi !
Je trouve que c'est un peu aliasé en haut a droite ;)


 
Euh... Ça veut dire quoi "aliasé" ? :ohwell:


Message édité par Ano Nyme le 12-05-2009 à 21:40:10

---------------
http://www.crystalxp.net/forum/mesimages/327855/signature naheulbeuk.png
"Je suis niveau 2, tralatatatala ! Je suis niveau 2, tralatatatala !!" by le Nain, Le Donjon de Naheulbeuk
answer
n°22953
V@l
Graphiste cubique
Profil : Top Penguin
Avatar
profil
Posté le 13-05-2009 à 16:51:20  
 

Ca veut dire qu'on voit trop les pixels
C'est l'effet d'escalier

answer
n°22957
Ano Nyme
Bavarder. Bouquiner. Créer.
Profil : Big Penguin
Avatar
profil
Posté le 14-05-2009 à 07:25:03  
 

Ah... Merci !
 
Je posterai d'autres images "en relief" sur ce topic, restez à l'écoute !!


---------------
http://www.crystalxp.net/forum/mesimages/327855/signature naheulbeuk.png
"Je suis niveau 2, tralatatatala ! Je suis niveau 2, tralatatatala !!" by le Nain, Le Donjon de Naheulbeuk
answer
n°22960
V@l
Graphiste cubique
Profil : Top Penguin
Avatar
profil
Posté le 14-05-2009 à 19:21:40  
 

Naaaaaaaaaaaaaan !!!
 
Pas de relief, c'est troptrop laiiiiiiiid !!!
 
 
:(

answer
n°22986
MangaMaster
Profil : Penguin
Avatar
profil
Posté le 26-05-2009 à 02:35:47  
 

J'aime pas trop l'effet relief mais a part sa ton tuto est très bien expliqué et réussi.
Merci
A+

answer
n°22993
Ano Nyme
Bavarder. Bouquiner. Créer.
Profil : Big Penguin
Avatar
profil
Posté le 29-05-2009 à 20:24:19  
 

On peu aussi faire une variante pour faire plus de hauteur, en dupliquant plus de calques et en les décalant. Et comme une image vaut parfois mieux qu'un long discours (si si  :oui: !) :
http://www.crystalxp.net/forum/mesimages/327855/logo ubuntu 1.png
 
Par contre, je n'ai pas réussi à éliminer l'aliasing (saleté  :grrrrrr: !!)


---------------
http://www.crystalxp.net/forum/mesimages/327855/signature naheulbeuk.png
"Je suis niveau 2, tralatatatala ! Je suis niveau 2, tralatatatala !!" by le Nain, Le Donjon de Naheulbeuk
answer
n°23026
V@l
Graphiste cubique
Profil : Top Penguin
Avatar
profil
Posté le 07-06-2009 à 13:40:54  
 

Pour ça, zou !
 
Un petit flou gaussien sur la (les ^^) parties alliasées, de 0,3

answer
n°23126
Ano Nyme
Bavarder. Bouquiner. Créer.
Profil : Big Penguin
Avatar
profil
Posté le 20-06-2009 à 14:13:23  
 

Okédac ! Merci pour l'aide !!


---------------
http://www.crystalxp.net/forum/mesimages/327855/signature naheulbeuk.png
"Je suis niveau 2, tralatatatala ! Je suis niveau 2, tralatatatala !!" by le Nain, Le Donjon de Naheulbeuk
answer
n°23127
djeric
le monde est 3D
Profil : Penguin Pro
Avatar
profil
Posté le 20-06-2009 à 15:40:54  
 

juste pour le fun :)
 
http://www.crystalxp.net/forum/mesimages/136029/pixel-mario1_ericdesign.png


---------------
http://www.crystalxp.net/forum/mesimages/136029/sigmature ipod_ericdesign.png
answer
n°23128
MasterCloud
Youkaïdi, youkaïda.
Profil : Animateur
Avatar
profil
Posté le 20-06-2009 à 16:48:03  
 


L'ombre est à l'envers mais c'est pas mal ;)


---------------
Pour examiner la vérité, il est besoin, une fois  dans sa  vie, de mettre toutes choses en doute autant qu'il se peut. (René Descartes.)
answer
n°23129
Ano Nyme
Bavarder. Bouquiner. Créer.
Profil : Big Penguin
Avatar
profil
Posté le 20-06-2009 à 21:09:38  
 

:ar: djeric : Super !! Il dégouline de sueur ? Il a été passé au micro-ondes ? Il a une diarhée aigüe ? Il a essayé de bronzer un jour de canicule (45° à l'ombre) ?  :he: Par contre, il y a de l'aliasing. Mais franchement bravo !


Message édité par Ano Nyme le 20-06-2009 à 21:10:23

---------------
http://www.crystalxp.net/forum/mesimages/327855/signature naheulbeuk.png
"Je suis niveau 2, tralatatatala ! Je suis niveau 2, tralatatatala !!" by le Nain, Le Donjon de Naheulbeuk
answer
n°23351
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 29-06-2009 à 16:53:37  
 

Original... Merci ! ;)
 
P.S : Génial ta version, djeric ! :D


---------------
http://img368.imageshack.us/img368/4764/signaturefagoonbb5.png
..::DeviantArt::..::Site internet::.
answer
n°23448
Ano Nyme
Bavarder. Bouquiner. Créer.
Profil : Big Penguin
Avatar
profil
Posté le 06-07-2009 à 13:52:56  
 

Bon alors désolé pour ceux qui espéraient mieux, mais "c'est mon premier tuto" (la phrase magique :he: ).
À moins (ou plutôt"à plus" ) !!


---------------
http://www.crystalxp.net/forum/mesimages/327855/signature naheulbeuk.png
"Je suis niveau 2, tralatatatala ! Je suis niveau 2, tralatatatala !!" by le Nain, Le Donjon de Naheulbeuk
answer
n°23655
Wizzer
Troll Linuxien
Profil : Top Penguin
Avatar
profil
Posté le 29-07-2009 à 18:06:51  
 

Au fait, au lieu de créer autant de calques et de les déplacer comme ça, pourquoi ne pas simplement en créer deux (voire pas du tout) en déplacer un, et remplir les "vides" en noir, dans ce cas ? Pour de grosses épaisseurs, ce sera plus rapide, moins fastidieux, et ça fait moins "cheat" :he:

answer
n°23657
Ano Nyme
Bavarder. Bouquiner. Créer.
Profil : Big Penguin
Avatar
profil
Posté le 30-07-2009 à 13:34:25  
 

Ah oui, j'y avais pas pensé... C'est pitèt mieux comme ça :paf: !


---------------
http://www.crystalxp.net/forum/mesimages/327855/signature naheulbeuk.png
"Je suis niveau 2, tralatatatala ! Je suis niveau 2, tralatatatala !!" by le Nain, Le Donjon de Naheulbeuk
answer

Aller à :
Ajouter une réponse