Le Deal du moment : -45%
PC Portable LG Gram 17″ Intel Evo Core i7 32 Go ...
Voir le deal
1099.99 €

Partagez
 

 [Tuto Photoshop] Faire une Userbar

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
ZakeN
Admin
ZakeN


Avertissement :
[Tuto Photoshop] Faire une Userbar Left_bar_bleue0 / 1000 / 100[Tuto Photoshop] Faire une Userbar Right_bar_bleue

Messages : 115
Logiciel utiliser : PhotoShop Cs5
Date d'inscription : 22/04/2012
Age : 26

[Tuto Photoshop] Faire une Userbar Empty
MessageSujet: [Tuto Photoshop] Faire une Userbar   [Tuto Photoshop] Faire une Userbar EmptyMar 1 Mai - 14:51

Coucou,

Donc déjà vous allez me dire "Mais c'est quoi une Userbar ?!!"

Une userbar sert en général à passer un message pas trop long, comme quoi tu es fan de quelque chose, ou que tu en utilises une autre, par exemple. Il existe des tutos pour en faire (Comme celui-ci). Tu peux animer tes userbars grâce à des logiciels spécialisés.
Tu peux t'en servir comme un "logo" ou une mini-bannière.

C'est parti !

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 :

[Tuto Photoshop] Faire une Userbar Nouveau

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).

[Tuto Photoshop] Faire une Userbar Post-5215-1151004681

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

Vous devriez obtenir ceci :

[Tuto Photoshop] Faire une Userbar Fond

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 :

[Tuto Photoshop] Faire une Userbar Post-5215-1151006375

Remplissez-la de noir (Alt+effacer)

[Tuto Photoshop] Faire une Userbar Post-5215-1151005035

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 :

[Tuto Photoshop] Faire une Userbar Remplir

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

[Tuto Photoshop] Faire une Userbar Step_

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.

[Tuto Photoshop] Faire une Userbar Barreetlogo

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 :

[Tuto Photoshop] Faire une Userbar Texte

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

Vous devriez avoir ceci :

[Tuto Photoshop] Faire une Userbar Barrelogotexte

Etape 6 :

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

[Tuto Photoshop] Faire une Userbar Reglage_1

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 :

[Tuto Photoshop] Faire une Userbar Selec2

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

[Tuto Photoshop] Faire une Userbar Resultat

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.

Et voila, le tutoriel arrive déjà à sa fin. Ceci est une Userbar très simple afin de permettre à tous d'arriver en peu de temps à un résultat convenable.
Revenir en haut Aller en bas
 

[Tuto Photoshop] Faire une Userbar

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
»  [Photofiltre] Tuto fond brush
» Pour faire un cadeau /!\
» [PhotoFiltre] Faire une jolie bannière
» [PhotoFiltre] Fond à la PhotoShop

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Graph' your Life :: Ecole de Graph' :: Les tutoriels :: Tutos :: PhotoShop-