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

11.08.2011

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.