Créer une UserBar


_Fred Membre+ 15 765 messages
Noyé dans un océan de couleurs‚ 32ans
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 ;)

Partager ce message


Lien à poster
Partager sur d’autres sites
Annonces
Maintenant

Messages recommandés

_Fred Membre+ 15 765 messages
Noyé dans un océan de couleurs‚ 32ans
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 ;)

Partager ce message


Lien à poster
Partager sur d’autres sites
Mistie Membre 225 messages
Forumeur activiste‚ 46ans
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:

Partager ce message


Lien à poster
Partager sur d’autres sites
_Fred Membre+ 15 765 messages
Noyé dans un océan de couleurs‚ 32ans
Posté(e)

:snif::snif:

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Mistie Membre 225 messages
Forumeur activiste‚ 46ans
Posté(e)

Partager ce message


Lien à poster
Partager sur d’autres sites
Flovia Membre 3 074 messages
Forumeur alchimiste‚
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...

Partager ce message


Lien à poster
Partager sur d’autres sites
_Fred Membre+ 15 765 messages
Noyé dans un océan de couleurs‚ 32ans
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

Partager ce message


Lien à poster
Partager sur d’autres sites
Mistie Membre 225 messages
Forumeur activiste‚ 46ans
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:

Partager ce message


Lien à poster
Partager sur d’autres sites
_Fred Membre+ 15 765 messages
Noyé dans un océan de couleurs‚ 32ans
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.

Partager ce message


Lien à poster
Partager sur d’autres sites
Mistie Membre 225 messages
Forumeur activiste‚ 46ans
Posté(e)

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

voici le resultat:

dtysl7ju.jpg

Modifié par Mistie

Partager ce message


Lien à poster
Partager sur d’autres sites
_Fred Membre+ 15 765 messages
Noyé dans un océan de couleurs‚ 32ans
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 )

Partager ce message


Lien à poster
Partager sur d’autres sites
Mistie Membre 225 messages
Forumeur activiste‚ 46ans
Posté(e)

merci :snif:

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

Partager ce message


Lien à poster
Partager sur d’autres sites
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

Partager ce message


Lien à poster
Partager sur d’autres sites
firedow Membre 2 357 messages
Forumeur alchimiste‚
Posté(e)

Clubic.com :snif:

Les gens sont vraiment fainéant de nos jours.

Modifié par firedow

Partager ce message


Lien à poster
Partager sur d’autres sites
Belizarius VIP 22 812 messages
Mangeur de fromage‚ 37ans
Posté(e)

Punaise j'avais raté ça ;)

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

Bravo p'tit gars :snif:

Partager ce message


Lien à poster
Partager sur d’autres sites
_Fred Membre+ 15 765 messages
Noyé dans un océan de couleurs‚ 32ans
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

Partager ce message


Lien à poster
Partager sur d’autres sites
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

Partager ce message


Lien à poster
Partager sur d’autres sites
_Fred Membre+ 15 765 messages
Noyé dans un océan de couleurs‚ 32ans
Posté(e)

Bizarre ... :snif:

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Mistie Membre 225 messages
Forumeur activiste‚ 46ans
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 ^^

Partager ce message


Lien à poster
Partager sur d’autres sites
Reivilo Membre 7 messages
Baby Forumeur‚
Posté(e)

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Annonces
Maintenant

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant