Exercice 2

Amélioration d'un logo en style WEB 2.0 sous ILLUSTRATOR

La modernisation de logos en style Web 2.0 permet d'augmenter l'identité graphique d'une
marque ou d'une entreprise. Dans de nombreux cas, un logo Web 2.0 s’orne de plusieurs
styles graphiques comme des effets, des ombres, des dégradés, des reflets et des jeux de
couleurs. L'amélioration et la vectorisation du logo sous Illustrator permet le
redimensionnement du logo dans toutes les tailles d'impression. Dans ce tutoriel, nous
améliorerons et moderniserons ce logo en style Web 2.0 en lui appliquant un effet 3D via une
déformation de perspective.

1. Commencez par vectoriser le logo en utilisant l'Outil Plume (P) et organisez bien chaque
élément dans des calques comme illustré.
 2. Tracez un cercle de couleur noire avec l'Outil
Ellipse (L) et réglez sa dimension pour qu'il soit
150% plus grand que le calque "Partie Noire".
3. Placez le cercle noir au-dessus du calque "Partie
Noire" afin que le haut du cercle soit au centre du
calque "Partie Noire". Sélectionnez-les et utilisez
l'Outil Pathfinder "Division" pour séparer les
formes.

4. Supprimez les parties du cercle restantes en

utilisant l'Outil Sélection directe (A).

5. Dissociez le calque "Partie Noire". Associez les parties noires supérieur et inférieur dans

des calques différents.

6. Appliquez des dégradés sur chaque calque:

- Partie Bleue: dégradé de type "Radial" avec comme couleur

blanc au centre et bleu (#3061BE) au bord.
- Partie Noire sup: dégradé de type "Linéaire" avec comme
couleur noir en haut et gris (#404040) en bas.

- Partie Noire inf.: idem que pour le calque "Partie Noire sup".

7. Sélectionnez les 3 sous-calques et associez-les pour former un même et unique groupe.

8. Ciblez ce nouveau groupe et appliquez-lui l'effet 3D dans le menu "Effet > 3D > Extrusion
et biseautage" avec les options suivantes.
 - Suite à cette action, vous pourrez remarquer que l'extrusion n'a pas pris la couleur de face
du logo. Avant de poursuivre, vérifiez bien que vous n'apporterez plus de modification sur
l'option de l'effet 3D car il ne sera plus possible par la suite.

9. Sélectionnez le logo vectorisé et décomposez son aspect dans le menu "Objet" pour
annuler tout effet et convertir en tracé. Dissociez-le (Maj+Ctrl+G) dans le menu "Objet".

10. Verrouillez tous les calques sauf les calques qui contiennent les extrusions pour plus de
faciliter à l'étape suivante. Utilisez l'outil Pathfinder "Ajout de la forme" sur certaines faces du
logo pour les fondre.

11. Ajustez sur les bords dans les parties noires du logo
vectorisé un dégradé de type "Linéaire" de couleur blanc et
gris (#808080).

12. Ajustez sur les bords dans les parties noires du logo
vectorisé un dégradé de type "Linéaire" de couleur bleu
(#3061BE) et bleu foncé (#303B78).

- Et pour finir, appliquer une ombre portée permet de rajouter un relief de plus à l'icône et de
le faire ressortir du fond.

13. Déverrouillez tous les sous-calques si ce n'est pas déjà fait. Créer un nouveau calque
sous le logo vectorisé que vous renommerez "Ombre".

14. Dupliquez le logo vectorisé dans ce nouveau calque et utilisez l'outil Pathfinder "Ajout
de la forme" pour n'avoir plus qu'un et unique tracé.

15. Appliquez sur le calque "Ombre" un Flou gaussien de 25px et baissez l'opacité à 15%.
Aplatissez-le dans le sens de la hauteur pour émettre un effet de lévitation.
(Astuce: Vous pouvez ensuite changer la couleur de l'icône avec le réglage de
"Teinte/Saturation" en l'important sous Photoshop)