Embed Size (px)
Citation preview
Frédéric PERRET Photoshop leçon 08 – p.1/12
Leçon 08 Photoshop
Les outils vectoriels
1. À propos des images bitmap et des graphismes vectoriels ............................................................................ 1 2. Les outils de dessin vectoriel .................................................................................................................................. 2 L’outil de tracé Plume .......................................................................................................................................... 2 Utilisation des tracés dans les images ............................................................................................................... 3 Créer des tracés avec l’outil Plume .................................................................................................................. 3 Modifier les segments de tracés et les points d’ancrage ............................................................................. 5
3. Les outils de formes vectorielles ............................................................................................................................ 6 Créer une forme redimensionnable.................................................................................................................. 6 À propos des calques de forme ........................................................................................................................ 7 Soustraire des formes dans un calque de forme ............................................................................................ 7
4. Importation d’un objet dynamique...................................................................................................................... 8
À la différence des images bitmap, les éléments vectoriels conservent leur netteté quelle que soit leur
taille d’affichage. Vous pouvez dessiner des formes vectorielles et des tracés dans Photoshop et ajouter
des masques vectoriels pour contrôler les parties visibles d’une image.
1. À propos des images bitmap et des graphismes vectoriels
Tous les graphismes numériques appartiennent à l’un ou l’autre de ces deux types. Dans Photoshop, on
peut travailler avec les deux : un fichier peut contenir des données bitmap et des données vectorielles.
D’un point de vue technique, les images bitmap sont constituées d’un ensemble de points, appelés
pixels, auxquels sont attribués des valeurs de couleurs et une position dans l’image. Retoucher une image
bitmap, c’est modifier des groupes de pixels plutôt que des formes ou des objets. Elles sont le support des
photographies numérisées et des travaux de "peinture" numérique. Conçues pour une résolution
donnée, elles présentent l’inconvénient de se dégrader si on tente de les redimensionner et de les
afficher ou de les imprimer avec une résolution inférieure à celle pour laquelle elles ont été créées.
Les illustrations vectorielles sont constituées de courbes et de lignes, définies par des formules
mathématiques (des vecteurs). Indépendantes de la résolution, mais représentées à l’écran par des
pixels, les formes vectorielles peuvent être affichées à n’importe quelle échelle ou redimensionnées sans
perte de qualité. Elles sont donc particulièrement adaptées aux graphismes précis susceptibles d’être
redimensionnés, tels les logos et les graphiques.
image vectorielle image bitmap
Photoshop propose plusieurs outils de dessin vectoriels, qui servent aussi bien à dessiner des formes
géométriques ou à préparer la sélection d’objets en vue de leur détourage par exemple.
Frédéric PERRET Photoshop leçon 08 – p.2/12
2. Les outils de dessin vectoriel
L’outil de tracé Plume
L’outil plume C’est l’outil de base du dessin vectoriel. Il
fonctionne par clics successifs (lignes droites),
ou clics et glissements successifs (courbes).
L’outil plume libre Il s’utilise comme un crayon de dessin, par
glissement continu sur votre document.
L’outil plume magnétique Il fonctionne un peu comme le lasso
magnétique : il repère automatiquement les
contours de l’image, par simple approche du
curseur sur le bord de l’objet à sélectionner.
Pour sélectionner l’outil plume magnétique,
sélectionnez l’outil Plume libre, puis cochez la
case « Magnétique » dans la barre d’option
de l’outil Plume libre.
La plume
Dans la boite à outils, ces outils sont regroupés dans
l’icône représentant une plume.
Pour la plume magnétique :
LES CURSEURS
L’outil Plume prend différentes formes en fonction de l’usage que vous en faîtes. Chacun vous faisant
prendre conscience de manière intuitive de l’action que vous vous apprêtez à effectuer (appuyez
sur la touche Verr. MAJ pour basculer entre le pointeur et la croix, dans certain cas).
Prêt à commencer le tracé.
À mi-chemin de la création ou modification d’un segment de tracé.
Lorsque l’on presse la souris.
Ajouter un point d’ancrage au tracé.
Soustraire un point d’ancrage au tracé.
Au survol du premier point d’ancrage ; pour fermer un tracé.
Au survol du dernier point d’ancrage existant, pour continuer le tracé, ou (si le tracé est actif) modifier
ce point.
L’outil Conversion de point d’ancrage.
L’outil Plume libre.
L’outil Plume magnétique.
L’outil de Sélection directe ; en maintenant la touche CTRL enfoncée.
L’outil Sélection de tracé ; en maintenant les touches CTRL + ALT enfoncée.
Les options de l’outil Plume :
1) Outil Plume : Vous rappelle l’outil que vous utilisez, ici l’outil Plume
2) Calque de forme : cette icône, si active, vous permet de créer une forme sur un nouveau calque
(automatiquement créé), cette forme sera remplie par la couleur de premier plan.
3) Tracés : cette icône, si active, vous permet de créer un nouveau tracé.
4) Outils : ces icônes vous permettent de changer d’un outil à un autre très rapidement, tous ces outils
permettent de créer des formes vectorielles (ou des tracés).
5) Ajout/Suppr auto permet d’activer ou désactiver l’option permettant de supprimer ou d’ajouter un point
d’ancrage automatiquement avec la souris sans passer par l’outil adéquat (ajout / suppression de point
d’ancrage).
6) Options de styles : ces icônes permettent de définir le style de la forme qui sera créée.
Frédéric PERRET Photoshop leçon 08 – p.3/12
On distingue deux types de tracés : ouvert ou fermé.
Un tracé ouvert comprend deux extrémités distinctes.
Un tracé fermé est continu (un cercle, par exemple).
Les tracés qui n’ont pas été remplis ou peints ne sont pas visibles à l’impression.
Utilisation des tracés dans les images
Pour dessiner un tracé à main levée avec la Plume, il est toujours préférable d’insérer le moins de points
possible pour créer la forme. En effet, moins il y a de points, plus les courbes sont lisses.
Nombre de points adéquat Nombre de points excessif
Créer des tracés avec l’outil Plume
Pour créer un tracé rectiligne, commencez par cliquer pour définir le point de
départ. À chaque nouveau clic, une ligne droite est créée entre le point
précédent et le point actuel.
Astuces clavier :
La touche MAJ (shift) permet de contraindre l’angle du segment ou des
poignées directrices à un multiple de 45°, lors de sa création ou son édition.
CTRL + Clic hors du tracé permet de finir le tracé en cours.
Vous allez découvrir l’outil Plume et créer
des tracés rectilignes à l’aide d’une petite
série d’exercices.
Ouvrez un nouveau fichier dans Photoshop
Format A4 – 72 dpi – RVB (8 bits)
Travail à
réaliser
08A
Exercice n°1 Sélectionnez l'outil plume, cliquez sur le premier point
d'encrage, puis vous suivez les autres points.
Une fois que vous avez fini le premier tracé, faites CTRL + clic
en dehors de votre tracé.
Exercice n°2
Utilisez la touche MAJ (shift) pour faire les droites et les
obliques.
Exercice n°3
Exercice n°4
Exercice n°5
Exercice n°6
Pour fermer un tracé, faites
revenir l’outil Plume sur le premier
point d’ancrage (vide). Un petit
cercle apparaît en regard de
l’outil Plume lorsqu’il est placé
correctement. Cliquez ou faites
glisser pour fermer le tracé.
Frédéric PERRET Photoshop leçon 08 – p.4/12
Pour créer un tracé incurvé, cliquez pour placer un point d’ancrage et, tout en
maintenant le clic, faites glisser votre pointeur afin de créer une ligne directrice
pour ce point. Chaque ligne directrice se termine par deux points directeurs. Le
positionnement des lignes et des points directeurs détermine la taille et la forme
du segment incurvé. Le fait de déplacer les lignes et les points directeurs modifie
l’incurvation d’un tracé.
Astuces clavier :
Lors de l’édition d’une courbe, la touche ALT permet de désolidariser les poignées
directrices d’un même point d’ancrage.
Vous allez découvrir l’outil Plume et créer
des courbes à l’aide d’une petite série
d’exercices.
Ouvrez un nouveau fichier dans Photoshop
Format A4 – 72 dpi – RVB (8 bits)
Travail à
réaliser
08B
Exercice n°1 Sélectionnez l'outil plume, cliquez sur le premier point
d'encrage, et tout en maintenant le clic, donnez la longueur
et la pente de la ligne directrice (1 vers 2). Faites de même de
3 vers 4.
Exercice n°2
Exercice n°3 Dessin d’une droite suivie d’une courbe.
Exercice n°4 Dessin de deux segments incurvés reliés par un sommet, à
l’aide de la touche ALT.
Exercice n°5
Exercice n°6
Exercice n°7
Exercice n°8
Frédéric PERRET Photoshop leçon 08 – p.5/12
Exercice n°9 Dans cet exercice vous aller devoir cumuler 2 techniques celle
des courbes et celle pour faire des lignes droites.
Exercice n°10 Dans cet exercice vous allez devoir utiliser la touche (shift) et
(alt) pour pouvoir y arriver.
Exercice n°11 Dans cet exercice vous allez devoir utiliser la touche (alt) pour
pouvoir arriver à faire ce genre de courbe.
Exercice n°12 Dans cet exercice vous aller devoir utiliser la touche (alt) et
faire revenir le point de direction au-dessus.
Exercice n°13
Exercice n°14 Essayez d’obtenir ce tracé. En cas de besoin, vous trouverez une aide dans le fichier Trace_voiture.psd.
Modifier les segments de tracés et les points d’ancrage
Les segments de tracés et les points d’ancrage peuvent être déplacés après leur création soit
individuellement, soit en groupe. Faites appel à l’outil Sélection directe caché sous l’outil Sélection
de tracé pour sélectionner et ajuster un point d’ancrage, un segment de tracé ou un tracé entier.
Modifier les segments de tracés et les points d’ancrage
1ère méthode :
Les segments de tracés et les points d’ancrage peuvent être déplacés après leur création
soit individuellement, soit en groupe. Faites appel à l’outil Sélection directe caché sous
l’outil Sélection de tracé pour sélectionner et ajuster un point d’ancrage, un segment de
tracé ou un tracé entier.
2ème méthode :
Vous pouvez aussi faire les modifications en maintenant la touche CTRL avec l’outil .
Vous allez créer le poster
d’une entreprise de jouets.
Bien des posters sont
destinés à être reproduits
et imprimés à différentes
échelles, avec la même
qualité, d’où l’emploi de
formes vectorielles. Ce
poster sera constitué de
formes vectorielles créées
à partir de tracés et de
masques.
Travail à
réaliser
08C
Frédéric PERRET Photoshop leçon 08 – p.6/12
Ouvrez l’image 08C.psd
Enregistrez l’image sous le nom 08Retouche.psd pour travailler ainsi sur une copie de l’image
originale.
Ouvrez l’image soucoupe.jpg
À l’aide de l’outil Sélection rapide, sélectionnez la soucoupe, puis collez-la dans l’image
08Retouche.psd.
3. Les outils de formes vectorielles
Dans la boite à outils, vous avez plusieurs formes, toutes prêtes, à
disposition : l’outil rectangle, l’outil rectangle arrondi, l’outil ellipse,
l’outil polygone, l’outil trait et l’outil forme personnalisée.
Ces outils ne sont ni plus ni moins que des formes vectorielles dont
le tracé a été enregistré et mis à disposition dans Photoshop sous la
forme d’outils. Vous les utilisez par cliquer/glisser.
Remarque
Lorsque vous sélectionnez le dernier outil : Outil forme personnalisée, vous avez accès, sur la barre
d’options de l’outil, à une liste d’objets pré-enregistrés, disponibles dans photoshop.
Positionnez la soucoupe volante selon
l’illustration ci-contre.
Rappel : Pour redimensionner ou faire
pivoter, Menu Edition > Transformation
manuelle
Créer une forme redimensionnable
Commençons par créer un objet de la forme d’un rein pour le fond du poster.
Définissez le blanc comme couleur de
premier plan.
Activez l’outil Plume dans la palette d’outils et veillez à ce que l’option Calque de forme soit
sélectionnée.
Couleurs de premier plan et d’arrière-plan par défaut
Définir la couleur de premier plan Définir la couleur d’arrière-plan
Permuter les couleurs de premier
plan et d’arrière-plan
Frédéric PERRET Photoshop leçon 08 – p.7/12
Affichez uniquement les calques
Arrière-plan et Guide et sélectionnez le
calque Arrière-plan.
Le calque Guide servira de modèle
lorsque vous tracerez la forme.
Créer la forme en procédant de la
même façon que celle utilisée pour créer
un tracé avec l’outil Plume.
Nommez le nouveau calque obtenu
Forme rétro.
Masquez le calque Guide
Je clique et glisse de 1 vers 2, je lâche,
je clique et glisse de 3 vers 4, je lâche,
Je clique et glisse de 5 vers 6, je lâche…
À propos des calques de forme
Un calque de forme est constitué d’un fond et d’une forme. Les propriétés du fond déterminent les
couleurs, le motif et la transparence du calque. La forme est stockée dans un masque vectoriel lié au
calque. À ce masque correspondent les parties visibles du fond coloré.
Soustraire des formes dans un calque de forme
Après avoir créé un calque de forme, on peut définir des options pour soustraire à la forme vectorielle
d’autres formes. On peut aussi la déplacer, le redimensionner et la modifier avec les outils Sélection de
tracé et Sélection directe .
Vous allez soustraire une forme d’étoile à travers laquelle l’espace sera visible.
Sélectionnez le calque Forme rétro.
Cliquez sur la vignette du masque
vectoriel pour le sélectionner.
Outil Polygone
Cliquer sur l’icône de la palette d’outils, caché
sous l’outil Rectangle .
Activez l’outil Polygone et définissez
les options suivantes :
- Côtés : 11
- Options de géométrie :
- cochez la case Etoile
- Côtés indentés de 50 %
- Soustraire de la zone de la forme
Tracez l’étoile selon l’illustration ci-
contre.
Sauvegardez votre travail.
Remplissage de la forme
Lien entre le calque et le masque vectoriel
Vignette du masque vectoriel
Frédéric PERRET Photoshop leçon 08 – p.8/12
Vous allez maintenant ajouter des carreaux à votre poster.
Créez un nouveau calque Carreaux
sous le calque Forme rétro.
Activez l’outil Forme personnalisée et
veillez à ce que l’option Calque de
forme soit sélectionnée.
Outil Forme personnalisée
Cliquer sur l’icône de la palette d’outils, caché
sous l’outil Rectangle .
Dans la barre d’options, cliquez sur la flèche du menu Forme pour
ouvrir le sélecteur de forme personnalisée.
Choisissez la forme Carreau 4.
Tracez cinq damiers, chaque damier sur un calque différent.
Créer un groupe nommé Damiers et glissez-y les 5 calques
comportant un damier.
En bas de la palette Calques :
Réduisez l’opacité de ce groupe de calques à 20%.
Affichez le calque Soucoupe et enregistrez.
4. Importation d’un objet dynamique
Photoshop prend en charge les objets dynamiques, ce qui permet d’importer des objets vectoriels
depuis Adobe Illustrator et de les modifier sans perte de qualité.
Vous allez ajouter le titre de votre poster. Celui-ci a été créé dans Adobe Illustrator.
Importez le fichier Titre.ai.
Importer un objet dynamique
Cliquer sur Fichier > Importer…
Redimensionnez et positionnez le texte
en vous rapprochant de l’illustration ci-
contre.
La vignette du calque se transforme pour
indiquer qu’il s’agit d’un objet
dynamique.
Validez la transformation et enregistrez
votre travail.
Remarques :
- Lorsque vous tracez une droite avec l'outil Plume, appuyez sur la touche MAJ : vous tracerez un trait
droit (comme avec la plupart des outils de Photoshop).
- Si vous tracez une courbe, appuyez sur la touche MAJ : vous tracerez une inclinaison de 45°.
- Lorsque l'outil Plume est sélectionné, enfoncez la touche CTRL pour afficher provisoirement l'outil de
Sélection directe.
- Pour finir un tracé à l’aide de l'outil Plume, enfoncez la touche CTRL et cliquez à l’extérieur de l’image.
Frédéric PERRET Photoshop leçon 08 – p.9/12
Vous allez réaliser
une affichette
à partir d’une photo.
Travail à
réaliser
08D
Ouvrez l’image Danseur.jpg
À l’aide de l’outil Plume (option
Calque de forme , couleur : noir) et en
zoomant suffisamment, dessinez le
contour du danseur. Baissez temporairement l’opacité du calque
de manière à continuer de voir la photo
pendant que vous faites votre tracé.
Outil Plume
Cliquer sur l’icône de la palette d’outils.
Masquez le calque Arrière-plan.
Créez un nouveau calque sous le calque Danseur.
Nommez-le Fond et remplissez-le à l’aide du Pot de peinture
avec le bleu R=0 / V=169 / B=224.
Frédéric PERRET Photoshop leçon 08 – p.10/12
Créez un nouveau calque au-dessus du calque Fond.
Nommez-le Rectangle-bleu.
Tracez un rectangle de sélection et remplissez-le avec
le bleu R=0 / V=113 / B=181.
Créez un nouveau calque au-dessus du calque Fond et
tracez à l’aide de l’outil Plume des "rayons" blancs.
Faites varier l’opacité des calques pour modifier la couleur. Vous
pourrez regrouper les différents rayons dans un dossier nommé
Rayons.
Ajoutez le texte iDop
Agrémentez de quelques Formes personnalisées
Frédéric PERRET Photoshop leçon 08 – p.11/12
Vous allez créer un logo simple
avec des formes vectorielles.
Travail à
réaliser
08E
Créez un nouveau document de 800 x 800 pixels, 300 dpi,
RVB, sur fond noir.
A/ Création du logo
Sélectionnez l’outil Rectangle arrondi et tracez une forme
carrée de couleur bleu pour symboliser la mer.
Pour dessiner la mouette, sélectionnez l’outil plume. Dans la barre d’options de l’outil plume,
sélectionnez les options : Calque de forme et Créer un nouveau calque de forme. Seulement après,
cliquez dans Couleur pour choisir la couleur blanche.
NB : si vous ne cliquez pas sur l’option Créer un nouveau calque de forme avant de changer la couleur, c’est le
calque de forme actif que vous allez changer de couleur : Le carré bleu deviendrait blanc.
Dessinez la mouette avec l’outil plume.
Vous allez créer une nouvelle forme verte pour symboliser la terre. Le calque sera placé entre celui
du ciel et celui de la mouette. Sélectionnez l’outil plume avec les options Calque de forme et Créer un
nouveau calque de forme. Ensuite, cliquez dans Couleur pour choisir la couleur vert.
Dessinez l’herbe avec l’outil plume.
Frédéric PERRET Photoshop leçon 08 – p.12/12
B/ Ajout d’un style de calque
Ajoutez une ombre portée et un biseautage sur la mouette.
C/ Ajout de dégradé sur les couleurs bleu et vert
Ajoutez des dégradés sur le vert et le bleu.
Une petite aide pour le tracé de la mouette…
ou
