Le BLOG sur la VECTORISATION

13 juin 2013 4 13 /06 /juin /2013 09:47

Didacticiel : Vectorisation d'un produit packshot sous Illustrator

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 sur la réalisation d'un packshot vectorisé.

RubTuto

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.

Vectorisation d'un produit packshot sous Illustrator CS6 - Etape 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).

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».

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

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.

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.

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

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

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.

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

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

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.

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

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

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)).

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

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

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.

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

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

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

Votre service de vectorisation de logos à l'identique.

Partager cet article

Repost0

Published by vectorisation - dans Illustrator
commenter cet article …

5 juin 2012 2 05 /06 /juin /2012 11:00

Vectorisation d’une bouteille de vin en verre sous ILLUSTRATOR

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

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.)

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).

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.)

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.)

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.)

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.

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.

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.

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

Votre service de vectorisation de logos à l'identique.

Partager cet article

Repost0

Published by vectorisation - dans Illustrator
commenter cet article …

3 mars 2012 6 03 /03 /mars /2012 13:11

Modélisation 3D d'un canapé sous Maya

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

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.)

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.)

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.)

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.)

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.

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).

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).

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.

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

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

Votre service de vectorisation de logos à l'identique.

Partager cet article

Repost0

Published by vectorisation - dans Maya
commenter cet article …

12 janvier 2012 4 12 /01 /janvier /2012 10:29

Modélisation 3D d'un téléviseur sous Maya

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

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.)

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).

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.

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

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.)

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).

Outro Modelisation 3D televiseur modeliser

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

Partager cet article

Repost0

Published by vectorisation - dans Maya
commenter cet article …

28 octobre 2011 5 28 /10 /octobre /2011 17:30

Refonte d'un logo dans Illustrator.

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.)

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.

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.

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.

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.

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 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

Votre service de vectorisation de logos à l'identique.

Partager cet article

Repost0

Published by vectorisation - dans Illustrator
commenter cet article …

29 août 2011 1 29 /08 /août /2011 11:00

VECTORISER un cadran avec ILLUSTRATOR CS5

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".)

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

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

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 :

vectoriser image vectoriel montre Illustrator

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

Partager cet article

Repost0

Published by vectorisation - dans Illustrator
commenter cet article …

25 août 2011 4 25 /08 /août /2011 11:00

VECTORISER un objet métallique avec ILLUSTRATOR CS5

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.

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

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".)

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

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".)

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".)

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

Autres Didacticiels :

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

Partager cet article

Repost0

Published by vectorisation - dans Illustrator
commenter cet article …

24 août 2011 3 24 /08 /août /2011 17:00

AMELIORATION d'un logo web 1.0 avec ILLUSTRATOR CS4

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é.

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.)

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.)

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.)

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°.)

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.)

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 :

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.

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

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.)

Autres Didacticiels :

Vectorisation Image Illustrator souris Fin

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

Votre service de vectorisation de logos à l'identique.

Partager cet article

Repost0

Published by vectorisation - dans Illustrator
commenter cet article …

17 août 2011 3 17 /08 /août /2011 10:01

VECTORISER une image avec ILLUSTRATOR CS4

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é.

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

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".)

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

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

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

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

Pour vectoriser un logo, il y a vectologo :)

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".)

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.)

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

Autres Didacticiels :

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

http://www.vectologo.com

Partager cet article

Repost0

Published by vectorisation - dans Illustrator
commenter cet article …

11 août 2011 4 11 /08 /août /2011 17:00

VECTORISATION d'un logo web 1.0 en 2.0 avec ILLUSTRATOR CS5

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.

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

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

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.)

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.)

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

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).)

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.

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.

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

11. Remettez l'opacité à 100% et appliquez les dégradés de couleurs souhaités.

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%.

Autres Didacticiels :

Vectoriser image vectoriel bouton Illustrator

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

Votre service de vectorisation de logos à l'identique.

Partager cet article

Repost0

Published by vectorisation - dans Illustrator
commenter cet article …

Didacticiel : Vectorisation d'un produit packshot sous Illustrator

Vectorisation d’une bouteille de vin en verre sous ILLUSTRATOR

Modélisation 3D d'un canapé sous Maya

Modélisation 3D d'un téléviseur sous Maya

Refonte d'un logo dans Illustrator.

VECTORISER un cadran avec ILLUSTRATOR CS5

VECTORISER un objet métallique avec ILLUSTRATOR CS5

AMELIORATION d'un logo web 1.0 avec ILLUSTRATOR CS4

VECTORISER une image avec ILLUSTRATOR CS4

VECTORISATION d'un logo web 1.0 en 2.0 avec ILLUSTRATOR CS5

Texte Libre

Recherche

Recherche

Autres tutoriels de vectorisation

Articles Récents

Liens

Texte Libre

Recherche

Recherche

Autres tutoriels de vectorisation

Articles Récents

Newsletter

Liens