Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
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

commentaires

Texte Libre

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

CS1, CS2, CS3, CS4, CS5.

 

Pour vos colorisations sous Photoshop
petit-spacer
coloriser-com

petit-spacer

Pour vos détourages sous Photoshop

petit-spacer

détourage-photo-photoshop


Pour la vectorisation de logos.

Recherche

Autres tutoriels de vectorisation

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