| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
SuZ
VIP
Inscrit le: 22 Juin 2004
Messages: 2944
Localisation: à l'ouest
|
 Posté le: 04 Sep 2005 14:44 Sujet du message: [illustrator] Débuter avec la plume |
 |
|
--- 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 :  bitmap :
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.
 Ouvrez donc un nouveau document illustrator. Sélectionnez l'outil plume  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 ! ^^
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 ! ^^
Sélectionnez l'outils flèche blanche  (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.
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  (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 -
É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.
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.
 
1. points aux sommets
2. point au changement de direction
3. point d'angle converti avec l'outils conversion
- Application -
Imaginez un cœur  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.
Je commence par le point à la base du cœur, je laisse un point simple sans vecteurs.
2e point, je le place au sommet de la moitié gauche de mon futur cœur, je tire le vecteur vertical.
Le 3e point ne pose pas de difficulté.
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.
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.
Je peux maintenant poser le 4e point.
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é.
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.
Vous pouvez maintenant vous faire plaisir avec la palette de couleur ^^
- Deux astuces -
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.
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.
Voilà le résultat.
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)
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).
Sélectionnez ensuite cette forme et le cœur (avec la flèche noire).
Ensuite rendez vous dans la palette Pathfinder et cliquez sur le bouton Soutraction de la forme (le deuxième).
La forme et le cœur deviennent alors un seul et même tracé, le forme correspondant à un trou dans le cœur.
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. 
©SuZ 2005
_________________
glossaire 2077
Dernière édition par SuZ le 08 Sep 2005 8:43; édité 1 fois |
|
| Revenir en haut de page |
|
 |
ShadowKris
VIP
Inscrit le: 27 Sep 2004
Messages: 2301
|
|
| Revenir en haut de page |
|
|
Spy-Seth
VIP
Inscrit le: 10 Déc 2004
Messages: 5294
Localisation: Montpellier (France)
|
| Posté le: 04 Sep 2005 21:16 Sujet du message: |
|
|
Whaa mercii SuZ !!!!
Je viens même de découvrir l'utilité de pathfinder 
_________________
web-boras.net |
|
| Revenir en haut de page |
|
|
NiuAge
Accro
Inscrit le: 20 Avr 2005
Messages: 7882
Localisation: Dans les nuages...
|
| Posté le: 05 Sep 2005 9:39 Sujet du message: |
|
|
| MErciiiiiiiiiiiiii, je m'y met de suite, moi je faisais tout avec des formes simples que je déformais... |
|
| Revenir en haut de page |
|
|
SuZ
VIP
Inscrit le: 22 Juin 2004
Messages: 2944
Localisation: à l'ouest
|
| Posté le: 05 Sep 2005 9:46 Sujet du message: |
|
|
de rien ^^
Spy seth, le pathfinder et surtout ce mode soustraction me sert tout le temps.
NiuAge, hihi, j'imagine la galère.
_________________
glossaire 2077 |
|
| Revenir en haut de page |
|
|
NiuAge
Accro
Inscrit le: 20 Avr 2005
Messages: 7882
Localisation: Dans les nuages...
|
| Posté le: 05 Sep 2005 11:30 Sujet du message: |
|
|
| 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... |
|
| Revenir en haut de page |
|
|
shalimar
Régulier(ère)
Inscrit le: 16 Nov 2004
Messages: 161
|
| Posté le: 05 Sep 2005 13:13 Sujet du message: |
|
|
SuZ , tes 2 tutos sont vraiment géniaux, c'est exactement ces explications qu'il me fallait.... 
JE TE REMERCIE VRAIMENT BEAUCOUP SuZ , TU ES GENIALE !!!
J'ai fait des essais, j'y arrive ouahhhhou  , 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 
_________________
Googecolo |
|
| Revenir en haut de page |
|
|
SuZ
VIP
Inscrit le: 22 Juin 2004
Messages: 2944
Localisation: à l'ouest
|
| Posté le: 05 Sep 2005 13:50 Sujet du message: |
|
|
lol bah merci ça me fait plaisir 
| 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.
_________________
glossaire 2077 |
|
| Revenir en haut de page |
|
|
Spy-Seth
VIP
Inscrit le: 10 Déc 2004
Messages: 5294
Localisation: Montpellier (France)
|
| Posté le: 05 Sep 2005 15:54 Sujet du message: |
|
|
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é."
_________________
web-boras.net |
|
| Revenir en haut de page |
|
|
Eileen
Forcené(e)
Inscrit le: 19 Sep 2004
Messages: 2788
Localisation: troisieme etoile à droite, puis tout droit jusqu'au matin
|
| Posté le: 05 Sep 2005 16:31 Sujet du message: |
|
|
aaaah! voila un tuto qu'il est génial!
merci beaucoup |
|
| Revenir en haut de page |
|
|
Loira
Administratrice
Team BP
Inscrit le: 13 Nov 2004
Messages: 37144
Localisation: Rhône-Alpes
|
| Posté le: 03 Oct 2005 10:22 Sujet du message: |
|
|
Ayest ! J'ai réussi à faire un petit coeur à la sauce Suzy ! Merci Suz
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 ! |
|
| Revenir en haut de page |
|
|
piouPiouM
VIP
Inscrit le: 10 Juin 2003
Messages: 8861
Localisation: Lyon
|
| Posté le: 03 Oct 2005 10:42 Sujet du message: |
|
|
| 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 
_________________
Découvrez le livre Gimp 2.4 : Apprenez, pratiquez, créez ! (3ème édition)
Gimp4you, tutoriels pour GIMP 2 
Mon Ziki |
|
| Revenir en haut de page |
|
|
Loira
Administratrice
Team BP
Inscrit le: 13 Nov 2004
Messages: 37144
Localisation: Rhône-Alpes
|
| Posté le: 03 Oct 2005 11:56 Sujet du message: |
|
|
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 ! 
_________________
Merci à Zarumbatus, auteur de mon avatar ! |
|
| Revenir en haut de page |
|
|
b666
VIP
Inscrit le: 02 Avr 2004
Messages: 1183
|
| Posté le: 03 Oct 2005 12:01 Sujet du message: |
|
|
| très chouette tuto bien complet pour les gens qui voudraient débuter en vecto, bien joué ! |
|
| Revenir en haut de page |
|
|
SuZ
VIP
Inscrit le: 22 Juin 2004
Messages: 2944
Localisation: à l'ouest
|
| Posté le: 03 Oct 2005 13:39 Sujet du message: |
|
|
bravo loira (t'as pas essayé avec sodipodi ?)
merci b666
_________________
glossaire 2077 |
|
| Revenir en haut de page |
|
|
|
