[TUTO][CS2] Faire une Userbar

Voila un petit tuto vous expliquant comment réaliser une userbar, à mettre en signature pour un forum . Cliquez sur suite!

——————————

Objectif: faire une userbar

——————————

Tout d’abord, ouvrez un nouveau document qui fait 350*20. Petite précision, le fond doit être transparent! (Voir l’image ci-dessous)

Dupliquez maintenant votre calque.

Ensuite, assurez vous que vous êtes bien sur le premier calque, et prenez l’outil dégradé, cliquez sur la petite barre qui annonce la direction et les couleurs du dégradé.
Réglez en fonction de vos goûts, puis cliquez sur OK.

Choisissez le coin de notre image, et, tout en maintenant le clique droit, allez jusqu’à l’autre bout de notre image.

Passons ensuite sur notre calque du dessus, et allez dans Edition -> Remplir (Maj+F5)
Choisissez Motif, et réglez vos paramètres comme sur l’image ci-dessous.

Réglez ensuite l’opacité de ce calque à 25%.

Ouvrez ensuite votre image que vous voudrez voir apparaître sur votre userbar. Pour ce tuto, j’ai pris l’image de notre forum préféré .

Il va falloir la transformer pour lui donner un peu de style, pour cela allez dans Edition -> Transformation (Ctrl+T)

Une fois la transformation terminée, appuyez sur appliquer.

Afin de mettre le petit texte qui explique le fait d’être de votre userbar, créez un nouveau calque, Calque -> Nouveau -> Calque… (Ctrl+Maj+N)

Choisissez l’outil pinceau avec 1 pixel.

Ensuite, zoomer au maximum sur la droite de notre image, et comptez 6 pixels de hauteur sur 6 de longueur, et faites un carré avec votre pinceau.

Maintenant, prenez l’outil texte (T) et marquez une description de votre userbar.

Déplacez ensuite la fin du texte sur l’extrémité droite de notre petit carré.

Allez ensuite dans style de calque (ou double cliquez sur votre calque texte, légèrement sur la droite du texte), et réglez les paramètres suivants. (Sachant que pour l’incrustation de couleur, c’est du blanc normal )

Vous pouvez maintenant supprimer notre calque où nous avons mis notre petit carré!

Nous allons maintenant mettre un effet de « reflet ». Pour cela, créez un nouveau calque et sélectionnez l’outil Ellipse de Sélection.
Tracez une ellipse comme ci-dessous:

Maintenant, il ne vous reste plus qu’à remplir votre sélection avec du blanc et une opacité de 50%.

Vous voila maintenant avec votre Userbar!

Vous pouvez également appliquer le dégradé (tout début du tuto) dans l’autre sens, c’est-à-dire verticalement. A vous de voir!

——————————

Tuto réalisé par Ch!m

——————————