Overblog
Suivre ce blog
Administration Créer mon blog
13 juin 2013 4 13 /06 /juin /2013 09:47

http://www.vectologo.com


  Vos produits packshots méritent une version vectorisée sous Illustrator. C'est l’alternative ou un supplément au shoot photo. Vectoriser votre produit le rend parfait pour la diffusion internet sur les sites de ventes en ligne ou pour l'impression dans les prospectus. Ci-dessous un petit tutoriel sous Illustrator CS6 sur la réalisation d'un packshot vectorisé. 

 

RubTuto

vectoriser produit packshot 013

Vectorisation d'un produit packshot sous Illustrator CS6 - Rendu final

 


  Rub01

À l’aide de la plume de Illustrator CS6, vectorisez le contour du produit. Il est possible de s’aider de l’outil «Grille de perspective» (Maj + P) afin d’obtenir une perspective sans défauts de fabrication. 

  vectoriser produit packshot 001

Vectorisation d'un produit packshot sous Illustrator CS6 - Etape 1

 

Astuce
300x300panneau 01-copie-1

L’outil «Grille de perspective» n’est disponible qu’à partir de la version Adobe Illustrator CS6.

Si vous avez une version antérieure d'Illustrator, utilisez un cube que vous transformerez en 3D à l’aide de l’outil 3D «Extrusion et Biseautage» (Onglet Effet > 3D > Extrusion et Biseautage).

300x300panneau 01-copie-1
Pied astuce V

montage001


Rub02

Séparez la partie latérale du pack de la partie supérieure avec la plume de Illustrator CS6, Sélectionnez la ligne créée et la vectorisation de l’étape une puis à l’aide de la 

fenêtre PathFinder (Ctrl + Maj + F9), utilisez l’outil «Division».

vectoriser produit packshot 002

Vectorisation d'un produit packshot sous Illustrator CS6 - Etape 2

 

Astuce

300x300panneau 01-copie-1

L’outil «Division» de Illustrator CS6 permet de segmenter des faces et des lignes vectorisées en fonctions des objets qui les traversent.

Les objets qui ont subi l’effet «Division» se retrouvent groupés.

 

300x300panneau 01-copie-1
Pied astuce V

montage003


Rub03

À l’aide de l’outil «Filet» de Illustrator CS6 (U), créez un maillage sur les formes afin d’insérer des dégradés de couleurs.

vectoriser produit packshot 004

Vectorisation d'un produit packshot sous Illustrator CS6 - Etape 3

 

Astuce
300x300panneau 01-copie-1

 

Dans Illustrator CS6, les points des filets peuvent être déplacés à l’aide de la flèche blanche (A).

 

 

 

300x300panneau 01-copie-1
Pied astuce V

montage004


Rub04

Ajoutez avec la plume de Illustrator CS6, des zones blanche pour créer les reflets du plastique. Incorporez un Flou Gaussien (Onglet Effet > Atténuation > Flou Gaussien) différent en fonction de l’étalement voulu.

vectoriser produit packshot 005

Vectorisation d'un produit packshot sous Illustrator CS6 - Etape 4

 

Astuce
300x300panneau 01-copie-1

 

Dans Illustrator CS6, les effets ajoutés aux vectorisations sont éditables à l’aide de la fenêtre Aspect (Maj + F6).

 

 

 

300x300panneau 01-copie-1
Pied astuce V

montage006


Rub05

Sélectionnez les points du filet créés précédemment avec la flèche blanche d'Illustrator CS6 (A) et assignez leur une couleur selon vos envies.

vectoriser produit packshot 007

 

Vectorisation d'un produit packshot sous Illustrator CS6 - Etape 5

 

Astuce
300x300panneau 01-copie-1

 

Dans Illustrator CS6, afin de mieux simuler l’épaisseur des produits, ajoutez du noir en-dessous et dans les creux.

 

 

 

300x300panneau 01-copie-1
Pied astuce V

montage007


Rub06

Sélectionnez les vectorisations créées et groupez-les (Ctrl + G). Vectorisez l’ouverture du produit avec la plume d'Illustrator CS6 (P) et entourez le pack pour affecter un masque aux formes : Sélectionnez les deux vectorisations (le groupe et la forme qui englobe le tout en créant une ouverture devant) et utilisez l’outil «Masque D’écrêtage»
(Objet > Masque D’écrêtage > Créer (Ctrl + 7)).

vectoriser produit packshot 009

Vectorisation d'un produit packshot sous Illustrator CS6 - Etape 6

 

Astuce
300x300panneau 01-copie-1

 

Le masque d’écrêtage d'Illustrator CS6 permet d’afficher ou de cacher une forme par rapport à une autre.

 

 

 

300x300panneau 01-copie-1
Pied astuce V

montage010-2


Rub07

Dans Illustrator CS6, vectorisez les emplacements des produits qui seront apparents à
l’emplacement de l'ouverture de l’emballage.

Mettez-les en arrière-plan (Click droit > Disposition > Arrière-plan).
Assignez-leur la couleur de votre choix.

vectoriser produit packshot 011

Vectorisation d'un produit packshot sous Illustrator CS6 - Etape 7

 

Astuce
300x300panneau 01-copie-1

Dans Illustrator CS6, il suffit de changer le mode de dessin (Maj + D) pour vectoriser directement en arrière ou avant plan.

 

 

 

300x300panneau 01-copie-1
Pied astuce V

montage011


vectoriser produit packshot 013

Vectorisation d'un produit packshot sous Illustrator CS6 - Rendu final

 

 

Séparateur

 

Vectoriser com(2)

 

Tous droits réservés vectoriser.com 2013

       

 

 


 

 

Votre service de vectorisation de logos à l'identique.

Published by vectorisation - dans Illustrator
commenter cet article
5 juin 2012 2 05 /06 /juin /2012 11:00

 

Dans le tutoriel suivant, nous détaillons comment réaliser la vectorisation d'une bouteille de vin sous Illustrator.

La vectorisation de cette bouteille de vin reprend les différents effets, notamment les reflets de lumière sur les surfaces en verre, les effets mats de la bague métallique de la bouteille et de l’étiquette papier. La vectorisation d'une bouteille et autres emballages permet de conceptualiser une version parfaite de votre produit qui sera imprimable dans toutes les tailles. Une fois vectorisée cette bouteille peut servir à réaliser des maquettes de vos produits présents ou futures, et éventuellement se substituer à des shoots photo de bouteilles.

 

10.Vectorisation bouteille vectorise
Vectorisation sous Illustrator d'une bouteille de vin à partir d'une photo

 

 

Vectoriser com(2) 

 

1.Ouvrez Adobe Illustrator et importez l’image de la bouteille de vin à vectoriser.
(Astuce : Glissez l’image ou utilisez (File > Place) pour importer votre document.)

 

2.Détourez la globalité de la bouteille de vin avec l’outil plume (P) puis séparez les différentes parties de la bouteille en créant de grosses surfaces.
(Astuce : Les bordures extérieures ne sont pas importantes. Veillez à ce que les délimitations soient bien effectuées à l’intérieure de la bouteille et profitez pour arranger les erreurs de symétrie en utilisant l'outil miroir (clic droit > Transform > reflect > vertical.)
02.Vectorisation bouteille vectorise

 

3.Sélectionnez toutes les lignes puis utilisez l’outil Diviser (Fenêtre pathfinder (Shift+F9) > Icône Diviser) et supprimez les éléments qui sont à l’extérieure de l’image source.
(Astuce : Dégroupez (Ctrl+Shift+G) les lignes vectorisées après l’utilisation de l’outil Diviser).
03.Vectorisation bouteille vectorise

 

 

4.Appliquez un dégradé linéaire de 5 points sur la languette jaune du haut de la bouteille et utilisez l’outil pipette (I) en appuyant sur Shift pour prélever les couleurs correspondantes.
(Astuce : Utilisez les sliders pour plus de précision.)

 

 

04.Vectorisation bouteille vectoriser 

 

5.Comme à l’étape 2, détourez les différentes parties du haut de la bouteille puis divisez les avec l’outil Diviser (Fenêtre Pathfider (Shift+F9) > Icône Diviser).
(Astuce : N’oubliez pas de dégrouper les vectorisations qui ont été divisées.)
05.Vectorisation bouteille vectorise

 

Vectoriser com(2) 

 

6.Utilisez l’outil dégradé (F9) et la pipette (I) pour prélever les couleurs de l’image source.
(Astuce : Plus il y a des niveaux de dégradés, plus la vectorisation sera efficace.)

 

 

06.Vectorisation bouteille vectoriser 

 

7.Vectorisez les accroches de lumière en les détourant avec la plume (P) et créez un trait pour chaque bande argentée et agrandissez les avec la fenêtre stroke (F10) jusqu’à ce qu’elles aient exactement la même taille que l’image source.
Utilisez l’outil Expand (Object > Expand) pour convertir les lignes créées avec la plume (P) en objet éditable et pouvant recevoir un dégradé.
Appliquez les dégradés linéaires correspondant à chaque vectorisation.
07.Vectorisation bouteille vectorise

 

Vectoriser com(2)

 

8.Remplissez les autres vectorisations qui n’ont pas été colorisées en utilisant la même méthode de dégradé et appliquez une transparence aux reflets de la lumière pour plus de réalisme.

 

 

08.Vectorisation bouteille vectorise 

 

 

 9.Vectorisez avec la plume (P) de légers rebords blancs et appliquez un Gaussian Blur (Effect > Blur > Gaussian Blur) pour flouter légèrement le liseret blanc.

 

 

09.Vectorisation bouteille vectorise 

 Vectoriser com(2)

 

10.Vectorisation bouteille vectorise

 

"Vectorisation d'une bouteille de vin en verre sous ILLUSTRATOR" réalisé par Tommy Toussaint 

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

 

 


 

 

Votre service de vectorisation de logos à l'identique.

Published by vectorisation - dans Illustrator
commenter cet article
3 mars 2012 6 03 /03 /mars /2012 13:11

Ce tutoriel illustre les différentes étapes de la modélisation 3D d'un canapé sous MAYA.

 

 

 

Intro.Modelisation 3D canape modeliser

  Modélisation d'un canapé sous Maya - Tous droits réservés.

 

1. Modélisez un cube et avec l'outil scale (R) agrandissez les extrémités et aplatissez-le.
(Astuce : Vous pouvez sélectionner les faces (F11) latérales et les déplacer pour créer la forme souhaitée.)

 

01.Modelisation 3D canape modeliser

 

 

2. Insérez des edges en prévoyant l'emplacement des élévations des rebords du canapé en utilisant l'outil (Edit Mesh > Insert edge loop tool).
(Astuce : La touche « g » permet de réaliser la dernière opération effectuée, ici, il s'agit de répéter l'insertion des edges.)

 

02.Modelisation 3D canape modeliser

 

 

3. Sélectionnez les faces qui ont été créées avec l'outil insert edge loop tool puis modélisez les rebords du canapé en les extrudant (edit mesh > Extrude).
(Astuce : Il est possible de régler les outils en utilisant le petit carré en face d'eux.)

 

03.Modelisation 3D canape modeliser

 

 

4. Utilisez l'outil (Edit Mesh > Insert edge loop tool) pour créer des lignes de contorsion afin de rendre le lissage du maillage plus raide.
(Astuce : Utilisez les touches ( 1 et 3 ) du pavé numérique pour lisser ou non la modélisation.)

 

04.Modelisation 3D canape modeliser

Vectoriser com(2)

 

04 1.Modelisation 3D canape modeliser

 

5. Sélectionnez la face (F11) représentant le siège du canapé et extrayez-la (Mesh > extract).
Sélectionnez la face extraite et extrudez-la vers le haut (Edit Mesh > Extrude).
Ajoutez des edges de contorsion afin de durcir les bords de votre modélisation.
(Astuce : Utilisez les touches (1 et 3) du pavé numérique pour remarquer la différence du lissage.)

05.Modelisation 3D canape modeliser

 

6. Allez dans les options de l'outil insert edge loop tool en cliquant sur le petit carré en face de lui et cliquez sur (Multiple edge loops en mettant 2 dans la case « Number of edge loops ») puis cliquez sur un des edges horizontaux des coussins du canapé.


(Astuce : Remettez les paramètres par défaut en utilisant l'outil reset tool.)

 
Ajoutez des edges de contorsion (Edit Mesh > Insert edge loop tool) autour des edges créées et sélectionnez les deux edges se trouvant au milieu des edges de contorsion et appliquez-leur un scale (R) pour les faire légèrement entrer.

06.Modelisation 3D canape modeliser

 

 

7. Modélisez un pavé avec l'outil cube, insérez une edge au milieu de la forme puis sélectionnez la face du dessus (F11) et scalez-la (R).
Ajoutez des edges de contorsion ( Edit Mesh > Insert edge loop tool).
(Astuce : Vous pouvez regarder les effets des edges de contorsion à l'aide des touches du pavé numérique (1 et 3).

 

07.Modelisation 3D canape modeliser

Vectoriser com(2)

 

07 1.Modelisation 3D canape modeliser

 

 

8. Modélisez un cube et tirez l'une de leur face (F11) avec l'outil move (W).
Ajoutez des edges au bout de chaque coin du pavé.
Sélectionnez les faces des deux extrémités et extrudez-les (Edit Mesh > Extrude).
Refermez la modélisation en sélectionnant les deux faces qui se font face et en appliquant un bridge (Edit Mesh > Bridge).

 

08.Modelisation 3D canape modeliser

 

 

9. Sélectionnez les quatre polygones de chaque coin et extrudez-les vers le bas (Edit mesh > Extrude).
Insérez des edges de contorsion pour rendre les bords plus rigides.

 

09.Modelisation 3D canape modeliser

 

09 1.Modelisation 3D canape modeliser

 

Vectoriser com(2)10. Replacez chaque modélisation à leur place en utilisant le move tool (W).

 

Fin.Modelisation 3D canape modeliser

 

 

 

"Modélisation 3D d'un canapé sous Maya" réalisé par Tommy Toussaint 

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

 

 


 

 

Votre service de vectorisation de logos à l'identique.

Published by vectorisation - dans Maya
commenter cet article
12 janvier 2012 4 12 /01 /janvier /2012 10:29


Le tutoriel ci-dessous explique les étapes menant à la modélisation 3D d'un objet sous Maya, en l'occurrence un téléviseur dans un style rétro-tendance.

 

Intro Modelisation 3D televiseur modeliser

 

 

Vectoriser com(2)

 

 

Modélisez une plane comportant deux subdivisions verticales et horizontales.
(Astuce : Vous pouvez désactiver la création interactive pour n'avoir qu'à cliquer sur la plane pour la construire.)
01.Modelisation 3D televiseur modeliser

 

Mettez le mode points (F9) et prenez les quatre points qui sont aux extrémités de votre plane et réduisez-les ensemble en appliquant un scale (R). 02.Modelisation 3D televiseur modeliser

 

Sélectionnez les faces de la plane et appliquez une extrusion (Edit Mesh > Extrude). Cela permettra de modéliser la profondeur du téléviseur. 03.Modelisation 3D televiseur modeliser

 

Prenez les six points qui se trouvent à l'arrière de la modélisation et descendez-les avec le move tool (W). 04.Modelisation 3D televiseur modeliser

 

Utilisez l'outil (Edit Mesh > Insert edge loop tool) pour créer une ligne permettant de donner un arrondi au téléviseur.
(Astuce : Après la création de la ligne, utilisez les points d'intersection qui ont été créés et déplacez-les pour donner l'arrondi.)

 

05.Modelisation 3D televiseur modeliser

 

Sélectionnez les deux faces et extruder (Edit Mesh > Extrude) en ajoutant un scale (R). Extrudez les nouvelles faces créées vers l'intérieure.
(Astuce : Ajoutez des edges de contorsions aux quatre extrémités de l'enfoncement de la modélisation.)

 

06.Modelisation 3D televiseur modeliser

 

Sélectionnez les faces qui sont au fond de l'extrusion et utilisez l'outil (Mesh > Extract) pour créer une autre surface modélisée qui servira d'écran.
(Astuce : Vous pouvez désormais déplacer la nouvelle surface indépendamment de la première.)
07.Modelisation 3D televiseur modeliser

 

 

 

 

07b.Modelisation 3D televiseur modeliser

 

Pour la création des supports du téléviseur, Modélisez un cube comprenant une subdivision verticale et horizontale,
-Réduisez les faces avant,
-Appliquez des edges de contorsion (Edit mesh > Insert edge loop tool) devant et derrière la modélisation pour obtenir un lissage plus dur aux extrémités,
-Tirez vers l'avant le vertex qui se trouve au milieu de la forme pour créer un arrondi plus prononcé.
(Astuce : Utilisez les touches  1 et 3 du pavé numérique pour lisser la modélisation.)

 

08.Modelisation 3D televiseur modeliser

 

08b.Modelisation 3D televiseur modeliser

 

Pour la modélisation des boutons du téléviseur, Modéliser un cylindre,
-Ajoutez des edges de contorsion (Edit mesh > Insert edge loop tool) comme sur l'image ci-contre,
-Sélectionnez les quatre faces rectangulaire au dessus de la modélisation et extrudez-les.
-Ajoutez des edges de contorsion pour obtenir une dureté sur l'extrusion.

 

09.Modelisation 3D televiseur modeliser

 

09b.Modelisation 3D televiseur modeliser

 

Pour modéliser le socle des antennes du téléviseur 3D, modélisez un cylindre comme à l'étape précédente,
-Agrandissez les vertex qui se trouvent à la base du cylindre avec l'outil scale (R),
-Ajoutez une edge de contorsion à la base du cylindre et agrandissez les faces qui se trouvent au sommet.

 

10.Modelisation 3D televiseur modeliser

 

Reprenez un cylindre comme à l'étape suivante et déplacez les quatre faces supérieure de celui-ci avec le move tool (W) et réduisez-les avec le Scale (R),
Sélectionnez les quatre faces supérieures et extrudez-les en leur appliquant un agrandissement à chaque étape puis réduisez-les pour refermer la forme.

 

11.Modelisation 3D televiseur modeliser

 

Placez chaque modélisation à l'écran en utilisant le move tool (W).

 

 

Vectoriser com(2)

 

Outro Modelisation 3D televiseur modeliser

 

 

"Modélisation 3D d'un téléviseur sous Maya" réalisé par Tommy Toussaint 

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

Published by vectorisation - dans Maya
commenter cet article
28 octobre 2011 5 28 /10 /octobre /2011 17:30


Ce tutoriel vous présente comment effectuer la refonte d'un logo dans Illustrator CS5 en ajoutant du relief, des ombres, des reflets et des dégradés.

 

 

Intro Modernisation Logo vectorise Illustrator

 

 

1. Ouvrez Adobe Illustrator et avec l'outil ellipse (L), créez deux cercles qui se superposent comme ci-contre.

(Astuce : Créez le grand cercle avant le petit pour obtenir le petit cercle au dessus.)

1 Modernisation Logo vectorise Illustrator

Vectoriser com(2)

2. Sélectionnez les deux cercles et dans la fenêtre pathfinder (Ctrl + Maj + F9) cliquez sur Soustraction pour qu'il ne reste qu'un arc de cercle.

2 Modernisation Logo vectorise Illustrator

 

3. Copiez deux fois l'arc de cercle obtenu et déformez-les en utilisant la flèche de sélection (V) sur les accroches.

3 Modernisation Logo vectorise Illustrator

Vectoriser com(2)

4. Avec l'outil ellipse (L) créez un petit cercle au milieu du plus petit arc de cercle et appliquez les couleurs de votre choix.

4 Modernisation Logo vectorise Illustrator

 

 

5. Sélectionnez les formes, groupez-les (Ctrl + G) et appliquez une extrusion (Effet > 3D > Extrusion et biseautage) en entrant les paramètres nécessaires.

 

5 Modernisation Logo vectorise Illustrator 

 

 

6. Sélectionnez le logo et décomposez son aspect (Objet > Décomposez l'aspect). Dégroupez les différentes parties (Ctrl + Maj + G) et appliquez-leur des dégradés radial et linéaire afin de créer des reflets et des effets d'ombre.

 

6 Modernisation Logo vectorise Illustrator

 

7. Créez deux cercles se superposant sur le logo et dans la fenêtre pathfinder (Ctrl + Maj + F9) cliquez sur Soustraction pour obtenir un arc de cercle.

7-vectoriser

7 Modernisation Logo vectorise Illustrator

Vectoriser com(2)

 

8. Groupez les faces du logo sans prendre en compte les bordures permettant de créer l'effet de perspective.

Sélectionnez les faces groupées avec l'arc de cercle et appliquez une division dans la fenêtre pathfinder (Ctrl + Maj + F9).

Dégroupez (Ctrl + Maj + G) les faces de l'arc de cercle et supprimez les parties qui n'appartiennent pas au logo.

8 1 Modernisation Logo vectorise Illustrator

8 2 Modernisation Logo vectorise Illustrator

 

 

9. Avec l'outil ellipse (L), créez une ellipse noire ayant la même taille en largeur que le logo. Appliquez un dégradé radial allant du noir vers la transparence pour un effet plus réaliste.

 

9 Modernisation Logo vectorise Illustrator

 

 

"Modernisation d'un Logo style 1.0 avec Illustrator" réalisé par Tommy Toussaint 

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

 

 


 

 

Votre service de vectorisation de logos à l'identique.

Published by vectorisation - dans Illustrator
commenter cet article
29 août 2011 1 29 /08 /août /2011 11:00

 

Ce didacticiel montrera comment vectoriser un cadran avec Illustrator CS5. La vectorisation du cadran permettra l'impression dans toutes les tailles de documents ou son importation dans un jeu de simulation de vol par exemple. A la différence d'une image bitmap, l'image vectorielle peut être agrandie à l'infini sans aucune perte de qualité.


Vectoriser Cadran Image Vectorisation Illustrator Intro

1. Ouvrez Adobe Illustrator CS5 et importez l'image qui sera vectorisée. A l'aide de l'outil ellipse (L) et l'outil rectangle arrondi, reproduisez les différentes parties du cadran sur un calque nommé "cadran".

(Astuce : Pour importer une image, glissez l'image dans la zone de travail de Adobe Illustrator. Aidez-vous de la plume (P) pour être plus précis dans l'élaboration des différentes parties du cadran. Verrouillez le calque "cadran".)

  Vectoriser Cadran Image Vectorisation Illustrator 01

 

2. Avec  l'outil rectangle (M), créez sur un calque nommé "graduations" un rectangle de 1.7px de largeur et de 7.3px de hauteur. Prélevez la couleur avec la pipette (I), placez le rectangle comme sur l'image source et copiez le rectangle sur la partie inférieure du cadran.

(Astuce : Utilisez les repères commentés (Ctrl + U) pour être plus précis lors de la copie du rectangle.)

  Vectoriser Cadran Image Vectorisation Illustrator 02

 

3. Sélectionnez les deux rectangles et copiez-les en leur appliquant une rotation ( Clic droit > Transformation > Rotation > 36°). Répétez (Ctrl + D) jusqu'à ce que vous aillez un cercle complet.

(Astuce : Il y a 10 graduations dans le cercle qui à 360°. Pour savoir le nombre de degrés qu'il faut insérer dans la fenêtre divisez 360/10 = 36.)

  Vectoriser Cadran Image Vectorisation Illustrator 03

 

4. Copiez sur place le rectangle du haut (Ctrl + C puis Ctrl + F) et réduisez-le légèrement. Copiez-le sur la partie inférieure du cadran et en sélectionnant les deux rectangles redimensionnés, appliquez une rotation de 7.2° (Clic droit > Transformation > Rotation > 7.2°). Répétez l'opération en composant (Ctrl + D) jusqu'à ce que vous aillez un cercle fermé.

(Astuce : Le cadran comporte 50 graduations donc il faut diviser 360/50 = 7.2°. Verrouillez le calque "graduations".)

  Vectoriser Cadran Image Vectorisation Illustrator 04

 

5. Insérez les chiffres présents sur le cadran avec l'outil texte (T) sur un calque nommé "numéros".

(Astuce : Il est possible de créer les chiffres avec la plume pour plus re ressemblance. Verrouillez le calque "numéros".)


Vectoriser Cadran Image Vectorisation Illustrator 05

 

6. Sur un nouveau calque appelé "texte", créez le texte présent sur l'ensemble du cadran.

(Astuce : Verrouillez le calque "texte".)

  Vectoriser Cadran Image Vectorisation Illustrator 06

 

7. Créez un calque nommé "boutons" et créez les différents boutons du cadran en utilisant l'outil ellipse (L). L'outil filet sera nécessaire lors de la création du bouton "BARO".

(Astuce : Verrouillez le calque "boutons".)

Vectoriser Cadran Image Vectorisation Illustrator 07

 

Vectoriser Cadran Image Vectorisation Illustrator 07 1

 

8. Prélevez la couleur avec la pipette (I) pour chaque partie du cadran afin d'obtenir un cadran plein.

(Astuce : Deverrouillez chaque calque pour attribuer la couleur et verrouillez-les après la mise en couleur.)

  Vectoriser Cadran Image Vectorisation Illustrator 08

 

9. Sur un calque nommé "numérique", créez les huit parties du "8" en utilisant la plume (P). Ces parties pourront être supprimées pour créer d'autres chiffres. Copiez le "8" et en le redimensionnez-le pour créez les autres chiffres.

(Astuce : Verrouillez le calque "numérique".)

Vectoriser Cadran Image Vectorisation Illustrator 09

Vectoriser Cadran Image Vectorisation Illustrator 09 1

10. Créez un nouveau calque nommé "aiguille" et à l'aide de l'outil rectangle (M) et de la plume (P), vectorisez l'aiguille.

(Astuce : Verrouillez le calque "aiguille".)

Vectoriser Cadran Image Vectorisation Illustrator 10

 

Vectoriser Cadran Image Vectorisation Illustrator Fin

 

Autres Didacticiels :

Motif vectorisé image Illustrator vectoriser image vectoriel montre Illustrator Logo Vectorisé Web 2.0 1 Vectoriser degrade contour Illustrator Vectoriser Silhouette Vectorielle Illustrator  

 

 

 

"Vectoriser un cadran avec Illustrator CS5" réalisé par Tommy Toussaint 

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

Published by vectorisation - dans Illustrator
commenter cet article
25 août 2011 4 25 /08 /août /2011 11:00

 

 

Ce didacticiel montrera comment vectoriser un objet métallique avec Adobe Illustrator CS5. La vectorisation d'une image bitmap permet l'impression sur n'importe quelle taille sans perte de qualité. Il est possible de vectoriser n'importe quel objet ou matière avec Adobe Illustrator.


 

 

Vectorisation Image vectoriser Illustrator Intro

 

 

 

1. Ouvrez Adobe Illustrator et importez l'image bitmap qui sera vectorisée. Avec la plume (P) vectorisez sur un nouveau calque nommé "intersections", les éléments qui seront visibles même après la création des autres parties de l'objet.

 

(Astuce : Il est possible d'importer une image en la glissant dans la zone de travail de Adobe Illustrator. A l'étape une, ce sont les lignes d'intersections ou les liserets de couleur qui sont vectorisés. Verrouillez le calque "intersections". Ce calque doit toujours rester au dessus des autres qui seront créés.)

Vectorisation Image vectoriser Illustrator 01

 

 

Vectoriser com(2)

 

 

2. Créez un calque nommé "bec" et vectorisez le bec de la théière avec la plume (P). Assignez-lui un dégradé linéaire en prélevant avec la pipette (I) les deux couleurs du bec.

 

(Astuce : Pour prélever des couleurs avec la pipette (I) pour un dégradé, ouvrez la fenêtre des dégradés de couleurs (Ctrl + F9), cliquez sur l'accroche présent sur la barre de dégradé en ayant la pipette sélectionnée et tout en maintenant (Maj) cliquez sur la couleur que vous voulez prélever. Verrouillez le calque "bec".)

Vectorisation Image vectoriser Illustrator 02

 

 

 

3. Créez un calque nommé "anse" et vectorisez les deux parties de l'anse avec la plume (P) en leur ajoutant un dégradé linéaire.

 

(Astuce : L'endroit où les deux parties se rejoignent doit posséder la même couleur. Verrouillez le calque "anse".)

 

 

Vectorisation Image vectoriser Illustrator 03

 

4. Créez un nouveau calque nommé "couvercle" et vectorisez le couvercle de la théière. La partie inférieure du couvercle doit contenir un dégradé radial.

 

(Astuce : Verrouillez le calque "couvercle".)

Vectorisation Image vectoriser Illustrator 04

 

 

Vectorisation Image vectoriser Illustrator 04 1

 

5. Sur un calque nommé "corps droit" vectorisez avec la plume (P) la partie droite du corps de la théière.

 

(Astuce : Verrouillez le calque "corps droit. Et reproduisez l'étape sur un calque nommé corps gauche.)

Vectorisation Image vectoriser Illustrator 05

 

 

6. Vectorisez avec la plume (P) le centre de la base de la théière sur un calque nommé "corps haut". Appliquez un dégradé radial en reprenant les couleurs de l'image source avec la pipette (I).

 

(Astuce : Verrouillez le calque "corps haut".)

 

Vectorisation Image vectoriser Illustrator 06

 

Vectoriser com(2)

 

7. Vectorisez la partie basse de la base de la théière sur un calque nommé "corps bas" en cachant la partie supérieure par le reflet noir présent au milieu de la forme. Appliquez une lueur interne (Effet > Spécial > Lueur interne) sur le corps bas et épousez sa partie supérieure au reflet noir afin d'obtenir la lueur interne visible sur la partie supérieure de l'objet.

 

(Astuce : Verrouillez le calque "corps bas".)

13-vectoriser

Vectorisation Image vectoriser Illustrator 07

 

8. Vectorisez un petit arc de cercle sur un calque nommé "ombre". Supprimez les contours et mettez-le en noir. Réglez son opacité à 90% et appliquez-lui un flou gaussien (Effet > Atténuation > Flou gaussien).


(Astuce : Plus l'image est grande, plus le flou gaussien sera important.)

Vectorisation Image vectoriser Illustrator 08

 

Vectorisation Image vectoriser Illustrator Fin

 

 

 

 

Autres Didacticiels :

Vectoriser motif vectoriel Illustrator Logo Vectorisé Web 2.0 2 Logo Vectorisé Web 2.0 3 Illustrator 3D Vectoriel Opacité Logo Vectorisé Web 2.0 1
 

 

 

 

 

"Vectoriser un objet métallique avec Adobe Illustrator CS5" réalisé par Tommy Toussaint 

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

 

Published by vectorisation - dans Illustrator
commenter cet article
24 août 2011 3 24 /08 /août /2011 17:00

 

 

Ce didacticiel montrera comment améliorer et moderniser un logo web 1.0 avec Adobe Illustrator CS4. L'amélioration et la modernisation d'un logo s'effectuent à travers l'ajout d'effets, de dégradés, de perspectives et d'ombres. Le logo web 2.0 sera vectoriel donc il sera imprimable et agrandissable à l'infini sans aucune perte de qualité.


 

Vectorisation logo vectoriser Illustrator Intro

 

1. Ouvrez Adobe Illustrator et avec l'outil ellipse (L), créez deux cercles qui se superposent comme ci-contre.


(Astuce : Créez le petit cercle avant de créer le grand afin d'obtenir le grand cercle au dessus.)

  Vectorisation logo vectoriser Illustrator 01

 

Vectoriser com(2)

 

2. Sélectionnez les deux cercles et dans la fenêtre pathfinder (Ctrl + Maj + F9) cliquez sur Soustraction pour qu'il ne reste qu'un arc de cercle.


(Astuce : Copiez l'arc de cercle et mettez-le de côté car il servira pour plus tard.)

  Vectorisation logo vectoriser Illustrator 02

 

3. Créez un grand cercle et placez l'arc de cercle créé précédemment comme ci-contre.


(Astuce : L'arc de cercle doit avoir sa partie supérieure asymptotique au cercle.)

  Vectorisation logo vectoriser Illustrator 03

 

4. Sélectionnez l'arc de cercle et appuyez sur la touche (R) afin d'obtenir le marqueur définissant le centre de la rotation. Déplacez le centre de la rotation au milieu du cercle. Une fenêtre apparaît, entrez 72° puis validez. Composez ensuite (Ctrl + D) jusqu'à ce que vous aillez les cinq parties du logo.


(Astuce : Pour déplacer le centre de rotation, cliquez et déplacez celui-ci en maintenant (Alt). Il y a cinq parties dans le logo qui forment un cercle. Pour connaitre le degré de rotation à insérer, il faut diviser 360/5 = 72°.) 

  Vectorisation logo vectoriser Illustrator 04

 

5. Avec l'outil ellipse (L) créez un petit cercle au milieu du logo. Prenez une copie de l'arc de cercle qui a été mis de côté lors de l'étape 2. et réduisez-le. En tirant sur l'accroche inférieure droite de l'arc de cercle avec la flèche noir (V), déformez la forme comme ci-contre. Positionnez l'arc de cercle déformé comme à l'étape 3. et appliquez une rotation de 72° puis une duplication comme produite à l'étape 4. Sélectionnez toutes les formes et appliquez une réunion dans la fenêtre pathfinder (Ctrl + Maj + F9).


(Astuce : Aidez-vous des repères commentés (Ctrl + U) afin de bien positionner le cercle au milieu du logo.)

  Vectorisation logo vectoriser Illustrator 05

 

Vectoriser com(2)

 

6. Sélectionnez toutes les formes et groupez-les (Ctrl + G). Appliquez une extrusion à la forme groupée (Effet > 3D > Extrusion et biseautage) et entrez les paramètres comme ci-dessous :

Vectorisation logo vectoriser Illustrator 06

 

7. Sélectionnez le logo et décomposez son aspect (Objet > Décomposer l'aspect). Dégroupez les différentes parties (Ctrl + Maj + G) et appliquez-leur des dégradés radial et linéaire afin de créer les effets d'éclairages et d'ombres voulus.

 

Vectorisation logo vectoriser Illustrator 07

 

8. Reprenez une copie de l'arc de cercle qui à été mis de côté lors de l'étape 2. et agrandissez-le de sorte qu'il prenne la moitié du logo.


Baissez son opacité à 10% et enlevez les contours noirs.


Groupez (Ctrl + G) toutes les faces du logo (sans prendre en compte les bordures).

Sélectionnez les faces groupées avec l'arc de cercle blanc et appliquez une division dans la fenêtre pathfinder (Ctrl + Maj + F9).


Dégroupez (Ctrl + Maj + G) l'arc de cercle des faces du logo et supprimez les parties qui n'appartiennent pas au logo.

 

7-vectoriser

  Vectorisation logo vectoriser Illustrator 08

 

Vectorisation logo vectoriser Illustrator 08 1

 

Vectoriser com(2)

9. Créez une ellipse (L) de couleur noire sous le logo. Appliquez-lui un flou gaussien (Effet > Attenuation > Flou gaussien) et baissez son opacité à 30%.


(Astuce : Pour plus de réalisme vous pouvez appliquer un dégradé allant du noir vers le transparant sur l'ombre.)

 

Vectorisation logo vectoriser Illustrator Fin

 

Autres Didacticiels : 

Vectoriser logo Vectorisation Illustrator Illustrator 3D Vectoriel Opacité vectoriser image vectoriel montre Illustrator Vectorisation Image Illustrator souris Fin Logo Vectorisé Web 2.0 3  

 

 

 

 

"Amélioration d'un logo web 1.0 avec Adobe Illustrator CS4" réalisé par Tommy Toussaint 

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

 

 

 


 

 

Votre service de vectorisation de logos à l'identique.

Published by vectorisation - dans Illustrator
commenter cet article
17 août 2011 3 17 /08 /août /2011 10:01

 

 

Ce didacticiel montrera comment vectoriser une image avec Adobe Illustrator CS4. La vectorisation d'une image consiste à transformer une image bitmap en une image vectorielle. Les images bitmap contrairement aux images vectorielles sont composées de pixels et se dégradent lorsqu'on les agrandit trop. Les images vectorielles sont donc plus appropriées pour des impressions car elles n'ont aucune perte en qualité quel que soit le niveau de zoom apporté.

 

Vectoriser image Illustrator vectorisation Intro

 

1. Ouvrez Adobe Illustrator CS4, importez votre image bitmap (Fichier > Importer) et verrouillez le calque sur lequel se trouve l'image importée en le nommant "Image source". A l'aide de la plume (P) créez sur un nouveau calque appelé "Jonctions" toutes les jonctions et liserais qui sont présents sur l'image bitmap.


(Astuce : Pour une meilleure lisibilité du didacticiel, la vectorisation est séparée de l'image bitmap mais il est fortement conseillé de travailler sur l'image bitmap pour être plus précis. Il est possible d'importer une image en la glissant dans la zone de travail. N'oubliez pas de verrouiller le calque "jonctions". Le calque "jonctions" doit toujours être au dessus des autres calques.)

Vectoriser image Illustrator vectorisation 01

 

2. Sur un nouveau calque nommé "vis socle" détourez le bout gris qui dépasse sous le pied de la webcam. Appliquez-lui un dégradé linéaire à trois couleurs.


(Astuce : Verrouillez le calque "vis socle".)

Vectoriser image Illustrator vectorisation 02

 

Vectoriser com(2) 


3. Créez un nouveau calque "socle noir" et détourez avec la plume (P) les deux parties formant le dessous du socle. Appliquez l'outil filet (U) sur la petite partie noir et prélevez avec la pipette (I) les couleurs correspondante sur l'image source.


(Astuce : Verrouillez le calque "socle noir". Pour l'utilisation de l'outil filet pour une vectorisation à partir d'une image bitmap :
Cf : "VECTORISATION d’une image avec ILLUSTRATOR".)

 Vectoriser image Illustrator vectorisation 03

4. Sur un nouveau calque nommé "socle noir sup" détourez avec la plume (P) la partie noir qui se trouve au-dessus du socle gris.
Remplissez la forme avec la couleur la plus présente sur l'image source.
Réglez l'opacité à 20% et créez un maillage avec l'outil filet (U) en mettant les points d'éditions sur les lieux ou les couleurs changent.
Remettez l'opacité à 100% et avec la flèche blanche (A) et la pipette (I) prélevez les couleurs correspondantes.


(Astuce : Verrouillez le calque "socle noir sup".)

Vectoriser image Illustrator vectorisation 04

 

 Vectoriser image Illustrator vectorisation 04 1

 

5. Créez un nouveau calque nommé "socle gris" et détourez avec la plume (P)  toute la partie grise qui comporte le pied de la webcam. Comme précédemment, remplissez la forme avec la couleur la plus présente dans l'image bitmap, baissez l'opacité à 20% pour rajouter le maillage (U) puis utilisez la pipette (I) et la flèche blanche (A) après avoir remis l'opacité à 100% pour prélever les couleurs de l'image source.


(Astuce : Cachez le calque "socle noir sup" en cliquant sur l'oeil en face de celui-ci pour créer le socle gris sans problèmes. Verrouillez le calque "socle gris".)

  Vectoriser image Illustrator vectorisation 05

 

 Vectoriser image Illustrator vectorisation 05 1

 

6.  Créez un nouveau calque nommé "pivot" et vectorisez le bout gris qui sert de point de pivot pour la tête de la webcam en utilisant la plume (P) et l'outil filet (U) comme produit dans le (3, 4 ou 5).


(Astuce : Le calque "Pivot doit être placé sous le calque "socle noir sup". Verrouillez le calque "Pivot".)

Vectoriser image Illustrator vectorisation 06

 

Vectoriser com(2) 

 

7. Sur un nouveau calque nommé "boule" créez le contour de la tête de la webcam avec l'outil ellipse (L).Pour séparer la boule en trois parties, créez avec la plume (P) les lignes qui séparent chaque partie et utilisez l'outil division dans la fenêtre pathfinder (Ctrl + Maj + F9) en ayant les lignes de division et la boule de sélectionnés.


(Astuce : Après l'utilisation de l'outil division de la fenêtre pathfinder les objets obtenus sont groupés donc n'oubliez pas de les dégrouper (Ctrl + Maj + G).)

Vectoriser image Illustrator vectorisation 07

 

 

8. Assignez un dégradé radial pour la couleur noire de la boule et mettez un gris unique à la partie supérieure et la partie inférieure de la boule.
Pour le reflet du socle sur la boule, créez deux formes qui se superposent en leur donnant la même couleur que sur l'image bitmap et appliquez leur un flou gaussien ( Effet > Atténuation > Flou gaussien).


(Astuce : Verrouillez le calque "boule".)

 

Vectoriser image Illustrator vectorisation 08

 

9. Créez un nouveau calque nommé "milieu boule" et reproduisez les ellipses (L) qui définissent un changement de couleur.


(Astuce : Créez les ellipses en allant de la plus grande à la plus petite pour que les plus grandes ne cachent pas les plus petites.)

Vectoriser image Illustrator vectorisation 09

 

10. Assignez les dégradés nécessaires pour la mise en couleur de la partie centrale de la boule.


(Astuce : N'oubliez pas qu'il est possible de changer de type de dégradés pour une meilleure similitude avec l'image source.)

 

Vectoriser image Illustrator vectorisation 10

 

Vectoriser com(2)

 

11. Créez un nouveau calque nommé "ombre" et positionnez-le tout en bas. Avec la plume (P) tracez une forme noire qui reproduit le l'ombre de l'image source. Réglez l'opacité à 20% puis appliquez un flou gaussien important à la forme (Effet > Atténuation > Flou gaussien).


(Astuce : Plus la forme est grande plus le pourcentage du flou gaussien doit être important. Verrouillez le calque "ombre".)

 

Vectoriser image Illustrator vectorisation 11

 

Vectoriser image Illustrator vectorisation Fin

 

Autres Didacticiels :

Vectorisation Image Illustrator souris Fin Vectoriser Degrade Illustrator Logo Vectorisé Web 2.0 3 Vectoriser logo Vectorisation Illustrator Vectorisation plaque Illustrator  

 

 

 

"Vectoriser une image avec Adobe Illustrator CS4" réalisé par Tommy Toussaint 

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

Published by vectorisation - dans Illustrator
commenter cet article
11 août 2011 4 11 /08 /août /2011 17:00


Ce didacticiel montrera comment vectoriser un logo web 1.0 en logo 2.0 avec Adobe Illustrator CS5. Les logos 1.0 sont des logos qui ne contiennent pas beaucoup de couleurs et d'effets tels que des ombrages ou des reflets. La vectorisation vers un logo 2.0 apportera au logo une infinité de couleurs en ajoutant des dégradés et des effets. Les logos 2.0 créés avec Adobe Illustrator sont vectoriels et sont donc imprimables dans n'importe quel format.


Vectorisation Illustrator Logo First




1. Ouvrez Adobe Illustrator et créez un cercle (L) ayant un fond blanc et un contour noir.   Vectorisation Illustrator Logo 01


2. A l'aide de la plume (P), créez un point d'ancrage entre le point d'ancrage se trouvant en bas et celui se trouvant à gauche. Supprimez le point d'ancrage qui vient d'être créé en appuyant sur la touche “Suppr” après l'avoir sélectionné avec la flèche blanche (A).

13-vectoriser

  Vectorisation Illustrator Logo 02            
Vectoriser com(2)

3. Copiez l'arc de cercle sur place (Ctrl + C puis Ctrl + F) et réduisez la copie avec une transformation répartie (Clic droit > Transformation > Transformation répartie).

(Astuce : La transformation répartie permet de changer la taille d'un objet tout en le déplaçant. Si les paramètres de la mise à l'échelle sont identiques la transformation sera homothétique.)

  Vectorisation Illustrator Logo 03


4. Rejoignez les deux formes avec la plume (P) en cliquant sur le point d'ancrage d'une forme puis en créant un nouveau point d'ancrage de telle sorte qu'il se trouve exactement entre les deux formes et en cliquant sur l'autre forme pour la fermer.

(Astuce : Utilisez les repères commentés (Ctrl + U) pour être précis lors de la création du nouveau point d'ancrage se trouvant entre les deux formes. Les lignes bleues représentent les repères commentés qui ont aidé à la création de la forme.)

 

Vectorisation Illustrator Logo 04



5. Sélectionnez votre forme et copiez la sur place (Ctrl + C puis Ctrl + F) ensuite réduisez la homothétiquement et par rapport au centre en maintenant (Maj +Alt) lors du changement de taille. Appliquez à la nouvelle forme une rotation de 180°.

Créez deux cercles (L) pour compléter la création de votre logo 2.0.

(Astuce : Les lignes bleues représentent les repères commentés (Ctrl + U) qui ont aidé à la mise en place des objets.)

4-vectoriser

  Vectorisation Illustrator Logo 05


6. Groupez les formes ensemble (Ctrl + G) et appliquez une extrusion (Effet > 3D > Extrusion et biseautage).
(Astuce : N'oubliez pas de changer l'effet de perspective.)
 

7. Décomposez l'aspect du logo en le sélectionnant et en allant dans (Objet > Décomposer l'aspect). Vous pouvez maintenant mettre les couleurs de votre choix.
(Astuce : Il pourrait avoir des problèmes au niveau des couleurs internes, il suffit de sélectionner
la forme et de la réunir dans la fenêtre Pathfinder (Ctrl + Maj + F9).)
 

Vectorisation Illustrator Logo 07


8. Créez deux cercles se chevauchant et à l'aide de l'outil Pathfinder (Ctrl + Maj + F9) appliquez une soustraction pour obtenir une forme en croissant de lune.   Vectorisation Illustrator Logo 08
9. Mettez l'opacité du croissant de lune à 40% et déformez-le en sélectionnant l'accroche inférieure droite et en la déplaçant horizontalement vers la droite.

Vectorisation Illustrator Logo 09


10. Sélectionnez toutes les faces du logo avec le croissant de lune déformé et dans la fenêtre Pathfinder (Ctrl + Maj + F9) cliquez sur division. Dégroupez (Ctrl + Maj + G) la forme et supprimez les objets qui ne sont pas sur le logo.

 9-vectoriser                

  Vectorisation Illustrator Logo 10
Vectoriser com(2)
11. Remettez l'opacité à 100% et appliquez les dégradés de couleurs souhaités.   Vectorisation Illustrator Logo 11


12. Créez une ellipse de couleur noir sous le logo, appliquez-lui un flou gaussien important (Effet > Atténuation > Flou gaussien) et réglez l'opacité à 20%.

Vectorisation Illustrator Logo End
Autres Didacticiels :
Vectoriser logo Vectorisation Illustrator Illustrator 3D Vectoriel Opacité Vectoriser image vectoriel bouton Illustrator Logo Vectorisé Web 2.0 1 Vectorisation plaque Illustrator  
 

 

"Didacticiel amélioration d'un logo 1.0 en 2.0 avec Adobe Illustrator CS5" réalisé par Tommy Toussaint 

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

 

 


 

 

Votre service de vectorisation de logos à l'identique.

Published by vectorisation - dans Illustrator
commenter cet article

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