Overblog
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
1 août 2011 1 01 /08 /août /2011 15:00



Ce didacticiel Illustrera une manière simple de créer un bouton avec Adobe Illustrator. Illustrator vous permettra d’avoir un bouton vectoriel donc imprimable dans n’importe quel format à la différence d’une image bitmap pouvant être créée avec Photoshop qui se pixélise à un certain pourcentage de zoom en perdant de la qualité et du détail.

 Vectoriser image vectoriel bouton avec reflets 

 

  1. Ouvrez Adobe Illustrator et créez un cercle  de 304px de hauteur et de largeur en lui ajoutant un dégradé radial avec comme centre le haut du cercle comme sur l’image ci-contre :
(Astuce : Utilisez l’outil d’édition de dégradé (G) pour changer le lieu du centre du dégradé.) 
 
 01 Création cercle vectoriser

 

2. Appliquez une ombre portée au cercle (Effet > Artistique > Ombre portée) en suivant les paramètres ci-contre :    vectoriser image vectoriel bouton 02 

 

3. Créez un cercle à l’intérieur du cercle de base en le réduisant de 30px (Objet > Tracé > Décalage ) et assignez-lui un dégradé linéaire.    03 Cercle interne Vectoriser

 

4. Réalisez à nouveau l’étape 3 en créant cette fois un cercle plus petit de 5px. Assignez-lui un dégradé radial.    04 Cercle interne Vectoriser

 

5. Créez une lueur interne sur le plus petit des cercles (Effet > Artistique > Lueur interne).    vectoriser image vectoriel bouton 05

 

6. Créez un cercle avec un contour de 18pts et enlevez la couleur de fond. Avec la plume (A) ajoutez deux accroches sur chaque coin supérieur de votre cercle.
-Supprimez l’accroche qui se trouve entre les accroches qui viennent d’être créées en la sélectionnant avec la flèche blanche (A) et en appuyant sur le bouton supprimé du clavier.
-Reprenez la plume et créez une ligne verticale pour finaliser la forme de l’icone power.
-Sélectionnez les deux formes et dans la fenêtre des contours (F10) cliquez sur les bouts ronds.
-Transformez vos lignes en formes pleines pour leur attribuer des effets (Objet  > Décomposer l'aspect) et placez-les au centre de votre cercle.
(Astuce : Groupez les deux formes pour les éditer ensemble lors de la sélection d’un seul objet.)
   vectoriser image vectoriel bouton 06

 

Vectoriser com(2)

 

7. Appliquez une lueur interne et externe (Effet > Artistique > Lueur (interne/externe) à l’icône power en suivant les paramètres de l’image ci-contre :    vectoriser image vectoriel bouton 07

 

 

CREATION DES REFLETS


8. Créez une ellipse comme sur l’image ci-contre et enlevez les bordures arrondis aux extrémités avec l’outil permettant de conversion de point directeur (Maj + C).
(Astuce : Pour supprimer des angles ronds il faut cliquer sur le point qui crée l’angle avec l’outil conversion de point directeur (Maj + C). Pour créer un angle rond il faut cliquer sur le point et glisser la souris.)
   08 Ellipse création vectoriser

 

 

9. Donnez une courbure à l’ellipse pour qu’elle épouse la forme de votre bouton avec la troisième méthode de l’outil de distorsion (Objet > Distorsion de l’enveloppe > Créer d’après une déformation (Ctrl + Alt + Maj + W)).
(Astuce : C’est la transformation arche qui à été appliqué à l’ellipse.)
   09 Distorsion vectoriser

 

10. Copiez l’ellipse courbé créée au sommet du bouton et réduisez-le avec l’outil de transformation (E).    10 vectoriel bouton vectoriser

 

11. Créez quatre rectangles de même taille, sélectionnez-les et appliquez leur une distorsion par rapport à l’arche (Objet > Distorsion de l’enveloppe > Créer Warp (Ctrl + Alt + Maj + W))).    vectoriser image vectoriel bouton 11

 

12. Sélectionnez la première forme créée et dupliquez-là sur place (Ctrl + C puis Ctrl + F).
Passez-là au premier plan (Clic droit > Disposition > Mettre au premier plan).
Dupliquez la forme qui est au premier plan et montez-la verticalement en maintenant (Maj) appuyé.
(Astuce : Vous pouvez dupliquer la forme verticalement en la sélectionnant et en la déplaçant vers le haut en maintenant (Maj + Alt).)
Sélectionnez les deux formes qui sont au premier plan et appliquez un pathfinder de soustraction pour ne laisser qu’un arc de cercle inférieur.
Mettez l’opacité de l’arc à 15%.

 

 vectoriser image vectoriel bouton 12 

 

13. Pour donner un effet plus brillant à votre bouton dupliquez à nouveau la première forme et mettez-là au premier plan. Appliquez-lui un effet "Obscurcir" dans la fenêtre transparences (Maj + F10).  13 Ajout Darken vectoriser

 
Vectoriser com(2)

 

Voici quelques exemples de boutons vectoriels créés avec la même base que celui du didacticiel avec des effets de reflets, de transparences, de superpositions de couches qui diffèrent.

 

 Vectoriser image vectoriel boutons avec reflets 

 

 

"Créer un bouton avec Adobe Illustrator" réalisé par Tommy Toussaint 

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

Partager cet article
Repost0
29 juillet 2011 5 29 /07 /juillet /2011 16:30

 

Dans ce tutoriel, nous réaliserons un logo vectorisé en style web 2.0. Un logo web 2.0 peut comporter de nombreux effets comme des dégradés de couleurs, des jeux de lumières, des ombres et des reflets. Les logos plus anciens sont souvent de couleurs unies, plats et sans effet de perpectives. Nous réaliserons ce logo sous Adobe Illustrator afin d'obtenir un document vectorisé. Le logo sera ainsi redimensionnable dans toutes les tailles, à tous les formats sans perdre de résolution.

 

Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator-CS4-CS5


- Ouvrez d'abord Adobe Illustrator et créez un nouveau document sur 800x600px en mode RVB. (laissez le reste des options par défaut)

 

1. Créez un deuxième calque que vous nommerez "Logo" et l'autre calque vous le nommerez "Fond".

 

- En premier temps, nous travaillerons sur le calque "Logo".

2. Tracez trois cercle avec l'Outil Ellipse (L). Le premier cercle sera de 360px de diamètre, le deuxième sera de 295px et le dernier cercle sera de 240px de diamètre.  Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator-CS4-CS5_1.jpg
3. Sélectionnez les trois cercles et centrez-lez entre eux avec l'Outil Alignement (Maj+F7).

4. Ciblez les deux plus petits cercles et utilisez dessus l'outil Pathfinder "Soustraction de la forme" puis décomposez. Exécutez la même opération avec la forme résultante et le dernier cercle qui reste.

 

5. Appliquez dessus un dégradé de couleurs de type "Linéaire" avec la couleur grise (#404040) et la couleur noire. Suivez la configuration suivante.

Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator-CS4-CS5_2.jpg

 

 

6. Tracez à nouveau un cercle de 360px de diamètre. Appliquez dessus un dégradé de couleurs de type "Linéaire" avec les couleurs noire et blanche et un angle de 40°. Réduisez son opacité à 75%.

11-vectoriser

 

7. Placez ce nouveau cercle en haut à droite sur le côté de l'autre forme. Dupliquez cette forme (Ctrl+F), ciblez-le avec le cercle et utilisez l'outil Pathfinder "Intersection des formes".


Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator-CS4-CS5_3.jpg

 

8. Tracez un nouveau cercle de 360px de diamètre. Appliquez dessus un dégradé de couleurs de type "Radial" avec la couleur bleue (#3061BE) et la couleur noire. Suivez la configuration suivante.


Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator-CS4-CS5_4.jpg

 

7-vectoriser( Le curseur pour la couleur bleue doit se placer à 75% sur la barre de dégradé)

 

 - Maintenant nous créerons des biseautages en traçant des contours que nous vectoriserons pour leur ajouter des dégradés de couleurs.

 

9. Dessinez trois contours avec l'outil Ellipse (L) qui auront pour mesure 295px de diamètre pour 3pt d'épaisseur de traits, 240px de diamètre pour 2pt d'épaisseur de traits et 230px de diamètre pour 2pt d'épaisseur de traits. Centrez-les sur le logo vectorisé à l'aide de l'outil Alignement (Maj+F7).

 

- Pour assigner un dégradé de couleurs à un contour, il faut commencer par le vectoriser. Pour effectuer cela, sélectionnez le contour et vectorisez-le en allant dans le menu "Objet > Décomposer..." puis confirmez.

 

10. Appliquez sur les contours vectorisés les dégradés de couleurs suivants:

 

Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator-CS4-CS5_5.jpg

Dégradé de couleur de type "Linéaire" avec les couleurs blanche et noire. Le curseur du centre doit se placer à 25%.

 Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator-CS4-CS5_6.jpg

Dégradé de couleur de type "Linéaire" avec les couleurs noire et blanche. Le curseur du centre doit se placer à 75%.

Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator-CS4-CS5 7

Dégradé de couleur de type "Linéaire" avec les couleur grise (#808080) et noire.

 

11. Utilisez l'Outil Texte (T) pour placer le "V" au milieu du logo vectorisé. Le caractère du "V" ici est du "Arial Bold" de 208pt. Appliquez-lui une couleur bleue (#308CBE) et un mode de transparence "Densité couleur -".

     Dupliquez le "V" (Ctrl+F). Rajoutez dessus un flou gaussien de 50px avec une opacité de 75%.


Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator-CS4-CS5_8.jpg

 

 

12. Dupliquez les deux tracés en arrière-plan et placez-les au premier plan. Utilisez l'outil Pathfinder "Soutraction de la forme". Avec la forme donnée, appliquez-lui une couleur bleue (#308CBE) avec un flou gaussien de 50px et un mode de transparence "Densité couleur -" de 50% en opacité. Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator-CS4-CS5_9.jpg

Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator--copie-2.jpg

 

- Pour finir, vous pouvez rajouter un arrière-plan dans le calque "Fond" pour donner une ambiance au logo vectorisé.

 

Vectorisation-logo-Web-2-0-sous-Adobe-Illustrator--copie-3.jpg

 

 

(Astuce: Vous pouvez aussi réalisez ce logo vectorisé à partir d'autres formes géométriques que le cercle.)

 

 

Vectoriser com(2)

 

Autres tutoriels:

Logo Vectorisé Web 2.0 vectoriser image vectoriel montre Illustrator 
 Logo Vectorisé Web 2.0 2   Logo Vectorisé Web 2.0 1

 

"Création d'un logo vectorisé en style WEB 2.0 sous ILLUSTRATOR" rédigé par Nicolas Leonard

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

 

 


 

 

Votre service de vectorisation de logos à l'identique.

Partager cet article
Repost0
29 juillet 2011 5 29 /07 /juillet /2011 09:46

 

 

Ce didacticiel montrera comment passer d'un logo 1.0 en 2.0 avec Adobe Illustrator. Les logos 1.0 sont souvent sans effets tels que les reliefs ou les ombrages et n'ont pas beaucoup de couleurs. Le passage à une version 2.0 permet l'ajout de tous ces effets et donne du volume au logo ce qui le rend attractif. Adobe Illustrator crée des dessins vectoriels donc ces logos sont imprimables dans toutes les tailles sans aucune perte de qualité.

Vectoriser logo Vectorisation Amélioration3 

 

1. Ouvrez Adobe Illustrator et tracez un cercle de  766px. Le cercle servira à délimiter la taille du logo et à créer un effet de verre fin transparent.
(Astuce : Pour tracer un cercle en entrant des coordonnées, sélectionnez l’outil ellipse (M) et cliquez sur la zone de travail.)
   Vectoriser logo Vectorisation 01

 

2. Créez quatre ellipses de différentes tailles et placez-les de sorte que leurs bordures touchent le cercle.
Première ellipse : 460 *95
Deuxième ellipse : 630 * 131
Troisième ellipse : 715 * 148
Quatrième ellipse : 756 * 156
(Astuce : Utilisez les repères commentés (Ctrl + U) pour bien positionner les ellipses qui sont dans le cercle.)
   Vectoriser logo Vectorisation 02

 

Vectoriser com(2)

 

3. Sélectionnez les quatre ellipses et dupliquez-les en miroir (Clic droit > Transformation > Miroir) pour compléter le remplissage du cercle de base.
(Astuce : Après la transformation placez les nouvelles ellipses en appuyant sur (Maj + Flèche directionnelle bas).)
   Vectoriser logo Vectorisation 03

 

4. Sélectionnez toutes les ellipses qui sont dans le cercle sauf celle qui est tout en haut et transformez-les (Clic droit > Transformation > Transformation répartie (Ctrl + Maj + Alt + D)) pour donner un aspect de perspective.    Vectoriser logo Vectorisation 04

 

5. Désélectionnez la deuxième ellipse en partant du haut et appuyez sur (Ctrl + D) pour répéter la dernière opération. Ici il s’agit de la transformation de l’étape 4. Continuez à désélectionner chaque ellipse en transformant celles qui sont toujours sélectionnés. Vous obtiendrez un effet de perspective progressif.
(Astuce : Pour désélectionner un objet, cliquez sur celui-ci en maintenant la touche (Maj) enfoncée.)
   Vectoriser logo Vectorisation 05

 

6. Sélectionnez toutes les ellipses à nouveau, transformez-les (Clic droit > Transformation > Transformation répartie (Ctrl + Maj + Alt + D)) et validez avec copier pour les doubler. Les doubler permettra de créer une épaisseur aux ellipses pour avoir  un effet de verre solide.    Vectoriser logo Vectorisation 06

 

7. Prenez chaque pair d’ellipses et décomposez-les en deux parties avec l’outil division de la fenêtre pathfinder (Maj + F9).
Supprimez l’arc de cercle situé au dessus des pairs d’ellipses.
(Astuce : Après une opération pathfinder les objets sont groupés. Utilisez la flèche blanche (A) pour sélectionner un objet unique dans un groupe ou dégroupez-les (Ctrl + Maj + G).)
   Vectoriser logo Vectorisation 07

 

8. Entrez les couleurs sur les différentes parties des ellipses en utilisant la flèche blanche (A). Notez à mettre sur les parties supérieurs un dégradé radial et sur les bordures une couleur pleine.
(Astuce : Les dégradés sont créés avec du blanc et du bleu plus ou moins foncé et ont le curseur de dégradé de la fenêtre dégradé (F9) qui commence à 80% et décroit de 10% pour chaque dégradé créé en partant du haut vers le bas. Créer un dégradé de dégradés permet d’obtenir un reflet progressif pour épouser la forme sphérique.)
   Vectoriser logo Vectorisation 08

 

9. Appliquez aux sphères qui représentent la surface une opacité de 50% avec la fenêtre d’opacité (Maj + F10) et une lueur interne (Effet > Artistique > Lueur interne) paramétré comme ci-contre :
(Astuce : La lueur interne accentuera l’effet de matière à la forme.)
   Vectoriser logo Vectorisation 09

 

10. Sélectionnez le cercle créé à l’étape une et appliquez-lui un dégradé radial allant du blanc vers le bleu clair et réglez l’opacité à 20% pour obtenir un effet de verre fin.    Vectoriser logo Vectorisation 10

  Vectoriser com(2)

11. Copiez sur place (Ctrl + C puis Ctrl + F) le cercle et appliquez un dégradé radial allant du bleu vers le blanc transparent dans le coin supérieur droit.    Vectoriser logo Vectorisation 11

 

12. Comme à l’étape 11, copiez le cercle sur place. Créez un dégradé radial allant du bleu vers le blanc transparent dans le coin inférieur gauche.    Vectoriser logo Vectorisation 12

 

13. Pour créer un reflet afin d’obtenir du volume au logo, confectionnez à l’aide de la plume (P) un arc de cercle gris sans contour au coin supérieur gauche de la sphère. Appliquez-lui avec la fenêtre opacité (Maj + F10) l’effet  «Densité couleur –» et une opacité de 40%.

-Copier-le (Ctrl + C) et collez la (Ctrl + V) nouvelle forme à côté de l’ancienne en mordant un peu sur les côtés.

-Sélectionnez les deux formes et copiez les en leur appliquant une réflexion (Clic droit > Transformation > Miroir).

-Déplacez les deux nouvelles formes dans le coin inférieur droit du logo.
   Vectoriser logo Vectorisation 13

 

14. Pour assigner une ombre, créez une ellipse (M) en dessous du logo et mettez-la en gris. Appliquez-lui un flou gaussien de 10px (Effet > Flou > Flou gaussien) et une opacité de 50% (Maj + F10).    Vectoriser logo Vectorisation 14

 

 

Vectoriser com(2)

Vectoriser logo Vectorisation

 

Autres Didacticiels :

Logo Vectorisé Web 2.0 3 Vectorisation plaque Illustrator Logo Vectorisé Web 2.0 1 Vectorisation Image Illustrator souris Fin Illustrator 3D Vectoriel Opacité  

 

 

 

"Amélioration et vectorisation d'un logo sous Adobe Illustrator" réalisé par Tommy Toussaint 

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

 

 


 

 

Votre service de vectorisation de logos à l'identique.

Partager cet article
Repost0
28 juillet 2011 4 28 /07 /juillet /2011 16:00

 

Le filet de dégradés sous Adobe Illustrator est l'un des outils les plus difficiles à appréhender. Peu connu des utilisateurs de ce logiciel, il permet de créer des dégradés sur une forme vectorielle donnée. Bien que cet outil soit puissant et pratique, il ne peut être utilisé qu'avec des formes vectorielles circulaires ou polygonales pour plus d'efficacité. Il existe plusieurs méthodes pour appliquer un beau filet de dégradés. Nous nous intéresserons à une petite méthode simple pour obtenir dans Adobe Illustrator un magnifique dégradé avec cet outil.


Outil-Filet-sous-Adobe-Illustrator-CS3-CS4-CS5 6


1. Prenez des formes vectorisées simples avec une couleur unie.


Outil-Filet-sous-Adobe-Illustrator-CS3-CS4-CS5 7


2. Utilisez l'Outil Filet (U) et placez des points de filet à seulement deux extrémités des formes vectorisées

 

Outil-Filet-sous-Adobe-Illustrator-CS3-CS4-CS5 8

3. Sélectionnez tous les points qui se trouvent sur les contours des formes vectorisées. Appliquez une couleur plus foncée que la couleur donnée à l'origine.


Outil-Filet-sous-Adobe-Illustrator-CS3-CS4-CS5 9

4. Reproduisez la même couleur aux deux points qui ont permis de créer le filet.


Outil-Filet-sous-Adobe-Illustrator-CS3-CS4-CS5 10

 

5. Sélectionnez les deux dernirers points qui n'ont pas encore eu des modifications. Appliquez une couleur plus claire que la base de la forme vectorisée.


Outil-Filet-sous-Adobe-Illustrator-CS3-CS4-CS5 11

- Ceci est une méthode parmi tant d'autres pour réaliser un filet de dégradé. L'outil Filet permet aussi de reproduire au mieux vectorisation d'après photo.

 

 Vectoriser com(2)

 

"Le Filet de dégradés sous ILLUSTRATOR" rédigé par Nicolas Leonard

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

Partager cet article
Repost0
28 juillet 2011 4 28 /07 /juillet /2011 10:10



Ce didacticiel illustrera des outils permettant d’espacer et d’aligner des objets de manière simple et précise. Il montrera aussi comment confectionner un dégradé avec trois couleurs. Nous décomposerons les étapes pour réaliser une plaque trouée avec l’aide du logiciel Adobe Illustrator. L'effet de dégradé obtenu sur l'image est vectoriel. Une image vectorisée avec un logiciel comme Illustrator peut être imprimée sur n'importe quel format.


 13 Fin

 

 

1. Ouvrez le logiciel Adobe Illustrator et créez un cercle.

(Astuce : Lors de la création de votre cercle, si vous voulez avoir un cercle bien rond il faut maintenir « Maj » appuyé.)


01 Créer sa forme 

 

 02 Paramètres dégradé

02 Créer son Dégradé 
  2. Sélectionnez votre forme puis le carré de couleur. Pour lui affecter un dégradé, il faut cliquer sur le petit carré de dégradé de noir et blanc qui se trouve juste en dessous du carré désignant la couleur. Allez dans la fenêtre de dégradé (F9), mettez l’angle à 90° et déplacez le curseur de dégradé a environ 33% ceci permettra d'avoir un dégradé plus long au niveau du noir.

  Vectoriser com(2)

9-vectoriser
3. Confectionnez un autre cercle plus petit que le premier et grâce à la fenêtre d’alignement 
(Shift + F7)  mettez-le au centre de l’autre cercle. Enlevez les contours de vos cercles en appuyant sur le carré noir (1) puis sur le carré  « objet vide » (2). 
  03 Contour 

 

04 TransfParam 

 

 

4. Mettez le cercle interne en noir, prenez les deux cercles, groupez-les (Ctrl + G) et réduisez-les en utilisant les accroches extérieures.

 (Astuce : Grouper des objets permet de tous les sélectionner quand vous en choisissez qu’un. Ainsi, vous pourrez les déplacer ensemble.)

 


5. En ayant toujours vos cercles sélectionnés, allez dans (Objet > Transformation > Déplacement (Ctrl + Shift + M)) et mettez les valeurs comme ci-contre. Validez avec copier.

 

6. Reproduisez (Ctrl + D) autant de fois que vous le souhaitez pour effectuer la dernière transformation (ici il s’agit de la copie de votre cercle à une distance de 30mm).


05 Dupliquer

 

7. Prenez tous les cercles puis retournez dans (Objet > Transformation > Déplacement (Ctrl+Maj+M)) et mettez les valeurs comme ci-contre. Validez avec copier et reproduisez (Ctrl + D) pour les dupliquer vers le bas.


07 Ligne Paramètre 

 

8. Sélectionnez une ligne de cercle sur deux en maintenant « Maj » appuyé et déplacez-les avec les flèches directionnelles de votre clavier.


08 1 2 

 

Vectoriser com(2)

 

 

9. Créez un nouveau calque, déplacez-le sous le premier et à l’aide de l’outil carré à bords arrondis, réalisez votre plaque. Assignez-lui un dégradé comme pour le premier cercle que nous avons confectionné. Reproduisez les paramètres de la fenêtre de dégradé présent sur l’image.

(Astuce : Pour créer une autre couleur pour le dégradé il suffit de cliquer sous la barre des dégradés. Pour en enlever, il suffit de sélectionner le carré de la couleur qu’on voudrait supprimer et de le faire glisser vers le bas.)

 

9 Calque en bas
 10 Paramètres dégradé

 

 

12 Plaque Aperçu 

 

 

 

Autres Didacticiels :

Logo Vectorisé Web 2.0 Vectoriser degrade contour Illustrator vectoriser image vectoriel montre Illustrator Vectoriser image vectoriel bouton Illustrator Logo Vectorisé Web 2.0 2  

 

 

 

"Outils Alignements et Espacements sous Adobe Illustrator" réalisé par Tommy Toussaint 

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

Partager cet article
Repost0
27 juillet 2011 3 27 /07 /juillet /2011 15:30

 

 

 

La distorsion de l’enveloppe correspond à l’adaptation d’une forme par rapport à une autre. La forme qui va être adaptée peut être éventuellement vectorielle. Un objet vectoriel contrairement à une image bitmap peut être imprimé sur n’importe quel format. L’image vectorielle est agrandissable à l’infini sans aucune perte de qualité.

 

 

 

-Première méthode : D'après l'objet au premier plan

Cette méthode permet d'adapter une image par rapport à la forme d’une autre.

 

 Ouvrez Illustrator et importez l’image à adapter. Créez la forme que l’image importée reproduira.

(Astuce : Veillez à ce que la forme vectorielle créée soit devant l’image qui s’adaptera à celle-ci (Clic droit sur la forme > Arranger > Mettre au premier plan.)



Sélectionnez les deux images et allez dans
(Objet > Distorsion de l’enveloppe > Créer d’après l’objet au premier plan (Ctrl + Alt + C)).

 

Top Object


-Deuxième méthode : Fillet

 

Cette méthode permet à Illustrator de créer des lignes de maillage afin de déformer l’image à votre guise.

Sélectionnez votre illustration et allez dans (Objet > Distorsion de l’enveloppe > Créer maillage (Ctrl + Alt + M)).   Mesh tool

 

-Troisième méthode : Déformation

 

Cette méthode est similaire à celle du maillage mais au lieu de commencer avec un maillage rectangle, Illustrator vous donne la possibilité de choisir parmi plusieurs formes prédéfinies.

 

Sélectionnez votre illustration et allez dans (Objet > Distorsion de l’enveloppe > Créer Warp (Ctrl + Alt + Maj + W)).   Warp tool

 

Option Distorsion de dégradé Linéaire

 

L’option de distorsion de dégradé Linéaire permet aux couleurs assimilées à votre forme de s’ajuster en fonction de la transformation qu’elle subit. Cette option fonctionne avec les trois méthodes citées ci-dessus.    Option de distorsion linéaire et acces

 

Vectoriser com(2) 

 

  -Première méthode : D'après l'objet au premier plan

 Top Object C0

  -Deuxième méthode : Fillet

 Mesh tool C0

  -Troisième méthode : Déformation

 Warp tool C0

 

 

 

Autres Didacticiels :

Motif vectorisé image Illustrator Vectoriser motif vectoriel Illustrator Vectoriser logo Vectorisation Illustrator Illustrator 3D Vectoriel Opacité Logo Vectorisé Web 2.0 3  

 

 

 

"Outil distorsion de l'enveloppe avec Adobe Illustrator" réalisé par Tommy Toussaint 

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

Partager cet article
Repost0
27 juillet 2011 3 27 /07 /juillet /2011 11:40

 

 

Ce didacticiel montrera comment créer une silhouette vectorisée avec Adobe Illustrator. Les photographes sont limités avec la taille de leurs images car ils ne peuvent pas augmenter la taille du document original pour l'imprimer sans risquer une perte de qualité. Les silhouettes dans Adobe Illustrator sont vectorisées et sont donc imprimables dans toutes les tailles. Ce didacticiel est créé avec Adobe Illustrator CS2 mais il peut être suivi si vous utilisez une autre version de Adobe Illustrator (CS6 par exemple).

 

 Vectoriser Silhouette Vectorielle Illustrator Fin

 

1. Ouvrez Adobe Illustrator et importez l’image qui vous servira d’appui pour la création de la silhouette (Fichier > Importer).
(Astuce : Vous pouvez importer une image en la déplaçant dans la zone de travail d’Illustrator. Pensez à verrouiller le calque sur lequel se trouve l’image importée.)
   Vectoriser Silhouette Vectorielle Illustrator 01

 

2. Créez un nouveau calque, sélectionnez le mode contour uniquement et à l’aide de la plume (P) détourez la forme. Veillez à prendre que l’extérieur de la forme.
(Astuce : Plus vous mettez des détails dans le détourage et plus la silhouette sera réaliste et belle. Réduisez au maximum la taille du contour pour être plus précis.)
   Vectoriser Silhouette Vectorielle Illustrator 02

 

3. Masquez le tracé du contour de la forme si nécessaire et détourez les trous qui sont présent dans l’image de référence avec la plume (P).
(Astuce : Dirigez vous dans la fenêtre des calques puis cliquez sur l’œil qui est devant le nom « tracé » pour le masquer.)
   Vectoriser Silhouette Vectorielle Illustrator 03

 

4. Affichez tous les tracés et changez-les en forme pleine de couleur noir.

 

  Vectoriser Silhouette Vectorielle Illustrator 04  

Vectoriser com(2)

 

5. Sélectionnez les tracés et avec l’outil pathfinder appliquez une soustraction d’objet pour soustraire les tracés des trous par rapport au tracé de la forme entière.

 

 Vectoriser Silhouette Vectorielle Illustrator 05

 

 

 

Autres Didacticiels :

Vectoriser motif vectoriel Illustrator Vectorisation plaque Illustrator Vectoriser logo Vectorisation Illustrator Logo Vectorisé Web 2.0
Vectorisation Image Illustrator souris Fin  

 

 

 

 

"Didacticiel sur la création d'une silhouette vectorisée avec Adobe Illustrator"
réalisé par Tommy Toussaint 

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

Partager cet article
Repost0
26 juillet 2011 2 26 /07 /juillet /2011 10:05

 

 

Adobe Illustrator permet de créer des dessins vectoriels. En effet, Illustrator crée des points, des lignes, des courbes et des formes basées sur des équations mathématiques. Ce didacticiel présentera différentes facettes d’utilisation d’équations mathématique.


L’utilisation des équations mathématiques peut être très rentable si vous avez besoin d’être précis dans une mesure ou dans un ajustement. Les fonctions des équations ne sont pas limitées à des déplacements de formes ou à des agrandissements. Elles peuvent être utilisées dans n’importe quelle fenêtre d’effets.

 

Il suffit d’entrer le symbole de votre fonction après la valeur d’origine dans le champ numérique puis de taper le nombre désiré et de valider avec (TAB) pour valider. Il est possible aussi d’appuyer sur (Maj + Entrée) pour créer une copie de votre forme avec les changements appropriés.

 

Les exemples ci-dessous vous montreront l’étendue des possibilités des fonctions mathématiques dans Illustrator.

 

 Ajouter (+) :

 

Pour grossir de 3 pixels l’épaisseur du contour d’une forme avec la fenêtre de contour (F10) :

 

 Vectoriser dégradé vectoriel 01 

 

Soustraire (-) :

 

Pour enlever 80% de l’opacité de la forme avec la fenêtre d’opacité (Maj + F10) :

 

 Vectoriser dégradé vectoriel 02 

 

Multiplier (*) :

 

Pour élargir de deux fois la dimension de la forme avec la fenêtre de Transformation (Maj + F8) :

 

 Vectoriser dégradé vectoriel 03 

 

Division (/) :

 

Pour diviser l’angle du dégradé de 40 degrés :

 

 Vectoriser dégradé vectoriel 04 

 

Vectoriser com(2)

 

Autres Didacticiels :

Vectoriser Silhouette Vectorielle Illustrator vectoriser image vectoriel montre Illustrator Vectorisation plaque Illustrator Logo Vectorisé Web 2.0 2 Vectorisation Image Illustrator souris Fin  


"Les fonctions mathématiques avec Adobe Illustrator" réalisé par Tommy Toussaint 

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

Partager cet article
Repost0
26 juillet 2011 2 26 /07 /juillet /2011 10:00

 

 

Ce didacticiel peut être utilisé avec le rendu final du didacticiel sur « Comment créer un verre en 3D avec Adobe Illustrator ». Il vous permettra de créer un rendu plus technique de vos objets 3D avec le logiciel Adobe Illustrator. Le masque d’opacité est un outil permettant de faire disparaître un objet éventuellement vectoriel. Nous verrons comment il est possible d’adapter le masque d’opacité avec un objet 3D créé avec Adobe Illustrator. Les objets traités sont vectoriels donc ils sont agrandissables à l'infini.

 

 

 

1. Ouvrez Illustrator et importez votre objet 3D.
(Astuce : Vous pouvez suivre ce didacticiel avec n’importe quel objet 3D créé avec Adobe Illustrator .)
Illustrator 3D Vectoriel Opacité 01

 

 

2. Copiez (Ctrl + C) votre objet 3D et collez-le au même endroit (Ctrl + F) dans un nouveau calque. Allez dans les paramètres de Révolution de votre objet et réglez qu’il apparaisse en fil de fer.
(Astuce : Pour être sur de bien coller votre objet 3D dans le nouveau calque, verrouillez l’ancien calque avant de procéder au collage.)

Illustrator 3D Vectoriel Opacité 02 1

Illustrator 3D Vectoriel Opacité 02

 

 

3. Créez un carré englobant votre forme, assignez-lui un dégradé (noir et blanc) et dupliquez-le au même endroit sur l’autre calque. Vous obtenez donc 4 formes dont deux sur chaque calque.

Illustrator 3D Vectoriel Opacité 03 1

Illustrator 3D Vectoriel Opacité 03

 

Vectoriser com(2)

 

4. Retournez sur les paramètres du dégradé de votre carré (Ctrl + F9) qui se trouve sur le premier calque et mettez ces coordonnées :
(Astuce : Le curseur blanc est à 40% et le noir est à 60% au niveau de l'emplacement.)
Illustrator 3D Vectoriel Opacité 04

 

 

5. Verrouillez votre deuxième calque et sélectionnez vos deux objets présents sur le calque non verrouillé. Dans la fenêtre transparence (Ctrl + Maj + F10) allez dans créer masque d'opacité.
(Astuce : Votre masque n’affiche que ce qui est en blanc.)

 

Illustrator 3D Vectoriel Opacité 05


 

6. Déverrouillez l’autre calque et verrouillez l’ancien. Renouvelez les étapes  (4 et 5) avec les autres objets en inversant les couleurs au niveau du dégradé.
(Astuce : En ayant les mêmes configurations sur les deux calques vous obtenez un résultat plus exact.)  

 

Illustrator 3D Vectoriel Opacité

 

 

 

Autres Didacticiels :

Vectorisation Image Illustrator souris Fin Vectoriser image vectoriel bouton Illustrator Vectoriser logo Vectorisation Illustrator vectoriser image vectoriel montre Illustrator Vectoriser degrade contour Illustrator  


 

"Masque d'opacité sur un objet 3D avec Illustrator" réalisé par Tommy Toussaint 

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

Partager cet article
Repost0

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