Tutoriaux Graphiques : kiradu23 et 49 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3
Page Précédente 
Auteur
 Sujet :

[Tuto Photoshop] Réaliser un Bob-omb.

 
n°10640
LouisV
Cey moi! Eroik Fantaisy!
Profil : Top Penguin
Avatar
profil
Posté le 19-04-2007 à 16:44:56  
 

.::Réaliser un Bob-omb::.

  

I - Introduction

 

Bonjour ! Je me présente a vous aujourd'hui pour vous permettre de réaliser un "Bob-omb". Vous savez c'est petite bombes qui vous ont fait perdre des centaines de parties à Mario.  :he:
Dans ce tutorial, j'essayerai d'être le plus précis possible, il vous permettra de comprendre les techniques de crystalisations, d'ombrages et de vectorielles. Et oui il sera en vectorielle.
Assez parlé, commençons.

 

II - Réalisation

 

Premiére partie- Télécharger le Patron
Avant de vous lancer dans la création du Bob-omb, vous devrez dabord télécharger un patron, si vous êtes à l'aise avec la plume vous n'êtes pas obligé, sinon le choix s'impose. Celui-ci est un PSD.
Voici le patron:

 

http://img204.imageshack.us/img204/1756/image1pw7.png

 

.::Télécharger le patron::.

 

Une fois que votre patron est téléchargé, ouvrez Photoshop puis votre patron, vous avez donc ceci qui apparait:

 

http://img204.imageshack.us/img204/1756/image1pw7.png

 

Maintenant que ca c'est fait, nous pouvons passer à la seconde partie.

 

Seconde partie - Le corps

 

Bon, alors, le corps c'est le cercle noir, faites disparaitre tout les calques sauf: le fond, le cercle noir.

 

Vous avez donc ceci:

 

http://img151.imageshack.us/img151/7371/image2ka8.png

 

Cliquez sur le calque "Forme du corp" et créé un nouveau calque que vous appelerez "Reflet haut", ( CRTL+MAJ+N ) et transformez le en masque d'encrétage. ( CRTL+ALT+G ) Vous pourrez vous appercevoir que votre calque est en retrait:

 

http://img228.imageshack.us/img228/6382/image3rl2.png

 

Faites une sélection du calque "Forme du corp". (CRTL+CLIC sur la vignette d'une calque )
Allez dans le menu sélection, modifiezs contractez et entré 2 comme valeur, vous pourrez voir votre sélection réduite de 2 pixels.  :smile:

 

http://img216.imageshack.us/img216/114/image4tk0.png

 

Maintenant, sélectionnez l'outil dégradé (1), dans les options en haut, prenez un dégradé de blanc vers transparent (2), puis prenez un "dégradé radial" (3).

 

http://img242.imageshack.us/img242/3735/image5pc4.png

 

Puis, sur le calque, "Reflet haut" toujour en gardant la sélection active, faites comme ceci:

 

http://img172.imageshack.us/img172/2151/image6xs2.png

 

Baissez l'opacitée du calque "Reflet haut" à 80% et surtout ne désélectionnez pas !

 

Voila ce que vous avez pour l'instant:

 

http://img300.imageshack.us/img300/9968/image7ve5.png

 

Maintenant, creez un nouveau calque que vous appelerez "Reflet bas". Passez le en masque d'encrétage comme tout à l'heure. (CRTL+ALT+G) Normalement votre sélection est toujours active. Prenez votre dégradé avec les même options de tout à a l'heure sauf que cette fois, on ne va pas prendre un "dégradé radial" mais un "dégradé linéaire":

 

http://img329.imageshack.us/img329/1733/image8nf2.png

 

Maintenant, faite un dégradé sur le calque "Reflet bas" ainsi:

 

http://img83.imageshack.us/img83/3718/image9ha4.png

 

Une fois que cela est fait, déselectionnez, puis faite une elipse de sélection et appuyer sur la touche "SUPPR" afin d'effacer un morceau de la sélection comme ceci:

 

http://img204.imageshack.us/img204/4656/image10wg1.png

 

Maintenant, recommencez votre sélection du calque "forme du corps" ( CTRL+CLIC sur la vignette du calque ) puis contractez de 2 pixels. Toujour la sélection active, sur le calque reflet bas faite "Filtre/Attenuation/Flou gausien." et entré 8 comme valeur.

 

http://img215.imageshack.us/img215/1961/image11zx8.png

 

Enfin, baissez l'opacitée du corp a 40% et déselectionnez.

 

Voila, votre corp est terminé !

 

Si vous avez bien suivi, vous avez ca:

 

http://img295.imageshack.us/img295/59/image12wm7.png

 

Courage, on n'a fait déjà un morceau, la on s'attaque au yeux, vous verrez c'est super simple !

 

Troisiéme partie - Les yeux

 

Bon alors maintenant, on va faire apparaitre les yeux sur notre calque. Cliquez sur les yeux a coté des calques pour les faire apparaitre. Normalement vous aurez ceci:

 

http://img151.imageshack.us/img151/4993/image13md2.png

 

Commençons par l'oeil droit, tout dabord creez un calque que vous nommerez "Contraste", et passez le en masque d'encrétage. ( CRTL+ALT+G ) Fait un CTRL+CLIC sur la vignette du calque "Oeil droit", remplissez de noir votre sélection puis contractez de 2 pixel. puis faites un dégradé "linéaire" du blanc vers un gris qui s'apelle "c1c1c1" en cochant la case "inverser". Puis faites comme ceci:

 

http://img222.imageshack.us/img222/5195/image14ne4.png

 

Répétez exactement l'opération précédente pour l'oeil gauche.

 

Vous obtiendrez ceci:

 

http://img95.imageshack.us/img95/4632/image15qy2.png

 

Voila nos yeux sont finis. A l'attaque des pieds !  :biggrin:

 

Quatriéme partie - Les pieds

 

Bon maintenant les pieds.  :smile: Faites apparaitre vos pieds a partir de vos calques en cliquant sur les petits yeux à coté.

 

http://img145.imageshack.us/img145/3236/image16hn9.png

 

Nous allons commencer par le pied droit, donc sélectionnez le calque "Pied droit", créez un nouveau calque que vous appelerez: "Contraste" passez le, lui aussi, en masque d'encrétage.
Aprés, faite un CRTL+CLIC sur le calque "Pied droit"et remplisser le calque contraste avec cette couleur, toujour en gardant la sélection active: "977c00". Contractez de 2 pixels et faites un dégradé linéaire de la couleur "efe700" à "ebab00" veillez à ne pas laisser la case "inverser" cochée. Voici le dégradé:

 

http://img157.imageshack.us/img157/9136/image17nk9.png

 

Maintenant, déselectionné, creer un nouveau calque appelé "reflet", passez le en masque d'encrétage et faites une sélection comme celle-ci: ( A peu prés.  :wink: )

 

http://img153.imageshack.us/img153/7004/image18ym6.png

 

Puis faite un dégradé "Radial" comme ceci:

 

http://img241.imageshack.us/img241/4711/image19wk6.png

 

Descendez l'opacitée du calque à 80%.

 

Effectué la même opération du pied droit pour le pied gauche.  :wink: Sauf que cette fois, rajoutez un nouveau calque en masque d'encrétage, appelez le "Ombre" prenez un dégradé noir vers transparents, puis, faites comme ceci:

 

http://img247.imageshack.us/img247/1535/image42sr1.png

 

Baissez l'opacitée à 75%, faites un CTRL+CLIC sur le calque "Pied gauche", contractez de 2 pixels, intervertissez, puis, sur le calque "Ombre" appuyez sur la touche "Suppr"

 

Vous obtiendrez ceci:

 

http://img95.imageshack.us/img95/340/image20nq4.png

 

Les pieds sont finis, ouf !
Maintenant ca va être de plus en plus compliquer. ( c'est un peu le but du tuto.  :wink: )
Passons à la suite.

 

Cinquiéme partie - L'embout de la méche

 

Bon, Maintenant l'embout de la méche. Faites apparaitre l'embout en cliquant sur l'oeil.

 

http://img147.imageshack.us/img147/3627/image21yp5.png

 

Faite un CTRL+CLIC sur le calque "Embout de la méche", creer un nouveau un nouveau calque que vous appelerez "Contraste", passez le en masque d'encrétage. Maintenant, remplissez votre calque, avec la sélection active, de la couleur:  "858585". Contractez de 2 pixels la sélection et faites un dégradé comme ceci: "8e8e8e" ( Position 0%.) --> "d5d5d5" ( Position 50%. ) --> "8e8e8e" ( Position 100% ).
Le dégradé sera linéaire dans cette direction:

 

http://img182.imageshack.us/img182/6332/image22ou1.png

 

Maintenant, creer un calque "Reflet 1" passez le en masque d'encrétage et prenez l'outil de sélection eliptique et faire une sélection comme la mienne:

 

http://img214.imageshack.us/img214/8777/image23ev4.png

 

Puis, faites un dégradé linéaire blanc vers transparents dans la sélection dans ce sens la:

 

http://img143.imageshack.us/img143/9716/image24kz8.png

 

Descendez son opacitée à 90%
Faites un nouveau calque appelez le "Reflet 2" Passez le en masque d'encrétage. puis faites comme précedemment:

 

http://img218.imageshack.us/img218/4954/image25ja4.png

 

Puis ...

 

http://img218.imageshack.us/img218/8076/image26eh8.png

 

Enfin, descendez son opacitée à 50%
Maintenant, faites CTRL+CLIC sur la vignette du calque "L'embout de la méche" contractez de 2 pixels, faites "sélection/intervertir", puis sur les calques "Reflet 1" et "Reflet 2" appuyer sur la touche SUPPR afin d'enlever le blanc du contour.
L'embout est terminé, maintenant la méche. Courage c'est presque fini.  :wink:

 


Sixiéme partie - La méche

 

La encore, ca va être assez délicat ... Mais bon c'est dur mais pas impossible.  :wink:

 

Tout dabord faites apparaitre la méche en cliquant sur l'oeil à coté de son calque.

 

http://img292.imageshack.us/img292/5633/image27kn4.png

 

Creer un nouveaux calque que vous appelerez "Contraste" auquelle vous attribuez le masque d'encrétage.
Faites un CTRL+CLIC sur le calque "Méche" et sur le calque contraste remplissez avec cette couleur "655800", contractez de 2 pixels, faites un dégradé linéaire de la couleur "a28d00" à la couleur "887703". Creez le ainsi:

 

http://img100.imageshack.us/img100/8194/image28rh3.png

 

Maintenant, nous allons creer un effet de "cordage" à notre méche. Pour cela, ouvrez un nouveau document de 10*10 pixels, prenez votre crayon et tracez une croix avec cette couleur: "655800". Ainsi:

 

http://img138.imageshack.us/img138/5731/image29gp6.png

 

Définissait le comme motif en faisant: "Edition/Utiliser comme motif".

 

http://img83.imageshack.us/img83/5104/image30in1.png

 

Appelez votre motif "Cordage".

 

Maintenant revenons-en à la méche de notre Bob-omb, creer un nouveaux calque que vous appelerez "Cordage" en masque d'encrétage, si vous n'avez pas déselectionnez dans l'étape précedente c'est bien. Sinon faites CTRL+CLIC sur la vignette du calque "Méche" et contractez de 2 pixels.
Dans le calques cordage, faites "Edition/ Remplir" dans la boite de dialogue qui s'ouvre, sélectionnez votre motif avec une opacitée de 40%. Pour la suite surtout ne déselectionnez pas ...

 

http://img329.imageshack.us/img329/1210/image31jj9.png

 

Creez un nouveaux calque en masque d'encrétage, appelez le "Reflet", normalement votre sélection est toujour active, donc, maintenant tracer un dégradé linéaire sur votre nouveau calque de la couleur blanche à transparente.

 

http://img329.imageshack.us/img329/728/image32sh7.png

 

Aprés, faites "Sélection/Transformer la sélection" et déplacer la comme ceci:

 

http://img142.imageshack.us/img142/7479/image33ce1.png

 

Faites "Sélection/intervertir" puis SUPPR. Enfin descendez l'opacité à 60%. Voilà la méche est terminé. Maintenant, le plus dur ! La clef, comme c'est du métal beaucoup de reflets et de dégradé vont apparaitre.  :666: ( Et restera une ou deux bricole aprés. )

 

Bon, si vous vous en êtes pas trop mal sorti, vous avez ceci:

 

http://img135.imageshack.us/img135/9971/image34fq7.png

 

Septiéme partie - La clef

 

La vous avez du boulot !  :he:

 

Bon, dabord, faites apparaitre le calque "Clef" cliquer sur l'oeil pour ca.

 

http://img244.imageshack.us/img244/6817/image35jx6.png

 

Tout dabord, l'effet 3D, pour cela, dupliquez le calques "Clef" sélectionnez l'outil de deplacement, et, en maintenant la touche ALT appuyez 4 fois sur la touche "fléche gauche" et 2 fois sur la "fléche haut". Vous remarquerez que votre calque à était dupliquez autant de fois que vous appuyez sur les fléches. Fusionnez tout les calques qui ont était dupliqué. ( Comptait le premier dupliquata que vous avez creez. ) Renomez le calques que vous avez récupéré en "3D".
Comme ceci est un peu flou je vais vour montrez ma palette des calques:

 

http://img186.imageshack.us/img186/5607/image36cj0.png

 

Faites un CTRL+CLIC sur le calque 3D, puis rfaites un dégradé de cette couleur: "5f5f5b" --> "aba503", puis, passez le calque "3D" en dessous du calque "Clef".

 

Bon, le plus dur, alors selectionnez l'outil "rectangle de sélection", creer un nouveau calque en masque d'encrétage au dessus de la 3D et appelé le "Reflet". faites un CTRL+CLIC sur le calque "3D" contractez de 2 pixels et tracez un dégradé de bas en haut de blanc vers transparent, puis avec l'outil rectangle de selection effacez des morceaux pour faire les reflets:

 

http://img262.imageshack.us/img262/7268/image37jh9.png

 

Puis passez le calque "Reflet" en mode "incrustation". Faites un CTRL+CLIC sur le calques 3D puis contractez de 2pixels, inversez, et, sur le calque reflet appuyez sur la touche SUPPR.

 

http://img401.imageshack.us/img401/8089/image38iv2.png

 

Maitenant, prenez votre calque "Clef" creer un masque d'encrétage par dessus, puis appelez le "Reflet", faites un CTRL+CLIC sur le calque "Clef" puis contractez de 2 pixels, enfin faites un dégradés blanc vers transparent de haut en bas. puis tracez une elipse comme celle-ci:

 

http://img294.imageshack.us/img294/9553/image39fq4.png

 

Puis appuyez sur la touche SUPPR. Puis descendez l'opacitée a 70%

 

Voilà la clef est terminée,
Vous avez ceci normalement:

 

http://img441.imageshack.us/img441/7467/image40pg5.png

 


Huitiéme partie - L'ombre

 

Enfin fini, enfin presque !  :fouet:

 

On va faire l'ombre, aller c'est pas dur !

 

Bon creez un calque ( que vous appelerez "Ombre" ) en dessous tout les autres. ( Sauf le fond ) Prenez l'outil de l'elipse de sélection puis faites un cercle comme ceci:

 

http://img180.imageshack.us/img180/8554/image41ht4.png

 

Enfin, remplissez la sélection de noir, appliquez un flou gausien de 15 pixels, et baissez l'opacitée de votre calque à 50%.

 

Si vous avez bien suivi le tuto, vous obtiendrez ca à peu prés:

 

http://img184.imageshack.us/img184/4210/image43fz6.png

 

Si vous voulez le reproduire pour votre site, ou autre, dites le moi.

 

A plus !

answer
mood
GoogleAds
profil
Posté le 19-04-2007 à 16:44:56  
 

answer
n°10660
dlb
q|p
Profil : Admin
Avatar
profil
Posté le 24-04-2007 à 08:27:00  
 

Je valide ! Le personnage est sympathique, il y a un bel effort de présentation du tuto, et le résultat est pas trop mal  :wink:
Bravo  :great:

 

PS : les images mettent beaucoup de temps à s'afficher chez moi. Si tu veux que CrystalXP les héberge ainsi que le PSD, contact moi.

answer
n°10662
PikaJean
Profil : Top Penguin
Avatar
profil
Posté le 24-04-2007 à 08:54:12  
 

Bravo eroik fantaisy! :great:
Le résultat est sympa, quoique ça aliase un peu. J'aurai vu plus d'effets sur la clef, un effet bronze/doré par exemple. :wink:

 

:great:

answer
n°10663
feever
Profil : Top Penguin
Avatar
profil
Posté le 24-04-2007 à 09:36:10  
 

sympa le tuto. je ferai peut etre un essai si j'ai un peu de temps

answer
n°10664
steretrix
Profil : Penguin Pro
Avatar
profil
Posté le 24-04-2007 à 11:19:09  
 

Très joli tutos et le resultatt est pas mal ^^

answer
n°10665
I love Heroes
Profil : Penguin
Avatar
profil
Posté le 24-04-2007 à 11:27:28  
 

C'est super jolie !!
Quoique un peu aliasé ^^ :boulay:
je tenterait le tuto quand j'aurais l temps  :great:

answer
n°10666
dilon
Profil : Penguin
Avatar
profil
Posté le 24-04-2007 à 11:41:34  
 

Super tuto !
Je ne comprends pas pourquoi tu dis que c'est en vectorielle ? :neutral:
Vectorielle c'est quand tu peu agrandir et retrécir l'image à volonté sans perte de qualité et sans aliasing.

answer
n°10667
Tatice
Borsalino Gang
Profil : Penguin Pro
Avatar
profil
Posté le 24-04-2007 à 12:45:30  
 

Vraiment bon tuto Eroik, en plus il est clair et détaillé. :cool:

answer
n°10668
dadoux
Plutot mourir qu'vivre pas Ivre !
Profil : Penguin Pro
Avatar
profil
Posté le 24-04-2007 à 16:05:59  
 

Puissant ce tuto, Mario vaincra ! :he:.

answer
n°10669
0mega
Art isnt what you see but what you make others see
Profil : Penguin Pro
Avatar
profil
Posté le 24-04-2007 à 16:21:00  
 

C'est sympa :great: mais on peut amelioré la crysta :wink:

answer
n°10670
leo_killer
Flash penguin
Profil : Penguin Pro
Avatar
profil
Posté le 24-04-2007 à 16:28:14  
 

Joli  :great:  A quand Mario et les autres ?  :boulay:

answer
n°10671
0mega
Art isnt what you see but what you make others see
Profil : Penguin Pro
Avatar
profil
Posté le 24-04-2007 à 16:46:39  
 

voici ma version :he:

 

http://uploadforyou.free.fr/images/miaxxzd9.png

answer
n°10672
Frana
Profil : Penguin Pro
Avatar
profil
Posté le 24-04-2007 à 16:52:31  
 

Je préfère la version d'0mega :mdr:

 

Bravo quand même :great:

 

Le tuto, enfin le bob-omb pourrait être paufiner et mettre des couleurs plus vive :wink:

answer
n°10673
0mega
Art isnt what you see but what you make others see
Profil : Penguin Pro
Avatar
profil
Posté le 24-04-2007 à 17:20:52  
 

Merci :mdr:

answer
n°10674
Max74
Profil : Top Penguin
Avatar
profil
Posté le 24-04-2007 à 17:58:34  
 

Joli tuto bravo :wink: Moi je préfère juste la clé d'omega car la crystallisation sur celle du tuto est pas top (enfin mon avis ... :he:) Mais globalement Omega je trouve ta version TROP crystallisé :lol: Sinon je trouve l'aspect de la mèche pas super, il faudrait essayer de donner un aspect plus rugueux et moins crystalliser :mdr: Enfin je dis ça .... Je dis rien ...

answer
n°10677
Rg12
Profil : Penguin
Avatar
profil
Posté le 24-04-2007 à 21:44:11  
 

Joli tuto en effet :smile:
Mais je pense que le contour des yeux et du personnage pourrait être amélioré, ca fait un peu abrupte comme couleur je trouve, mais peut-être que c'est moi ^^

answer
n°10678
mathieu77200
Profil : New Penguin
Avatar
profil
Posté le 24-04-2007 à 22:08:22  
 

NIiiiiiiiiiNTENDOOOOOOOOOOOOOOOOOOOOOOOOOO !! ouh ou !!!!

answer
n°10682
toogy
http://toogy.fr
Profil : Penguin Pro
Avatar
profil
Posté le 25-04-2007 à 07:03:07  
 

Citation :

NIiiiiiiiiiNTENDOOOOOOOOOOOOOOOOOOOOOOOOOO !! ouh ou !!!!

 

:he:

 

moi je préfère le patron à la version finale. :oui:

answer
n°10683
Max74
Profil : Top Penguin
Avatar
profil
Posté le 25-04-2007 à 07:33:01  
 

Lol bah toogy quand même c'est un sacré boulot ce qu'il a fait :he:

answer
n°10691
Lukas54
Profil : Penguin Pro
Avatar
profil
Posté le 25-04-2007 à 21:00:57  
 

Bon Tuto :great:

answer
n°10699
X-Dranka
Profil : Big Penguin
Avatar
profil
Posté le 26-04-2007 à 12:35:53  
 

Bon tuto, effet très sympa bien joué :biggrin:
Je le ferais ce soir et c'est vrai on peut faire mieu question crystalisation mais c'est déja du bon travail :biggrin:

answer
n°10700
jer'm
Avatar
profil
Posté le 26-04-2007 à 15:43:52  
 

bon tuto, la clef est bof, mais le reste est sympa :cool:

answer
n°10701
toufik1986
Profil : New Penguin
Avatar
profil
Posté le 26-04-2007 à 21:43:14  
 

trés Joli tuto thanks...

answer
n°10702
X-Dranka
Profil : Big Penguin
Avatar
profil
Posté le 26-04-2007 à 21:46:27  
 

voila ce que j'ai fait moi :tongue:

 

http://img255.imageshack.us/img255/9505/bobombkd5.png

 

Juste un truc me soule c'est que j'ai pas l'impression d'avoir asser apporté ma touche perso :ouch: je le trouve trop comme l'originale :biggrin: mais je ne sais pas quoi faire donc si vous avez des idées nhésiter pas :biggrin:

answer
n°10703
Hadash
Profil : Big Penguin
Avatar
profil
Posté le 26-04-2007 à 21:48:52  
 

Essaye de tourner "sa queue" dans l'autre sens :wink: . :jap:

 

Sinon très bien réaliser (le tuto aussi bien sur!;)

answer
 Page :  1  2  3
Page Précédente 

Aller à :
Ajouter une réponse