GTAStunting

General => Expression Section => General Discussion => Graphic Tutorials => Topic started by: Blaze on July 24, 2008, 07:21:04 AM

Title: Userbar Tutorial
Post by: Blaze on July 24, 2008, 07:21:04 AM: Userbar Tutorial[/color]

Today we're going to make a userbar. These are commonly used in forum signatures. This is what we will be making:

(http://i277.photobucket.com/albums/kk70/BlazeDesign/Outcome-3.png)

Step 1: Create a new document with the following information:

(http://i277.photobucket.com/albums/kk70/BlazeDesign/Sizes-1.png)

Step 2: Fill it with any colour, it doesn't matter for now. In the colour pallete, select the foreground and background colours you wish to use. I am using Black And Grey. Navigate to Blending Options > Gradient Overlay, and use these settings:

(http://i277.photobucket.com/albums/kk70/BlazeDesign/GradientSettings.png)

(http://i277.photobucket.com/albums/kk70/BlazeDesign/UserbarGradient.png)

Step 3: Now we have a background. Now it's time to move onto a logo, emblem or an image to represent the userbar. I am using the current GTAStunting logo. Paste the logo into your document, press CTRL+T, and resize and position to your liking (Be sure to hold CTRL while resizing to keep the dimensions):

(http://i277.photobucket.com/albums/kk70/BlazeDesign/UserbarLogo.png)

Step 4: Choose the Text Tool, with the font Visitor TT2 BRK (Available on Dafont.com under "Visitor". Use 13pt, with no anti aliasing. Here is what it looks like now:

(http://i277.photobucket.com/albums/kk70/BlazeDesign/UserbarText.png)

Step 5: Create a new layer (CTRL+Shift+N), and fill it with Scanlines (Click for scanline tutorial! (http://www.gtastunting.net/forums/index.php?showtopic=37977)). Change the Opacity to 40%. Here is what it should look like now:

(http://i277.photobucket.com/albums/kk70/BlazeDesign/UserbarScanlines.png)

Step 6: Using the Elliptical Marquee Tool to create the following selection:

(http://i277.photobucket.com/albums/kk70/BlazeDesign/UserbarShineSelection.png)

Fill the selection with white, and change the Opacity to 15%, and the Blending Mode to Soft Light. It should look like this:

(http://i277.photobucket.com/albums/kk70/BlazeDesign/UserbarShine.png)

Step 7: Create a new layer above everything else, press CTRL+A, then navigate to Edit > Stroke, Use 1PX - Black - Inside.

Done!. Have fun making userbars.
Title: Userbar Tutorial
Post by: Mythic on July 24, 2008, 07:29:19 AM: Use "Elliptical Marquee Tool" in order to get the selection like in "Step 6".
Title: Userbar Tutorial
Post by: StrangereQ on July 24, 2008, 07:30:50 AM: Easy, very easy for me. Look in my sig.
Title: Userbar Tutorial
Post by: Blaze on July 24, 2008, 07:34:45 AM: Who cares if it's easy for YOU, its for people who are not so confident.
Title: Userbar Tutorial
Post by: Emperatris on July 24, 2008, 07:39:25 AM: We know that it's very easy, this tutorials is for the ones that who doesn't know how to make a userbar. Thanks for the share.
Title: Userbar Tutorial
Post by: StrangereQ on July 24, 2008, 07:51:13 AM: Ok guys. My outcome

(http://i36.tinypic.com/2mpx0go.png)
Title: Userbar Tutorial
Post by: Flat Face on July 24, 2008, 07:51:15 AM: Quote from: StrangereQ
Easy, very easy for me. Look in my sig.

Lol wow you can actually make something.... lol go home douche.

nice n detailed tut.
Title: Userbar Tutorial
Post by: Smacktard on July 24, 2008, 08:01:41 AM: Quote from: StrangereQ
Ok guys. My outcome

(http://i36.tinypic.com/2mpx0go.png)
You missed the scanlines.

Yeah there's an easier way to do the elliptical marquee thing but hey, it's your tutorial.
Title: Userbar Tutorial
Post by: Lyserg on July 24, 2008, 08:29:27 AM: Nice tutorial.
Title: Userbar Tutorial
Post by: Labiloute on July 24, 2008, 08:46:49 AM: Quote from: Smacktard
Quote from: StrangereQ
Ok guys. My outcome
Title: Userbar Tutorial
Post by: вαℓυ on July 24, 2008, 09:28:50 AM: Quote from: StrangereQ
Easy, very easy for me. Look in my sig.
Yea StrangereQ, ripping other people's works should be very easy for you.
Nice tutorial dude.
Title: Userbar Tutorial
Post by: Shifftee on July 24, 2008, 09:52:04 AM: Really great tutorial, Blaze, your blazin'
Title: Userbar Tutorial
Post by: Sucre on July 24, 2008, 10:29:10 AM: Easy, plus i got other cooler ways

I'll share them soon enough.

Very nice.
Title: Userbar Tutorial
Post by: StrangereQ on July 24, 2008, 10:48:51 AM: I don't ripping! Do U want to see/check the .psd file?
Title: Userbar Tutorial
Post by: Blaze on July 24, 2008, 11:08:45 AM: Keep this shit out of my thread, keep it to PM's.
Title: Userbar Tutorial
Post by: Flyeer on July 24, 2008, 11:15:17 AM: thanks
Title: Userbar Tutorial
Post by: Butler on August 22, 2008, 08:57:02 AM: Thx! here's the result (http://img152.imageshack.us/img152/9563/homeruserbariw0.png)
Title: Userbar Tutorial
Post by: Pendji on August 22, 2008, 08:59:57 AM: ^
Title: Userbar Tutorial
Post by: Blaze on August 22, 2008, 09:02:18 AM: Bazrun, just fuck off, atleast he tried, which is more than your spamming ass can say.

Butler, you did the font wrong, it should be Visitor =]
Title: Userbar Tutorial
Post by: FIGHTER on August 22, 2008, 09:06:12 AM: thanks Blaze, Im not that good in this kind of stuff, and I will try this soon
Title: Userbar Tutorial
Post by: Pendji on August 22, 2008, 09:14:45 AM: Errr, i just laughed at the fact that he wrote homer simpson fan i suck at bars too..
Title: Userbar Tutorial
Post by: Butler on August 22, 2008, 09:14:53 AM: Quote
Butler, you did the font wrong, it should be Visitor =]

I used it :|
Title: Userbar Tutorial
Post by: Pendji on August 22, 2008, 09:22:41 AM: size should be 8 btw. my try
(http://img389.imageshack.us/img389/3889/biguglyhomaran4.png)
Title: Userbar Tutorial
Post by: Butler on August 22, 2008, 10:09:18 AM: Thx =|
Title: Userbar Tutorial
Post by: Joe on August 22, 2008, 12:16:37 PM: Looks good butler, try adding some scanlines for the finishing touches.