[TUTO] Créer ses icônes
Bonjour a toutes et à tous,
Je vous fais partager ma technique pour créés ses icones perso. avec Photoshop sous Windows Vista.
Je n'est pas tester sous Windows XP ou MAC mais sa doit marcher je pense.
Alors commençons, il vous faut :
- Un PC
- Photoshop (version CS pour moi)
- Le Fichier ".psd" Disponible içi
- Un Ipod touch ou Iphone biensur. ;p
Bon c'est parti pour le TUTO.
Apres avoir telecharger le Fichier ".psd", il faut ouvrir Photoshop :
http://img501.imageshack.us/img501/686/93795000iz5.png[/img]
Ouvrer le ".psd" et votre image.Par contre utiliser une image en JPEG car la qualiter est meilleur, ou convertisser votre image avec par exemple "PhotoFiltre" :
http://img501.imageshack.us/img501/2959/22134510cu0.png[/img]
Maintenant il faut redimenssionner votre image :
http://img359.imageshack.us/img359/1221/42708172ry0.png[/img]
Ensuite il faut copier votre image sur les calques du fichier ".psd", pour cela maintener enfoncé la touche " Ctrl " puis clique gauche enfoncer pour deplacer votre image :
http://img366.imageshack.us/img366/212/87828131qm3.png[/img]
Une fois cela fais, il faut suprimer le "Calque 2" : (Defois le "calque 2" n'est plus la lorsque que vous avez deplacer l'image donc sa ve dire qu'il n'y a pas besoin de le suprimer)
http://img366.imageshack.us/img366/1882/76400137zk9.png[/img]
Vous allez voir dans "Calques", en bas à droite, un calque appeler "Shape 1", clic gauche dessus ensuite maintener enfoncer la touche "Crtl" et clic gauche dans le carré tout blanc : (representer avec un point rouge sur la Photo)
http://img359.imageshack.us/img359/9499/6auf3.png[/img]
Normalement une selection a aparu, apres il faut cliquer sur le calque où votre image est visible(Representer en Bleu en bas a droite) ensuite il faut ajouter "un masque de fusion"(representer en par la fleche rouge) :
http://img366.imageshack.us/img366/9228/6bhq0.png[/img]
Cette action a permis de crééer la forme de l'icone de l'Iphone/Itouch et un Carré au fond blanc a apparu a coter du calque qui comporte votre image :
http://img359.imageshack.us/img359/2723/45089398bk0.png[/img]
Toujours dans "Calques", en bas à droite, decochez l'oeuil a coter du calque "Shape 1" pour pouvoir masquer le calque :
http://img501.imageshack.us/img501/650/91548032cy8.png[/img]
Ensuite, en haut à gauche, aller dans "Calque" et selectionner " Fusionner les calques visibles" (Racourci pour l'action : MAJ+Crtl+E) :
http://img366.imageshack.us/img366/5792/40205347bz8.png[/img]
Apres, redimenssionner l'image dans "Image" ensuite "Taille de l'image..." (entrez les même valeurs) :
http://img501.imageshack.us/img501/8185/10mn8.png[/img]
Allez encore dans "Image" et cette fois-çi dans "Taille de la zone de travail..." (entrez les mêmes valeurs) :
http://img366.imageshack.us/img366/1595/11aa3.png[/img]
Vous devez obtenir ceçi (photo) et maintenant il faut double-cliquer sur le calque où votre image est visible (representer en Bleu, en bas a droite) :
http://img366.imageshack.us/img366/9073/12co6.png[/img]
Voiçi l'étape où vous pouvez appliquer des ombres,une lueur,contour... :
http://img501.imageshack.us/img501/9209/13hq0.png[/img]
Moi je rajoute une "Ombre portée" et voiçi mes valeurs :
http://img359.imageshack.us/img359/6370/14us8.png[/img]
Valider sur "Ok" :
http://img366.imageshack.us/img366/1516/15sw6.png[/img]
On touche a la fin de mon TUTO, il faut aller dans "Fichier" puis "Enregistrer pour le web..." (racourci Alt+MAJ+Ctrl+S) :
http://img359.imageshack.us/img359/8332/16ce6.png[/img]
Verifier les parametres pour qui soit identique a l'image. Ensuite Enregistrer votre icone en ".png" car tout les icones sont en ".png" :
http://img359.imageshack.us/img359/3010/17ns2.png[/img]
Voila c'est fini voiçi mon icone :
http://img366.imageshack.us/img366/8343 ... boydg8.png[/img]
Pour crééer votre icone, vous n'êtes pas obliger de remplir le fond du fichier ".psd". Tout ce qui sera pas remplis sera transparent. Vous pouvez utiliser "la baguette magique" pour prendre un detail sur une image. (c'est ce que j'ai fait.)
Exemple :
http://img366.imageshack.us/img366/5858/gpsphonemt6.png[/img]
Mes Themes :
Chris Brown :
http://img501.imageshack.us/img501/3002 ... 645hn4.jpg[/img]
Ligue 1 2008/2009 (un peut fais vite):
http://img366.imageshack.us/img366/4843 ... 621kw7.jpg[/img]
Merci d'avoir suivi se TUTO,mon premier,donc soyer indulgeant. ;p
Mais j'accepte les critiques.
Escusez moi pour toutes les fautes.
Si vous avez des questions, n'hésiter pas...
A ++
ChrisBreezy
Je vous fais partager ma technique pour créés ses icones perso. avec Photoshop sous Windows Vista.
Je n'est pas tester sous Windows XP ou MAC mais sa doit marcher je pense.
Alors commençons, il vous faut :
- Un PC
- Photoshop (version CS pour moi)
- Le Fichier ".psd" Disponible içi
- Un Ipod touch ou Iphone biensur. ;p
Bon c'est parti pour le TUTO.
Apres avoir telecharger le Fichier ".psd", il faut ouvrir Photoshop :
http://img501.imageshack.us/img501/686/93795000iz5.png[/img]
Ouvrer le ".psd" et votre image.Par contre utiliser une image en JPEG car la qualiter est meilleur, ou convertisser votre image avec par exemple "PhotoFiltre" :
http://img501.imageshack.us/img501/2959/22134510cu0.png[/img]
Maintenant il faut redimenssionner votre image :
http://img359.imageshack.us/img359/1221/42708172ry0.png[/img]
Ensuite il faut copier votre image sur les calques du fichier ".psd", pour cela maintener enfoncé la touche " Ctrl " puis clique gauche enfoncer pour deplacer votre image :
http://img366.imageshack.us/img366/212/87828131qm3.png[/img]
Une fois cela fais, il faut suprimer le "Calque 2" : (Defois le "calque 2" n'est plus la lorsque que vous avez deplacer l'image donc sa ve dire qu'il n'y a pas besoin de le suprimer)
http://img366.imageshack.us/img366/1882/76400137zk9.png[/img]
Vous allez voir dans "Calques", en bas à droite, un calque appeler "Shape 1", clic gauche dessus ensuite maintener enfoncer la touche "Crtl" et clic gauche dans le carré tout blanc : (representer avec un point rouge sur la Photo)
http://img359.imageshack.us/img359/9499/6auf3.png[/img]
Normalement une selection a aparu, apres il faut cliquer sur le calque où votre image est visible(Representer en Bleu en bas a droite) ensuite il faut ajouter "un masque de fusion"(representer en par la fleche rouge) :
http://img366.imageshack.us/img366/9228/6bhq0.png[/img]
Cette action a permis de crééer la forme de l'icone de l'Iphone/Itouch et un Carré au fond blanc a apparu a coter du calque qui comporte votre image :
http://img359.imageshack.us/img359/2723/45089398bk0.png[/img]
Toujours dans "Calques", en bas à droite, decochez l'oeuil a coter du calque "Shape 1" pour pouvoir masquer le calque :
http://img501.imageshack.us/img501/650/91548032cy8.png[/img]
Ensuite, en haut à gauche, aller dans "Calque" et selectionner " Fusionner les calques visibles" (Racourci pour l'action : MAJ+Crtl+E) :
http://img366.imageshack.us/img366/5792/40205347bz8.png[/img]
Apres, redimenssionner l'image dans "Image" ensuite "Taille de l'image..." (entrez les même valeurs) :
http://img501.imageshack.us/img501/8185/10mn8.png[/img]
Allez encore dans "Image" et cette fois-çi dans "Taille de la zone de travail..." (entrez les mêmes valeurs) :
http://img366.imageshack.us/img366/1595/11aa3.png[/img]
Vous devez obtenir ceçi (photo) et maintenant il faut double-cliquer sur le calque où votre image est visible (representer en Bleu, en bas a droite) :
http://img366.imageshack.us/img366/9073/12co6.png[/img]
Voiçi l'étape où vous pouvez appliquer des ombres,une lueur,contour... :
http://img501.imageshack.us/img501/9209/13hq0.png[/img]
Moi je rajoute une "Ombre portée" et voiçi mes valeurs :
http://img359.imageshack.us/img359/6370/14us8.png[/img]
Valider sur "Ok" :
http://img366.imageshack.us/img366/1516/15sw6.png[/img]
On touche a la fin de mon TUTO, il faut aller dans "Fichier" puis "Enregistrer pour le web..." (racourci Alt+MAJ+Ctrl+S) :
http://img359.imageshack.us/img359/8332/16ce6.png[/img]
Verifier les parametres pour qui soit identique a l'image. Ensuite Enregistrer votre icone en ".png" car tout les icones sont en ".png" :
http://img359.imageshack.us/img359/3010/17ns2.png[/img]
Voila c'est fini voiçi mon icone :
http://img366.imageshack.us/img366/8343 ... boydg8.png[/img]
Pour crééer votre icone, vous n'êtes pas obliger de remplir le fond du fichier ".psd". Tout ce qui sera pas remplis sera transparent. Vous pouvez utiliser "la baguette magique" pour prendre un detail sur une image. (c'est ce que j'ai fait.)
Exemple :
http://img366.imageshack.us/img366/5858/gpsphonemt6.png[/img]
Mes Themes :
Chris Brown :
http://img501.imageshack.us/img501/3002 ... 645hn4.jpg[/img]
Ligue 1 2008/2009 (un peut fais vite):
http://img366.imageshack.us/img366/4843 ... 621kw7.jpg[/img]
Merci d'avoir suivi se TUTO,mon premier,donc soyer indulgeant. ;p
Mais j'accepte les critiques.
Escusez moi pour toutes les fautes.
Si vous avez des questions, n'hésiter pas...
A ++
ChrisBreezy
Dernière édition par Tom Vivares le 25 Mai 2008, 22:40, édité 1 fois.
Iphone 3GS 16Go 4.0
Ipad 16Go Wifi
Ipod Touch 8Go
Ipad 16Go Wifi
Ipod Touch 8Go
-
ChrisBreezy Gamer du Dimanche
- Messages: 10
- Inscription: 22 Mai 2008, 17:17