Bonjour à tous,
Aujourd’hui je vous présente un tutoriel qui vous apprendra à faire un Ipod Chromatic sous Adobe Illustrator. J’aimerais spécifier qu’il faut posséder une certaine maitrise de l’outil plume afin d’obtenir un résultat plus réaliste. N’oubliez pas de séparer chacun des éléments créé dans un sous-calque différent. Donc débutons tout de suite :
1.Prenez cette photo pour bien correspondre avec les mesures du tutoriel : http://ipodmarket.com.au/wp-conten [...] 00x258.jpg, et ouvrez-là avec Illustrator
2.Créer un nouveau calque, nommer le Fond et verrouiller celui contenant votre image originale en cliquant sur la case vide à droite de l’oeil
3.Prenez l’outil plume,tracé le contour de l’ipod sur le calque Fond et remplissez-le d’un dégradé linéaire noir, blanc et noir paramétrez comme suit ( Ne vous inquiétez pas vous pourrez ajouté les couleurs que vous désirez à la toute fin 
): Le premier noir à 0% ,le blanc à 50 %, le deuxième noir à 100 % et les deux losanges au-dessus de la bande d’aperçu du dégradé à 30% et 70% respectivement. Masquer le calque Fond en cliquant sur son œil et verouiller-le.
4.Sélectionnez l’outil ellipse et créer un cercle de 74 par 74 px . Positionnez votre cercle sur le grand contour de la zone tactile de l’ipod. Créer ensuite un cercle de 34 par 34 px et positionnez-le sur le petit contour centrale de la zone tactile.
5.Par la suite, sélectionnez les deux cercles par le panneau des calques en tenant Ctrl tout en cliquant sur les petits cercles à leur droite. Allez dans le panneau Pathfinder et cliquez sur la deuxième option de la première rangée nommée Soustraire
6.Ajoutez une couleur blanche à votre nouveau cercle créé par l’union des deux anciens et retirer le contour si celui-ci en possède un. Renommez votre calque Cercle. Par la suite, assurez-vous que votre calque est sélectionné et allez dans Effet (Effect), Spécial (Stylize) et Ombre interne (Inner glow). On applique une ombre en mode Produit de couleur noir riche avec une opacité de 50 % et un flou de 4 px débutant des côtés. Bloquer le calque Cercle et faites-le disparaître.
7.Passons ensuite à la création des quatres petites écritures sur la zone tactile. Commençons par la plus facile; celle de « menu ». Vous saisissez donc l’outil écriture, tracé un rectangle moyen avec celui-ci et y inscrivez « menu » en majuscule, d’un gris de 30 %, en caractère gras et d’une grosseur d’environ 6 px avec la police Myriad Pro. Vous positionnez ensuite le tout sur son endroit approprié.
8.Pour les trois autres écritures nous allons simplement créer un triangle et une barre pour ensuite les placer comme nous le voulons. Pour faire le triangle, sélectionner l’outil polygone et double-cliquer sur un espace vide de votre plan de travail et changer seulement le nombre de coté pour 3. Ensuite faites subir un rétrécissement à votre triangle et une rotation pour que celui-ci s’agence avec son original par le menu Objet et Transformation. Donnez le même gris à votre triangle que celui précédemment et sans contour. Dupliquez ensuite votre triangle pour le positionner aux autres différents endroits tout en pensant de regrouper les triangles de la même écriture en les sélectionnant et faire Ctrl + G .
9.Sélectionner l’outil Ligne (\) et créer une ligne de la même longueur que celle que vous aurez besoin. Appliquez-lui un contour gris de 30% et une épaissezr de trait de 1 px. Dupliquez-la pour toutes les autres écritures et positionnez celle-ci à son endroit.
Normalement si tout se déroule bien votre Ipod devrait être rendu à cela et votre palette des calques dans cet état :
10.Maintenant nous allons nous attaquer à l’écran de notre Ipod. Tout d’abord sélectionnez l’outil rectangle arrondi et double-cliquez sur un espace vide de votre travail. Créer un rectangle de 87 par 113 px avec des coins de 2 px et ajoutez-lui un contour noir pur puis faites-le disparaître. Dupliquez ce rectangle et appliquez à l’un d’eux un fond noir de 90 % sans contour. Vous pouvez renommer les calques Contour écran et Fond écran.
11.Sélectionnez l’outil rectangle (M) et créer un rectangle de 78 par 103,5 px. Sélectionnez ce calque et celui de Contour écran puis à l’aide de l’outil Soustraire du PathFinder[/b] précédemment utilisé vous allez créer le vrai contour et donc vous devrez le remplir de noir pur. Renommer le calque formé Contour Écran.
12. Sélectionnez le calque Contour Écran et puis appliquez-lui une ombre interne en mode Superposition, d’une couleur #383434, une opacité de 75 % et un flou de 7 px
13. Faites maintenant apparaître le calque Fond Écran mais tout en vous assurant que celui-ci et tous les calques demeurent verrouiller. Sélectionnez l’outil plume et tracez un reflet réaliste sur votre écran (de Ipod je précise 
). Renommer votre calque Reflet et faites-le passer en-dessous de Contour écran. Appliquez à votre reflet un dégradé linéaire de blanc vers noir avec un angle de –138,42°. Par la suite , appliquez-lui une opacité de 75 % en mode Superposition.
14. Nous voici donc rendus dans le dernier droit de ce tutoriel. Sélectionnez l’outil rectangle et créer un petit rectangle de 6,5 par 2,5 px et appliquez-lui un dégradé de gris 30 % et de blanc pur avec les mêmes répartitions de paramètres que le premier dégradé utilisé. Renommer ce calque Bouton et glissez-le sous tout les autres calques.
15. Vous devriez donc être rendu à ce résultat :
16. Maintenant avant de personnaliser la couleur de votre Ipod à votre goût, sélectionnez le calque Fond et puis dans le menu Effet et Spécial, sélectionnez Ombre portée. Mettre l’ombre en mode Produit et appliquez les autres paramètres suivants :
17. Et voilà vous pouvez maintenant donner la couleur souhaitée à votre Ipod en entrant dans la palette dégradé par exemple un bleu foncé aux extrémités du dégradé et un bleu pâle au centre. Notez qu’il est important de toujours mettre votre couleur en pâle au centre et en foncé aux extrémités pour assurer un meilleur effet de dégradé.
18. Pour terminer le tout, je vous conseille de faire un agrandissement de 150% sur votre Ipod au complet.
Voilà vous avez terminé ce tutoriel et gagner en prime un ipod chromatic vectoriel donc des changements de dimensions infinis
J’espère que vous avez appréciez ce tutoriel et que celui-ci vous a fait explorer Illustrator davantage.
N’hésitez pas à me posez des questions sur le tutoriel et à exposer vos résultats 
Message édité par Cindows le 11-05-2009 à 02:42:15
