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

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