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.

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 : 

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