Créartion
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Forum de création graphique. Galeries, cours pour débutants, tutos et astuces pour les plus avancés, concours et batailles entre graphistes chevronnés!
 
AccueilDernières imagesRechercherS'enregistrerConnexion
Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

 

 (Moyen) Créer une userbar [Gimp]

Aller en bas 
2 participants
AuteurMessage
Miettes

Miettes


Féminin Nombre de messages : 66
Age : 37
Localisation : Lille, Nord (59)
Date d'inscription : 17/08/2009

(Moyen) Créer une userbar [Gimp] Empty
MessageSujet: (Moyen) Créer une userbar [Gimp]   (Moyen) Créer une userbar [Gimp] EmptyMar 18 Aoû - 15:28

Bonjour Smile

Voici une méthode pour faire de jolies userbars 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
https://i.servimg.com/u/f31/12/01/60/27/nv111.jpg
Vous avez 4 guides à ajouter :
> horizontal à : 20 et 39
> vertical à : 50 et 400
Vous arrivez à ceci :
https://i.servimg.com/u/f31/12/01/60/27/nv210.jpg

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 :
https://i.servimg.com/u/f31/12/01/60/27/nv310.jpg

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 :
https://i.servimg.com/u/f31/12/01/60/27/nv410.jpg
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"
https://i.servimg.com/u/f31/12/01/60/27/nv510.jpg
Tracez votre dégradé en diagonal 8,8 comme ci-dessous :
https://i.servimg.com/u/f31/12/01/60/27/nv610.jpg
Et mettez votre calque en mode multiplier, opacité 30.
Vous devez en être arrivé ici :
https://i.servimg.com/u/f31/12/01/60/27/nv710.jpg

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.
https://i.servimg.com/u/f31/12/01/60/27/nv810.jpg
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.
https://i.servimg.com/u/f31/12/01/60/27/nv910.jpg

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 :
https://i.servimg.com/u/f31/12/01/60/27/nv1010.jpg
Remplissez ensuite votre sélection en blanc, à une opacité de 30.
https://i.servimg.com/u/f31/12/01/60/27/nv1110.jpg

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.
https://i.servimg.com/u/f31/12/01/60/27/nv1210.jpg
Faites ensuite, Édition >> tracer la sélection
https://i.servimg.com/u/f31/12/01/60/27/nv1310.jpg
Et mettez les réglages suivant :
https://i.servimg.com/u/f31/12/01/60/27/710.jpg
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.
https://i.servimg.com/u/f31/12/01/60/27/nv1410.jpg
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
https://i.servimg.com/u/f31/12/01/60/27/nv1510.jpg
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 )
https://i.servimg.com/u/f31/12/01/60/27/nv1610.jpg
Nous allons maintenant ajouter l'ombre du texte. Pour cela, cliquez sur votre calque de texte et faites : clique droit >> alpha vers sélection.
https://i.servimg.com/u/f31/12/01/60/27/nv1710.jpg
Créez ensuite un nouveau calque appelé "Contour texte" et placez le sous votre calque de texte.
https://i.servimg.com/u/f31/12/01/60/27/nv1810.jpg
Faites sélection >> agrandir la sélection : 1px et remplissez la de noir, opacité 100.

Et voilà, votre userbar est terminé Very Happy

(Moyen) Créer une userbar [Gimp] Userba10


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


Dernière édition par Miettes le Mar 18 Aoû - 15:39, édité 2 fois
Revenir en haut Aller en bas
http://pvereecken.fr/
Agathe
Admin
Agathe


Féminin Nombre de messages : 94
Date d'inscription : 26/07/2008

(Moyen) Créer une userbar [Gimp] Empty
MessageSujet: Re: (Moyen) Créer une userbar [Gimp]   (Moyen) Créer une userbar [Gimp] EmptyMar 18 Aoû - 15:36

Superbe tuto!
Par contre vu le temps passé dessus, je pense qu'il faudrait le mettre en difficulté MOYEN.

Ou alors il faudrait ajouter le temps approximatif de réalisation pour les tutoriels...
Revenir en haut Aller en bas
https://creartion.forumactif.org
Miettes

Miettes


Féminin Nombre de messages : 66
Age : 37
Localisation : Lille, Nord (59)
Date d'inscription : 17/08/2009

(Moyen) Créer une userbar [Gimp] Empty
MessageSujet: Re: (Moyen) Créer une userbar [Gimp]   (Moyen) Créer une userbar [Gimp] EmptyMar 18 Aoû - 15:38

Même s'il est long, rien n'est vraiment compliqué ^^

Mais bon, pourquoi ne pas changer (je crois qu'il faudrait bien expliquer les différents niveaux dans les règles de cette section Smile )
Revenir en haut Aller en bas
http://pvereecken.fr/
Agathe
Admin
Agathe


Féminin Nombre de messages : 94
Date d'inscription : 26/07/2008

(Moyen) Créer une userbar [Gimp] Empty
MessageSujet: Re: (Moyen) Créer une userbar [Gimp]   (Moyen) Créer une userbar [Gimp] EmptyMar 18 Aoû - 15:54

Hum oui, je le ferai à mon retour de mon petit séjour ^^
Et après avoir posté le design une fois fini Smile
Revenir en haut Aller en bas
https://creartion.forumactif.org
Contenu sponsorisé





(Moyen) Créer une userbar [Gimp] Empty
MessageSujet: Re: (Moyen) Créer une userbar [Gimp]   (Moyen) Créer une userbar [Gimp] Empty

Revenir en haut Aller en bas
 
(Moyen) Créer une userbar [Gimp]
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» (Moyen) Les masques de fusion [Gimp]
» [Moyen] Changer la couleur d'une partie d'une image [Gimp]
» [Moyen] Coloriser une image N&B (Photoshop)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Créartion :: Entraide :: Tutoriels :: Tutoriels validés-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser