~~finally ... THE USERBAR GUIDE~~

Discussion in 'Graphics Resources and Discussion' started by Th4 Ub3r Qu3st3r wh0 0wnz, Mar 27, 2007.

~~finally ... THE USERBAR GUIDE~~
  1. Unread #1 - Mar 27, 2007 at 12:03 PM
  2. Th4 Ub3r Qu3st3r wh0 0wnz
    Joined:
    Feb 17, 2007
    Posts:
    449
    Referrals:
    0
    Sythe Gold:
    0

    Th4 Ub3r Qu3st3r wh0 0wnz Forum Addict
    Do Not Trade

    ~~finally ... THE USERBAR GUIDE~~

    ok people, in this tutorial i am gonna show how to make a user bar llike in my signature:).​


    this will be the result:

    [​IMG]

    requirments:

    WINDOWS XP lol
    Photoshop CS
    Visitor TT2 BRK font

    Steps:

    Step 1: A cool font
    Step 2: Installing the font
    Step 3: The creation of the userbar
    Step 4: The colors
    Step 5: Gradiant tool
    Step 6: Elliptical tool marquee tool
    Step 7: Making scanlines (pattern)
    Step 8: The logo
    Step 9: Text
    Step 10: Final touch

    -Step 1- A cool font

    we need a cool font for making our userbar, in this tut ill use this one: Visitor TT2 BRK font, you can use others ofcourse but i am gonna use this one. download it at: http://www.dafont.com/font.php?file=visitor, download it to your desktop and unzip it on your desktop too.

    -Step 2- Installing the font

    now we need to install the font you just downloadedso we can use it in Photoshop, open C:\WINDOWS\Fonts and copy the visitor1.ttf file into it. it will automaticly install.(you can copy visitor2.ttf too but that doesnt matter i installed only 1). the rest you downloaded you can delete because we arent gonna use that. now you are done with step 2;)

    -Step 3- The creation of the userbar

    now we gonna use Photoshop, open it and make a new file: 350x19 pixels.

    [​IMG]

    -Step 4- The colors

    i will make a userbar about gears of war so ima gonna use the colors red and black.

    [​IMG]

    -Step 5- Gradiant tool

    then we use the gradiant tool, make a line from the top to the bottom, you should have something like this:

    [​IMG]

    -Step 6- Elliptical tool marquee tool

    click and hold the rectangular marquee tool, 4 tools will pop-up, click on the elliptical tool marquee tool and make a selection like this:

    [​IMG]

    when you still have the selection press CTL + U , a sreen will pop-up, set the lightness to 50 % so you have a glass looking effect. then press ok lol.

    [​IMG]

    -Step 7- Making scanlines[/SIZE]

    now we gonna make new layer press CTRL + SHIFT + N, give it a name and press ok. on this layer we will apply the scanlines.
    here follows a quick guideabout making scanlines. open a new file and make it 3x3 pixels and make it transparant. click on the brushtool untill you see 2 new tools, use the pencil tool and set him on 1 pixel. first zoom the 3x3 to 1600 % and make 3 diagonal stips that should look like this:

    [​IMG]

    once you did that go to edit > difine pattern and give it a name and press ok.
    then you go back to your userbar file, go the new layer you made (it should be empty) press CTRL + A to select the whole picture and right click and press on fill.

    make sure you have these settings set!

    [​IMG]

    click on Ok and you should have something like this:

    [​IMG]

    -Step 8- The logo

    then search the logo, i will use a gears of war pic now. copy and paste it, its now in the userbar but not on the place we want it so press CTL + T so you can move the pic and reduce the size, then apply it. it should look like this:

    [​IMG]

    -step 9- Text

    now its time to add some text, ill use this: proud player of gears of war. just click on the text tool and on the option bar use the font Visitor TT2 BRK. use 12 pt so your text looks cool!!!:D. but wait we arent finished, it sucks now because its completly white. ok select the whole text and clock on that little F in the left bottom in the layer section.

    [​IMG]

    [​IMG]

    click on the F and then on stroke, make it 1 pixel and the color black, made a pic of it how it should looks like!

    [​IMG]

    now press ok and there is a nice black stroke around the text!

    [​IMG]

    -Step 10- Final touch (is not neccesery)

    this is the final touch: a black border around the userbar so its looks perfect!!:D. make a new layer by pressing CTL + SHIFT + N and press ok. then press CTL + A so the new layer is selected, go to edit > stroke
    and take over these settings:

    [​IMG]

    ( i didnt used the black border on my own sig because i dont like but you can do it if you like;))

    AND HERE IS THE RESULT OF YOUR HARD AND LONG WORK:

    [​IMG]

    now you are finished. if something was missing in the tut or you cant solve a problem please PM me or post here i would like to help you wiht it;)
     
  3. Unread #2 - Mar 27, 2007 at 12:45 PM
  4. Th4 Ub3r Qu3st3r wh0 0wnz
    Joined:
    Feb 17, 2007
    Posts:
    449
    Referrals:
    0
    Sythe Gold:
    0

    Th4 Ub3r Qu3st3r wh0 0wnz Forum Addict
    Do Not Trade

    ~~finally ... THE USERBAR GUIDE~~

    i think ima gonna add more signature guides;)
     
  5. Unread #3 - Mar 27, 2007 at 12:59 PM
  6. Kurt Cobain
    Joined:
    Nov 8, 2005
    Posts:
    901
    Referrals:
    0
    Sythe Gold:
    0

    Kurt Cobain Apprentice

    ~~finally ... THE USERBAR GUIDE~~

    gun goes under shine other wise it doesn't make sense.
     
  7. Unread #4 - Mar 27, 2007 at 1:07 PM
  8. Th4 Ub3r Qu3st3r wh0 0wnz
    Joined:
    Feb 17, 2007
    Posts:
    449
    Referrals:
    0
    Sythe Gold:
    0

    Th4 Ub3r Qu3st3r wh0 0wnz Forum Addict
    Do Not Trade

    ~~finally ... THE USERBAR GUIDE~~

    lol i didnt looked at that:p i made this sig only for the tut.

    i saw that many people needed help how to create one and thats why i made this tut. and the sig, i made the sig really fast so thats why its not perfect;)

    but ill soon edit my guide;)

    ty for your replay,

    and i dont know if this is posted before,does somebody knows if its made before?
     
  9. Unread #5 - Mar 27, 2007 at 2:48 PM
  10. Th4 Ub3r Qu3st3r wh0 0wnz
    Joined:
    Feb 17, 2007
    Posts:
    449
    Referrals:
    0
    Sythe Gold:
    0

    Th4 Ub3r Qu3st3r wh0 0wnz Forum Addict
    Do Not Trade

    ~~finally ... THE USERBAR GUIDE~~

    please check and give a review people, that would be nice so i now if ima doing good or wrong;)
     
  11. Unread #6 - Mar 27, 2007 at 4:35 PM
  12. Faskist
    Joined:
    Apr 25, 2005
    Posts:
    1,869
    Referrals:
    0
    Sythe Gold:
    0

    Faskist Tuxhead
    Banned

    ~~finally ... THE USERBAR GUIDE~~

    There's better tuts.
     
  13. Unread #7 - Mar 28, 2007 at 8:23 AM
  14. Th4 Ub3r Qu3st3r wh0 0wnz
    Joined:
    Feb 17, 2007
    Posts:
    449
    Referrals:
    0
    Sythe Gold:
    0

    Th4 Ub3r Qu3st3r wh0 0wnz Forum Addict
    Do Not Trade

    ~~finally ... THE USERBAR GUIDE~~

    really? like what then?

    i only made this because some people needed to know how to make a userbar lol:p i didnt posted all my tricks and shit;) this was only for quick.....
     
  15. Unread #8 - Mar 28, 2007 at 8:48 AM
  16. Six
    Joined:
    Jan 21, 2007
    Posts:
    1,482
    Referrals:
    4
    Sythe Gold:
    12

    Six Guru

    ~~finally ... THE USERBAR GUIDE~~

    Sorry, but ew.

    I can do better in Paint.
     
  17. Unread #9 - Mar 28, 2007 at 9:18 AM
  18. A_S_A
    Joined:
    Feb 16, 2007
    Posts:
    678
    Referrals:
    0
    Sythe Gold:
    0

    A_S_A Apprentice
    Banned

    ~~finally ... THE USERBAR GUIDE~~

    Its ok. At least people who have no clue will understand something.


    There are better, more detailed tutorials, but your result isnt that good anyway.
     
  19. Unread #10 - Mar 28, 2007 at 11:41 AM
  20. Th4 Ub3r Qu3st3r wh0 0wnz
    Joined:
    Feb 17, 2007
    Posts:
    449
    Referrals:
    0
    Sythe Gold:
    0

    Th4 Ub3r Qu3st3r wh0 0wnz Forum Addict
    Do Not Trade

    ~~finally ... THE USERBAR GUIDE~~

    nope thats true but i only made this guide for some people who didnt know how to make one;)

    its not a full guide, only some simple lines
    maybe ill make a better one ;)

    but ty anyway for your replay!:)
     
  21. Unread #11 - Mar 28, 2007 at 12:24 PM
  22. Faskist
    Joined:
    Apr 25, 2005
    Posts:
    1,869
    Referrals:
    0
    Sythe Gold:
    0

    Faskist Tuxhead
    Banned

    ~~finally ... THE USERBAR GUIDE~~

    Actually, the only userbar tutorial I can think of which is worse was maota12's.

    LAUGHABLE xD
     
  23. Unread #12 - Mar 28, 2007 at 3:25 PM
  24. Th4 Ub3r Qu3st3r wh0 0wnz
    Joined:
    Feb 17, 2007
    Posts:
    449
    Referrals:
    0
    Sythe Gold:
    0

    Th4 Ub3r Qu3st3r wh0 0wnz Forum Addict
    Do Not Trade

    ~~finally ... THE USERBAR GUIDE~~

    dude wtf is wrong with it huh???? give a reason lol, i already said that it made for basics!! dude
     
  25. Unread #13 - Mar 28, 2007 at 3:52 PM
  26. Faskist
    Joined:
    Apr 25, 2005
    Posts:
    1,869
    Referrals:
    0
    Sythe Gold:
    0

    Faskist Tuxhead
    Banned

    ~~finally ... THE USERBAR GUIDE~~

    That's an excuse.
     
  27. Unread #14 - Mar 28, 2007 at 3:55 PM
  28. Th4 Ub3r Qu3st3r wh0 0wnz
    Joined:
    Feb 17, 2007
    Posts:
    449
    Referrals:
    0
    Sythe Gold:
    0

    Th4 Ub3r Qu3st3r wh0 0wnz Forum Addict
    Do Not Trade

    ~~finally ... THE USERBAR GUIDE~~

    no lol:p it really is:p

    but give a reason why its so bad?
     
  29. Unread #15 - Mar 28, 2007 at 3:56 PM
  30. Th4 Ub3r Qu3st3r wh0 0wnz
    Joined:
    Feb 17, 2007
    Posts:
    449
    Referrals:
    0
    Sythe Gold:
    0

    Th4 Ub3r Qu3st3r wh0 0wnz Forum Addict
    Do Not Trade

    ~~finally ... THE USERBAR GUIDE~~

    lol i gotta go post it here then ill edit it ;) so it looks better to you:)
     
  31. Unread #16 - Mar 28, 2007 at 4:00 PM
  32. Faskist
    Joined:
    Apr 25, 2005
    Posts:
    1,869
    Referrals:
    0
    Sythe Gold:
    0

    Faskist Tuxhead
    Banned

    ~~finally ... THE USERBAR GUIDE~~

    Anti-aliased text, render over scanlines.

    UBs are very basic, so any crappy error should make you think twice about how careful you are being with your graphics.
     
  33. Unread #17 - Mar 29, 2007 at 7:49 AM
  34. Th4 Ub3r Qu3st3r wh0 0wnz
    Joined:
    Feb 17, 2007
    Posts:
    449
    Referrals:
    0
    Sythe Gold:
    0

    Th4 Ub3r Qu3st3r wh0 0wnz Forum Addict
    Do Not Trade

    ~~finally ... THE USERBAR GUIDE~~

    yes i know that ub are basic lol, i made this because people didnt knew;)

    i agree with you that its basic dude, because i know it is
     
< ~~how to make a simple animated picture | How do i Make User Bars? >

Users viewing this thread
1 guest


 
 
Adblock breaks this site