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 !!!
|