A partir de formes simples et d'un peu de maniement de la plume, voici comment créer 'rapidement' un iMac 24'. Les proportions sont soigneusement respectées.

J'utilise les raccourcis clavier MAC, voici leur correspondance PC :

⌘ = CTRL
⌥ = ALT
⇧ = MAJ
↵ = ENTRÉE

Si des raccourcis clavier existent déjà sur certaines touches "fonctions" (exemple  :  F8 pour Mac est une touche dédiée à iTunes) alors il faut appuyer sur la touche "Fn" au préalable.

1 - Créez un nouveau document web de 800*600 px. Puis avec l'outil Rectangle arrondi, tracez votre première forme de 560*455 px avec un arrondi à 20 px. Pour entrer directement les valeurs, sélectionnez l'outil et cliquez une fois sur le document. Une boite de dialogue va s'ouvrir pour configurer la taille et l'arrondi du rectangle.



2 - Mettez en contour un gris clair[ et en couleur de remplissage un dégradé de blanc >>> gris clair >>> blanc.



3 - Tracez un nouveau rectangle arrondi de 550*360 px et d'un arrondi de 15 px. Pas de contour et une couleur de remplissage noire. Placez-le comme sur la capture.





4 - Créez un Rectangle (non arrondi) de 510*320 px rempli de bleu et sans contour. Placez-le comme sur la capture.






5 - Pour faire le pied, nous allons utiliser l'outil Plume, tracez une forme comme sur la capture puis remplissez d'un dégradé de 90° de blanc >>> gris clair >>> blanc sans contour.




6 - ⌘C / ⌘V pour dupliquer la forme, puis Objet / Transformation / Miroir >>> vertical 90° et placez cette nouvelle forme juste à côté de la précédente.





7 - Fenêtre / Pathfinder, puis sélectionnez les deux formes (⇧Clic) et cliquez sur Réunion. Vous n'avez plus qu'une forme.



8 - Vous pouvez maintenant ajouter un léger contour gris.



9 - Au besoin, retravaillez les points et la largeur. Pour mon exemple, je l'élargis un peu.



10 - Pour avoir de l'épaisseur sur le pied, vous pouvez rajouter une forme tracée à la plume remplie d'un gris un peu plus foncé.


11 - Pensez à bien ordonner vos calques dans la palettes.



12 - Trouvez sur le net le logo d'Apple, puis tracez sa forme à la plume que vous remplissez de noir.



13 -Réduisez sa taille avec l'outil Flèche noire et placez-le au milieu du support alu.



14 - Dupliquez le calque de l'écran bleu. Puis tracez une forme (voir capture) avec un dégradé  de 120° avec  bleu clair >>> Bleu foncé >>> bleu clair sans contour.

15 - Sélectionnez le calque de l'écran bleu dupliqué et la forme (⇧Clic) puis Fenêtre / Pathfinder, cliquez sur Intersection.




16 - Fenêtre / Transparence, mettez ce calque sur le mode Produit et baissez son opacité.



17 - Dupliquez 2 fois ce calque, jouez avec leur taille afin d'obtenir un rendu sympa.



18 - Il ne vous reste plus qu'à faire la barre de navigateur et de trouver un dock sur le net. Pour le dock, j'ai simplement fait une capture du mien que j'ai importé en tant qu'image.


19 - Pour la barre de navigation, vous pouvez aussi prendre une capture d'écran... ou la créer vous-même avec une forme de rectangle gris clair avec une opacité à 50%. Ensuite vous copiez/collez le logo de la pomme et vous écrivez Finder /  Fichier / Edition / Présentation / Aller / Fenêtre / Aide. Puis la date et l'heure. (Cliquez sur la capture 2 pour l'afficher en taille réelle).




20 - Voici avec une capture importée. (Cliquez sur la capture 2- pour l'afficher en taille réelle).

Tutoriel écrit avec Illustrator CS4
 
Il est strictement interdit de redistribuer, copier, republier ce contenu sur votre site, blog ou forum
Copyright ©Advanced graphics & HélèneM 2010 - All rights reserved (Tous droits réservés)