Buttons and gfx

Does anybody know how some of the buttons are made? Look at PixelJunction, or Forum-Forum.com/forum, or yaxay, vBForumSkins, vb.org, any of the places that have added extra button sets to make things look better. How are these buttons made?

This is the kind of art that I'm tryin to get into, but having a hard time because I'm not sure how they're made. What I'm looking for is to know what programs they're made in, and if anybody might be willing to point me to some tutorials, or even help me.

Thanks

[SilentKilla]

[Radon3k]

That's very cool, that's also anothe style I'd like to get into. You wanna teach me some of that sometime? That's awesome.

[Radon3k]

Hey Silent, you have AIM/ICQ/MSN or something I could get ahold of you on?

[Dean C]

Thats very impressive Silent

[SilentKilla]

Originally posted by Radon3k
Hey Silent, you have AIM/ICQ/MSN or something I could get ahold of you on?

I know you want to learn but I just have no time to teach and when I tryed to teach many times before it was very unsuccessful I hate to sound mean but I just don't have any time now. Here are a few suggestions.

Adobe PhotoShop(My Tips):
-Brushes http://veredgf.fredfarm.com/vbrush/thearchives2.html are found somtimes to be usefull.
-Stocks http://stock.d2.hu/ Nice thing to have Unless you take your own pics like I do somtimes.
-Use Blend Modes
^Thats All I could think of now.

[Pancreas Paul]

MAN SILENT! U never tought me how to do stuff when I was learning

[SilentKilla]

/runs

[Radon3k]

Thanks

[KingsGambit]

Almost normal postbit (trimmed ):

<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
<tr>
<td bgcolor="$post[backcolor]" width="175" valign="top" nowrap>

This is what goes on the left (username/avatar/member info/etc

</td></tr>
</table>

<td bgcolor="$post[backcolor]" width="100%" height="100%" valign="top">
<table width="100%" border="0" cellpadding="0" align="left" height="100%">

This is what goes on the right (message icon/subject/message/signature/etc.

</td></tr>
</table>

</table><br>
<!-- spacer --></td><td width="10"><img width="10" height="1" src="{imagesfolder}/space.gif" alt="">
</td></tr></table>

To not have any sperator, just make it so it's one big table, instead of two, one smaller and one larger, then manipulate the images within that, I would imagine. The images at top and bottom are another table again.
I know this might sound a little dumb, but if you have a WYSIWYG HTML editor like frontpage/dreamweaver, you could draw the tables really easily in them, then edit the code to work with vBulletin.