| 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] Vectoriser une image simple |
 |
|
--- Vectoriser une image simple ---
Pour effectuer ce tutorial vous devez au préalable savoir manier la plume sur illustrator. Si ce n'est pas le cas, je vous conseil de passer d'abord par le tutorial "débuter avec la plume".
- Choix de l'image -
Nous allons ici vectoriser une image simple.
source
J'ai choisi cette image pour différentes raisons :
- simplicité de la forme
- couleur unique
- lumière suffisamment précise pour définir des ombres visibles.
Ces trois critères nous simplifieront en effet le travail, mais une fois la technique comprise, n'hésitez à passer sur des images plus complexes.
Nous allons donc redessiner cette théière par ses ombres et ses lumières. Il ne s'agit pas de reproduire bêtement les ombres et lumières que vous voyez sur l'image (sinon autant passer par une vecto automatique comme celle que l'on trouve dans flash par exemple). La qualité du résultat dépendra de votre capacité d'interprétation de ces ombres et lumières. Regardez votre objet, reflechissez d'où vient la lumière et où les ombres doivent se poser logiquement. Puis regardez comme elles sont concrètement. Le résultat sera un compromis entre la réalité des ombres sur l'image et leur place logique dans votre esprit ^^ Je suis vraiment pas sûre d'être claire là. Bref, passons à la pratique...
- Précisions -
- J'utiliserai ici 5 couleurs en dégradé allant de couleur-2 la plus sombre à couleur2 la plus clair.
- Je vous conseil d'utiliser régulièrement la petite flèche permettant de permuter les couleur du contour et de la forme. En effet il est plus pratique de dessiner avec uniquement une couleur en contour (afin de pas masquer le modèle au fur et à mesure) et d'un simple clique vous pouvez avoir un aperçu de votre forme pleine  puis revenir en contour ensuite.
- Étapes -
 1- Importez votre image modèle dans un document illustrator et vérouillez directement le calque sur lequel il est placé. Vous n'y toucherez plus par la suite.
2- Créez un nouveau calque.
Nous allons commencer par tracer ici le contour général de l'objet.
Cette forme aura une couleur moyenne (couleur générale de la théière, ni trop sombre ni trop claire) que j'appelerais "couleur0".
 
3- Créez un nouveau calque et masquez le précédent.
Nous allons définir ici les formes des zones les plus sombres de l'objet. J'appelle le calque "couleur-2"
NB : A partir de cette étape et pour les suivantes, votre interprétation des ombres et des lumière rentrera en jeux. Je n'ai personnellement pas suivi exactement les nuance de la photo, j'ai préféré poser mes ombres de la manière qui me semblait la plus explicite.
 
4- Créez un nouveau calque et masquez le précedent.
Attention je place ce nouveau calque en dessous du calque précédent. Il s'agira ici des couleur-1 c'est à dire moyen-sombre.
 
5- Créez un nouveau calque et masquez le précedent.
Nous passons maintenant aux couleurs les plus claires de l'image, les tâches de lumières : couleur2.
 
6- Créez un nouveau calque et masquez le précedent.
Dernière étape, la couleur moyen-clair, nommée couleur1. Placé en dessous du précédent.
 
Voici un aperçu de l'ensemble en mode contour :
- Conclusion -
Quels intérêt de vectoriser une image ?
- obtenir un style graphique différent de la photo
- épurer son image au maximum (cf exemple ci-joint)
- jouer avec les ombres et les lumières
- jouer avec les couleurs
etc...
Nous avons utilisé 5 couleurs ici, mais ce n'est pas une règle, essayez avec plus de couleur ou avec le minimum (à savoir 2 ^^), donnez vous des contraintes, vous verrez que l'on obtient facilement des choses très graphiques. Le reste est une question de goût.
J'ajouterais pour conclure que je vous ai présenté ici ma technique, ce n'est certainement pas la seule. À chacun son appropriation du logiciel 
Voilà et merci de votre attention 
©SuZ 2005
_________________
glossaire 2077
Dernière édition par SuZ le 05 Sep 2005 21:42; édité 1 fois |
|
| Revenir en haut de page |
|
 |
Loira
Administratrice
Team BP
Inscrit le: 13 Nov 2004
Messages: 36493
Localisation: Rhône-Alpes
|
| Posté le: 04 Sep 2005 16:54 Sujet du message: |
|
|
Suz, c'est tout simplement magnifique ! 
Tu as fait ça sous Illustrator, mais ce doit être faisable sous Photoshop ou Gimp, j'imagine (ça me donne envie de me mettre enfin à la plume !) ?
_________________
Merci à Zarumbatus, auteur de mon avatar ! |
|
| Revenir en haut de page |
|
|
SuZ
VIP
Inscrit le: 22 Juin 2004
Messages: 2944
Localisation: à l'ouest
|
| Posté le: 04 Sep 2005 17:02 Sujet du message: |
|
|
Dès que je touche à la plume sous photoshop je m'énerve très vite. Le logiciel n'est pas prévu pour ça et on perd toute la maniabilité qu'on peut avoir sur illustrator... Mais oui, à part ça, ça doit être faisable ^^
Tu peux aussi essayer sodipdi
merci pour le com
_________________
glossaire 2077 |
|
| Revenir en haut de page |
|
|
erinnyes
Fidèle
Inscrit le: 20 Avr 2004
Messages: 1256
Localisation: 78
|
| Posté le: 04 Sep 2005 17:26 Sujet du message: |
|
|
moi aussi je m'enerve assez vite avec la plume de photoshop . Je travaille sur flash et ton tuto convient tres bien a n'importe quel logiciel vectoriel je pense.
merci beaucoup pour le tuto il est vraiment tres bien fait
_________________
www.erinnyes.fr [ DeviantART ] |
|
| Revenir en haut de page |
|
|
Spy-Seth
VIP
Inscrit le: 10 Déc 2004
Messages: 5201
Localisation: Montpellier (France)
|
| Posté le: 04 Sep 2005 21:19 Sujet du message: |
|
|
SuZ tu aurais pût utiliser l'outil filet pour l'ombrage
Bien plus précis, estétique, réaliste... mais c'est vrai pas treès simple à utiliser au début en vecto 
_________________
web-boras.net |
|
| Revenir en haut de page |
|
|
Loira
Administratrice
Team BP
Inscrit le: 13 Nov 2004
Messages: 36493
Localisation: Rhône-Alpes
|
| Posté le: 04 Sep 2005 22:00 Sujet du message: |
|
|
Tu attrapes les ombres au filet ? 
_________________
Merci à Zarumbatus, auteur de mon avatar ! |
|
| Revenir en haut de page |
|
|
SuZ
VIP
Inscrit le: 22 Juin 2004
Messages: 2944
Localisation: à l'ouest
|
| Posté le: 04 Sep 2005 22:10 Sujet du message: |
|
|
| Spy-Seth a écrit: | SuZ tu aurais pût utiliser l'outil filet pour l'ombrage
Bien plus précis, estétique, réaliste... mais c'est vrai pas treès simple à utiliser au début en vecto |
C'est une toute autre technique pour un tout autre résultat ce n'est pas l'effet que je voulais présenter. J'aime les formes net du vectoriel.
Et, sûrement pour ces même raisons, je sais à peine l'utiliser donc je me vois mal faire un tuto dessus.
Par contre si tu en fait un, je suis preneuse ^^
_________________
glossaire 2077 |
|
| Revenir en haut de page |
|
|
Nico-ARTS
Adepte
Inscrit le: 13 Aoû 2004
Messages: 912
Localisation: Coeur de Valais !
|
| Posté le: 04 Sep 2005 22:22 Sujet du message: |
|
|
Ces images sont SUPER!
mais pas d'heureusement : je n'ai pas l'illustrator car illustrator CS est trop cher 
_________________
Ma présentation | iMac | Canon 400D - 18-55mm EF-S IS |
|
| Revenir en haut de page |
|
|
Loira
Administratrice
Team BP
Inscrit le: 13 Nov 2004
Messages: 36493
Localisation: Rhône-Alpes
|
| Posté le: 05 Sep 2005 7:25 Sujet du message: |
|
|
L'équivalent en logiciel libre s'appelle Sodipodi ou son successeur, Inkscape 
_________________
Merci à Zarumbatus, auteur de mon avatar ! |
|
| Revenir en haut de page |
|
|
Nico-ARTS
Adepte
Inscrit le: 13 Aoû 2004
Messages: 912
Localisation: Coeur de Valais !
|
| Posté le: 05 Sep 2005 9:13 Sujet du message: |
|
|
Ah oui ? Ok, je testerai ces 2 logiciels gratuits..
Masi quel est mieux ?
_________________
Ma présentation | iMac | Canon 400D - 18-55mm EF-S IS |
|
| Revenir en haut de page |
|
|
NiuAge
Accro
Inscrit le: 20 Avr 2005
Messages: 7677
Localisation: Dans les nuages...
|
| Posté le: 05 Sep 2005 9:14 Sujet du message: |
|
|
Suz je t'aime^^ ça va trop me servir, génial.
_________________
Visiting Thailand ! |
|
| Revenir en haut de page |
|
|
Loira
Administratrice
Team BP
Inscrit le: 13 Nov 2004
Messages: 36493
Localisation: Rhône-Alpes
|
| Posté le: 05 Sep 2005 9:46 Sujet du message: |
|
|
A la base, c'est le même logiciel. Au commencement, il y avait Sodipodi ; un groupe de développeurs a fait des propositions au créateur ; ils ne se sont pas entendus, et du coup est né Inkscape à partir de Sodipodi. Je crois que le développement de ce dernier est plus ou moins abandonné, maintenant.
Tu pourras trouver de plus amples renseignements sur Framasoft.
_________________
Merci à Zarumbatus, auteur de mon avatar ! |
|
| Revenir en haut de page |
|
|
tsubasa
VIP
Inscrit le: 20 Juil 2003
Messages: 7925
Localisation: là où mes béquilles m'emportent
|
| Posté le: 07 Sep 2005 17:45 Sujet du message: |
|
|
Tuto plus que détaillé, rien à redire à part merci Je faisais un peu de plume au feeling, vais lire ton tuto pour mieux comprendre.
_________________
Rest my chemistry |
|
| Revenir en haut de page |
|
|
Nico-ARTS
Adepte
Inscrit le: 13 Aoû 2004
Messages: 912
Localisation: Coeur de Valais !
|
| Posté le: 11 Sep 2005 17:59 Sujet du message: |
|
|
Sodipodi n'a pas marché très bien à cause des problèmes des "DLL" :-S
_________________
Ma présentation | iMac | Canon 400D - 18-55mm EF-S IS |
|
| Revenir en haut de page |
|
|
Feuer Frei
Habitué(e)
Inscrit le: 15 Mar 2005
Messages: 227
Localisation: Valais/Suisse
|
| Posté le: 23 Sep 2005 13:34 Sujet du message: |
|
|
Merci pour le tut SuZ
moi je m'en sort bien sous photoshop, faudra que j'essaie sous illustrator pour voivr |
|
| Revenir en haut de page |
|
|
|
