14 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3  4  5  6  7
Page Précédente 
Auteur
 Sujet :

[Tuto Photoshop] Faire une Userbar

 
n°7555
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 22-06-2006 à 22:11:08  
 

Je sais qu'un tel tutorial a déjà été posté (ici) mais le tutorial en question ne contient plus aucune image.
C'est pourquoi je me suis permis de le refaire (avec quelques différences évidemment).

 


Etape 1 :

 

Tout d'abord, créez un nouveau document de 300*20 px avec une résolution de 72px, un fond transparent et nommez-le userbar.

 

Vous devriez avoir ceci :

 

http://iensis.free.fr/tuto/nouveau.png

 

Choisissez la couleur #5cdf4b en Premier plan et #8be580 en Arrière-plan.

 

Sélectionnez l'outil dégradé linéaire (G) (Premier plan vers Arrière-plan).

 

http://iensis.free.fr/tuto/post-5215-1151004681.png

 

Et appliquez-le en partant du bas de l'image vers le haut de celle-ci.

 

Vous devriez obtenir ceci :

 

http://iensis.free.fr/tuto/fond.png

 


Etape 2 :

 

Créez un nouveau document de 4*4 px.

 

Sélectionnez l'outil sélection rectangulaire afin d'obtenir la sélection suivante :

 

http://iensis.free.fr/tuto/post-5215-1151006375.png

 

Remplissez-la de noir (Alt+effacer)

 

http://iensis.free.fr/tuto/post-5215-1151005035.png

 

Il faut à présent l'enregistrer comme motif, pour cela allez dans Edition>Utiliser comme motif.

 


Etape 3 :

 

Retournez dans le document userbar

 

Créez un nouveau calque (Ctrl+Shift+N) et remplissez-le de blanc.

 

Appliquez le motif en allant dans Edition>Remplir (Shift+F5) et entrez les paramètres suivants :

 

http://iensis.free.fr/tuto/remplir.png

 

Baissez l'opacité et le fond du calque à 25%.

 

http://iensis.free.fr/tuto/step_.png

 


Etape 4 :

 

Choisissez une image que vous souhaitez intégrer à votre userbar.

 

Ici, nous allons prendre le logo d'apple.

 

Insérez le logo dans le document userbar.

 

http://iensis.free.fr/tuto/barreetlogo.png

 

Etape 5 :

 

Il faut créer le texte. Lla police la plus couramment utilisée est celle-là : http://www.dafont.com/fr/font.php?file=visitor.

 

Sélectionnez l'outil texte et utilisez les paramètres ci-contre :

 

http://iensis.free.fr/tuto/texte.png

 

Placez votre texte là où vous souhaitez le voir apparaitre.

 

Vous devriez avoir ceci :

 

http://iensis.free.fr/tuto/barrelogotexte.png

 


Etape 6 :

 

Faites un double clic sur le calque texte et entrez les paramètres suivants :

 

http://iensis.free.fr/tuto/reglage_1.png

 


Etape 7 :

 

Il ne reste plus qu'à ajouter une petite cristallisation.

 

Créez un nouveau calque (Ctrl+Shift+N)

 

Sélectionnez l'outil ellipse et essayez d'obtenir la sélection de l'image suivante :

 

http://iensis.free.fr/tuto/selec2.png

 

Remplissez-la de blanc et baissez l'opacité à 40%.

 

http://iensis.free.fr/tuto/resultat.png

 


Etape 8 :

 

Vous pouvez ajouter un cadre pour rendre l'userbar plus belle. Pour cela, double-cliquez sur le premier calque réalisé et cocher la case contour. Cliquez sur la "case" contour et créez un contour d'1px, intérieur et noir.

 


FIN

  

Cette userbar est très simple afin de permettre à tous d'arriver en peu de temps à un résultat convenable.

 

C'était mon premier tutorial et j'espère qu'il est suffisamment clair et qu'il vous sera utile  :smile:.


Message édité par Iensis le 22-07-2010 à 00:33:31
answer
mood
GoogleAds
profil
Posté le 22-06-2006 à 22:11:08  
 

answer
n°7615
Didas
le soleil se lève avant moi, je me couche après lu
Profil : God of Penguins
Avatar
profil
Posté le 26-06-2006 à 16:02:24  
 

bon petit tuto refait à neuf, c'est plus pratique avec les images, c'est sûr :lol:

 

il est validé et épinglé :great:

answer
n°7624
benjigarner
Profil : Penguin Pro
Avatar
profil
Posté le 26-06-2006 à 17:32:11  
 

Super, merci !! :great:

answer
n°7625
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 26-06-2006 à 17:45:24  
 

Bravo ! Tuto très propre !
Avec le succès de ces signatures (et j'avoue que j'aime moi-même beaucoup), il nous fallait un tuto bien fait... Merci ! :oui: :great:

answer
n°7626
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 26-06-2006 à 18:21:56  
 

Merci à vous pour les commentaires, je suis content qu'il vous plaise!!

 
Fagoon a écrit :

Bravo ! Tuto très propre !

 

C'est ce que je souhaitais entendre pour voir si le tutorial était correct.  :biggrin:

answer
n°7640
-Naruto-
Profil : New Penguin
Avatar
profil
Posté le 26-06-2006 à 23:50:12  
 

merci pour le tuto :loveit:
je voulé pas faire un userbar mais le motif du fond
en diagonal:
http://img430.imageshack.us/img430/4076/image15je.gif

answer
n°7655
odd
Profil : Penguin
Avatar
profil
Posté le 27-06-2006 à 12:51:24  
 

Merci pour ce tuto, je le fait dessuite!!!

answer
n°7728
scratchy
Profil : New Penguin
Avatar
profil
Posté le 05-07-2006 à 11:03:02  
 

As tu dis dans to tuto qu'il fallait mettre un contour intérieur de 1 pixel noir ?

answer
n°7737
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 06-07-2006 à 21:59:00  
 

As-tu bien lu mon tutorial? Si oui, je ne vois pas pourquoi tu poses la question : il te suffit de regarder par toi-même.

answer
n°7738
underground
Profil : New Penguin
Avatar
profil
Posté le 07-07-2006 à 10:05:06  
 

excuse moi d'etre un peut noob mais on fais comment pour installer la police? on la dézipe et on la place dans panneau de configuration->police?

answer
n°7739
vIcO
Profil : Penguin Pro
Avatar
profil
Posté le 07-07-2006 à 11:37:05  
 

underground a écrit :

excuse moi d'etre un peut noob mais on fais comment pour installer la police? on la dézipe et on la place dans panneau de configuration->police?


exactement  :wink:

answer
n°7750
Punicher
Profil : Penguin
Avatar
profil
Posté le 08-07-2006 à 11:09:36  
 

Super tuto!!! :wink:
Depuis pas mal de temps je cherche comment faire une Userbar, sur le net et tout, j'ai rien trouvé (j'avais cherché sur CrystalXp juste avant que tu fasses le tuto :boulay: ); je m'apprétais à en faire une moi même (essayer), mais comme je ne savais pas comment faire le fond et crystalliser ça allait être galère!!! :ouch:
Maintenant grace à toi je peux enfin pouvoir m'y mettre sérieusement!!
Encore merci Iensis! :loveit:

 

Juste une question, quand je télécharge la police j'ai 2 fichiers .ttf, et un fichier de police, lequel je dois metter dans le dossier Font, et lequel je dois utiliser SVP? :biggrin:
(D'habitude quand je dl une police, je n'ai qu'un fichier .ttf et c'est tout :arf: , non?)

answer
n°7751
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 08-07-2006 à 12:22:04  
 

Merci pour ce commentaire Punicher!

 

Pour la police, j'ai dû utiliser la police "Visitor TT1". Les trois polices sont un petit peu différentes, à toi de voir laquelle tu préfère utiliser.

answer
n°7753
Mumu56
Profil : New Penguin
Avatar
profil
Posté le 08-07-2006 à 16:57:33  
 

:great: Génial ce tuto ! super simple ! reste plus qu'à trouver l'imagination pour faire sa propre userbar !
merci Iensis  :mdr:

 

[EDIT] bon voilà c'est un essai rapide ! lol

answer
n°7787
PurpleSkunk
Profil : New Penguin
Avatar
profil
Posté le 12-07-2006 à 11:56:25  
 

:great: Super bien ce tutorial !! Par contre, je ne trouve pas le motif en diagonale, c'est bizarre !  :cry:

answer
n°7788
MasterCloud
Youkaïdi, youkaïda.
Profil : Animateur
Avatar
profil
Posté le 12-07-2006 à 12:00:18  
 

Regarde l'étape 2 :he:

 

Super Tutorial ! Merci !

answer
n°7789
PurpleSkunk
Profil : New Penguin
Avatar
profil
Posté le 12-07-2006 à 12:06:29  
 

Arf ! Suis-je bête !!! Mes yeux avaient zappé cette étape ! Merci à toi !  :whistle:

answer
n°7791
troyenne
Loubna
Profil : Penguin Pro
Avatar
profil
Posté le 12-07-2006 à 20:55:47  
 

je me trompe peut être mais je crois que les vraies dimensions des userbars, c'est 350*19 px

answer
n°7792
MasterCloud
Youkaïdi, youkaïda.
Profil : Animateur
Avatar
profil
Posté le 12-07-2006 à 21:15:57  
 

Oui mais ici c'est adapté à CrystalXp :great:

answer
n°7793
troyenne
Loubna
Profil : Penguin Pro
Avatar
profil
Posté le 12-07-2006 à 21:56:44  
 

la tienne esst en 350*20 px :he:

answer
n°7800
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 13-07-2006 à 21:21:17  
 

troyenne a écrit :

je me trompe peut être mais je crois que les vraies dimensions des userbars, c'est 350*19 px


 
J'ai fait des recherches sur internet et en fonction des sites, c'est soit 350*19 soit 350*20 j'en ai choisi un.
 
Merci aux autres pour les commentaires.


Message édité par Iensis le 27-10-2008 à 15:39:13
answer
n°7822
jojos602
Profil : New Penguin
Avatar
profil
Posté le 16-07-2006 à 03:04:35  
 

Maya c' est quoi la police que tu utilises?stp^^

answer
n°7824
Om 13
Profil : Penguin Pro
Avatar
profil
Posté le 16-07-2006 à 12:52:41  
 

Voila  la mienne  :jap:

 

http://pix.nofrag.com/30/79/7d3bff0439afa7e61db6a7220374.jpeg

answer
n°7825
troyenne
Loubna
Profil : Penguin Pro
Avatar
profil
Posté le 16-07-2006 à 18:05:41  
 

:he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:

 

http://img225.imageshack.us/img225/5552/psgusercopieeb1.png

 

:he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:  :he:

answer
n°7827
Hugo_98
Profil : New Penguin
Avatar
profil
Posté le 16-07-2006 à 18:49:23  
 

http://www.crystalxp.net/forum/uploads/sm/post-5589-1153068498_thumb.jpg

 

http://www.crystalxp.net/forum/uploads/sm/post-5589-1153068509_thumb.jpg

 

http://www.crystalxp.net/forum/uploads/sm/post-5589-1153068520_thumb.jpg

 

http://www.crystalxp.net/forum/uploads/sm/post-5589-1153068531_thumb.jpg

answer
 Page :  1  2  3  4  5  6  7
Page Précédente 

Aller à :
Ajouter une réponse