How to make userbars - Free tutorial.

Discussion in 'Graphics Resources and Discussion' started by TC 92, Nov 2, 2007.

How to make userbars - Free tutorial.
  1. Unread #1 - Nov 2, 2007 at 3:09 PM
  2. TC 92
    Joined:
    Aug 20, 2007
    Posts:
    319
    Referrals:
    0
    Sythe Gold:
    0

    TC 92 Forum Addict

    How to make userbars - Free tutorial.

    After quite a long time of making userbars for myself and others, I decided that I should share my knowledge and make a free for all tutorial to help all budding userbar makers in the Sythe community ;). I have aimed to make an informative, yet relatively simple guide for the novice userbar maker. All you really need is a program such as fireworks or photoshop by adobe, free trials of these are available at www.adobe.com. So if you want to learn how to create an effective looking userbar, read on...

    For this tutorial I will assume that you are using Adobe Fireworks. However if you are not, the steps are pretty much the same.

    Step 1: Open up a new fireworks document with the dimensions 350 pixels wide and 19 pixels high. Set the canvas colour to "transparent:"
    [​IMG]

    Step 2: Next, make a rectangle of the same size as your document. You can do this by typing in the box outlined in red in my picture. Set X and Y values both to 0. You should now have the same situation as in the picture:
    [​IMG]

    Step 3: Now fill your rectangle with your favourite colour! I have used red monotone for this tutorial, but more advanced users may wish to make 2 tone userbars. Do not change anything but the colour at this point!:
    [​IMG]

    Step 4: Next up is to choose a pattern for your userbar by clicking the drop down "Texture" bar. My personal favourites are diagonal patterns, but anything goes with a userbar! Once you have decided on the pattern, set the numerical value to 50:
    [​IMG]

    Step 5: Not a step as such, but this is roughly how your userbar should look... If it doesn't, go back and read steps 1-4 again!:
    [​IMG]

    Step 6: Now it's time to give your userbar a shiny effect. Use the elipse tool to make an elipse as long as the userbar, maybe slightly longer. Fill it white and move it around on the top of the userbar until it looks right:
    [​IMG]

    Step 7: Now to make it look properly shiny. Select the elipse you have just made, and change the edge drop down bar to "Feathered" and the number to "30" (Does not have to be this, but it's how I do it.. experiment to find a shine you like...) :
    [​IMG]

    Step 8: Time to add text. Make a text box using the text tool, and set text size to 12 and the colour to white. The font you should use is "Visitor TT2 (BRK), aligned to the right. If you do not have this text it can be downloaded from various sites (I got mine from www.fontstock.net. Once downloaded, simply go to control panel, find font options and drag the download into the font list.) Once your screen looks like the one below, continue...:
    [​IMG]

    Step 9: On the "Assets" menu, change the font format to the one I have enlarged in the picture (the big ABC) and change the first colour to white, the second to black. Make it bold if you wish. Then type in what you want your userbar to say. Yep, it's that simple... even I can do it...:
    [​IMG]

    Step 10: You now need to find your image(s). If RS related, I use www.runehq.com. If not, google images does the trick. Save it to your images. Then, Go to file>import and then select the image(s) you want to use. Size the image to the size you want it to be on your userbar. If you want more than one, once all sized up, copy and paste the image and move it around. If more than 1 image is desired, simply repeat this step:
    [​IMG]

    Step 11: Your userbar is now complete and you are officially 1337! Admire your work...

    [​IMG]

    Hope you like this tutorial... will be making a similar one for orbs soon.
     
  3. Unread #2 - Nov 2, 2007 at 3:13 PM
  4. TC 92
    Joined:
    Aug 20, 2007
    Posts:
    319
    Referrals:
    0
    Sythe Gold:
    0

    TC 92 Forum Addict

    How to make userbars - Free tutorial.

    Jeez that takes ages to load.. how I change that?
     
  5. Unread #3 - Nov 4, 2007 at 10:57 AM
  6. Fire c4p3 FTW
    Joined:
    Jun 22, 2007
    Posts:
    254
    Referrals:
    0
    Sythe Gold:
    0

    Fire c4p3 FTW Forum Addict

    How to make userbars - Free tutorial.

    nice guide

    very helpful :)
     
  7. Unread #4 - Nov 4, 2007 at 5:28 PM
  8. Fro
    Joined:
    Oct 12, 2007
    Posts:
    281
    Referrals:
    0
    Sythe Gold:
    0

    Fro Forum Addict
    $5 USD Donor

    How to make userbars - Free tutorial.

    Pretty good tutorial
     
  9. Unread #5 - Nov 4, 2007 at 9:11 PM
  10. Raunch It K
    Joined:
    Mar 12, 2007
    Posts:
    2,236
    Referrals:
    0
    Sythe Gold:
    0

    Raunch It K Grand Master
    Banned

    How to make userbars - Free tutorial.

    nice. works.

    GOOD GUIDE.
     
  11. Unread #6 - Nov 6, 2007 at 4:25 PM
  12. TC 92
    Joined:
    Aug 20, 2007
    Posts:
    319
    Referrals:
    0
    Sythe Gold:
    0

    TC 92 Forum Addict

    How to make userbars - Free tutorial.

    Thanks :)
     
  13. Unread #7 - Nov 8, 2007 at 9:42 AM
  14. LostKamper
    Referrals:
    0

    LostKamper Guest

    How to make userbars - Free tutorial.

    Nice tutorial, but I don't got Fireworks. :p

    Just a question. Why is your name TC 92?
     
  15. Unread #8 - Nov 11, 2007 at 10:11 AM
  16. agent766
    Referrals:
    0

    agent766 Guest

    How to make userbars - Free tutorial.

    This should work in GIMP. I'm going to try later
     
  17. Unread #9 - Nov 11, 2007 at 2:41 PM
  18. Scream me a lovesong
    Joined:
    Jul 29, 2007
    Posts:
    517
    Referrals:
    0
    Sythe Gold:
    0

    Scream me a lovesong Forum Addict
    Banned

    How to make userbars - Free tutorial.

    :O ill make a new latah thank you
     
  19. Unread #10 - Nov 11, 2007 at 7:25 PM
  20. Bosnian Legend
    Joined:
    Nov 6, 2007
    Posts:
    292
    Referrals:
    0
    Sythe Gold:
    0

    Bosnian Legend Forum Addict

    How to make userbars - Free tutorial.

    Were do I get the adobe fireworks I don't feel like registering for an account to download the free trial.
     
  21. Unread #11 - Nov 13, 2007 at 11:26 AM
  22. my_p_hat
    Joined:
    Oct 8, 2007
    Posts:
    504
    Referrals:
    0
    Sythe Gold:
    0

    my_p_hat Forum Addict
    Banned

    How to make userbars - Free tutorial.

    Very nice keep it up + good its stickied so it wont move from my sight lol
     
  23. Unread #12 - Nov 15, 2007 at 6:41 PM
  24. [Jennah]
    Joined:
    Oct 6, 2007
    Posts:
    548
    Referrals:
    0
    Sythe Gold:
    0

    [Jennah] Forum Addict

    How to make userbars - Free tutorial.

    I cant find the elipse tool =\
     
  25. Unread #13 - Nov 15, 2007 at 6:55 PM
  26. adam000
    Referrals:
    0

    adam000 Guest

    How to make userbars - Free tutorial.

    finally i find a guide on how to make these, thanks!
     
  27. Unread #14 - Nov 17, 2007 at 7:49 PM
  28. ballinstevie12
    Joined:
    Aug 17, 2007
    Posts:
    168
    Referrals:
    1
    Sythe Gold:
    0

    ballinstevie12 Active Member
    Banned

    How to make userbars - Free tutorial.

    sounds like helpful guide
    im gonna go make some

    is there a place to get fireworks without regitering for account at adobe?

    let me kno in msn
     
  29. Unread #15 - Nov 17, 2007 at 11:12 PM
  30. Mr_dukkie
    Joined:
    Nov 7, 2007
    Posts:
    139
    Referrals:
    0
    Sythe Gold:
    0

    Mr_dukkie Active Member

    How to make userbars - Free tutorial.

    Wow, amazing guide! Sticky plzkthx

    Now to see if I have fireworks...
     
  31. Unread #16 - Nov 18, 2007 at 8:04 AM
  32. 5n4k3
    Joined:
    Jan 21, 2007
    Posts:
    65
    Referrals:
    0
    Sythe Gold:
    0

    5n4k3 Member
    Banned

    How to make userbars - Free tutorial.

    the userbar isnt really how it should be but still nice guide

    and you made the guide in CS3 some ppl got CS2

    heres one of my works using a diff guide on CS2 (this was my first userbar and i didnt have any other text at the time)

    this is for a different forum

    [​IMG]
     
  33. Unread #17 - Nov 19, 2007 at 7:35 PM
  34. big stevie
    Referrals:
    0

    big stevie Guest

    How to make userbars - Free tutorial.

    this is nice
    im confused about photoshop could some1 add my msn and help me

    [email protected]
     
  35. Unread #18 - Nov 20, 2007 at 6:39 AM
  36. adoniss23
    Joined:
    Apr 5, 2007
    Posts:
    313
    Referrals:
    0
    Sythe Gold:
    0

    adoniss23 Forum Addict
    Banned

    How to make userbars - Free tutorial.

    thanks bro .. im going to do one right now
     
  37. Unread #19 - Dec 14, 2007 at 6:53 AM
  38. f0rg0t
    Joined:
    Dec 14, 2007
    Posts:
    88
    Referrals:
    0
    Sythe Gold:
    0

    f0rg0t Member
    Banned

    How to make userbars - Free tutorial.

    Great Tutorial Man :d
     
  39. Unread #20 - Dec 14, 2007 at 10:10 AM
  40. .MasterChief
    Joined:
    Dec 9, 2007
    Posts:
    156
    Referrals:
    0
    Sythe Gold:
    0

    .MasterChief Active Member
    Banned

    How to make userbars - Free tutorial.

    love it:) u also got one of a orb?
     
< [TUT] Making a Basic Signature | how do i make my sig bigger? >

Users viewing this thread
1 guest


 
 
Adblock breaks this site