Comment créer de toute pièce un objet ? Voici la réponse avec cette création de portable "préhistorique", le design date un peu mais bon ... Là encore je ne suis pas l'auteur initial de ce tutorial mais j'ai essayé de le pousser plus loin en retravaillant la forme crée sous Photoshop. je m'en sers dans mes cours pour aborder le dégradé de forme avec des stagiaires déjà habitués au fonctionnement d'Illustrator.
Étape 1 : La forme.

Pour faire le corps du portable il vous faut créer 3 formes s'approchant de celles du shéma : en fait une forme de base dupliquée 2 fois et dont les copies ont été mise à l'échelle pour obtenir le résultat ci-contre.

Étape 2 : La couleur.

Quelle que soit la couleur du portable choisie, procédez comme suit : la forme de fond sera de couleur foncée et au contour noir, la forme de 1er plan sera d'une teinte trés claire. Utilisez ensuite l'outil Dégradé de forme : cliquez successivement sur les 3 formes en partant de la plus claire.
Étape 3 : Le relief.

Répétez la même opération ( étapes 1 et 2 ) pour le relief contenant l'écran.

Étape 4 : L'ecran.

Superposez les 2 formes crées et vérrouillez les. Tracez ensuite en noir la forme noire ci-contre : le fond de l'écran. Servez vous pour cela de l'outil Plume.
Tracez ensuite 2 formes plus claires qui viendront se superposer à la 1ère : une foncée ( rectangle légèrement incurvé ) et une claire ( épousant les contours de la précédente sauf pour le bas qui est droit ).
Votre écran est terminé...



 

Étape 5 : L'antenne.

Et oui ça avait une antenne aussi ! Tracez tout d'abord les trois formes suivantes : un rectangle aux bords arrondis à la base trés arrondie ( l'outil rectangle + outil ellipse + Pathfinder ), une ellipse, un rectangle ( le couper comme indiqué ci-contre n'est pas nécessaire si vous le passez en arrière plan ).
Colorisez ces formes par un dégradé linéaire du noir vers gris clair pour la forme de la base et du noir vers gris foncé pour la forme supérieure. La forme centrale peut rester noire. Il n'est pas nécessaire d'avoir un contour.
Superposez les comme indiqué sur le schéma : l'éllipse devant, puis la base, puis la partie supérieure.

 





Voilà ce que vous devriez voir à la fin de cette étape.

Étape 6 : L'écouteur.

Tracez tout simplement une ellipse sans contour que vous remplirez d'un dégradé radial reprenant les couleurs du téléphone. avec l'outil Dégradé placez le centre de votre dégradé sur le coté gauche de l'ellipse : vous créerez ainsi l'illusion du creux.
Il vous suffit ensuite de tracer, à laide de ronds et de rectangles inclinés et remplis de noir, les trous de l'écouteur.

 


Étape 7 : Les boutons.

Pour les boutons servez vous encore une fois du dégradé de forme : 2 éllipse l'une sur l'autre, la plus foncée en dessous ( avec un contour noir ) et la plus claire dessus.
12 boutons alignés pour les numéros et symboles, 2 plus gros pour décroché/raccroché et 3 pour les menus.
Pour les boutons inclinés procédez comme suit : dupliquez un des boutons plus petits contenant un dégradé de forme, inclinez le, dupliquez le et faite un "miroir" ( outil Miroir ou menu Objet/Transformation/Miroir ). il ne vous reste plus qu'à aligner vos boutons. Vous procéderez de même pour les petits boutons de menu ... que vous devrez tracer à la plume.

Les symboles sur les boutons devront être créer de toutes pièces, Illustrator n'étant pas "magique" il a aussi ses limites. Ne croyez donc pas que tout est toujours automatique.
Pour les touches décroché/raccroché par exemple, tracez d'abord le téléphone vert, puis procédez par "miroir" et changez sa couleur en rouge. il ne vous reste plus qu'à le barrer d'un coup de plume.

 

 





Pour le texte des boutons je me suis servis d'une police appelée "C+boldital", disponible sur dafont.com. Certains symboles ont du eux aussi être tracer.
Étape 8 : L'affichage.

Le texte est de l'"Arial Black" classique et les différents symboles sont tout simplement des rectangles.

Étape 9 : Les détails.

Votre portable sera terminé sous Illustrator quand vous aurez intégré de menus détails :

Flêche rouge : Le bouton marche/arrêt est une simple ellipse créée sous le modèle des autres boutons et dont la forme de 1er plan a été remplie d'un dégradé radial rouge.

Flêche verte : Les boutons de volume sont tout bêtement des rond gris avec un contour noir. les plus maniaques peuvent les faire avec le dégradé de forme.

Flêche jaune : les lignes en creux entre les boutons sont faites sur le même principe que l'écouteur ( cf étape 6 ) : 1 verticale et 4 horizontales.

Enregistrez votre travail en EPS.

Étape 10 : Fignolage.

Passons maintenant par le menu Fichier/Ouvrir de Photoshop. Quand vous aurez trouver votre fichier et valider, une boite de dialogue vous indiquera la pixellisation de votre dessin. Entrez les valeurs de définition souhaitées et validez.

ATTENTION : Votre fichier doit être enregistré à la base en Illustrator EPS pour éviter toute erreur de lecture de la part de Photoshop.

Ici le résultat final a été obtenu en ajoutant des reflets à l'aérographe, ainsi qu'une ombre par le biais des effets de calques ( ombre portée ).
copyright MikeGraphic 2005