2 Pages V   1 2 >  

> Créer une UserBar, Photoshop

_FunKy
posté jeudi 10 janvier 2008 à 01:22
Message #1


Noyé dans un océan de couleurs
Icône de groupe

Messages : 15 714
Inscrit : 21/01/2007
Lieu : Arras - Pas-de-Calais (62)
homme
22
fr




Bonjour ! Bonsoir smile.gif

Aujourd'hui je vais vous montrer comment faire une userbar : ForumFr fan biggrin.gif

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 :
    • 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é


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


  • 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 wink1.gif



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 :


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





Etape 3 : L'incrustation du motif

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


  • Ouvrez les "options de fusion" du calque


  • 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



Voici le résultat que j'obtiens :




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é
    • En appuyant sur la touche D ou sur les deux petits carrés se chevauchant
    • Appuyez sur la flêche pour intervertir les couleurs

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






  • Ajoutez y un contour noir de taille 1px


le résultat :





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.

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

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

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

  • Faites glisser ce nouveau calque vers votre userbar

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



  • 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



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


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




Et voilà, c'est terminé smile.gif
Voici le résultat :









A vous de jouer smile.gif


--------------------
Suprême !
Go to the top of the page
+Quote Post
Tags Ce contenu n'a pas encore de Tag
Sponsors
À l'instant



Retour en haut de page
_FunKy
posté jeudi 10 janvier 2008 à 21:00
Message #2


Noyé dans un océan de couleurs
Icône de groupe

Messages : 15 714
Inscrit : 21/01/2007
Lieu : Arras - Pas-de-Calais (62)
homme
22
fr




Et voilà, il est enfin terminé !
Désolé pour le retard smile.gif

Mieux vaut tard que jamais smile.gif

Enjoy !







En voici deux autres, en ayant rajouté un halo, je trouve ça pas mal tongue.gif


--------------------
Suprême !
Go to the top of the page
+Quote Post
Mistie
posté jeudi 10 janvier 2008 à 22:50
Message #3


Forumeur activiste
****

Messages : 227
Inscrit : 18/12/2007
Lieu : D'ici et d'ailleurs
femme
37
fr




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


--------------------


Aimer c'est être joueur, prêt à perdre.Aimer ce n'est pas garder, ni posséder.Aimer c'est l'autre avant soi.
Yann Queffélec

Go to the top of the page
+Quote Post
_FunKy
posté vendredi 11 janvier 2008 à 00:06
Message #4


Noyé dans un océan de couleurs
Icône de groupe

Messages : 15 714
Inscrit : 21/01/2007
Lieu : Arras - Pas-de-Calais (62)
homme
22
fr




laugh.gif laugh.gif

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


--------------------
Suprême !
Go to the top of the page
+Quote Post
Mistie
posté vendredi 11 janvier 2008 à 00:30
Message #5


Forumeur activiste
****

Messages : 227
Inscrit : 18/12/2007
Lieu : D'ici et d'ailleurs
femme
37
fr






comme ça biggrin.gif


--------------------


Aimer c'est être joueur, prêt à perdre.Aimer ce n'est pas garder, ni posséder.Aimer c'est l'autre avant soi.
Yann Queffélec

Go to the top of the page
+Quote Post
Flovia
posté vendredi 11 janvier 2008 à 00:36
Message #6


Forumeur alchimiste
**********

Messages : 2 171
Inscrit : 18/11/2007
Lieu : bourgogne sud
femme
fr




Citation (_FunKy @ jeudi 10 janvier 2008 à 21:00) *
Et voilà, il est enfin terminé !
Désolé pour le retard smile.gif

Mieux vaut tard que jamais smile.gif

Enjoy !







En voici deux autres, en ayant rajouté un halo, je trouve ça pas mal tongue.gif


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


--------------------




Sous mon calme apparent, la tempête fait rage...
Go to the top of the page
+Quote Post
_FunKy
posté vendredi 11 janvier 2008 à 01:14
Message #7


Noyé dans un océan de couleurs
Icône de groupe

Messages : 15 714
Inscrit : 21/01/2007
Lieu : Arras - Pas-de-Calais (62)
homme
22
fr




Citation (Mistie @ vendredi 11 janvier 2008 à 00:30) *


comme ça biggrin.gif


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


Citation (Flovia @ vendredi 11 janvier 2008 à 00:36) *
Citation (_FunKy @ jeudi 10 janvier 2008 à 21:00) *
Et voilà, il est enfin terminé !
Désolé pour le retard smile.gif

Mieux vaut tard que jamais smile.gif

Enjoy !







En voici deux autres, en ayant rajouté un halo, je trouve ça pas mal tongue.gif


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


euhhh ... I have got not tout compris biggrin.gif


--------------------
Suprême !
Go to the top of the page
+Quote Post
Mistie
posté vendredi 11 janvier 2008 à 01:18
Message #8


Forumeur activiste
****

Messages : 227
Inscrit : 18/12/2007
Lieu : D'ici et d'ailleurs
femme
37
fr




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


--------------------


Aimer c'est être joueur, prêt à perdre.Aimer ce n'est pas garder, ni posséder.Aimer c'est l'autre avant soi.
Yann Queffélec

Go to the top of the page
+Quote Post
_FunKy
posté vendredi 11 janvier 2008 à 01:24
Message #9


Noyé dans un océan de couleurs
Icône de groupe

Messages : 15 714
Inscrit : 21/01/2007
Lieu : Arras - Pas-de-Calais (62)
homme
22
fr




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.


--------------------
Suprême !
Go to the top of the page
+Quote Post
Mistie
posté vendredi 11 janvier 2008 à 01:28
Message #10


Forumeur activiste
****

Messages : 227
Inscrit : 18/12/2007
Lieu : D'ici et d'ailleurs
femme
37
fr




blush.gif vi j'ai vu après wallbash.gif blush.gif

voici le resultat:




Ce message a été modifié par Mistie - vendredi 11 janvier 2008 à 01:35.


--------------------


Aimer c'est être joueur, prêt à perdre.Aimer ce n'est pas garder, ni posséder.Aimer c'est l'autre avant soi.
Yann Queffélec

Go to the top of the page
+Quote Post

2 Pages V   1 2 >



 

RSS Version bas débit Nous sommes le : mardi 07 octobre 2008 à 13:25