Gimp Userbar Tutorial - Very Easy...

free web hosting
Free Web Hosting > Computers & Tech > How-To's and Tutorials > Graphics and Animation

Gimp Userbar Tutorial - Very Easy...

Snake
Hello, I will tell you how to create a nice userbar in the open-source software called GIMP.
You should GIMP 2.4.6 installed on computer, and if you don't, go to The GIMP Website.
Make sure to view a few beginner tutorials to have a basic understanding of GIMP.

This is what the finished userbar will look like:




It is very simple, and I learned it easy.
I will guide you through all the steps of making a userbar.

~ Now we will go through all the steps.

1. Open GIMP and click New(Ctrl + N) and make the size for your new image 350 by 19.
Your screen should look like this:

You can make your screen full windowed if you want.

2. Go to the tools list and click on the gradient tool.
Set your foreground color and background color.
As my foreground color, I will chose a dark green and a lighter green.
Once you have your colors are picked, make sure the gradient tool is set on the setting
'FG to BG (RGB)'

3. Once you have set your settings, with the gradient tool hold your right clicker on your mouse and drag the line
straight to the other side.
It should look somewhat like this:

Now release your right clicker on your mouse, and your colors should be in a gradient.
This is what my gradient looks like:


4. Once your gradient is set, add a new layer and name it something like "Scanlines"
It doesn't really matter.
Add Scalines to your image and go the layers window and sell the Opacity to something like 30 or whatever fits your userbar.
If you don't know how to add scanlines, Click Here.
The Scanlines on my userbar look like this:


5. Ok, your scanlines are set, now what?
Make a new layer and name it. I'll call it "toplight"
Select the Eclipse Select Tool.

Now, make a circle for the light source at the top of your userbar by holding your mouse right clicker.
Try to get it good, and not covering too much of your userbar.
When it's good, stop holding your mouse's right clicker and it should outline the area you selected.
Mine looks like this:

Now fill in the selection with white.
Then set the layer opacity to 20 or whatever fits your image.
Then go to Select -> None
My image looks like this, yours should look similar. :


6. Now, we will add the text.
Select the Visitor font.
If you don't have it download and install it on your computer and save your image as a GIMP xcf.
Restart GIMP and it will be in the font list.
It can be downloaded here.
Now, select the font tool and set the font to Visitor and the font size to about 10.
You may use a different text color.
Click where you want to add your text and type it in and click close.
My image now looks like this on the background layer:


7. If you want an image in your sigbar, read this step.
If you don't, you can skip this step.

Anyway...

Go to File -> Open and open your image.
It will appear in a new window.

Now select what you want in the image with the Free Select Tool.
Then copy the part of the image and paste it into your sigbar in a new layer.
You can move your image around and put it where you want it to be.
My signature bar now looks like this with the image on the background layer:


8. Now...

The Final Step...

The border part.

Save your image as myfirstsigbar.png (I recommend png)
and select 'Flatten Image' and save.

Then zoom in 800% and select the pencil tool with the color you want as the border.
(It's Usually Black.)
Select 'Circle(01)'
Then start pixeling your border. Hold shift for a straight line.

9. YOU ARE DONE! Yay! laugh.gif

This wonderful tutorial was made by Snake. smile.gif

 

 

 


Reply

yordan
Nice Tuto, Snake. I'll give it a try. To be honest, I don't understand why we need several layers, I would like to understand.

Reply

levimage
Cool tutorial, I always wondered about the the creating/controlling the Light like effect on objects like buttons. I guess I never bothered looking it up online. By the way, where did you get your font?

On the question, yordan, about them layers. I myself, like creating a bunch of layers. I could use the undo when I make a mistake but why do that when you have an extra layer. I'd rather create an extra layers than deal with extra files. Anyway, with the added layers, you can individual edit the various components which make up the total picture fast and effectively. From experience I created this awesome flyer for my gf's family. It turns out it was an annual event and I had to create another flyer. I just changed the text it was needed and swapped out the background picture and little tweaks. In the end I must have saved myself like half a day in created time. How do you like them apples?

Reply

Hichamej
very nice tutorial

Thanks


Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:


Searching Video's for gimp, userbar, tutorial, easy,
advertisement




Gimp Userbar Tutorial - Very Easy...



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE