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

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 Créer une userbar avec reflet

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: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Créer une userbar avec reflet   Ven 12 Sep - 13:55

Bonjour Smile

Voici une seconde méthode qui fait de plus jolies userbars (grâce à l'ajout d'un reflet Wink ).

Allez on y va :

>> image utilisée pour cette créa :
Spoiler:
 


1/ Créer une nouvelle image de dimension 450*60 avec un fond transparent

2/ Ajouter des guides.
Pour cela, vous faites : image >> guide >> nouveau guide

Vous avez 4 guides à ajouter :
> horizontal à : 20 et 39
> vertical à : 50 et 400
Vous arrivez à ceci :


3/ Le fond de l'image
Selectionner le rectangle du centre (outil sélection rectangulaire). Remplissez ce fond avec un dégradé :
couleur 1 : 8c0163 // couleur 2 : f976d3
Vous arrivez à ça :


4/ Ajout de décor
On va ajouter un petit biseau ^^ Pour cela, gardez le rectangle du centre sélectionnez, puis faites : filtre >> décoration >> ajouter un biseau. Effectuez les réglages suivant :

Vous devriez voir un petit relief dans votre créa.

5/ Les hachures.
Créer un nouveau calque que vous appelez "Hachures". Prenez le dégradé appelé "Three bar sin", réglez le en forme "linéaire" et en répétition "ondes triangulaires"

Tracez votre dégradé en diagonal 8,8 comme ci-dessous :

Et mettez votre calque en mode multiplier, opacité 30.
Vous devez en être arrivé ici :


6/ L'image
Prenez l'image de départ, sélectionnez là et copiez-collez là dans votre userbar. Réglez sa taille comme vous le désirez et placez la comme bon vous semble.

Elle est pour le moment "transparente". Pour que l'image devienne un calque à part entière de votre création, il faut la fixer sans pour autant l'ancrer. Cliquez donc sur "nouveau calque" dans votre fenêtre de calque.


7/ Le reflet
On passe maintenant au "petit truc qui fait joli". Pour cela, créez un nouveau calque que vous appelez "reflet". Sélectionnez l'outil "ellipse" et sélectionnez le haut de votre userbar comme ci-dessous :

Remplissez ensuite votre sélection en blanc, à une opacité de 30.


8/ Le cadre
Le plus gros est fait Smile
Créez un nouveau calque appelé "cadre". Sélectionnez votre rectangle du centre. Ensuite, choisissez l'outil "remplissage", réglez la couleur en noir et en opacité 100.

Faites ensuite, Édition >> tracer la sélection

Et mettez les réglages suivant :

Votre cadre est ajouté Smile

9/ Découper la sélection
Sélectionnez votre rectangle du milieu, puis faites : image >> découper la sélection.

Nous avons presque fini Smile

10 / Le texte
La dernière étape : l'ajout du texte. Tout d'abord, nous allons ôter les guides, car ils vont nous gêner pour placer correctement notre texte. Faites donc : image >> guides >> enlever tous les guides

Sélectionnez ensuite la police Visitor 2 et réglez la en blanc, taille 14 px. Placez votre texte à droite. (votre calque doit se trouver en dessous du reflet Wink )

Nous allons maintenant ajouter l'ombre du texte. Pour cela, cliquez sur votre calque de texte et faites : clique droit >> alpha vers sélection.

Créez ensuite un nouveau calque appelé "Contour texte" et placez le sous votre calque de texte.

Faites sélection >> agrandir la sélection : 1px et remplissez la de noir, opacité 100.

Et voilà, votre userbar est terminé Very Happy



Pour vos questions c'est ci-dessous. Surtout n'hésitez pas à nous montrer vos créations Wink

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


Dernière édition par Miettes le Dim 24 Jan - 20:59, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Créer une userbar avec reflet

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 :: Tutoriels :: Arts plastiques :: The Gimp-


Aller en haut
Aller en bas