Entraide Graphique : WinTrust Exposition Graphique : musegd22, vivick_k-fa et 87 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto Photoshop] Créer une casquette pour un tux G2

 
n°24028
tsg
Profil : Penguin
Avatar
profil
Posté le 31-08-2009 à 14:03:30  
 

http://www.crystalxp.net/forum/mesimages/336969/titre.png5..png

 
Bonjour à tous! dans ce tutoriel, nous allons réaliser une casquette pour un Tux G2. Ce cours a été réalisé avec Photoshop CS4 mais il est tout à fait possible d'en imiter les effets avec d'autres versions (sauf Photoshop Elements). Nous allons aborder le tracé à la plume et une série de styles de calque, comme toujours dans la réalisation d'un Tux. La durée de réalisation de ce tuto est variable, mais comptez entre 5 et 10 minutes.
Vous êtes prêts? On y va!
 
1. Rendu Final
 
Voici ce que vous arriverez (normallement :wink: ) à faire à la fin de cours:
 
http://www.crystalxp.net/forum/mesimages/336969/rendufinal.png2..png

 
2. Etapes

2.1 Importation du tux et préparation du terrain.

 
La première chose à faire, vous vous en doutez sans doute, est d'importer un tux. Dans mon cas, je travaille sur un fichier SD de 256 pixels². J'ai fusionné les calques des étapes de réalisation du tux afin de ne pas encombrer mon fichier psd final. Pour résumer, vous vous trouvez normalement devant une organisation des calques semblable à cette image:
 
http://www.crystalxp.net/forum/mesimages/336969/001.png2..png

 
Nous allons décomposer notre casquette en deux parties: la partie 1 qui regroupe les calques de la visière et la partie 2 qui rassemble le reste. Ces parties seront séparées dans deux groupes. Créez-les maintenant.
 
http://www.crystalxp.net/forum/mesimages/336969/002.png2..png

 
Nous allons d'abord travailler avec le groupe Visière mais avant, agrandissez la taille de la zone de travail en hauteur (Image>Taille de la zone de travail ou ALT+CTRL+C).
 
2.2 Premier tracé à la plume.
 
2.2.1 Créez un nouveau calque dans le groupe Visière et nommez-le "Base Visière"
2.2.2 Sélectionnez l'outil Plume (P). Laissez les options telles qu'elles sont et cochez la case "Ajout/Suppression Auto" si ce n'est pas déjà fait.
2.2.3 Ajoutez maintenant des points d'ancrage afin de créer un triangle au-dessus des yeux (voir image)
 
http://www.crystalxp.net/forum/mesimages/336969/003.png2..png

2.2.4 Faites CTRL+Clic sur le tracé et rajoutez trois points d'ancrage sur la base du triangle (voir image)
 
http://www.crystalxp.net/forum/mesimages/336969/004.png3..png

2.2.5 Sélectionnez le point N°2 et, tout en gardant CTRL enfoncé, déplacez-le vers le haut
2.2.6 Sélectionnez maintenant le point 1 et, avec la touche ALT, tirez le point d'ancrage afin d'arriver à un tracé courbe. Répétez l'opération avec le point 3.
 
http://www.crystalxp.net/forum/mesimages/336969/005.png1..png

2.2.7 Vous pouvez ajuster le résultat avec les touches CTRL et ALT. Nous allons maintenant nous intéresser aux points situés sur le côté du triangle. Sélectionnez-les et, avec la touche ALT, transformez-les en courbe. Vous pouvez ainsi rajouter ou supprimer des points d'ancrage pour arriver à un résultat semblable à cette image:
 
http://www.crystalxp.net/forum/mesimages/336969/006.png1..png

2.2.8 Rendez-vous maintenant dans le panneau des tracés. Cliquez-droit sur le tracé de travail et sélectionnez "Fond du tracé...".
 
http://www.crystalxp.net/forum/mesimages/336969/007.png1..png

Vous pouvez valider la fenêtre telle qu'elle est, la couleur n'a pas d'importance.

2.3 Remplissage de la base de la visière

 
Votre calque "base Visière" doit maintenant ressembler à ça:
 
http://www.crystalxp.net/forum/mesimages/336969/008.png1..png

 
2.3.1 Double-cliquez sur le calque "Base Visière" pour ouvrir la fenêtre des styles de calque. Cochez la case "Incrustation en dégradé" et parmétrez-la comme suit:
 
http://www.crystalxp.net/forum/mesimages/336969/009.png1..png

2.3.2 Dupliquez maintenant le calque "Base visière". Renommez "Base visière copie" en "Épaisseur Visière". Pixelisez-le et appuyez sur CTRL+U. La fenêtre de teinte/saturation va apparaître.
        Baissez sa luminosité à -50 et validez.
 
http://www.crystalxp.net/forum/mesimages/336969/010.png1..png

2.3.3 Décalez ce calque de deux pixels vers le bas.
 
2.4 Ombres de la visière
 
Dans l'étape précédente, nous avons donne du relief à la visière. Il faut maintenant lui rajouter des ombres!
 
2.4.1 Créez un nouveau calque en haut du groupe. Nommez-le "Ombre Visière"
2.4.2 Sélectionnez l'outil Pinceau (B) et réglez-le sur une taille de 17 pixels à bords doux. Peignez maintenant deux lignes noires comme sur l'image.
 
http://www.crystalxp.net/forum/mesimages/336969/011.png1..png

 
2.4.3 Appliquez-leur un flou gaussien de 6 pixels et baissez leur opacité à 40%
2.4.4 Récupérez la sélection du calque "Base Visière" en appuyant sur CTRL et en cliquant sur sa vignette. Faites un clic droit à l'intérieur de la sélection et cliquez sur "Intervertir". Rendez-vous sur votre calque "Ombre Visière" et appuyez sur Delete ou Suppr.
2.4.5 Créez un nouveau calque en-dessous d'"Épaisseur visière" et peignez dessus avec un pinceau doux (comme sur l'image). Appliquez un flou gaussien, baissez son opacité et récupérez la sélection du corps du tux pour supprimer l'ombre en trop.
 
http://www.crystalxp.net/forum/mesimages/336969/012.png1..png

 
Votre visière est terminée!

2.5 Dessin de la base

 
2.5.1 Ajoutez un calque dans le groupe "corps" et nommez-le "base". Reprenez l'outil Plume et dessinez un tracé comme sur mon image:
 
http://www.crystalxp.net/forum/mesimages/336969/013.png1..png

2.5.2 Rendez-vous dans le panneau des tracés et créez un fond. Une fois de plus, la couleur n'a pas d'importance.
 
http://www.crystalxp.net/forum/mesimages/336969/007.png1..png

 
2.6 Colorisation de la base
 
2.6.1 Double-cliquez sur le calque "base". Dans la fenêtre des styles de calque, cochez "Incrustation en dégradé" et réglez comme suit:
 
http://www.crystalxp.net/forum/mesimages/336969/014.png2..png

 
2.6.2 Créez un nouveau calque "lignes" au-dessus de "base". Reprenez l'outil plume et tracez une courbe comme celle-ci:
 
http://www.crystalxp.net/forum/mesimages/336969/015.png2..png

 
2.6.3 Sélectionnez l'outil pinceau et réglez sa taille sur 1 px. Réglez la couleur de premier plan sur #360000
2.6.4 Rendez-vous dans le panneau des tracés, cliquez droit sur votre courbe et sélectionnez "Contour du tracé". Validez. Vous pouvez baisser l'opacité de la ligne si vous le souhaitez.
 
http://www.crystalxp.net/forum/mesimages/336969/016.png

 
2.6.5 Recommencez cette opération de l'autre côté de la base. Votre casquette est terminée!
 
- - - Vous pouvez également rajouter un petit bouton au-dessus de la casquette. Pour ce faire, créez un rectangle arrondi 5px et appliquez-lui un style de calque "Incrustation en couleur" en #360000.
 
________________________________________________

 
Voilà! C'est tout pour ce cours. J'espère qu'il vous a plu, si vous avez des questions, remarques, commentaires, déclarations d'amour... n'hésitez pas à poster une réponse!


Message édité par tsg le 02-11-2009 à 16:00:45

---------------
http://img405.imageshack.us/img405/5463/signaturecrxp.png
answer
mood
GoogleAds
profil
Posté le 31-08-2009 à 14:03:30  
 

answer
n°24321
Kootoon
Profil : Penguin
Avatar
profil
Posté le 26-10-2009 à 18:14:15  
 

Waaaaaah !  :redface: Magnifique, j'adore,y'a beaucoup d'image, les étapes bien numérotées et tout...  :great:  
Un seul petit problème je trouve, c'est le manque de "crystalisation". :^^: Peut-être que sur le dessus tu pourrais mettre un p'tit reflet... Mais sinon, GG !  :wink:

answer
n°24323
WhiteSpoon
Profil : Top Penguin
Avatar
profil
Posté le 26-10-2009 à 20:54:20  
 

:great:
Simple et beau :)


---------------
http://img691.imageshack.us/img691/2752/sign2.png
answer
n°24324
Fael
Wacom Addict
Profil : Penguin Pro
Avatar
profil
Posté le 26-10-2009 à 20:57:27  
 

Bon boulot :wink: , la visière a pris la flotte pour onduler comme ça ? :he:


---------------
http://www.crystalxp.net/forum/mesimages/68128/orange.pnghttp://www.crystalxp.net/forum/mesimages/68128/vert.png1..pnghttp://www.crystalxp.net/forum/mesimages/68128/bleu.png1..png
[Paintings & Airbrushing]-[Webdesigns]
La vitesse de la lumière va plus vite que celle du son,
c'est pour cela que l'on voit les gens brillants avant de les savoir cons.
answer
n°24355
tsg
Profil : Penguin
Avatar
profil
Posté le 31-10-2009 à 12:10:46  
 

Merci pour vos commentaires! :smile:  
 

Kootoon a écrit :

Peut-être que sur le dessus tu pourrais mettre un p'tit reflet... Mais sinon, GG !  :wink:


J'ai pensé ajouter un reflet mais j'hésite sur comment le placer  :whistle: .
 

Fael a écrit :

la visière a pris la flotte pour onduler comme ça ? :he:


Tu n'as pas tort... J'aurais du la faire un peu plus plate!

answer

Aller à :
Ajouter une réponse