| karabe Profil : New Penguin | 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 :

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.
Ensuite on créé une sélection à partir de ce tracé (en général cela se fait sur dans la palette des tracés).
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é.
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.
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.

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.
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).
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é.
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.
Enfin terminé !
Normalement ça devrait donner ça :
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 !!! | |
dlb q|p Profil : Admin | Merci beaucoup pour ce tuto et jolies créations au passage  | |
La fouine Profil : Penguin Pro | J’ai souvent entendu parler de la plume mais je n’arrive pas a la faire fonctionner la est mon problème en faite Par contre pour ton tuto chapeau et très beau boulot vraiment merci  | |
Rol Profil : Penguin Pro | pas mal ... on doit pouvoir le fair eavec photoshop  | |
ddr Profil : Penguin | ouais surement je vais essyer de le faire avec photosshop cette aprem | |
ATuX Atux is not dead,NO! Profil : Penguin Pro | | |
karabe Profil : New Penguin | Mais de rien ! Merci pour votre accueil, ça fait plaisir. Bien sur, c'est faisable avec Photoshop, en utilisant les mêmes outils d'ailleurs. Petite précision : j'avais oublié de dire qu'à chaque étape il vaut mieux créer un nouveau calque pour plus de confort et pour pouvoir revenir en arrière. En tous cas, n'hésitez pas à poster ce que vous aurez fait, ça m'interesse beaucoup. | |
ATuX Atux is not dead,NO! Profil : Penguin Pro | C'est plus souple avec une palette graphique | |
La fouine Profil : Penguin Pro | karabe a écrit :
Mais de rien ! Merci pour votre accueil, ça fait plaisir. Bien sur, c'est faisable avec Photoshop, en utilisant les mêmes outils d'ailleurs. Petite précision : j'avais oublié de dire qu'à chaque étape il vaut mieux créer un nouveau calque pour plus de confort et pour pouvoir revenir en arrière. En tous cas, n'hésitez pas à poster ce que vous aurez fait, ça m'interesse beaucoup.
|
merci a toi pour tout comment fait tu pour pouvoir faire les formes avec la plume moi sa fait un tres et puis au desieme clic sa le deforme bizarment et donc je n'arrive a rien une sorte de petit tuto encore  | |
Link.BS Profil : Penguin | Oué superbe tuto! Je ne pensais pas que c'était aussi facile de reproduire (à peu près) l'icône de firefox En plus sa m'a permis d'utiliser la plume que je n'arrivais pas trop à manier  Un p'tit aperçu : Je sais c'est pas terrible surtout la boule (que j'ai créé en vitesse) | |
karabe Profil : New Penguin | Link.BS a écrit :
Oué superbe tuto! Je ne pensais pas que c'était aussi facile de reproduire (à peu près) l'icône de firefox En plus sa m'a permis d'utiliser la plume que je n'arrivais pas trop à manier  Un p'tit aperçu : Je sais c'est pas terrible surtout la boule (que j'ai créé en vitesse)
|
Moi je trouve la boule très bien :-) C'est pas mal du tout, tu as compris le principe. Cependant tu utilises la plume en faisant uniquement des angles et tu ne crées pas de courbes. Or, tout l'avantage de cet outil c'est justement de pouvoir créer les formes que l'on veut, qu'elles soient angulaires ou courbes. C'est vrai que j'aurais dû préciser comment on utilise cet outil. Ben ok alors ;-). Par contre je vous préviens que moi aussi je suis novice donc ne vous attendez pas à quelque chose d'extraordinaire. Perso, je pense que la souris est plus adaptée pour ce genre de réalisations. Enfin ça c'est mon avis... ;-) Bon, ben dès que j'ai un peu de temps j'entame le tuto plume. A bientôt les gens... | |
acidtux Profil : Penguin | karabe, ce serai peut etre mieu si tu donnais la deja la boule | |
La fouine Profil : Penguin Pro | il faut pas abuséquand meme et pour ta gouverne il y a une boule dans la galerie png et si tu vas voir dans les tuto il y a comment faire une boulle la aussi il y a une boule et le mieu serrai de la faire
| |
Djtux gribouilleur Profil : Penguin Pro | Tuto assez dur mais très utile et très bien  | |
Rol Profil : Penguin Pro | il suffit de un peu de concentration et d application et hop ! c est dans la poche !  | |
La fouine Profil : Penguin Pro | Rol a écrit :
il suffit de un peu de concentration et d application et hop ! c est dans la poche ! 
|
fait nous voir ton chédeuvre rol! et oui moi aussi je trouve sa plutot dure a faire et pour y arrivé il faut du temps | |
karabe Profil : New Penguin | Salut! Voici la boule en question (au format png) boule.png Apparament mon tuto est dificile, et je m'en excuse. Un tuto doit être accessible, si ce n'est pas le cas c'est que quelque chose cloche. Je vais essayer de le remanier plus tard. Je n'ai pas eu le temps de faire le tuto sur l'outil plume, mais j'y travail. PS : Ca ne me dérange pas que vous utilisiez la boule pour autre chose que le tuto (icone, avatar etc.) mais j'aimerais que vous me préveniez avant par e-mail ou mp. Merci | |
La fouine Profil : Penguin Pro | c'est pas ton tuto qui est mal fait karabe c'est nous qui somme nul  | |
Skafandrier Profil : Top Penguin | Faut arreté il a l'air compliqué le tuto, faut savoir manier la plume  | |
La fouine Profil : Penguin Pro | savoir manier la plume ne veut pas dire que son tuto est mal fait
| |
Rol Profil : Penguin Pro | mort de rire la fouine !! c'est vrai que tu es tres nul La fouine !! mdr !! je rigole 
| |
La fouine Profil : Penguin Pro | attention rol je vais devenir tres lol 
| |
Rol Profil : Penguin Pro | En plus je suis plus nul que toi ! mdr ! 
| |
Skafandrier Profil : Top Penguin | Mais j'ai pas dit que le tuto était mal fait ... | |
Didas le soleil se lève avant moi, je me couche après lu Profil : God of Penguins | on peut arrêter les posts inutiles, avant que certains ne se spécialisent dans le flood. j'ai la vague impression de lire la moitié des posts pour rien ces derniers temps.  (et c'est galère pour ceux qui débarquent sur notre forum et n'arrivent même plus à suivre le sujet d'un topic, tant la discussion part dans tous les sens...) | |
| |