28 utilisateurs inconnus

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

[Tuto Photoshop] Utiliser l'outil Plume

 
n°1105
k-net
Profil : Penguin Pro
Avatar
profil
Posté le 29-07-2005 à 12:48:12  
 

Ce petit tuto facile va vous familiariser avec l'outil plume, qui est un des plus utiles et puissants de Photoshop. La plume permet de créer facilement des formes vectorielles, et vous allez vous rendre compte qu'utiliser la plume est très simple.
Dans ce tuto nous allons partir d'une image plate à transformer en patron PSD, pour cela nous allons séparer les différentes partie du dessin en créant des formes sur des calques différents.

 

1. Téléchargez cette image :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/image-base.png
Vous remarquez qu'elle a des effets "escalier" sur les bords, qu'elle n'est pas lisse, elle fera un bon exemple.
Ouvrez-la sous Photoshop.

 

2. Nous allons commencer par séparer la ligne horizontale. Créez un nouveau calque qui la contiendra.
Sélectionnez l'outil plume : http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/02.1.jpg
En haut, sélectionnez l'option du milieu (Tracés) : http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/02.2.jpg
A chaque fois que vous cliquerez, vous placerez un point.
Placez des points à chaque angle de la forme ou à chaque endroit ou la courbe de contour change d'orientation. Suivez bien le contour de la forme en allant dans le même sens. Commencez par le point en haut à gauche. En suivant ces instructions, vous devriez avoir placé 5 points, comme ceci :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/02.3.jpg
Il faut maintenant refermer la forme en recliquant sur le 1er point. L'icône devient comme ceci :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/02.4.jpg

 

3. Le tracé est refermé. Mais il ne correspond pas encore à la forme du trait horizontal : le bout à droite était rond.
Nous allons donc le modifier. Pour cela, il faut sélectionner le tracé : cliquez longtemps sur l'outil plume, et dans le menu déroulant qui apparaît, sélectionnez "Conversion de point". Cliquez sur le tracé, il redevient actif et les points qui le composent réapparaissent.
L'outil Conversion de point sert à la fois à sélectionner un tracé et à "convertir des points", c'est-à-dire leur ajouter des vecteurs qui "arrondisseront" la forme.
Pour convertir un point, il faut cliquer dessus, et sans relacher le bouton, bouger la souris. C'est ce que nous allons faire ici avec le point à l'extrémité droite : cliquez et descendez la souris comme ceci :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/03.1.jpg
Relachez, ça y est, le bout est arrondi !
Vous avez compris l'essentiel de l'utilisation de la plume. Maintenant, nous allons nous entraîner à l'utiliser et voir comment faire des formes particulières.
Nous voulons que la forme soit remplie d'une couleur, alors il faut faire : Clic droit sur la forme > Créer un masque vectoriel. Le calque devient comme ça :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/03.2.jpg
Il ne reste plus qu'à remplir la forme de rouge ou d'une autre couleur.
Si vous êtes sur(e)s que cette forme est la bonne et que vous n'allez plus la modifier, alors faites clic droit sur cette icône :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/03.3.jpg
et > Pixelliser le masque vectoriel ; puis à nouveau Clic droit sur l'icône > Appliquer le masque de fusion.

 

4.  Passons à la lettre N. Créez un nouveau calque, sélectionnez l'outil plume et placez les points selon la méthode que l'on a vu plus haut :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/04.1.jpg
Ici, il n'y a pas vraiment besoin d'arrondir, sauf à deux endroits. Resélectionnez donc le tracé avec l'outil Conversion de point (un clic suffit), et avec ce même outil, cliquez sur le 1er des deux points dans les angles à arrondir, et bougez la souris sans lâcher le bouton, pour faire comme ça :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/04.2.jpg
Petite remarque : il faut toujours déplacer la souris dans le sens ou vous avez tracé la figure. Moi je l'ai fait dans le sens des aiguilles d'une montre, donc ici je déplace ma souris vers la droite.
Si vous trouvez que ce n'est pas bien, que vous vous êtes trompés, vous pouvez recommencer en cliquant une fois sur le point.
Faites pareil avec l'autre (rappelez vous : dans le sens ou vous avez tracé la figure, donc dans mon cas c'est vers la gauche).
Clic droit sur la forme > Créer un masque vectoriel ; et remplissez la forme d'une couleur.

 

5. Passons au S. Créez un nouveau calque.
Pour les points, vous devriez être en mesure de savoir où les placer, mais je vous montre quand même au cas ou :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/05.1.jpg
Resélectionnez le tracé, et commencez à arrondir les angles (déplacez la souris dans le sens ou vous avez tracé la figure).
Comme vous allez le voir  sur certaines images, il est possible de faire en sorte que les 2 traits qui apparaissent lorsque vous convertissez un point n'aient pas la même longueur (ce qui modifie la courbure). Pour cela, il suffit de les créer en convertissant un point, et de les allonger ou les rétrécir en bougeant le losange à leur extrémité :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/05.2.jpg->http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/05.3.jpg->http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/05.4.jpg->http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/05.5.jpg->http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/05.6.jpg->http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/05.7.jpg->http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/05.8.jpg->http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/05.9.jpg->http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/05.10.jpg
Lorsque c'est fait, clic droit sur la forme > Créer un masque vectoriel ; et remplissez la forme d'une couleur (vous pouvez aussi faire un dégradé ou n'importe quoi d'autre)

 

6. A ce stade, vous pouvez déjà regarder le résultat provisoire en créant un nouveau calque juste au dessus du calque d'arrière plan et en le remplissant de noir.
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/06.1.jpg http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/06.2.jpg
Masquez ce calque et revenons au tuto.

 

7. Remarque : normalement, pour séparer la tache blanche sur un autre calque, on aurait utilisé la baguette magique car cette forme blanche est lisse et sans escalier, mais ici c'est pour s'entraîner et voir trois nouvelles techniques.
Positionnez vous sur le calque du S et Créez en un nouveau.
Maintenant, vous savez comment placer les points, alors faites-le. Je montre quand même :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/07.1.jpg
Oups ! Vous l'avez sans doute remarqué, j'ai mis un point de trop. Pour l'enlever, nous allons sélectionner l'outil Supprimer un point d'ancrage (http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/07.2.jpg) et cliquer sur le point à supprimer.
Maintenant passons à la conversion des points. Voici un aperçu de comment doivent être mis les petits traits représentant les vecteurs de chaque points :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/07.3.jpg
Lorsque c'est fait, clic droit sur la forme > Créer un masque vectoriel ; et remplissez la forme de blanc.
J'ai soudainement envie de mettre un A en haut de la forme blanche. Mais j'ai déjà placé les points... Comment faire ? Je vais rajouter des points où je veux grâce à l'outil Ajout d'un point d'ancrage (http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/07.4.jpg). Je sélectionne le tracé (avec l'outil Conversion de point), les points apparaissent et je peux en placer des nouveaux avec l'outil Ajout d'un point d'ancrage comme ceci :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/07.5.jpg
Toujours avec cet outil, je déplace le point du milieu :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/07.6.jpg
La, il faut faire "un trou" dans le tracé vectoriel. Prenez l'outil Plume, et en haut à droite, sélectionnez la 4ème option...
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/07.7.jpg
...et tracez le trou en bas du A :
 http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/07.8.jpg
Faites pareil pour le trou du haut.

 

Ca y est, les formes sont finies, rendez à nouveau visible le calque noir juste au dessus du calque de l'image originale. Le résultat est bien plus lisse et plus beau que l'original, et en plus, les formes sont sur des calques différents !
Avant ; Après :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/image-base.png http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/image-finale.png

 

Voila, j'espère que ce tuto vous a permis de savoir comment utiliser la plume, et que maintenant vous pourrez facilement créer des patrons PSD à partir d'image "plates", dessiner des formes personnalisées lisses, etc...
Pour finir et pour voir si vous avez bien compris, essayez de créer une forme de ce genre (personnalisée avec les premières lettres de votre pseudo, par exemple), en n'utilisant que la plume :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/image-perso.png

 

EDIT: Et n'oubliez pas de la poster dans ce topic :wink:

answer
mood
GoogleAds
profil
Posté le 29-07-2005 à 12:48:12  
 

answer
n°1106
batux
Profil : Penguin Pro
Avatar
profil
Posté le 29-07-2005 à 13:02:21  
 

Trop bien merci k-net :great:

answer
n°1107
k-net
Profil : Penguin Pro
Avatar
profil
Posté le 29-07-2005 à 13:03:28  
 

Je te l'avais dis qu'il serait prêt aujourd'hui ^^

answer
n°1108
k_millio
Profil : Modo
Avatar
profil
Posté le 29-07-2005 à 13:20:01  
 

Super tuto k-net  :great:  :great:

answer
n°1109
mimipunk
Profil : Penguin Pro
Avatar
profil
Posté le 29-07-2005 à 13:36:35  
 

beau tuto k-net! merci!

answer
n°1110
k-net
Profil : Penguin Pro
Avatar
profil
Posté le 29-07-2005 à 13:56:13  
 

Merci mimipunk et k_millio !

answer
n°1111
Chozo-MJ
Profil : Penguin Pro
Avatar
profil
Posté le 29-07-2005 à 19:42:56  
 

bon tuto :great: ,
tu n'aurai pas pu le faire plutôt au lieu que j' apprenne tout seul a utiliser la plume (lol) :he:

answer
n°1112
Rol
Profil : Penguin Pro
Avatar
profil
Posté le 29-07-2005 à 19:57:32  
 

bon boulot k-net !  :great:

answer
n°1113
metalrun
Profil : Top Penguin
Avatar
profil
Posté le 29-07-2005 à 23:36:31  
 

:great: super tuto! :great:
Moi j'utilise une autre technique (si ça interesse quelqu'un :mdr: ), une fois le tracé fermé et modifié, je vais dans l'onglet tracé et en bas je clique sur le 2e cercle en pointillé pour convertir en selection et puis un petit coup de pot de peinture :wink:

answer
n°1114
Rol
Profil : Penguin Pro
Avatar
profil
Posté le 29-07-2005 à 23:38:53  
 

metalrun a écrit :

:great: super tuto! :great:
Moi j'utilise une autre technique (si ça interesse quelqu'un :mdr: ), une fois le tracé fermé et modifié, je vais dans l'onglet tracé et en bas je clique sur le 2e cercle en pointillé pour convertir en selection et puis un petit coup de pot de peinture :wink:

 

ouai ba moi je dis , chacun sa technique  :great:

answer
n°1115
pit-tux
Profil : Penguin Pro
Avatar
profil
Posté le 30-07-2005 à 00:59:30  
 

:great:  super ton tuto k net

answer
n°1116
Djtux
gribouilleur
Profil : Penguin Pro
Avatar
profil
Posté le 30-07-2005 à 08:03:43  
 

Super comme d'hab  :great:

answer
n°1122
pit-tux
Profil : Penguin Pro
Avatar
profil
Posté le 31-07-2005 à 11:16:48  
 

re merci pour ton tuto! :great:  :happy2:

 

Voila ma premiere réalisation avec l'outil plume:

 

http://img51.imageshack.us/img51/606/stylo8pi.png

 

je suis plutot satisfait pour ma premiere fois...

answer
n°1123
mimipunk
Profil : Penguin Pro
Avatar
profil
Posté le 31-07-2005 à 11:17:53  
 

Citation :

re merci pour ton tuto! :great:  :happy2:

 

Voila ma premiere réalisation avec l'outil plume:

 

http://img51.imageshack.us/img51/606/stylo8pi.png

 

je suis plutot satisfait pour ma premiere fois...

 

joli pit tux! :great:

answer
n°1124
k-net
Profil : Penguin Pro
Avatar
profil
Posté le 31-07-2005 à 21:32:51  
 

Merci beaucoup à tous !

 

Et je suis content de voir que ça sert réellement à quelque chose :

Citation :

http://img51.imageshack.us/img51/606/stylo8pi.png

Bravo pit-tux !

answer
n°2816
Franatix
Certe, Tout est relatif ..
Profil : Penguin Pro
Avatar
profil
Posté le 13-12-2005 à 18:54:01  
 

Très jolie K-net y faudrat que j'essaye  :mdr:

answer
n°2821
Xav
Profil : New Penguin
Avatar
profil
Posté le 13-12-2005 à 19:52:18  
 

J'ai découvert ça aussi en fouillant sur le net. Ca m'a permit de faire une forme "plaque de rallye", que je peux utiliser pour mon site, car elle est enregistré en forme vectorielle maintenant (comme les pates de chiens ou autre). Si vous voulez, je ferai un tuto un jour :wink:

answer
n°2822
newlink
Profil : Big Penguin
Avatar
profil
Posté le 13-12-2005 à 19:54:26  
 

:great:  Cool ton tuto , merci!

 
Citation :

alors faites clic droit sur cette icône :
http://www.knet.free.fr/crystalxp.net/2005/07/tuto_outil-plume/03.3.jpg
et > Pixelliser le masque vectoriel ; puis à nouveau Clic droit sur l’icône > Appliquer le masque de fusion.

 

Mais car il y a un mais, Justement mon problème c'est que cette icône, elle ne s'affiche pas chez moi, il y a juste celle du calque. J'utilise photoshop 7 si sa peut vous aider...

 

Merci d'avance  :jap:

answer
n°2823
Bouhakigan
Profil : Penguin
Avatar
profil
Posté le 13-12-2005 à 20:05:04  
 

Est ce que tu utilise la plume en masque vectoriel ?

answer
n°2825
k-net
Profil : Penguin Pro
Avatar
profil
Posté le 13-12-2005 à 20:11:22  
 

C'est l'icone du "Calque 1", qui est en vectoriel si tu as bien suivi le tuto.

answer
n°2828
newlink
Profil : Big Penguin
Avatar
profil
Posté le 13-12-2005 à 21:12:52  
 

Je crois que j'ai trouvé  :xeyes:

 

Merci quand même...

answer
n°3146
TUX_fan
Profil : Penguin
Avatar
profil
Posté le 28-12-2005 à 23:14:50  
 

Merci k-net ! :biggrin:

answer
n°3456
Fagoon
Mac Cals
Profil : Modo
Avatar
profil
Posté le 05-01-2006 à 16:52:31  
 

Je sais pas si la question a déjà été posée mais j'aimerais savoir à quoi servent les dernières fonctions de l'outil plume : "ajouter à la zone du tracé", "soustraire à la zone du tracé", "intersection des zones du tracé" et "exclusions des zones du tracé".

 

J'utilise énormément l'outil plume mais je trouve qu'il fait souvent de l'aliasing. Est ce que ca vient de moi ?

answer
n°3458
Fagoon
Mac Cals
Profil : Modo
Avatar
profil
Posté le 05-01-2006 à 17:12:32  
 

up s'il vous plait...

answer
n°3459
k-net
Profil : Penguin Pro
Avatar
profil
Posté le 05-01-2006 à 17:22:58  
 

Ajouter à la zone de tracé permet de faire que le tracé que tu créeras s'ajoute à celui/ceux déjà présent(s).
Soustraire à la zone du tracé va enlever du/des autre(s) tracé(s) celui que tu vas créer.
Intersection des zones du tracé ne prendra pour tracé que l'intersection des 2 (l'ancien et celui que tu vas faire).
Exclusions des zones du tracé fera le contraire : il ne prendra que ce qui n'est pas dans l'intersection des 2.

 

Si tu ne rappelles pas de tout regarde les icônes, c'est assez explicite : http://img204.imageshack.us/img204/3546/traces0nz.jpg

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

Aller à :
Ajouter une réponse