Devia
Bienvenue sur Devia !
Tu viens d'arriver sur le forum ? Viens t'inscris c'est rapide, simple et gratuit et viens discutez avec nous sur divers sujets !


Rejoignez le forum, c’est rapide et facile

Devia
Bienvenue sur Devia !
Tu viens d'arriver sur le forum ? Viens t'inscris c'est rapide, simple et gratuit et viens discutez avec nous sur divers sujets !
Devia
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

[tuto] Gimp - créer une userbar

Aller en bas

[tuto] Gimp - créer une userbar Empty [tuto] Gimp - créer une userbar

Message par Exion Mer 30 Mar - 14:18

Enfin un tuto sur les userbar :mrgreen:

Bon comme d'habitude, nous ouvrons gimp et on va créer une nouvelle image de 350 (largeur) x 19 ( hauteur ) en pixel.
Nous allons utiliser l'outils dégrader, et je vous laisse le choix de la couleur. Moi je fais faire un dégradé bleu ( code #0000FF ) et un bleu ciel ( code #0089ff )

[tuto] Gimp - créer une userbar Tuto1-1f70066

Maintenant nous allons créer un nouveau claque au même dimension et en transparent qu'on va appeler " trait ". Toujours avec l'outils dégradés, mais cette fois ci on prend le dégradés " three bar sin ", choisisez l'option répétition : onde triangulaire.
Nous allons faire un dégradé de 7,3 7,3. vous pouvez trouver cette information en bas de la fenêtre de l'image. ( si besoins, clique sur l'image )

[tuto] Gimp - créer une userbar Tuto2-1f70214

Et on va changez le mode du claque : > multiplier et Opacité 30 %
Ensuite, nous allons placer un claque et on l'appelle logo. ( Pour ce tuto vous pouvez également utilise le logo que vous souhaite ) Moi je vais utiliser ce logo ( déjà prépare, la chance :p ) :

[tuto] Gimp - créer une userbar Acerienlogo-1f70289

Voici un tuto pour faire votre propre logo : http://acerien.xooit.fr/t111-tuto-gimp-creer-ses-propre-render.htm, il vous restera plus qu'a réduire l'image.
Bref, revenons au logo, nous allons l'ouvrir ( ctrl alt o ) et nous allons le place a droite de la bar. Pour nous aider nous allons créer des guides commencer par afficher les règles (menu Affichage > Afficher les règles, puis Afficher les guides). Pour créer un guide, cliquer sur la règle et glisser jusqu'à l'endroit désiré. Nous allons créer un guilde verticaux de 20 pixels ( en partant de la droite ). Ensuite on va utiliser l'outil de déplacement, et nous allons placer le logo sur la guilde verticale.

[tuto] Gimp - créer une userbar Tuto3-1f70420.

Ouf, on presque fini, encore 2 claques et c'est bon Wink
Bon, maintenant on va rajouter du texte, on va prendre l'outil texte. On utiliser cette la police visitor : http://www.dafont.com/fr/font.php?file=visitor Taille : 14 pixel ( ou plus ) et en blanc.
Entrer votre texte, et placer le a gauche. laisse un petit espace comme le logo. ( si besoin, servez vous de guides à 340 pixels en partant de la droite )
[tuto] Gimp - créer une userbar Tuto5-1f707d7

Dernier claque, Nous allons créer un nouveau claque et on l'appeler reflets. On va utiliser l'outils de sélection elliptique, et réduiser l'opacité du claque " reflets " à 30%.
[tuto] Gimp - créer une userbar Tuto6-1f70935

Et voilà, il vous reste plus que à enregistrer en .png , le prochain tutoriel sera " créer une userbar en gif.

[tuto] Gimp - créer une userbar Userbartutoriels1-1f70993

Pour les débutant, voici une archive qui contient le fichier .xcf : http://www.megaupload.com/?d=W5QW0OYG
avatar
Exion
Fondateur
Fondateur

Messages : 39
Réputation : 5
Date d'inscription : 27/02/2011
Localisation : --"

https://devia.actifforum.com

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum