54 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3
Page Précédente 
Auteur
 Sujet :

[Tuto Photoshop] Faire un logon style XP

 
n°5881
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 31-03-2006 à 22:42:26  
 

Hello tout le monde ! Dans ce tuto, on va apprendre a manier deux outils que l'on utilise moins souvent que d'autres...tada ! Ce sont les outils Séléction 1 rangée et Séléction 1 colonne.
http://img402.imageshack.us/img402/4026/gna17qh.png
Et donc dans ce tuto, on va faire un style comme a l'acceuil des sessions de XP ! Aperçu :
http://img329.imageshack.us/img329/5998/stylexpcopie1cf.th.png
Donc on commence ! Nouveau document, 800×600, fond transparent...
On commence par afficher deux repères a 100 px et 500 px horizontalement (Affichage -> Nouveau repère).
Ensuite on créé un nouveau calque, on séléctionne du haut du document vers le premier repère, et on y trace un dégradé linéaire de #0099FF vers #0066FF. Ensuite, dupliquez le calque, et placez cette bande en bas.
http://img338.imageshack.us/img338/8951/gna22mr.th.png
Effacez les repères. Créez un nouveau calque. Zoomez a 1600%, déplacez certains naviguateurs qui peuvent etre génants, et séléctionnez l'outil Séléction une rangée dans la meme fenetre que les outils de Séléction (enfin). Séléctionnez ensuite 3 rangées de pixels sous la premiere bande, revenez a un zoom 100%. Remplissez cette petite bande avec un dégradé linéaire de #00CCFF vers #FFFFFF vers #00CCFF (le blanc étant de position 50%). Dupliquez le calque que vous placerez au dessus de la bande du bas.
http://img96.imageshack.us/img96/6469/gna36bg.th.png
Ensuite, séléctionnez le rectangle encore inoccupé, et tracez un dégradé radial de #FFFFFF vers #00CCFF (position 55%) vers #00AAFF. (Vous remarquerez que j'utilise des couleurs "justes" pour imiter le style Windows). Tracez comme sur l'image. (un peu cochon je sais c'est fait avec Paint :mdr: )
http://img404.imageshack.us/img404/3900/gna41wi.th.png
Maintenant, on fait un repère a 400 px verticale, on créé un nouveau calque, et on prend l'outil Séléction 1 colonne (enfin aussi ^^) et séléctionnez 2 ou 3 pixels vers le milieu. Avec la Séléction rectangulaire et la touche Alt enfoncée, enlevez le haut et le bas de la séléction (en allant un peu plus loin que les bandes). Et remplissez la séléction d'un dégradé linéaire de Transparent vers #FFFFFF vers Transparent (le blanc a 50% de position).
Rappel : Pour avoir du transparent dans l'éditeur de dégradé, il faut séléctionner "l'icone" du haut et mettre l'opacité a 0%. Enfin, déséléctionnez (Ctrl + D).
http://img329.imageshack.us/img329/2773/gna57qj.th.png
Maintenant, écrivez Bienvenue, en blanc. (vous pouvez biensur personaliser le texte). Ensuite réécrivez bienvenue, mais dans une couleur bleue foncée (pas trop), et mettez la deux pixels en bas et deux pixels a droite du texte blanche pour faire l'ombre.
Ensuite, nouveau document, (ne fermez pas celui la hein...) 98×98. Faites un rectangle arrondi en blanc, sur toute la surface, nouveau calque, faites un nouveau rectangle arrondi un tout petit peu plus petit en noir, et attention suivez bien : Ctrl+Click sur le calque blanc + Alt+Ctrl+Click sur le calque noir, positionez vous sur le calque blanc, faites Ctrl+X, et revenez dans votre oeuvre du début :mdr: et enfin, Ctrl+V. Oui ! Vous avez fait le contour de l'avatar ! A ce stade ca ressemble a ca :
http://img325.imageshack.us/img325/1715/gna61rz.th.png
Pour l'image, si vous en voulez une des par défaut, il y en a dans MSN, mais vous les trouverez sur le web. En revanche vous pouvez personnaliser en y mettant une icone, un avatar...
Collez votre avatar réduisez le a la taille du cadre, gommez les coins déplacez le calque.......
Bon maintenant, écrivez en blanc le nom de l'utilisateur !
Et en dessous, en bleu, un petit truc que vous pouvez personnaliser...

 

Et voila ! C'est fini ! Vous pouvez bien sur personaliser les couleurs, la taille... Pour la police, j'ai pris du Denmark, mais si vous trouvez qu'une police va mieux avec le style Windows, alors n'hésitez pas ! Et si vous ne trouvez pas votre bonheur dans les polices par défaut vous trouverez la dafont.com !

 

http://img402.imageshack.us/img402/1748/machin9wd.png
© Bidibidou, toute reproduction partielle ou totale est strictement interdite sans l'accord de l'auteur.

answer
mood
GoogleAds
profil
Posté le 31-03-2006 à 22:42:26  
 

answer
n°5883
Grafic Killer
Profil : Penguin
Avatar
profil
Posté le 31-03-2006 à 22:49:05  
 

Sympa le tuto :cool:
Mais je pense que ça serait mieux en peu plus foncée.

answer
n°5884
Hora
Profil : Penguin Pro
Avatar
profil
Posté le 31-03-2006 à 23:27:04  
 

Avec le titre j' ai cru que ç' était un tuto pour faire un visual style :oh:

answer
n°5885
Cybermencool
Profil : Top Penguin
Avatar
profil
Posté le 01-04-2006 à 00:15:19  
 

+1 :cry:

 

Cependant, je pense que l'utilisation des polices de base et des bonnes couleurs serait plus sympa :wink:

 

Cool ton tuto :cool: Bidibidou

answer
n°5886
tidine
Profil : Top Penguin
Avatar
profil
Posté le 01-04-2006 à 01:45:00  
 

Sympa et moi je pense quand y mettant sa touche perso, c'est mieux :smile:

answer
n°5889
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 01-04-2006 à 09:19:37  
 

merci  :smile:

 

bon je l'ai dit a la fin du tuto, a vous de personnaliser !

answer
n°5890
peters
Profil : Penguin
Avatar
profil
Posté le 01-04-2006 à 09:48:25  
 

Je bloque à un certains moment je sais aps ce que je dois faire quand je veux faire sa :

Citation :

Séléctionnez ensuite 3 rangées de pixels sous la premiere bande


Sa me met ceci :
regardez

 

Peut ai-je mal compris ce que je devais faire. :boulay:

answer
n°5892
Barbecue
Profil : Penguin Pro
Avatar
profil
Posté le 01-04-2006 à 12:11:08  
 

Il faut que le contour progressif soit à 0px :wink:

 

Pas mal ce tuto, à nous de personnaliser :biggrin:

answer
n°5893
Frana
Profil : Penguin Pro
Avatar
profil
Posté le 01-04-2006 à 12:17:41  
 

Bravo bidibidou  :cool:

answer
n°5894
peters
Profil : Penguin
Avatar
profil
Posté le 01-04-2006 à 15:24:27  
 

D'accord merci.
Erreur de :bigboulay: désolé

answer
n°5895
Valdrin
Profil : Big Penguin
Avatar
profil
Posté le 01-04-2006 à 15:31:05  
 

Hora a écrit :

Avec le titre j' ai cru que ç' était un tuto pour faire un visual style :oh:

 

+1 moi aussi haha dommage mais le tuto et pas mal faire un peu plus foncé le bleu c'est tout  :he:  :mdr:

answer
n°5896
Azzurra
Profil : Penguin Pro
Avatar
profil
Posté le 01-04-2006 à 15:42:15  
 

Pas mal comme tuto;  :smile:

answer
n°5898
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 01-04-2006 à 18:38:10  
 

merci ! je le répete, a vous de le peronaliser :he: j'ai refait une image pour le tuto, mais il me semble que la premiere miniature est plus foncée.

answer
n°5901
Tidav
Profil : Penguin Pro
Avatar
profil
Posté le 01-04-2006 à 20:58:18  
 

Mon rendu (J'ai pas suivit le tuto à la lettre) :

 

http://img332.imageshack.us/img332/3656/logon6nj.th.png

 

psd

 

Merci pour ce tuto

answer
n°5902
Cybermencool
Profil : Top Penguin
Avatar
profil
Posté le 01-04-2006 à 22:07:11  
 

Pas bien Tidav :fouet:

 


Faire des print-screen et les montrer en faisant genre que c toi qui les a fait, c'est pas cool :non:

  

J'dec' c'est très bien :oui:

answer
n°5904
Hora
Profil : Penguin Pro
Avatar
profil
Posté le 01-04-2006 à 22:45:11  
 

En même temp ont est le 1er avril :fish:

answer
n°5906
Djtux
gribouilleur
Profil : Penguin Pro
Avatar
profil
Posté le 02-04-2006 à 09:40:36  
 

Sympa ce tuto , bon résultat Tidav :great: !

answer
n°5915
troyenne
Loubna
Profil : Penguin Pro
Avatar
profil
Posté le 02-04-2006 à 11:40:20  
 

Ouah ! Il est super; mais je crois que le bleu est trop vif par rapport au vrai xp !
Mais c'est super ! bravo.

answer
n°5919
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 02-04-2006 à 17:07:24  
 

Tidav a écrit :

Mon rendu (J'ai pas suivit le tuto à la lettre) :

 

http://img332.imageshack.us/img332/3656/logon6nj.th.png

 

psd

 

Merci pour ce tuto

 

Très bon rendu Tidav !  :cool:

answer
n°5920
Tidav
Profil : Penguin Pro
Avatar
profil
Posté le 02-04-2006 à 17:09:57  
 

Cybermencool a écrit :

Pas bien Tidav :fouet:
Faire des print-screen et les montrer en faisant genre que c toi qui les a fait, c'est pas cool :non:
J'dec' c'est très bien :oui:

 

J'avoue que j'en avais fait un mais c'était juste pour prendre les bonnes couleurs avec la pipette.

 

Merci Cybermencool, Djtux et Bidibidou !

answer
n°5921
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 02-04-2006 à 17:11:44  
 

pfiou rapide toi  :boulay:

 

mais il a personalisé, le but de ce tuto est de montrer les bases.

answer
n°6009
.lKf.
Profil : Penguin
Avatar
profil
Posté le 09-04-2006 à 19:45:18  
 

Et la question qui tue est : Comment convertir en *.tls ? Niark, niark

 

Joli tuto :smile:

answer
n°6010
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 09-04-2006 à 20:13:40  
 

what is tls ?  :he:

answer
n°6021
.lKf.
Profil : Penguin
Avatar
profil
Posté le 10-04-2006 à 16:10:14  
 

Le format à utiliser pour les écrans d'accueil :ouch:

answer
n°6025
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 10-04-2006 à 18:52:08  
 

ah. je sais pas si on peut faire ca avec un programme...

answer
 Page :  1  2  3
Page Précédente 

Aller à :
Ajouter une réponse