Big Fang Entertainment Community
Hey there,

This is the BF Entertainment Community, this is for people who like music, movies, games, internet and other web-based activities. Join today and have a Blast! Register now and get huge offers.
------------------------------------------------------
Rated PG
------------------------------------------------------
Forum Management,
~Raden

You are not connected. Please login or register

[Art] User Bars Tutorial

View previous topic View next topic Go down  Message [Page 1 of 1]

1 [Art] User Bars Tutorial on Sun Jul 31, 2011 5:25 pm

Raden

avatar
[______________]
[______________]
Today we will learn how to make this:

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

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:


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.

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:


Written by snake
Edited by Base

View user profile http://blogdarulislam.wordpress.com

View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum