• Forums 2037
  • Forums Boite à Pixels 2077.net
  • Forums phpBB
  • Forums Nero
  • Flux
  
Se déconnecter [ ccBot [Crawler] ]
Dernière visite le 12 Mar 2010 15:15 Nous sommes le 12 Mar 2010 15:15




 [ 34 messages ]  Aller à la page 1, 2, 3  Suivante
[illustrator] Débuter avec la plume 
Auteur Message
VIP
VIP
Avatar de l’utilisateur

Inscription: 22 Juin 2004 14:42
Messages: 2875
Localisation: à l'ouest
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 : 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

_________________
glossaire 2077


Dernière édition par SuZ le 08 Sep 2005 8:43, édité 1 fois.



04 Sep 2005 14:44
VIP
VIP
Avatar de l’utilisateur

Inscription: 27 Sep 2004 20:36
Messages: 2230
Message 
wahou merci pour ce tuto SuZ :)

_________________
Mon PortFolio : http://www.shadowkris.com | Blog : http://blog.shadowkris.com


04 Sep 2005 16:58 Site Internet
VIP
VIP
Avatar de l’utilisateur

Inscription: 10 Déc 2004 13:29
Messages: 5291
Localisation: Montpellier (France)
Message 
Whaa mercii SuZ !!!!


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

:kiss: :kiss:

_________________
Prout ?


04 Sep 2005 21:16 Site Internet
Accro
Accro
Avatar de l’utilisateur

Inscription: 20 Avr 2005 18:09
Messages: 8708
Localisation: Dans les nuages...
Message 
MErciiiiiiiiiiiiii, je m'y met de suite, moi je faisais tout avec des formes simples que je déformais...

_________________
BEEP BEEP.


05 Sep 2005 9:39 Site Internet
VIP
VIP
Avatar de l’utilisateur

Inscription: 22 Juin 2004 14:42
Messages: 2875
Localisation: à l'ouest
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


05 Sep 2005 9:46
Accro
Accro
Avatar de l’utilisateur

Inscription: 20 Avr 2005 18:09
Messages: 8708
Localisation: Dans les nuages...
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...

_________________
BEEP BEEP.


05 Sep 2005 11:30 Site Internet
Régulier(ère)
Régulier(ère)

Inscription: 16 Nov 2004 16:32
Messages: 161
Message 
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:

_________________
Googecolo


05 Sep 2005 13:13
VIP
VIP
Avatar de l’utilisateur

Inscription: 22 Juin 2004 14:42
Messages: 2875
Localisation: à l'ouest
Message 
: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.

_________________
glossaire 2077


05 Sep 2005 13:50
VIP
VIP
Avatar de l’utilisateur

Inscription: 10 Déc 2004 13:29
Messages: 5291
Localisation: Montpellier (France)
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é." :lol:

_________________
Prout ?


05 Sep 2005 15:54 Site Internet
Forcené(e)
Forcené(e)
Avatar de l’utilisateur

Inscription: 19 Sep 2004 16:16
Messages: 2791
Localisation: troisieme etoile à droite, puis tout droit jusqu'au matin
Message 
aaaah! voila un tuto qu'il est génial!
merci beaucoup


05 Sep 2005 16:31
Administratrice
Administratrice
Avatar de l’utilisateur

Inscription: 13 Nov 2004 10:47
Messages: 40624
Localisation: Rhône-Alpes
Message 
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:


03 Oct 2005 10:22
VIP
VIP
Avatar de l’utilisateur

Inscription: 10 Juin 2003 11:11
Messages: 8269
Localisation: Lyon
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
:lang:
Mon Ziki


03 Oct 2005 10:42 Site Internet
Administratrice
Administratrice
Avatar de l’utilisateur

Inscription: 13 Nov 2004 10:47
Messages: 40624
Localisation: Rhône-Alpes
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 ! :-P

_________________
Merci à Zarumbatus, auteur de mon avatar !
:ff:


03 Oct 2005 11:56
VIP
VIP
Avatar de l’utilisateur

Inscription: 02 Avr 2004 18:25
Messages: 1135
Message 
très chouette tuto bien complet pour les gens qui voudraient débuter en vecto, bien joué !


03 Oct 2005 12:01 Site Internet
VIP
VIP
Avatar de l’utilisateur

Inscription: 22 Juin 2004 14:42
Messages: 2875
Localisation: à l'ouest
Message 
bravo loira :wink: (t'as pas essayé avec sodipodi ?)

merci b666 :)

_________________
glossaire 2077


03 Oct 2005 13:39
 [ 34 messages ]  Aller à la page 1, 2, 3  Suivante


Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers

  
[ Association 2037.org, infrastructure & serveur model-fx ] :: [ Powered by phpBB © phpBB Group. ]
[ Thèmes © Boîte à Pixels 2037.Org ] :: [ Guntar Ze Smiley © ZeCorp. Created by Christophe Soudron ]
Traduction par: phpBB.biz