Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
3 août 2011 3 03 /08 /août /2011 17:00

 

 

Ce didacticiel montrera une façon de procéder pour vectoriser une image bitmap avec Illustrator CS5. La différence notable qu’il y a entre une image bitmap et une image vectorielle est la qualité constante à un degré de zoom élevé. Une image bitmap pixélisera à un certain pourcentage de zoom contrairement à une image vectorielle qui restera nette car à chaque changement de résolution des calculs s'opérent pour recréer l’image vectorielle.

 

 Vectorisation Image Illustrator souris Intro            

 

1. -Importez l’image source qui servira pour la création de l’image vectorisée (Fichier > Importer) et verrouillez le calque en le nommant « Source ».


-Créer avec la plume (P) les lignes qui séparent les différentes parties de la souris sur un nouveau calque appelé « lignes noir », avec la pipette (I) prélevez les couleurs correspondantes sur l’image source et verrouillez le calque.
(Astuce : Pour une meilleure lisibilité du didacticiel, l’image bitmap et les objets vectorisés sont séparés mais il est recommandé de créer les objets vectoriels sur l’image bitmap pour plus de précision. Veillez à ce que le calque « lignes noir » soit toujours au dessus des autres calques créés.)

 

Vectorisation Image Illustrator souris 001             

 

2. -Créez un nouveau calque « socle gauche » et détourez la partie correspondante au socle gauche de la souris.


-Cliquez sur la double flèche pour changer la couleur des contours en couleur pleine.

-Réglez l’opacité à 20% pour voir en transparence l’image source et avec l’outil filet (U) créez des points aux endroits ou la couleur de l’image source change.


-Déplacez le socle gauche vectorisé sur le côté, remettez l’opacité à 100%, avec la flèche blanche (A) cliquez sur les points créés et prélevez la couleur sur l’image source avec la pipette (I).
(Astuce : Recommencez la dernière opération pour tous les points du socle créés. Plus vous créez des filets, plus vous aurez une image vectorielle ressemblante à l’image source.)

 

 Vectorisation Image Illustrator souris 02

 

 Vectoriser com(2)

 

 Vectorisation Image Illustrator souris 02 1

 

 11-vectoriser

3. -Verrouillez l’ancien calque et créez un nouveau calque « socle droit » et détourez la partie correspondante au socle droit de la souris.


-Réalisez les mêmes étapes que dans le « 2. » pour obtenir un objet ressemblant à l’avant de la souris comme ci-dessous.
(Astuce : Verrouillez et cachez le calque pour éviter de sélectionner le socle droit par inadvertance.)

 

 Vectorisation Image Illustrator souris 03

 

 

 Vectorisation Image Illustrator souris 03 1          

 

 

4. -Créez un nouveau calque « câble » et vectorisez le câble avec la plume (P) en prélevant avec la pipette (I) la couleur dominante.


-Détourez le léger liserait blanc sur le câble pour lui donner une épaisseur et appliquez-lui un flou gaussien pour l’étaler sur la surface.

(Astuce : Verrouillez le calque « câble ».)

 4-vectoriser

 

 Vectorisation Image Illustrator souris 04

 

 

5. -Créez un nouveau calque « milieu gris » et détourez à l’aide de la plume (P) les deux parties grises de la souris.


-Dupliquez les deux formes de part et d’autre de leur emplacement et appliquez-leur un dégradé linéaire en prélevant chaque couleur avec la pipette (I). Sur l’avant de la souris se trouve une légère partie plus foncée. Vectorisez-là et appliquez lui un flou gaussien.


-Repositionnez les parties à leur place en notant qu’un léger trait gris foncé à été ajouté au milieu de la forme.
(Astuce : Pour changer l’angle d’un dégradé utilisez l’outil dégradé (G). Verrouillez le calque « milieu gris ».)

 

 Vectorisation Image Illustrator souris 05

 

 Vectorisation Image Illustrator souris 05 1

 

 Vectoriser com(2)

 

 

6. -Créez un nouveau calque « molette » et détourez les différentes parties qui composent la molette de la souris.


-Déplacez l’objet vectoriel qui désigne la forme générale après l’ajout d’un filet (U). Reprenez les couleurs de l’image source avec la pipette (I) sur les objets qui désignent la lumière et appliquez-leur un flou gaussien.


-Repositionnez la molette à l’endroit.

(Astuce : L’ajout du filet sur la molette se réalise comme produit précédemment aux étapes deux et trois pour les socles. Verrouillez le calque « molette ».)

 

 Vectorisation Image Illustrator souris 06

 

 

 Vectorisation Image Illustrator souris 06 1             

 

6-vectoriser 

 

7. -Créez un nouveau calque « haut souris » et détourez le haut de la souris.


-Changez la couleur des contours en couleur pleine, baissez l’opacité à 20% et appliquez l’outil filet (U) comme fait précédemment.


-Prélevez les couleurs de l’image source en utilisant la flèche blanche (A) sur les points du filet avec la pipette (I).
(Astuce : Le calque « haut souris » doit être tout en bas. Verrouillez le calque.)

 

 Vectorisation Image Illustrator souris 07

 

 

 Vectorisation Image Illustrator souris 07 1             

 

 

8. -Créez un nouveau calque « effet haut souris » et vectorisez les effets de lumière présent sur la souris.


-Appliquez-leur une couleur blanche, variez sur l’opacité en fonction de l’image source et ajouté une lueur externe avec une couleur bleu clair.
(Astuce : Ajoutez un flou gaussien pour créer l’effet de brillance en bleu clair sur les deux formes pleines. Verrouillez le calque « effet haut souris ».)

 

 Vectorisation Image Illustrator souris 08

 

 

 Vectorisation Image Illustrator souris 08 1             

 

 

9. -Créez un nouveau calque « ombre » et vectorisez l’ombre présent sous la souris en lui donnant une couleur pleine noir.


-Appliquez un flou gaussien à l’ombre en lui donnant une opacité de 35%.
(Astuce : Verrouillez le calque « ombre ».

 

 Vectorisation Image Illustrator souris 09

 

 Vectoriser com(2)

 

 Vectorisation Image Illustrator souris Fin             

 

 

 

Autres Didacticiels :

Illustrator 3D Vectoriel Opacité Motif vectorisé image Illustrator Vectoriser Silhouette Vectorielle Illustrator vectoriser image vectoriel montre Illustrator Vectorisation plaque Illustrator  

 

 

"Vectorisation d'une image avec Adobe Illustrator" réalisé par Tommy Toussaint 

Tous droits réservés vectoriser.com 2006/2011

Partager cet article
Repost0

commentaires

Texte Libre

Vectorisation, Illustrator, bitmap, illustration, dessin, plan, logo, dégradés, aqua, 2D, tutoriel, vectoriser, effets, 

CS1, CS2, CS3, CS4, CS5.

 

Pour vos colorisations sous Photoshop
petit-spacer
coloriser-com

petit-spacer

Pour vos détourages sous Photoshop

petit-spacer

détourage-photo-photoshop


Pour la vectorisation de logos.

Recherche

Autres tutoriels de vectorisation

vectoriser image vectoriel montre IllustratorVectoriser Degrade Illustrator Vectoriser degrade contour IllustratorIllustrator 3D Vectoriel OpacitéLogo Vectorisé Web 2.0 1Logo Vectorisé Web 2.0Logo Vectorisé Web 2.0 3Logo Vectorisé Web 2.0 2Logo Vectorisé Web 2.0 4