TUTO - ITouch, créez-le à défaut de pouvoir vous le payer !
publié le vendredi 21 décembre 2007 par Stephanie Guillaume
dans la catégorie Tutoriels | 12 commentaires | 16124 lectures
dans la catégorie Tutoriels | 12 commentaires | 16124 lectures
Traduit de l’anglais avec l’aimable autorisation de Michael du site PSTUT.INFO.
Nous allons créer un iTouch avec des outils très basiques de Photoshop.
01
Commençons par le contour de l’iTouch que nous appellerons notre base. Prenez l’outil rectangle arrondi et réglez le rayon à 20 puis dessinez la base. J’ai utilisé la couleur #4a4f53.
02
Avant de donner du relief à notre base, ajoutons la base de l’écran. Avec les mêmes réglages, créez une forme similaire à la base un peu plus petite, à l’intérieur.
03
Notre contour est maintenant prêt, ajoutons donc du relief à notre base. La base étant le contour arrondi autour de l’écran. En utilisant l’outil Densité - passez un coup sur les côtés à 50% d’exposition. Puis travaillez sur le haut et le bas. Maintenant prenez l’outil Densité + et créez des ombres sur les coins en bas. Faites de légères touches et vous devriez obtenir ceci :
04
Travaillons sur l’écran maintenant, comme vous pouvez le voir il n’y a pas encore de détails. Nous allons donc ajouter ce fameux reflet qu’Apple utilise pour tous ces iPods. Pour cela, sélectionnez l’outil Plume et créez un reflet avec un angle droit. Regardez comment j’ai réalisé le mien et vous verrez comment faire. J’utilise la couleur #1f2227 et vous remarquerez dans notre exemple que j’ai utilisé la Gomme pour fondre un peu l’angle en bas à droite.
05
Maintenant, vous pouvez copier la page d’accueil d’Apple de l’iTouch dans la galerie ou créer votre propre fond d’écran. J’ai utilisé la première idée et j’ai ajouté un contour de 3 pixels de la couleur #1d1e1f.
06
C’est mieux ainsi et nous avons presque fini. Créons le bouton d’activation. Prenez l’outil de sélection Elliptique pour créer la base du bouton. Ajoutez un contour de 1 pixel autour du bouton d’une couleur de #2f2f2.
07
Créons maintenant le petit reflet qui se trouve en bas du bouton. Dupliquez le bouton et réglez sa couleur sur #FFFFFF. Puis découpez ¾ du cercle avec la gomme, faites-le se fondre un peu et baissez l’opacité.
08
Maintenant ajoutons l’icône carrée à l’aide de l’outil rectangle et un rayon de 5 et un contour de #828282.
09
C’est terminé. Je me suis amusé un peu pour réaliser le montage suivant :
Commençons par le contour de l’iTouch que nous appellerons notre base. Prenez l’outil rectangle arrondi et réglez le rayon à 20 puis dessinez la base. J’ai utilisé la couleur #4a4f53.
02
Avant de donner du relief à notre base, ajoutons la base de l’écran. Avec les mêmes réglages, créez une forme similaire à la base un peu plus petite, à l’intérieur.
03
Notre contour est maintenant prêt, ajoutons donc du relief à notre base. La base étant le contour arrondi autour de l’écran. En utilisant l’outil Densité - passez un coup sur les côtés à 50% d’exposition. Puis travaillez sur le haut et le bas. Maintenant prenez l’outil Densité + et créez des ombres sur les coins en bas. Faites de légères touches et vous devriez obtenir ceci :
04
Travaillons sur l’écran maintenant, comme vous pouvez le voir il n’y a pas encore de détails. Nous allons donc ajouter ce fameux reflet qu’Apple utilise pour tous ces iPods. Pour cela, sélectionnez l’outil Plume et créez un reflet avec un angle droit. Regardez comment j’ai réalisé le mien et vous verrez comment faire. J’utilise la couleur #1f2227 et vous remarquerez dans notre exemple que j’ai utilisé la Gomme pour fondre un peu l’angle en bas à droite.
05
Maintenant, vous pouvez copier la page d’accueil d’Apple de l’iTouch dans la galerie ou créer votre propre fond d’écran. J’ai utilisé la première idée et j’ai ajouté un contour de 3 pixels de la couleur #1d1e1f.
06
C’est mieux ainsi et nous avons presque fini. Créons le bouton d’activation. Prenez l’outil de sélection Elliptique pour créer la base du bouton. Ajoutez un contour de 1 pixel autour du bouton d’une couleur de #2f2f2.
07
Créons maintenant le petit reflet qui se trouve en bas du bouton. Dupliquez le bouton et réglez sa couleur sur #FFFFFF. Puis découpez ¾ du cercle avec la gomme, faites-le se fondre un peu et baissez l’opacité.
08
Maintenant ajoutons l’icône carrée à l’aide de l’outil rectangle et un rayon de 5 et un contour de #828282.
09
C’est terminé. Je me suis amusé un peu pour réaliser le montage suivant :
Commentaires
1. Le lundi 31 décembre 2007 à 17:33, par Jarres
2. Le samedi 12 janvier 2008 à 15:19, par pp
3. Le samedi 12 janvier 2008 à 23:46, par Stephanie Guillaume
4. Le mercredi 6 février 2008 à 21:29, par master_nv
5. Le mardi 12 février 2008 à 20:55, par lesloups
6. Le mardi 12 février 2008 à 23:07, par Stephanie Guillaume
7. Le samedi 16 février 2008 à 11:02, par lesloups
8. Le samedi 7 juin 2008 à 22:09, par hum
9. Le mercredi 9 juillet 2008 à 17:56, par guillaume
10. Le mardi 22 juillet 2008 à 18:06, par zinniabe
11. Le vendredi 29 août 2008 à 15:48, par Patrick
12. Le mercredi 15 octobre 2008 à 22:25, par coursgratuits.net
Fil rss des commentaires de ce billet
Ajouter un commentaire