Jump to content
×
×
  • Create New...

PS - Créer une UserBar


Recommended Posts

Niveau requis Débutant

Temps estimé : 30 minutes

 

Bonjour à tous,

 

Je vais vous faire un tutoriel pour vous apprendre comment faire une userbar et aussi les scanlines encore plus facilement que sur photoshop. Commencez par : Gimp.

 

Révélation

 

Tout d'abord créer un document de 450 x 60 avec fond transparent. Mettez des guides horizontaux à 20 et 39, et verticaux à 50 et 400, il faut que ce soit en proportion des dimensions de l'image. Pour faire ces 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é.

 

Révélation

170304tutogimp_01.jpg

 

Faites une sélection de la barre au milieu (sur tout la longueur) et remplissez-la avec un dégradé. Puis appliquez le Script-Fu > Décor > Ajouter un biseau ( Épaisseur 12, décochez les cases : Travailler sur une copie, et Conserver le calque de relief). Effacez les extrémités.

 

Révélation

170405tutogimp_02.jpg


Créez un nouveau calque transparent nommé Scanlines. Sélectionnez la barre et remplissez-la avec le dégradé Three bars sin, Forme : Linéaire, Répétition : Onde Triangulaire. Tracez-le à 45° avec un Mélange 8,8.
 

Révélation

170430tutogimp_03.jpg

 

Changez le mode du Calque en Multiplier, Opacité : 30.

 

Révélation

170447tutogimp_04.jpg


 Créez le texte avec la police Visitor, Taille : 14 et Couleur : Blanc. Placez-le à droite au milieu.

 

Révélation

170505tutogimp_05.jpg

 

Cliquez sur le calque du texte, puis Alpha vers Sélection. Créez un nouveau calque. Agrandissez la sélection de 1 pixel et replissez là en noir. Mettez se claque en dessous du claque de texte, et fusionner ces deux calques.

 

Révélation

170522tutogimp_06.jpg


 Ajoutons maintenant une petite image Wilbert. Ouvrez cette image en tant que calque. Re-dimensionnerez ce calque à 55 x 48. Déplacez-le vers la gauche. Effacez les parties hautes est basses.

 

Révélation

170541tutogimp_07.jpg

 

Créez un nouveau claque nommé Reflet. Faites une sélection elliptique du haut vers le milieu de la barre, sur toute la largeur. Remplissez-la avec du blanc. Réglez l' Opacité à 30.

 

Révélation

170602tutogimp_08.jpg

 

Créez un nouveau calque nommé Cadre. Faites une sélection rectangulaire de la barre. Tracer la sélection en noir. (Épaisseur 1 pixel).

 

Révélation

170619tutogimp_09.jpg

 

Découpez (Shift+C) l'image en sélectionnant la barre. Aplatissez l'image. Sauvez en PNG, voilà, c'est terminé.Une userbar faite une ! On peut obtenir de nombreux effets différents avec Gimp, donc à la place d'ajouter un biseau au début, il est possible changer par d'autres script-fu histoire de varier vos userbars.

 

Révélation

170631tutogimp_10.png

 

 

Cordialement,

Hey hey

Link to comment
  • Replies 18
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Flux d'Activité

    1. 201

      Stump 2.42

    2. 201

      Stump 2.42

    3. 51

      Decay 2.51

    4. 51

      Decay 2.51

    5. 51

      Decay 2.51

    6. 51

      Decay 2.51

    7. 51

      Decay 2.51

    8. 51

      Decay 2.51

    9. 51

      Decay 2.51

  • Recently Browsing

    No registered users viewing this page.

Important Information

Terms of Use / Privacy Policy / Guidelines / We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.