Dans ce tutoriel vous allez apprendre comment dessiner un produit sous photoshop. Le MP3 portable RCA Lyra X3030.
Bien que vous vous dites « Pourquoi j’aurais besoin de ce truc ? », la raison de ce tutoriel est de vous apprendre les techniques de création du design d’un produit.
Etape 1
Commencez avec un large document. choisissez l’outil rectangle arrondi et placez le radius à 20px.
Sur un nouveau calque tracez un rectangle arrondi su fond de couleur : #F6F5F3. Largeur 417 Hauteur 268.
Sur votre document, qui sera rempli avec un effet de dégradé. Hauteur de 60px et largeur de 800px.
Puis ajoutez les éléments de styles suivant :
Ombre interne
Lueur interne :
Incrustation couleur :
Satin :
Contour :
Vous devriez obtenir quelque chose de similaire à ça :
Etape 2
Sélectionnez le calque du haut puis cliquez sur le menu Sélection > Paramètre par défaut.
Mettez le fond à la couleur #FFFFFF puis choisissez l’outil pinceau avec un pinceau large.
Dans un nouveau calque, Pot de peinture > #FFFFFF pour le calque, comme sur l’image ci-dessous.
Etape 3
Créez un nouveau calque appelé bouton.
Dans ce calque dessinez un cercle en #323943 avec l’outil ellipse. Largeur 95 et hauteur 95
Etape 4
Encore une fois créez un nouveau calque et dessinez un cercle en #40454B ( Largeur 87 et hauteur 87).
Ajoutez l’effet suivant :
Ombre interne :
Lueur interne :
Contour :
Et on obtient cela:
Etape 5
Dessinez un cercle en #40454B . (Largeur: 27 x hauteur: 27)
Ajouter les effets suivants:
Ombre interne :
Lueur externe :
Lueur interne :
Contour :
On obtient donc :
Etape 6
Avec le pinceau dessinez une flèche dans un nouveau calque.
Ajouter les effets suivants:
Contour :
Placer l’opacité du calque au niveau 60% comme ça :
Puis on copie la flèche sur les 4 coins :
Etape 7
Créez un nouveau calque appelé Screen.
Prenez l’outil rectangle arrondi avec un radius de 2px.
Dans un nouveau calque dessinez en #7B7A80 un rectangle arrondi. (Largeur: 259 x hauteur: 195).
Ajouter les effets suivants:
Ombre interne :
Lueur externe :
Incrustation dégradée :
Contour :
On obtient donc :
Etape 8
Prenez l’outil rectangle arrondi avec un radius de 2px.
Dans un nouveau calque dessinez en #2A242E un rectangle arrondi. (Largeur: 235 x hauteur: 182).
Ajoutez les effets suivants:
Contour.
Comme ça :
Etape 9
Prenez l’outil rectangle arrondi avec un radius de 20px.
Dans un nouveau calque dessinez en #000000 un rectangle arrondi. (Largeur: 96 x hauteur: 25).
Ajoutez les effets suivants :
Ombre interne :
Lueur interne :
Incrustation couleur :
incrustation dégradé :
contour :
Comme ça :
Etape 10
Ecrivez « music » avec la police « Verdana » en mode « regular » taille 14pt et en blanc.
Ajoutez-y une petite flèche ça fera mieux.
Etape 11
Dupliquez le calque du bouton. Supprimez lui l’incrustation couleur.
On modifie le texte pour « photos » [-_-]
Complétez le menu avec les boutons « Audible », « Files » et « Setup ».
Etape 12
Ajouter la photo suivante:
Comme ça :
Etape 13
Dans un nouveau calque dessinez un rectangle arrondi avec #121921. (Largeur: 11 x hauteur: 12).
Ajoutez les effets suivants: Drop Shadow
Ombre interne :
Lueur externe :
contour :
Comme ça :
Etape 14
Dans un nouveau calque pixelisé dessinez le modèle suivant. Ce sera le motif du haut parleur.
Une fois que la configuration est dans votre liste modèle, dans un nouveau calque blanc, dessinez un rectangle à l’aide de l’outil rectangle arrondi.
Allez à Sélection> Sélection Load> Paramètres par défaut. Cela devrait ajouter un contour à la sélection de rectangle arrondi.
Alors que la sélection de rectangle arrondi est sélectionnée, dans un nouveau calque ajoutez le modèle en utilisant l’outil pot de peinture.
Etape 15
Dernière touche .. Le logo.
il doit être comme ça :
Et voila le résultat final :









Très bonne traduction… La prochaine fois tu nous fais un effet de lumière magique?
http://www.smashingmagazine.com/200…
Joli rendu en tout cas
superbe !
jarod, traduire de l’anglais ?
on aura tout vu, heureusement qu’il y a beaucoup d’images !! LOL
DuMe > Je sais pas comment je prendre ca …
Et pour l’effet lumière il arrive très rapidement !
weet > La prochaine traduction sera moins longue :p
bonjour,
c’est un super rendu puis je le prendre pour mon forum svp
car c’est géant
svvpp je mettrain un lien vers votre site web
« Sur votre document, qui sera rempli avec un effet de dégradé. Hauteur de 60px et largeur de 800px. »
ça veut dire quoi? où? comment? même en anglais, cette étape est sautée, donc si tu pouvais rajouter une petite explication ça serait vraiment cool, parce que planté là, c’est la loose.
Merci
super tuto! merci
Music Now :p