School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherS'enregistrerMembresGroupesConnexion

 


Partager | 
 

 [The Gimp] Créer une userbar

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l'émission de SoP

Nombre de messages: 39706
Age: 24
Localisation: Lille
$ops: 19437
Points: 275
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Rédactrice en Chef du M-SoP ***

 
MessageSujet: [The Gimp] Créer une userbar   Mer 20 Fév - 1:15

Bonjour Smile

Voici un premier tuto, espérons qu'il soit assez compréhensible pour tous.

Nous allons donc voir ici comment réaliser une "usebar". D'abord qu'est qu'une usebar? et bien c'est une petite signature qui représente nos centres d'interet, qui fait passer un message etc...

Tout d'abord, pour réaliser ce tuto, vous aurez besoin de cette image :
Spoiler:
 


et de l'écriture visitor que vous pouvez télécharger ici : http://img.dafont.com/dl/?f=visitor

Bien. A présent, entrons dans le vif du sujet.

1/ commencez d'abord par créer une nouvelle image de dimension : 350*20 pxl

2/ Créez un dégradé avec les couleurs suivantes : couleur 1 = 64312 ; couleur 2 = f7bd7a (couleurs prises sur le render avec l'outil pipette)

3/ Nous allons maintenant ajouter un biseau. Pour cela faites : filtre => décoration => ajouter un biseau. Décochez "travailler sur une copie" et régler l'épaisseur à 12

4/ Créez un nouveau calque puis, faire un nouveau dégradé avec le motif Four Bars. Réglez la répétition en "ondes triangulaire". Attention c'est ici que ça se complique. Il faut faire en sorte que votre dégradé soit fait en 8,8 comme sur l'image si dessous (regardez tout en bas à droite)
Spoiler:
 


5/ Mettez ensuite le calque en mode Multiplier à une opacité de 30.

6/ Maintenant, plaçons l'image télécharger au départ. Pour cela, vous la copier-collez dans la usebar et vous la placez comme vous le désirer.

7/ Il ne reste plus qu'à ajouter le texte.Vous prenez l'écriture télécharger au départ, couleur blanche, et taille 14. Vous écrivez votre texte que vous placez tout à droite.

8/ Attention là ça se complique un peu. Dans la fenetre avec tous vos calques, selectionnez votre calque de texte, faites clique droit => alpha vers selection. Puis dans la fenetre de l'image selection => agrandir => 1 pxl. Revenez dans votre fenetre de calque, faites créer un nouveau et remplissez la zone en noir.

9/ on va maintenant ajouter un petit cadre. Pour cela, selectionnez le tout premier calque (avec le dégradé blanc/bleu) faites clique droit => alpha vers selection. Créer un nouveau calque. Remplissez le de noir, puis faites selection => réduire => 1pxl. Edition => effacer.

10/ Enregistrez votre fichier (d'abord en .xcf puis en .png), normalement vous devriez obtenir quelque chose qui ressemble à ça :




Pour toutes questions concernant le tuto, c'est par [ici]


Dernière édition par Miettes le Dim 6 Mar - 12:29, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/ En ligne
 

[The Gimp] Créer une userbar

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Les cours :: Les cours d'arts plastiques :: Les tutoriels :: The Gimp-


Aller en haut
Aller en bas