1 Exercice1

Créer un BOUTON avec Adobe ILLUSTRATOR

Ce didacticiel Illustrera une manière simple de créer un bouton avec Adobe

Illustrator. Illustrator vous permettra d’avoir un bouton vectoriel donc
imprimable dans n’importe quel format à la différence d’une image bitmap
pouvant être créée avec Photoshop qui se pixélise à un certain pourcentage de
zoom en perdant de la qualité et du détail.

1. Ouvrez Adobe Illustrator et créez un cercle de 304px de hauteur et de

largeur en lui ajoutant un dégradé radial avec comme centre le haut du cercle
comme sur l’image ci-contre :
(Astuce : Utilisez l’outil d’édition de dégradé (G) pour changer le lieu du
centre du dégradé.)

2. Appliquez une ombre portée au cercle (Effet > Artistique >

Ombre portée) en suivant les paramètres ci-contre :
2

3. Créez un cercle à l’intérieur du cercle de base en le réduisant de 30px

(Objet > Tracé > Décalage ) et assignez-lui un dégradé linéaire.

4. Réalisez à nouveau l’étape 3 en créant cette fois un cercle plus petit de

5px. Assignez-lui un dégradé radial.

5. Créez une lueur interne sur le plus petit des cercles (Effet >
Artistique > Lueur interne).
3

6.Créez un cercle avec un contour de 18pts et enlevez la couleur de

fond. Avec la plume (A) ajoutez deux accroches sur chaque coin
supérieur de votre cercle.
-Supprimez l’accroche qui se trouve entre les accroches qui viennent
d’être créées en la sélectionnant avec la flèche blanche (A) et en
appuyant sur le bouton supprimé du clavier.
-Reprenez la plume et créez une ligne verticale pour finaliser la forme
de l’icône power.
-Sélectionnez les deux formes et dans la fenêtre des contours (F10)
cliquez sur les bouts ronds.
-Transformez vos lignes en formes pleines pour leur attribuer des
effets (Objet > Décomposer l'aspect) et placez-les au centre de votre
cercle.
(Astuce : Groupez les deux formes pour les éditer ensemble lors de la
sélection d’un seul objet.)

7.Appliquez une lueur interne et externe (Effet > Artistique > Lueur
(interne/externe) à l’icône power en suivant les paramètres de l’image
ci-contre :
4

CREATION DES REFLETS

8.Créez une ellipse comme sur l’image ci-contre et enlevez les bordures
arrondis aux extrémités avec l’outil permettant de conversion de point
directeur (Maj. + C).
(Astuce : Pour supprimer des angles ronds il faut cliquer sur le point qui
crée l’angle avec l’outil conversion de point directeur (Maj. + C). Pour
créer un angle rond il faut cliquer sur le point et glisser la souris.)

9. Donnez une courbure à l’ellipse pour qu’elle épouse la forme de votre

bouton avec la troisième méthode de l’outil de distorsion (Objet > Distorsion
de l’enveloppe > Créer d’après une déformation (Ctrl + Alt + Maj. + W)).
(Astuce : C’est la transformation arche qui à été appliqué à l’ellipse.)

10. Copiez l’ellipse courbé créée au sommet du bouton et réduisez-le avec

l’outil de transformation (E).
5

11. Créez quatre rectangles de même taille, sélectionnez-les et appliquez

leur une distorsion par rapport à l’arche (Objet > Distorsion de
l’enveloppe > Créer Warp (Ctrl + Alt + Maj. + W)).

12. Sélectionnez la première forme créée et dupliquez-là sur place (Ctrl + C puis Ctrl + F).
Passez-là au premier plan (Clic droit > Disposition > Mettre au premier plan).
Dupliquez la forme qui est au premier plan et montez-la verticalement en maintenant (Maj.) appuyé.
(Astuce : Vous pouvez dupliquer la forme verticalement en la sélectionnant et en la déplaçant vers le haut en
maintenant (Maj + Alt).)
Sélectionnez les deux formes qui sont au premier plan et appliquez un pathfinder de soustraction pour ne
laisser qu’un arc de cercle inférieur.
Mettez l’opacité de l’arc à 15%.

13. Pour donner un effet plus brillant à votre bouton dupliquez à nouveau la
première forme et mettez-là au premier plan. Appliquez-lui un effet "Obscurcir"
dans la fenêtre transparences (Maj + F10).

Voici le résultat final, bravooooooo !!!!!!!