[illustrator] Débuter avec la plume

Découvrez les outils et techniques propres aux graphistes.

[illustrator] Débuter avec la plume

Messagede SuZ » 04 Sep 2005 14:44

--- Débuter avec la plume ---

Ce tuto est une initiation au fonctionnement de la plume en vectoriel. Il s'adresse donc à tout débutant dans ce domaine.

- Introduction -

Une image vectorielle est définie par des coordonnées mathématiques par opposition à une image bitmap qui est définie par une grille de pixel.

Une de ses caractéristiques est donc que l'on peut zoomer dessus sans perte de qualité :
vecto : Image bitmap :Image

Une seconde caractéristique est sa possibilité d'être retravaillée à l'infini et la qualité des courbes qu'elle permet de réaliser. En revanche c'est une technique beaucoup moins intuitive que les logiciel de dessins bitmap (paint, photoshop, ou l'on trace simplement ce que l'on veut avec la souris).
D'où ce cours ^^

- Initiation à la plume -

L'outil plume est le plus utilisé pour réaliser des tracé vectoriels complexes. Sinon vous avez à votre disposition quelques outils comme le cercle, rectangle, étoile etc qui permettent de faire des formes géométriques simples.

:arrow: Ouvrez donc un nouveau document illustrator. Sélectionnez l'outil plume Image et allez-y.... Cliquez ! Puis cliquez une deuxième fois un peu plus loin, bravo, vous venez de tracer un segment constitué de deux points d'encrages ! ^^

:arrow: Cliquez de nouveau sur votre feuille avec l'outil plume mais cette fois déplacez le pointeur tout en restant cliqué : vous êtes entrain de tirer un vecteur. Lâchez et posez un nouveau point plus loin, bravo vous venez de tracer une courbe ! ^^

:arrow: Sélectionnez l'outils flèche blanche Image (qui est rose ici, en l'occurence ^^) et déplacez l'extrémité d'un de vos vecteurs. Vous observez que les courbes sont le résultat direct de l'orientation et de la longueur des vecteurs.

:arrow: Il existe trois types de points d'encrage :
- les points simples, lorsques vous ne tirez pas de vecteurs. Ils permettent de faire des segments droits.
- lorsque vous tirez un vecteurs au moment de poser un point, vous pouvez observez qu'il y a en fait 2 vecteurs qui sont tirés, les deux sur le même axe de par et d'autre du point d'encrage. Lorsque les deux vecteurs sont ainsi aligné il s'agit d'un point de courbe
- En utilisant l'outil conversion de point d'encrage Image (soit le sélectionner dans la palette soit appuyer sur alt quand vous êtes dans l'outil plume) vous pouvez désaxé les deux vecteurs l'un de l'autre. On l'appellera point d'angle. (même si le point simple peut aussi servir de point d'angle, celui ci défini en plus l'orientation des courbes quipartent de ce point).

Voilà vous connaissez l'essentiel de l'utilisation de la plume. La pratique vous permettra comprendre où et comment placer vos point pour obtenir exactement ce que vous voulez.

- Conseils -

:arrow: Épurer une courbe c'est utiliser un minimum de point pour la définir. Une illustration explicite est le cercle : un cercle parfait n'utilise que quatre points.

Image

:arrow: Dans la mesure du possible, placez vos points aux sommets des courbes (tangente) ou au changement de directions de la courbe. Et, encore mieux essayer de n'utiliser que des vecteurs en les forçant à être horizontaux, verticaux ou à 45° (en appuyant sur maj pour contraindre). En général cela suffit à faire quasiment toutes les courbes si l'on place judicieusement les points.

Image Image

1. points aux sommets
2. point au changement de direction
3. point d'angle converti avec l'outils conversion Image


- Application -

Imaginez un cœur :love: et réfléchissez à comment poser les points.

Voici une solution, utilisant un minimum de point, ce n'est pas obligatoire, bien entendu, mais cela montre qu'il faut toujours chercher à simplifier ses courbes au maximum.

:arrow: Je commence par le point à la base du cœur, je laisse un point simple sans vecteurs.
Image

:arrow: 2e point, je le place au sommet de la moitié gauche de mon futur cœur, je tire le vecteur vertical.
Image

:arrow: Le 3e point ne pose pas de difficulté.
Image

:arrow: Pour le point suivant, cela se complique. Si je vais le poser directement, je me rend compte que je n'obtient pas ce que je veux.
Image

Avec l'outils conversion je change l'orientation du vecteur du 3e point. On voit mal sur l'image, mais j'ai superposé les deux vecteurs du point.
Image

Je peux maintenant poser le 4e point.
Image

:arrow: Je ferme mon tracé sans tirer de vecteur sur le dernier point (qui est aussi le premier). Pour fermer un tracé il faut donc cliquer pile sur le point de départ du tracé, vous savez que vous êtes bien positionné quand un petit rond apparaît à côté de la plume, qui signifie que le tracé va être fermé.
Image

Si votre cœur ressemble plus à une patate, pas de panique. C'est là tout le bonheur du vectoriel : on peut retravailler indéfiniment ses courbes. Avec l'outils flèche blanche, bougez les éléments un à un (points d'encrages et vecteurs) jusqu'à ce que vous obteniez un résultat convenable.

:arrow: Vous pouvez maintenant vous faire plaisir avec la palette de couleur ^^
Image


- Deux astuces -

:arrow: Je veux briser mon cœur

Sélectionnez le tracé du cœur et avec l'outils ciseaux (en bas de la palette d'outils, j'ai oublié d'en faire la capture ^^) vous allez cliquer sur le tracé aux endroit où vous voulez couper votre tracé. Ainsi en deux coups de ciseaux votre cœur est séparé en deux parties. J'ai changé ici la couleur d'une moitié pour mieux voir.
Image
Vous observez que les deux moitiés sont des tracés ouverts. Vous allez donc les fermer en reprenant l'outils plume. Pour reprendre un tracé entamé, selectionnez le et avec la plume cliquez sur un point d'éxtrémité (un petit trait apparait à coté de la plume) puis fermez le comme vu tout à l'heure. Pour ma part, j'ai fini le tracé en zig zag.
Image
Voilà le résultat.
Image

:arrow: Je veux percer mon cœur

D'aucun me diront, on a qu'à poser au dessus un rond blanc et on croira qu'il est troué. Non, non, et pour bien expliciter le problème, je rajoute un superbe fond derrière mon cœur. (Pour placer les éléments les uns par rapport aux autres choisissez dans le menu Objet>mettre au premier/arrière plan)
Image
Le but est donc de trouer le cœur de manière à ce que le fond apparaisse dans le trou.

Au dessus du cœur vous allez dessinez une forme qui sera celle du futur trou. Je choisi pour ma part de faire un rond. (peut importe la couleur et le contour de cette forme).
Image

Sélectionnez ensuite cette forme et le cœur (avec la flèche noire).
Image

Ensuite rendez vous dans la palette Pathfinder et cliquez sur le bouton Soutraction de la forme (le deuxième).
Image

La forme et le cœur deviennent alors un seul et même tracé, le forme correspondant à un trou dans le cœur.
Image

Vous observerez que si vous appliquez un contour, il s'appliquera également au trou.


Pour continuer en vecto, rendez vous dans le second tutorial : vectoriser une image simple
Voilà, et merci de votre attention. :resp:


©SuZ 2005
Dernière édition par SuZ le 08 Sep 2005 8:43, édité 1 fois.
Avatar de l’utilisateur
SuZ
VIP
VIP
 
Messages: 2875
Inscription: 22 Juin 2004 14:42
Localisation: à l'ouest

Messagede ShadowKris » 04 Sep 2005 16:58

wahou merci pour ce tuto SuZ :)
Avatar de l’utilisateur
ShadowKris
VIP
VIP
 
Messages: 2230
Inscription: 27 Sep 2004 20:36

Messagede Spy-Seth » 04 Sep 2005 21:16

Whaa mercii SuZ !!!!


Je viens même de découvrir l'utilité de pathfinder :lol:

:kiss: :kiss:
Prout ?
Avatar de l’utilisateur
Spy-Seth
VIP
VIP
 
Messages: 5291
Inscription: 10 Déc 2004 13:29
Localisation: Montpellier (France)

Messagede NiuAge » 05 Sep 2005 9:39

MErciiiiiiiiiiiiii, je m'y met de suite, moi je faisais tout avec des formes simples que je déformais...
BEEP BEEP.
Avatar de l’utilisateur
NiuAge
Accro
Accro
 
Messages: 8675
Inscription: 20 Avr 2005 18:09
Localisation: Dans les nuages...

Messagede SuZ » 05 Sep 2005 9:46

de rien ^^

Spy seth, le pathfinder et surtout ce mode soustraction me sert tout le temps.

NiuAge, hihi, j'imagine la galère.
Avatar de l’utilisateur
SuZ
VIP
VIP
 
Messages: 2875
Inscription: 22 Juin 2004 14:42
Localisation: à l'ouest

Messagede NiuAge » 05 Sep 2005 11:30

SuZ a écrit:de rien ^^

Spy seth, le pathfinder et surtout ce mode soustraction me sert tout le temps.

NiuAge, hihi, j'imagine la galère.


ça marche pas mal ma technique ^^. Mais en fait pr l'insatnt je faisais tout sous flash, j'avais pas illustrator...
BEEP BEEP.
Avatar de l’utilisateur
NiuAge
Accro
Accro
 
Messages: 8675
Inscription: 20 Avr 2005 18:09
Localisation: Dans les nuages...

Messagede shalimar » 05 Sep 2005 13:13

SuZ , tes 2 tutos sont vraiment géniaux, c'est exactement ces explications qu'il me fallait.... :wink:


JE TE REMERCIE VRAIMENT BEAUCOUP SuZ , TU ES GENIALE !!!


J'ai fait des essais, j'y arrive ouahhhhou :banane: :banane: , c'est pas parfait ( va falloir beaucoup d'entraînements ) mais au moins je suis enfin sur le bon chemin de la vecto grâce à toi :resp: :good:
shalimar
Régulier(ère)
Régulier(ère)
 
Messages: 161
Inscription: 16 Nov 2004 16:32

Messagede SuZ » 05 Sep 2005 13:50

:D lol bah merci ça me fait plaisir :oops:

NiuAge a écrit:ça marche pas mal ma technique ^^. Mais en fait pr l'insatnt je faisais tout sous flash, j'avais pas illustrator...


Ah ok, effectivement sur flash jutilise pas trop la plume, je déforme des traits à la souris, c'est plus pratique.
Avatar de l’utilisateur
SuZ
VIP
VIP
 
Messages: 2875
Inscription: 22 Juin 2004 14:42
Localisation: à l'ouest

Messagede Spy-Seth » 05 Sep 2005 15:54

Je souhaiterais rajouter une pitite chose à ton magnifique tuto : "Il n'y a qu'en utilisant souvant la plume que l'on peux être précis dans les courbes : aucun tuto au monde peux l'expliqué." :lol:
Prout ?
Avatar de l’utilisateur
Spy-Seth
VIP
VIP
 
Messages: 5291
Inscription: 10 Déc 2004 13:29
Localisation: Montpellier (France)

Messagede Eileen » 05 Sep 2005 16:31

aaaah! voila un tuto qu'il est génial!
merci beaucoup
Avatar de l’utilisateur
Eileen
Forcené(e)
Forcené(e)
 
Messages: 2791
Inscription: 19 Sep 2004 16:16
Localisation: troisieme etoile à droite, puis tout droit jusqu'au matin

Messagede Loira » 03 Oct 2005 10:22

Ayest ! J'ai réussi à faire un petit coeur à la sauce Suzy ! Merci Suz :kiss:
Astuce pour les Gimpeux : il est effectivement plus simple de forcer l'apparition des poignées dès la création d'un point. Pour cela, quand on clique pour créer le point, ne pas relâcher le bouton, appuyer sur Maj et déplacer la souris où l'on veut : deux poignées symétriques vont apparaître (la symétrie disparaît si l'on relâche la touche Maj et que l'on continue à se déplacer). Si la courbe ne va pas, ce n'est pas grave, il sera toujours possible de la retoucher après (c'est ce que j'ai fait pour créer le point situé à gauche). Le trait qui relie le point d'ancrage à la poignée se transforme en pointillés dès qu'il est exactement horizontal ou vertical.
Merci à Zarumbatus, auteur de mon avatar !
:ff:
Avatar de l’utilisateur
Loira
Administratrice
Administratrice
 
Messages: 40382
Inscription: 13 Nov 2004 10:47
Localisation: Rhône-Alpes

Messagede piouPiouM » 03 Oct 2005 10:42

Loira a écrit:Astuce pour les Gimpeux : il est effectivement plus simple de forcer l'apparition des poignées dès la création d'un point. Pour cela, quand on clique pour créer le point, ne pas relâcher le bouton, appuyer sur Maj et déplacer la souris où l'on veut : deux poignées symétriques vont apparaître (la symétrie disparaît si l'on relâche la touche Maj et que l'on continue à se déplacer).
Pas besoin d'utiliser la touche Maj pour tracer le point et ses 2 tangentes symétrique ;)
L'appuis sur la touche Maj sert à ajouter un point au tracé lorsqu'il y en a un d'existant :)
Avatar de l’utilisateur
piouPiouM
VIP
VIP
 
Messages: 8269
Inscription: 10 Juin 2003 11:11
Localisation: Lyon

Messagede Loira » 03 Oct 2005 11:56

Ben, euh, Piou... J'ai trouvé ça dans l'aide de Gimp : on clique pour créer le point, on garde l'appui et on fait Maj et on tire.
Je viens de faire tout le tour de la théière ! :-P
Merci à Zarumbatus, auteur de mon avatar !
:ff:
Avatar de l’utilisateur
Loira
Administratrice
Administratrice
 
Messages: 40382
Inscription: 13 Nov 2004 10:47
Localisation: Rhône-Alpes

Messagede b666 » 03 Oct 2005 12:01

très chouette tuto bien complet pour les gens qui voudraient débuter en vecto, bien joué !
Avatar de l’utilisateur
b666
VIP
VIP
 
Messages: 1135
Inscription: 02 Avr 2004 18:25

Messagede SuZ » 03 Oct 2005 13:39

bravo loira :wink: (t'as pas essayé avec sodipodi ?)

merci b666 :)
Avatar de l’utilisateur
SuZ
VIP
VIP
 
Messages: 2875
Inscription: 22 Juin 2004 14:42
Localisation: à l'ouest

Suivante

Retourner vers Tutos Graphisme

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités