TLoKH
Hey there! Login in through here!
Search
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
» Open Broadcaster Software - Settings for streaming?
Sat Jan 07, 2017 1:16 pm by Roxas

» COLLEGE ORGANIC CHEMISTRY - OXIDATIVE REACTIONS
Wed Nov 02, 2016 5:09 pm by Link

» TLoKH's Official Zelda Channel
Wed Sep 30, 2015 9:47 am by Link

» Do Not Buy Black Ops III [Video]
Sun May 31, 2015 2:04 am by Link

» Dragon Ball Z BT3 - ISO [U]
Sun Jan 11, 2015 12:18 am by Link

» Skyward Sword (U) - ISO
Sun Dec 14, 2014 3:42 am by Link

» Fire Emblem Path of Radiance (U) - ISO
Sat Dec 13, 2014 5:10 pm by Roxas

» Fire Emblem Path of Radiance (U) - ISO
Sat Dec 13, 2014 5:10 pm by Roxas

» Metroid Prime (U) - ISO
Sat Dec 13, 2014 5:08 pm by Roxas

Navigation
 Portal
 Index
 Memberlist
 Profile
 FAQ
 Search
Affiliates
Poll

Which is better, Link (Melee) or Link (Brawl)?

50% 50% [ 5 ]
50% 50% [ 5 ]

Total Votes : 10

Top posters
Link (1429)
 
Roxas (657)
 
VentusXII (466)
 
Saria (331)
 
Amy (223)
 
VanitasXII (196)
 
Rebecca (127)
 
FaytKHZ (123)
 
Kirby9723 (56)
 
StarOcean3FanGirl (41)
 

Top posting users this week

Most active topic starters
Link
 
Roxas
 
VentusXII
 
Saria
 
Amy
 
Link1
 
FaytKHZ
 
VanitasXII
 
Rebecca
 
Kirby9723
 

Top posting users this month


GIMP - Userbar Tutorial

View previous topic View next topic Go down

GIMP - Userbar Tutorial

Post by Link on Sat Aug 20, 2011 10:28 am

Hi there guys. Today, I am going to try and teach you how to make a userbar. Its rather simple, but this tutorial shows you some things you can add to make it look better.

This is what the end result will look like. If you get a little stuck on this tutorial, you can always download the .XCF file to help you.



OK, to start, open up a new project with the dimensions 350 wide x 19 high pixels.



Now select you gradient tool. Set your foreground and background colour
to something that matches the picture that you are planing to use. Set
the gradient to "FG to BG".



Now drag the gradient across the userbar. Hold Ctrl to get a straight
line. You can also drag it down instead of across. See what looks better
on yours.





OK, we are now going to add some scanlines. If you haven't already made
or don't know how to use scanlines, simply go to Filters > Distorts > Video > 3x3 (Additive). [Tidbit added by Alison]
Make a new layer and add the scanlines, see the tutorial listed above
for more details on how to do this. You will get something like this.



I then lowered the layer opacity to 35. You can do what you think looks the best. It should look like this now.



Now click on the elliptical marquee tool.



Make a new layer and make a elipse from one corner to the other. Make it stretch just under half way of the userbar.



Fill it with the colour white.



This gives the userbar a 3D effect. Lower the opacity to around 50.



Now for an image. I am going to use this one.



Open up your image in The GIMP. If its to big, you may have to resize it. Make a new layer and paste it in.



Now we need the userbar font. If you haven't already got it, you can download it here. Two fonts are included but we are only going to use the one called "Visitor TT1 BRK".

With the font Visitor TT1 BRK type out with a font size of 10, what you
want to say, in white onto your userbar. Move it about untill you are
happy.



Right click on your text layer and choose "Alpha to Selection"



Now create a new layer and place it under the other text layers. Call it something like "Black".



Then go to Select ---> Grow, and grow the selection by 1px. Then bucket fill it with black.



Now for a border. Create a new layer and select all (Ctrl + A). Go to, Edit ---> Stroke Selection.



Put in these settings. Make sure your foreground colour is black.



Save your image, I prefer the PNG format, and your done!

Thanks for reading my tutorial. I hope you liked it. Here is another outcome that I came up with.



Using a this picture instead of using the gradient tool I came up with this. This is just another idea of what you can do with this tutorial.



Hungry for more? I have made a new tutorial showing you how to animate
your collection of userbars into one image! You can view the tutorial by
clicking here.

_________________








サリアは本当にきれいです。YES OR NO?
avatar
Link
Administrator
Administrator

Male Posts : 1429
Join date : 2010-06-22
Location : At home, ATM.

http://youtube.com/525058

Back to top Go down

Re: GIMP - Userbar Tutorial

Post by Alison on Sun Aug 21, 2011 12:43 am

Glad you could use that tutorial! I'm not big on graphics or anything so I can't really help you out, sorry.

_________________

Alison
Moderator
Moderator

Female Posts : 32
Join date : 2011-08-17

Back to top Go down

Re: GIMP - Userbar Tutorial

Post by VanitasXII on Sun Aug 21, 2011 1:26 am

Whoa, neat tutorial! I can see Link doing some relly nifty things in the future! /hunch
avatar
VanitasXII
Differential Member
Differential Member

Male Posts : 196
Join date : 2010-06-19

Back to top Go down

Re: GIMP - Userbar Tutorial

Post by Link on Wed Aug 24, 2011 8:05 am

A hunch well had, my friend. inb4 Mercs3D in the futures? :3

_________________








サリアは本当にきれいです。YES OR NO?
avatar
Link
Administrator
Administrator

Male Posts : 1429
Join date : 2010-06-22
Location : At home, ATM.

http://youtube.com/525058

Back to top Go down

Re: GIMP - Userbar Tutorial

Post by VanitasXII on Sun Sep 11, 2011 7:37 pm

Mercs3D in teh futures? omgnowai
avatar
VanitasXII
Differential Member
Differential Member

Male Posts : 196
Join date : 2010-06-19

Back to top Go down

Re: GIMP - Userbar Tutorial

Post by Roxas on Sat Sep 17, 2011 5:57 pm

I did this using a jacked Link's artwork


_________________
Lethologica: Inability to remember the word you want to use.
Hypocorism: A nickname, talking like a baby when you're an adult, the usage of a nickname.
Convivial:Friendly, agreeable, jovial, etc.

Screw Toad, Wario, Peach, DK, Luigi, Bowser, and anyone else who beat me in Mario Kart DS.
avatar
Roxas
Administrator
Administrator

Male Posts : 657
Join date : 2010-06-23
Location : THAT WON!

Back to top Go down

Re: GIMP - Userbar Tutorial

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top

- Similar topics

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