• myFAV.ES
  • Help Center
  • Tutorials
  • Extensions
  • Blogs

  

  • Logos
  • Logo Requests
  • Themes
  • Backgrounds
  • Forums
  • Contact

Error message

  • Warning: count(): Parameter must be an array or an object that implements Countable in antispam_user_load() (line 1555 of /home/ul/public_html/userlogos/sites/all/modules/antispam/antispam.module).
  • Warning: count(): Parameter must be an array or an object that implements Countable in antispam_user_load() (line 1555 of /home/ul/public_html/userlogos/sites/all/modules/antispam/antispam.module).
  • Warning: count(): Parameter must be an array or an object that implements Countable in antispam_user_load() (line 1555 of /home/ul/public_html/userlogos/sites/all/modules/antispam/antispam.module).
  • Warning: count(): Parameter must be an array or an object that implements Countable in antispam_user_load() (line 1555 of /home/ul/public_html/userlogos/sites/all/modules/antispam/antispam.module).
  • Warning: count(): Parameter must be an array or an object that implements Countable in antispam_user_load() (line 1555 of /home/ul/public_html/userlogos/sites/all/modules/antispam/antispam.module).
Home » Forums » 03282009 » How to make userbars in GIMP

How to make userbars in GIMP

ingalls —Sat, 03/28/2009 - 17:42

Userbars

It’s not exactly part of the logo making process but user bars are becoming popular so I decided to find out how to make them myself.

I’m going to assume that you know your way around gimp 2.6. (If there are people who want an easier tutorial I will simplify it.) Before you start the tutorial you will also need this font:

http://www.dafont.com/unlearned-bitmap.font?nb_ppp=50

Step #1

Most people have user bars with a height of 19 pixels and a length of anywhere between 300 and 400. For this tutorial I’m going to use 350.

out of bandwidth

Step #2

I suggest zooming in so go to View>Zoom>Fit Image in Window or Shift + CTRL + E.

Next decide what you are going to use for the logo for. I’m going to do a windows logo.

There are several ways to do this step.

You can have a solid color

You can have a gradient going across

Or you can have a gradient going down

It’s up to you.

Step #3

Create a new image that is 6 by 6 pixels

Step #4

Zoom in to 1600%

Also change the brush size to 0.01

Step #5

Now using the pencil tool draw 6 squares going from the bottom right hand corner to the upper right hand corner.

They can be any color but I find that white shows up the best so I would suggest it.

Step #6

Next save the file in “C:\Program Files\GIMP-2.0\share\gimp\2.0\patterns”

Name the file userbar.pat

Step #7

Go back to the window in which you where making the user bar.

On your keyboard hold Shift+CTRL+P

This should bring up the patterns dialogue.

Step #7

Click on the refresh button to refresh the patterns.

Step #8

Find the pattern that you made.

The white one will look like this:

And the black one will look like this:

Step #9

Create a new layer (CTRL+Shift+N) and then drag the pattern onto the image.

It should look like this:

Step #10

Open the layers box (CTRL +L) and change the opacity to 50%. If you want it darker or lighter adjust the opacity accordingly.

Step #11

Take the image that you want on your user bar and center it on the left hand side of the bar.

Step #12

Now for the words.

Create a new layer (CTRL + Shift + N)

Then find the font that you installed at the beginning of this tutorial. It should be called Unlearned 2 BRK

Change the preferences to the image below. (Turn off hinting and Antialiasing)

Step #13

Now create a new text bubble and type in your text. I like my word big so I went with size 16 but this is optional.

Try to center it in the middle of the right side.

Step #14

Now let’s change our font so it’s white.

Use the paint bucket and fill in the inside of the font.

Step #15

We’re almost there…

Use CTRL + M to merge all the visible layers.

Then duplicate the current layer. To do this right click on the background layer and click duplicate.

Step #16

On your keyboard type CTRL +A, CTRL + X, and then CTRL + V.

It should now look like this:

Step #17

Use the elliptical select tool to make the gloss.

Step #18

Use the bucket tool to fill it with white. Change the threshold to 255% and then fill in the ellipse.

Step #19

Now change the transparency to 20%

Step #20

Merge the layers by using CTRL +M

Step #21

Save the image and your done!

  • Graphics Related Tutorials
‹ How to "make [the logo] so that it looks like a box and it's edges fade" in GIMP up Make your own logo with Reflection - GIMP ›
  • Printer-friendly version
  • Log in or register to post comments or vote.
  • +2
  • 2 votes
Mafia_Penguin's picture

Re: How to make userbars in GIMP

Submitted by Mafia_Penguin on Sat, 03/28/2009 - 22:12


I suggest zooming in to around 200% (View>Zoom>200%)

View>Zoom>Fit Image in Window is better.



Trouble
using
transparent
Logos?
Click
here
for
help!


  • log in or register to post comments
ingalls's picture

Re: How to make userbars in GIMP

Submitted by ingalls on Sun, 03/29/2009 - 05:38

Thanks
BTW I like the user bar you made ;-)

----------

---------- reality.sys corrupted. universe halted. reboot (y/n)?
  • log in or register to post comments
ingalls's picture

Re: How to make userbars in GIMP (with pic's!!!)

Submitted by ingalls on Sun, 03/29/2009 - 06:35

I've just finished the tutorial. Hope everyone likes it!!!)

----------

---------- reality.sys corrupted. universe halted. reboot (y/n)?
  • log in or register to post comments
zigzag's picture

Re: How to make userbars in GIMP (with pic's!!!)

Submitted by zigzag on Sun, 03/29/2009 - 07:51

Great tutorial +1



  • log in or register to post comments
Mafia_Penguin's picture

Re: How to make userbars in GIMP

Submitted by Mafia_Penguin on Sun, 03/29/2009 - 07:45

@Zigzag:
Mind if I add the Gimp Rules userbar into my animated one?



Trouble
using
transparent
Logos?
Click
here
for
help!


  • log in or register to post comments
zigzag's picture

Re: How to make userbars in GIMP

Submitted by zigzag on Sun, 03/29/2009 - 07:52

No problem



  • log in or register to post comments
ingalls's picture

Re: How to make userbars in GIMP

Submitted by ingalls on Sun, 03/29/2009 - 07:52

Great userbar zigzag!
----------

---------- reality.sys corrupted. universe halted. reboot (y/n)?
  • log in or register to post comments
zigzag's picture

Re: How to make userbars in GIMP

Submitted by zigzag on Sun, 03/29/2009 - 07:53

Thanks. I did use your tutorial to make it though, so thanks again!



  • log in or register to post comments
traesch's picture

Re: How to make userbars in GIMP

Submitted by traesch on Sat, 11/24/2012 - 05:54

Thumbs up! Really nice tutorial. Thanks!

I like it a little bit smoother, so I decided to insert drop shadows for the text instead of using these "squared" fonts. I furthermore made curves with anti-aliasing instead of pixelated lines for the background.

  • log in or register to post comments
Ladysimular's picture

Re: How to make userbars in GIMP

Submitted by Ladysimular on Sat, 09/05/2009 - 10:26

Much awesomeness!! Thanks!!!!!!!!!!

We demand rigidly defined areas of doubt and uncertainty!!! We want this machine off, and we want it off now!!!!!

Lady
  • log in or register to post comments

Search logos

Search site

Navigation

  • Blogs
  • Forums
  • Online users
  • Recent content

User login

  • Create new account
  • Request new password
 
  • Changelog
  • Latest releases
  • Important links
 
 
  • Changelog
  • Latest releases
  • Important links
  • Support Forum
 

Top Rated

  • google.com
  • youtube.com
  • fast dial folder
  • wikipedia.org
  • Firefox Black
  • fd folders, folders, folder
  • generic gaming logos
  • mail.google.com, gmail.com, googlemail.com
  • Carbon Fiber
  • iphone app style icon template
more

Recent Polls

  • What are you resolution of screen use
  • Which version of Fast Dial do you run?
  • How often do you visit Userlogos?
  • Which FD iPhone logo format do you find preferable
  • How many themes do you run in Fast Dial ?
more

Online users

There is currently 1 user online.
Active - 15 mins:
sijiv31759 (7 min ago)
  • Last 24 hours

Recent comments

  • Excellent article. Very
    by: sijiv31759
    5 min 16 sec ago
  • This particular papers
    by: sijiv31759
    50 min 30 sec ago
  • seoooo
    by: jameseoo
    11 hours 38 min ago
  • seoooo
    by: jameseoo
    11 hours 40 min ago
  • seoooo
    by: jameseoo
    12 hours 42 min ago
  • naeem alli
    by: wakawaka
    14 hours 16 min ago
  • Environmentally friendly:
    by: sijiv31759
    15 hours 42 min ago
  • instagram marketing bali
    by: sheriyar
    16 hours 49 min ago
more

Recent topics

  • Beauty salon and services in Dubai
  • Buy P Force fort 150mg
  • Improve Your Physical Relationship With Tadarise 20
  • click fraud prevention
  • Click fraud ad protection and prevention
  • Спортқа бәс тігу
  • Vavada
  • Conquestador
more

Top contributors

User Total user points
Mafia_Penguin 912
Deva 552
gumanov 490
jumpordie 471
Karmody 457
macleod.mac 402
ingalls 354
spaljeni 310
zigzag 290
Rog 265
Sastre 256
famecky 159
x-b 152
danger83 147
1air2philou 143
more

2008-2017 userlogos.org. All logos/images belong to their respective owners. Contact administrator.

  • Logos
  • Logo Requests
  • Themes
  • Backgrounds
  • Forums
  • Contact