32
Créer un iPod shuffle avec Photoshop
Après le tutorial pour créer un iPhone (dont je ne suis pas l’auteur : ( voici le tutorial pour créer un iPod shuffle. Attention ce tutorial est un peu long et n’est pas forcément très simple.
Mais le jeu en vaut la chandelle, le résultat est vraiment sympa, et on croirait presque à une photo (ok j’exagère une peu 
- Fichier source Photoshop
- clic pour télécharger le fichier source photoshop utilisé dans ce tutorial
ETAPE 1
Je crée un nouveau document sur fond blanc, sur celui-ci j’écris mon texte avec la police de caractère Apple disponible sur le site dafont.com. Ensuite je vais créer un rectangle arrondi noir sur le milieu de mon image. Je crée une sélection sur le bas de mon rectangle, et j’appuie sur ctrl+t pour créer une transformation libre. J’écrase légèrement les cotés de mon rectangle (pour cela je réduis la taille de ma sélection en haut de 50% environ).
ETAPE 2
Je vais ajouter un style de calque > incrustation de dégradé. Je vous conseille d’aller jeter un œil sur le fichier .psd disponible au téléchargement en haut de cette page !
ETAPE 3
Je crée un nouveau calque et sur celui-ci je crée une ellipse de sélection que je remplis en blanc, et par-dessus une plus petite puis je supprime les pixels pour avoir une sorte d’anneau blanc.
ETAPE 4
Je vais ajouter deux styles de calques et cette fois je vous invite carrément à les copier dans mon fichier psd Pour information il s’agit d’un contour au biseautage.
ETAPE 5
Avec l’outil rectangle arrondi je crée un rectangle très plat et gris clair en haut de mon iPod.
ETAPE 6
Même chose que précédemment avec un rectangle blanc et légèrement plus petit en hauteur et en largeur.
ETAPE 7
Je crée un nouveau calque et avec l’outil sélection je crée une ellipse ovale en gris tout en haut de mon iPod !
ETAPE 8
Même chose mais en blanc (de deux pixels plus petit en hauteur et en largeur).
ETAPE 9
Je crée une plus petite ellipse noire dans laquelle je place un dégradé de gris foncé (en bas) vers gris clair.
ETAPE 10
Même chose sur la droite.
ETAPE 11
Je crée un rectangle arrondi gris derrière mon iPod !
ETAPE 12
Même chose en gris foncé, avec une ombre interne (discrète).
ETAPE 13
Je crée un nouveau calque. Avec l’outil polygonale je crée les deux petites formes,elles représentent les broches !
ETAPE 14
Avec l’outil des formes personnalisées : triangle et rectangle je crée les différents symboles qui représentent les différents boutons.
ETAPE 15
Dernière étape, je crée le reflet comme nous savons maintenant si bien le faire
Alors alors c’est franchement joli non ?
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 17 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
22 février 2008 16:39, par Johann
whaou apple influence Wonka :D
très beau, jsute la « molette » l’est pas centrée en hauteur, en largeur je sais que c’est normal mais je ne sais pas trop la...
Répondre-
22 février 2008 17:29, par Wonka
Nan c’est pour l’effet de perspective
En fait j’avais pas remarqué lol
Répondre
-
-
-
22 février 2008 20:56, par Toinousp
Oui bravo très bon tuto et très bonne suite du 1er sur l’iphone il ne manque plu que créez un ipod classic et on aura les baladeur d’Apple dans la poche
Répondre
-
22 février 2008 22:41, par Black bot
Le classic et le nano sont déjà tellement présent sur le net...
En revanche je suis en train de créer un tut sur un webdesign débutant (graphisme + code). J’ai quelque soucis avec mon css mais rien d’irréparable, le tuto devrait arriver sous peut !
Répondre-
24 février 2008 10:10, par Wonka
bah y’a plein de produit apple il y a pas que le mp3 y’a le ibook le macbook l’apple tv et tous leurs accessoires
La suite au prochaine numéro !
Répondre
-
-
-
-
29 février 2008 00:19, par GouZo-
Lien marche pas donc mon iPod est posté en haut de la page
bye GouZo-
Répondre -
17 avril 2008 12:38
Bonjour la compagnie !! Jolie tuto ! Simpatique à réaliser :
Bravo Wonka !
Répondre -
19 avril 2008 23:44
Voila, je viens de finir mon iPod classic, le voici, dites en moi, je suis débutant !
Répondre
-
20 avril 2008 11:23, par Wonka
Pas mal mais il y a quelques problèmes graphique notamment sur l’ecran et le bouton central !
Répondre-
-
7 mai 2008 00:51, par YAy
Je N’arrive pas a arrondir le rectangle je suis débutant quelqun pourrai m’aider ?
Répondre-
7 mai 2008 09:13, par Wonka
Il ne faut pas arrondir le rectangle mais utiliser l’outil rectangle arrondis, disponible par un clic droit sur l’icone des formes personnalisées (un rectangle par default il me semble).
Si tu es déjà sur cet outil et que t’as question était vraiment comment arrondir d’avantage mon rectangle : augmente le chiffre rempli dans la case radius, plus ce chiffre sera haut, plus ton rectangle sera arrondie !
Bonne chance !
Répondre
-
-
-
-
