Etape 1

 Je vous propose un tutorial qui vous permettra de comprendre
les principales fonctions d'Illustrator. J'entends déjà des voix
s'élevant sur la faiblesse de ce logiciel face à son grand
frère Photoshop...

En fait, Illustrator possède de gros avantages :
- vous pouvez redimensionner une image sans problème
de résolution (Illustrator travaille avec des courbes
et non sur des pixels) ; avec Illustrator, vous n'obtiendrez
jamais un effet "d'escalier" sur vos images agrandies ;
- les fichiers sont moins lourds ;
- Illustrator est 100% compatible avec Flash, le logiciel
d'animation vectorielle ; et un dessin, s'il a été bien pensé
dans Illustrator, sera d'autant plus rapide à travailler dans
Flash.

Bon, au boulot ! Vous allez réaliser une console, version
simplifiée du défunt Tatoo. Quand vous aurez saisi les
différentes techniques, vous pourrez attaquer sans problème
des dessins plus complexes... L'exercice a été réalisé
dans Illustrator 7.




Etape 1

Dessinez un rectangle avec l'outil... rectangle (pour ceux
qui comprennent plus à partir de là, allez jouer au casse-briques ;-).
Contour noir, fond blanc.

Par dessus, coller le même rectangle ("coller devant").
Sélectionner avec l'outil "flèche blanche", le bord inférieur -
pour ce faire cliquer une fois sur le bord -
puis faire remonter avec la flèche du clavier cette fois.

Tout sélectionner et appliquez le filtre>spécial>arrondi
avec un arrondi de 3 pt.


Pour le rectangle supérieur, appliquez un dégradé linéaire
du haut vers le bas (quand vous appliquez ce dégradé,
maintenez la touche majuscule enfoncée pour qu'il soit
rigoureusement droit) et pour le grand rectangle un dégradé
radial partant du coin inférieur gauche.
Modulez la grandeur des dégradés de manière
à ce qu'ils ne se coupent pas.


Copiez le grand rectangle et collez son clone derrière,
ne le désélectionnez pas.
Double-cliquez sur l'outil de redimensionnement
et sélectionnez dans le menu qui apparaît uniforme
à 105%.

Vous devez obtenir le rectangle que j'ai mis en contour
noir de 0.5 pt et fond blanc.

Maintenant pour donner du relief au rectangle du fond,
il vous suffit d'appliquer un dégradé linéaire en diagonale
d'une couleur foncée vers une couleur claire.

Pour faire un reflet dans le coin supérieur droit, collez
sur lui même le petit rectangle supérieur, rajoutez 2 points
(avec l'outil plume +) et supprimez les autres (avec Flèche blanche)
de manière à obtenir une sorte d'équerre (en blanc sur le schéma).

Collez derrière la même équerre et étirez les bords
(je l'ai mise en noir sur le schéma pour plus de lisibilité).

Passez l'équerre noire en orange foncé de la même couleur
que le rectangle du dessous.


Sélectionnez les 2 équerres et appliquez le dégradé de
formes de l'extrémité d'une équerre à l'autre en choisissant
15 étapes.
Illustrator crée automatiquement les formes intermédiaires
donnant l'illusion du dégradé.

L'écran est un rectangle rempli d'un dégradé linéaire vertical
et avec un contour noir de 0.5 pt.


Toujours le même principe pour la bordure : collez derrière
le même rectangle augmentez sa taille avec l'outil de
redimensionnement de 105% et appliquez-lui un dégradé
linéaire un diagonale allant du blanc au vert foncé.