Tutoriaux Graphiques : Eskejesais et 29 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3  4  5
Page Suivante 
Auteur
 Sujet :

[Tuto TheGimp] La fourrure de Firefox

 
n°22507
hawk2b
Sobre**
Profil : Penguin
Avatar
profil
Posté le 04-02-2009 à 19:17:56  
 

Reprise du message précédent :
Pas mal je me demandais comment faire :)


---------------
http://www.noelshack.fr/voir/010309/Quadrature_black-out_HADOPI_234x60px083654.gif
Black Out du Web Francais .
answer
mood
GoogleAds
profil
Posté le 04-02-2009 à 19:17:56  
 

answer
n°22508
hawk2b
Sobre**
Profil : Penguin
Avatar
profil
Posté le 04-02-2009 à 19:18:45  
 

K4TRIX c immonde :d


---------------
http://www.noelshack.fr/voir/010309/Quadrature_black-out_HADOPI_234x60px083654.gif
Black Out du Web Francais .
answer
n°23494
zibou00
Profil : New Penguin
Avatar
profil
Posté le 12-07-2009 à 12:22:18  
 

Merci pour ce tuto, j'aimerai reproduire plus ou moin le même effet que le logo de Thunderbird, mais avec un hibou (allez savoir pourquoi :D).
Ce tuto mais beaucoup m'aider ;)

answer
n°24573
sitelight
http://www.sitelight.tk/
Profil : Penguin
Avatar
profil
Posté le 31-12-2009 à 10:25:34  
 


Salut ATuX, je sais que j'en demande Beaucoup mais j'ai achété Photoshop, Illustrator et Flash CS4 et j'adoooooore ton avatar, stp est-ce que tu pourrais faire un tuto pour le réaliser, merci d'avance ;)
Sinon super tuto !!! :party:  :party:  =D


---------------
http://img265.imageshack.us/img265/8246/sign320x80.png
answer
n°25740
7H3 K1LL3R
Profil : New Penguin
Avatar
profil
Posté le 13-08-2010 à 17:57:05  
 

karabe a écrit :

Salut,
 
On m'a demandé de faire un petit tuto pour expliquer comment j'avais réalisé la queue de Firefox et l'aile de Thunderbird dans ces deux icones :
 
http://img201.imageshack.us/img201/8618/firefoxoe3.pnghttp://img241.imageshack.us/img241 [...] irddy6.png
 
En fait c'est vraiment tout simple à faire. Une fois que j'aurai terminé, vous verrez qu'il n'y avait pas besoin de tuto !! ;-)
Je l'ai fait sur le logiciel The Gimp mais cela peut être fait sur n'importe quel soft de retouche d'image.
(Si je me trompe ou si vous désirez des éclaircissements sur certains points, n'hésitez pas à me le dire, j'éditerai ce post.)
 
Nous n'allons pratiquement utiliser que deux outils : la plume (appelée parfois "chemin", "tracé", "courbe de bézier", etc.) et l'outil dégradé.
 
On commence par faire le tracé général de la queue avec l'outil plume en faisant en sorte de faire une ou deux petites pointes de part et d'autre de la queue afin de bien signifier que c'est un pelage.
 
http://img241.imageshack.us/img241/5747/capt1dp2.jpg
 
Ensuite on créé une sélection à partir de ce tracé (en général cela se fait sur dans la palette des tracés).
 
http://img241.imageshack.us/img241/6577/capt2ta7.jpg
 
Dans cette sélection, on applique un dégradé qui va du rouge foncé vers l'orange.
Le dégradé rend l'image plus "agréable" et traduit très simplement un effet de volume (regardez vos icônes, il y a très souvent des dégradés). Ici, le rouge foncé est du côté le moins éclairé.
 
http://img201.imageshack.us/img201/1681/capt3tp7.jpg
 
Nous allons maintenant ajouter du relief et faire ressortir les poils du pelage.
Pour cela, commencez par faire un tracer pratiquement en forme de triangle, au bout de la queue.
 
http://img241.imageshack.us/img241/9050/capt4sh3.jpg
 
Comme précédemment, convertissez ce tracé en sélection puis appliquez-lui un dégradé "Jaune vers transparent". Une fois fait, on recommence l'opération plusieurs fois en suivant la courbe de la queue et en faisant des triangles de plus en plus larges. Placez-les à votre convenance (vous pouvez vous inspirer de l'icône originale de Firefox). Essayez de faire en sorte que le jaune soit de moins en moins vif au fur et à mesure qu'on s'éloigne du bout de la queue.
 
http://img117.imageshack.us/img117/4841/capt5to2.jpghttp://img241.imageshack.us/img241/5835/capt6ie9.jpg
 
A ce stade, je me suis rendu compte en réalisant mon image que la forme de la partie sombre de la queue ne me plaisait pas trop. Alors je l'ai retouchée en utilisant à nouveau l'outil plume (+sélection) et en appliquant des aplats rouges (donc l'outil pot de peinture).
Ces aplats redessinent la forme de la queue mais donnent aussi un effet très intéressant car ils "mordent" sur la partie orange de la queue et renforce l'impression  d'un pelage multicolore.
 
http://img117.imageshack.us/img117/7548/capt7rf4.jpg
 
J'ai réutilisé cet effet pour pour fignoler la partie sombre du pelage : on créé à nouveau des sélections qui mordent dans la partie rouge foncée et on y applique un dégradé qui va du rouge très sombre vers le transparent (d'ailleurs c'est un peu l'effet qui est utilisé dans l'icône originale de Firefox).
 
http://img241.imageshack.us/img241/9191/capt8if4.jpg
 
Tout ça c'est bien mais l'icône Firefox est aussi censée exprimer l'idée de "feu".
Pour cela, on va rajouter de légers dégradés blancs sur les pointes jaunes qu'on avait fait précédemment. On aura alors bien les trois couleurs qu'on utilise généralement pour représenter des flammes : le rouge, le jaune et le blanc.
La méthode est toujours la même : tracé puis sélection puis dégradé.
 
http://img201.imageshack.us/img201/665/capt9ex9.jpg
 
Ouf !! Presque fini !! Il nous reste juste une petite opération de fignolage.
La queue fait le tour du globe et une partie de la lumière qui se trouve derrière celui-ci effleure un peu le côté sombre de la queue.
Vous connaissez le principe : tracé-sélection-dégradé blanc vers transparent.
 
http://img241.imageshack.us/img241/5116/capt10sz8.jpg
 
Enfin terminé !
Normalement ça devrait donner ça :
 
http://img201.imageshack.us/img201/8618/firefoxoe3.png
 
Pour l'aile de Thunderbird c'est la même méthode.
Comme vous le voyez, je n'ai utilisé que très peu d'outils, et c'est à chaque fois la même opération...
J'espère vous avoir aidé et j'attends de voir vos œuvres avec impatience !!!


 
super le tuto mais quelle couleur prendre pour le dégradé de thunderbird

answer
 Page :  1  2  3  4  5
Page Suivante 

Aller à :
Ajouter une réponse