Aller au contenu

Créer une UserBar


_Fred

Messages recommandés

Membre+, Noyé dans un océan de couleurs, 38ans Posté(e)
_Fred Membre+ 15 765 messages
38ans‚ Noyé dans un océan de couleurs,
Posté(e)

Bonjour ! Bonsoir :snif:

Aujourd'hui je vais vous montrer comment faire une userbar : ForumFr fan :o

Etape 1 - La création du dégradé

  • Tout d'abord, ouvrez un nouveau document de taille 350 sur 20 pixels.

  • Nous allons changer la couleur des deux carrés suivant : 62859748zq3.jpg
    • Cliquez sur le carré noir, et choisissez la couleur que vous souhaitez : pour ma part, j'ai choisis : #378dd5 qui correspond à un bleu ciel.
    • Cliquez ensuite sur le carré blanc, et choisissez une seconde couleur. Cette fois ci, j'ai choisis #1d294f.

  • Selectionnez l'outil dégradé

49267395ua9.jpg

  • Appuyez sur le bouton encadré en rouge, et laissez (ou modifier) les autres paramètres.

46845977xt6.jpg

  • L'on va maintenant appliquer le dégradé. Reportez vous au schéma ci dessous : la croix noire représente votre point de départ, quant à la flèche elle représente le mouvement à effectuer. Une chose importante est à savoir : plus vous aller monter avec la souris en hauteur, plus votre dégradé se rapprochera de votre couleur de premier plan.
    Pour obtenir un joli effet dégradé, mieux vaut ne pas trop monter en hauteur avec votre souris :o

04sd0.jpg

Etape 2 : La création du motif

  • Dans cette étape, il va nous falloir créer un motif, pour donner un effet esthétique à notre userbar.
    • Ouvrez un document 6 pixels sur 6 pixels
    • Zoomer au maximum sur ce document, c'est à dire : un zoom à 1600% (touche raccourci pour le zoom "Z")
    • A l'aide de l'outil crayon (raccourci B), et réalisez le schéma suivant :

75495277ud7.jpg35813388ky3.jpg

  • Nous allons maintenant utiliser notre dessin comme motif :
    • Edition / Utiliser comme motif
    • Donner lui un nom
    • Valider sur OK

42080313mw7.jpg

35274242rn6.jpg

Etape 3 : L'incrustation du motif

  • Revenez au document contenant votre userbar, et dupliquer le calque "arrière plan" : Clique droit / Dupliquer le calque

51735703fv2.jpg

  • Ouvrez les "options de fusion" du calque

10bx6.jpg

  • Cliquez sur "Incrustation de motif"
    • Mode de fusion : Incrustation
    • Cliquez sur la petite flèche à côté du motif "bulles", et choisissez votre "motif carré"
    • Validez en cliquant sur ok

11nu7.jpg

Voici le résultat que j'obtiens :

12dh3.jpg

Etape 4 : L'insertion d'un texte

Pour insérer un texte ForumFr member, ForumFr fan ou par exemple ForumFr addict :

  • Réinitialiser les couleurs Noir et Blanc de vos carré 62859748zq3.jpg
    • En appuyant sur la touche D ou sur les deux petits carrés se chevauchant 14im6.jpg
    • Appuyez sur la flêche pour intervertir les couleurs 15wn1.jpg

  • Utiliser l'icône T (raccourci T) et insérer le texte à droite de votre document

13hv1.jpg

16be6.jpg

17su3.jpg

  • Ajoutez y un contour noir de taille 1px

18hs3.jpg

le résultat :

19kg0.jpg

5ème étape : l'insertion du logo ForumFr

L'ultime étape est d'insérer un logo : le logo de ForumFr

Le voici, enregistrez le sur votre pc, et ouvrez le avec photoshop.

logoforumfrcs9.jpg

  • Selectionnez l'outil baguette magique
    • Cliquez sur la partie blanche de l'image. Une selection en pointillé apparait

21ld6.jpg

  • Faites un clic droit, et cliquez sur "intervertir"

22et2.jpg

  • Faites de nouveau un clic droit, puis cliquez sur "calque par copier". Un nouveau calque apparait alors.

23mt4.jpg

  • Faites glisser ce nouveau calque vers votre userbar

24ac2.jpg

  • Une fois placé, redimmensionner le logo en appuyant sur CTRL+T

25sj1.jpg

  • Pour terminer, et pour donner un second effet esthétique nous allons incruster une couleur en haut de notre barre :
    • Avec l'outil ellipse tracez un arc de cercle sur le haut de votre réalisation (n'hésitez pas à zoomer pour avoir une meilleure précision de travail

26wx4.jpg

27ak3.jpg

  • Suivez le dessin ci dessous pour choisir un mode de fusion en Incrustation

28zy2.jpg

  • Réduisez l'opacité à 62% au lieu de 100%

29nr6.jpg

Et voilà, c'est terminé :snif:

Voici le résultat :

rsultatnr1.jpg

rsultat3pr9.jpg

rsultat4yu5.jpg

A vous de jouer ;)
Lien à poster
Partager sur d’autres sites

Annonces
Maintenant
Membre+, Noyé dans un océan de couleurs, 38ans Posté(e)
_Fred Membre+ 15 765 messages
38ans‚ Noyé dans un océan de couleurs,
Posté(e)

Et voilà, il est enfin terminé !

Désolé pour le retard :snif:

Mieux vaut tard que jamais :snif:

Enjoy !

rsultat5gv8.jpg

rsultat6oi3.jpg

En voici deux autres, en ayant rajouté un halo, je trouve ça pas mal ;)

Lien à poster
Partager sur d’autres sites

Membre, 53ans Posté(e)
Mistie Membre 225 messages
Baby Forumeur‚ 53ans‚
Posté(e)

Super! merci funky, j'ai un soucis quand même lol un jour j'y arriverais du premier coup promis :snif: mon ellipse veut rester incrustée, elle se sent bien là où elle est :snif:

Lien à poster
Partager sur d’autres sites

Membre+, Noyé dans un océan de couleurs, 38ans Posté(e)
_Fred Membre+ 15 765 messages
38ans‚ Noyé dans un océan de couleurs,
Posté(e)

:snif::snif:

rester incrustée ? c'est à dire ? lol

Lien à poster
Partager sur d’autres sites

Membre, 53ans Posté(e)
Mistie Membre 225 messages
Baby Forumeur‚ 53ans‚
Posté(e)

essaiuserbarre1uc1.th.jpg

comme ça :snif:

Lien à poster
Partager sur d’autres sites

Membre, Posté(e)
Flovia Membre 3 074 messages
Baby Forumeur‚
Posté(e)
Et voilà, il est enfin terminé !

Désolé pour le retard :snif:

Mieux vaut tard que jamais :snif:

Enjoy !

rsultat5gv8.jpg

rsultat6oi3.jpg

En voici deux autres, en ayant rajouté un halo, je trouve ça pas mal :o

J'enjoy! very much indeed! ;) Pour ce qui précède, je ne suis pas sortie de l'auberge...Pouh ouh...

Lien à poster
Partager sur d’autres sites

Membre+, Noyé dans un océan de couleurs, 38ans Posté(e)
_Fred Membre+ 15 765 messages
38ans‚ Noyé dans un océan de couleurs,
Posté(e)
essaiuserbarre1uc1.th.jpg

comme ça ;)

bah elle est déjà inscrustée c bon lol

Et voilà, il est enfin terminé !

Désolé pour le retard :snif:

Mieux vaut tard que jamais :snif:

Enjoy !

rsultat5gv8.jpg

rsultat6oi3.jpg

En voici deux autres, en ayant rajouté un halo, je trouve ça pas mal :o

J'enjoy! very much indeed! :o Pour ce qui précède, je ne suis pas sortie de l'auberge...Pouh ouh...

euhhh ... I have got not tout compris :o

Lien à poster
Partager sur d’autres sites

Membre, 53ans Posté(e)
Mistie Membre 225 messages
Baby Forumeur‚ 53ans‚
Posté(e)

voui mais je n'arrive pas à désactiver l'outil éllipse, du coup ma barre reste avec le "ovale" de l'éllipse :snif:

Lien à poster
Partager sur d’autres sites

Membre+, Noyé dans un océan de couleurs, 38ans Posté(e)
_Fred Membre+ 15 765 messages
38ans‚ Noyé dans un océan de couleurs,
Posté(e)

lol mais non, clique sur un autre calque, il va s'enlever de lui même, et se réactiver lorsque tu selectionneras ce calque.

Lien à poster
Partager sur d’autres sites

Membre, 53ans Posté(e)
Mistie Membre 225 messages
Baby Forumeur‚ 53ans‚
Posté(e)

:snif: vi j'ai vu après ;):snif:

voici le resultat:

dtysl7ju.jpg

Lien à poster
Partager sur d’autres sites

Membre+, Noyé dans un océan de couleurs, 38ans Posté(e)
_Fred Membre+ 15 765 messages
38ans‚ Noyé dans un océan de couleurs,
Posté(e)

et bah voilà :snif: c'est bien fait :snif:

félicitations ;)

n'hésite pas à en faire d'autres et à les poster :o

(je vais dormir moi :o demain je vais être naze :o )

Lien à poster
Partager sur d’autres sites

Membre, 53ans Posté(e)
Mistie Membre 225 messages
Baby Forumeur‚ 53ans‚
Posté(e)

merci :snif:

moi aussi je ne tiens plus debout, bonne nuit bye :snif:

Lien à poster
Partager sur d’autres sites

Membre, Posté(e)
Reivilo Membre 7 messages
Baby Forumeur‚
Posté(e)

Question toute bête, je veux simplement avoir un lien pour télécharger photoshop car je sais qu'il éxiste différentes versions svp

Merci

Lien à poster
Partager sur d’autres sites

Membre, Posté(e)
firedow Membre 2 357 messages
Baby Forumeur‚
Posté(e)

Clubic.com :snif:

Les gens sont vraiment fainéant de nos jours.

Lien à poster
Partager sur d’autres sites

VIP, Mangeur de fromage, 43ans Posté(e)
Belizarius VIP 22 812 messages
43ans‚ Mangeur de fromage,
Posté(e)

Punaise j'avais raté ça ;)

_FunKy, tu as fait un boulot énorme!!!! :snif:

Bravo p'tit gars :snif:

Lien à poster
Partager sur d’autres sites

Membre+, Noyé dans un océan de couleurs, 38ans Posté(e)
_Fred Membre+ 15 765 messages
38ans‚ Noyé dans un océan de couleurs,
Posté(e)
Punaise j'avais raté ça :o

_FunKy, tu as fait un boulot énorme!!!! :o

Bravo p'tit gars :o

:snif::snif:;):o

merci :o ça fait plaisir ! :o

Lien à poster
Partager sur d’autres sites

Membre, Posté(e)
Reivilo Membre 7 messages
Baby Forumeur‚
Posté(e)

Quelqu'un peut m'expliquer pourquoi j'ai pas "la baguette magique" . C'est sûr que je l'ai pas c'est pas une erreur de ma part.

Merci d'avance

Lien à poster
Partager sur d’autres sites

Membre+, Noyé dans un océan de couleurs, 38ans Posté(e)
_Fred Membre+ 15 765 messages
38ans‚ Noyé dans un océan de couleurs,
Posté(e)

Bizarre ... :snif:

Essaye en appuyant sur la touche "W" c'est le raccourci clavier :snif:

Lien à poster
Partager sur d’autres sites

Membre, 53ans Posté(e)
Mistie Membre 225 messages
Baby Forumeur‚ 53ans‚
Posté(e)
Quelqu'un peut m'expliquer pourquoi j'ai pas "la baguette magique" . C'est sûr que je l'ai pas c'est pas une erreur de ma part.

Merci d'avance

clique droit sur outil selection rapide :snif: si tu as la même version que moi, elle est cachée :snif: il a fallu que je la cherche aussi moi ^^

Lien à poster
Partager sur d’autres sites

Membre, Posté(e)
Reivilo Membre 7 messages
Baby Forumeur‚
Posté(e)

merci beaucoup la baguette magique c'est finalement montrer grâce a vos conseil salut à tous

Lien à poster
Partager sur d’autres sites

Annonces
Maintenant

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×