Register Members List Search Today's Posts Mark Forums Read

Reply
 
Article Options
Tutorial: Creating Buttons for Your Forum (Photoshop)
Emfulz
Join Date: Nov 2007
Posts: 17

TransverseGFX.com
by Emfulz Emfulz is offline 09 Aug 2008

Hello,

This tutorial will show you how to make different shaped. Buttons. I will be making a "New Thread" Button.

1. Start off by opening up photoshop and creating a new document. My size I used was 150x100 Pixels.

2. Take the "Pen tool" And make a shape similar to this one. With a black background.


3. Go to Edit>Transform>Warp. Then start moving the points to the desire shape you'd like it to look like. When done Hit Enter


4. Add a gradient over the image You can do this by going to Layers>Layer Style>Gradient Overlay Then select something similar to what I have here. Making the middle Point darker then then the others. Or you can simply use your own gradient at your own desire.


5. Adding a stroke. This will help the image form right by adding this it will also add a nice effect afterwards. Doing the same as before go to "Storke" In the layer styles panel. Then use these settings or something similar that you'd like.



6. Adding an outer glow. this is optional but I like the effects it has on Depth of the image. Again in the same Panel. Click "Outer Glow" Then be sure you have "Blend Mode" (Drop Down) set to "Normal" Then use these settings or your own.
Note: If you feel the glow is to strong you can just change the opacity

7. Add an arrow by selecting the "Pen tool" and clicking the shapes drop down menu to add an arrow similar to this
Tip: If you feel it is to big, you can alway resize by hitting "Ctrl + T" Be sure to hold the Shift key to ensure it is equally proportioned in this process

8.
I added The text using the "Helioscod" Font If you need this font please contact me and I can arrage getting it for you

Final Out come


For more tutorials. Please check out my website - TransverseGFX.com Tutorial Written for vBulletin.org. Copyrighted images are only to be used at this site.

Last edited by Emfulz; 11 Aug 2008 at 02:46..
Views: 5735
Reply With Quote
Comments
  #2  
Old 10 Aug 2008, 17:11
Princeton's Avatar
Princeton Princeton is offline
 
Join Date: Nov 2001
Real name: Joe Velez
good article

thank you
__________________
Former vBulletin.org Staff Member

Latest Articles:
Liquid Layout = Less Ad Revenue?
How to Monetize Your Site
Improve Web Page Performance
How To Write For The Web


If it needs instructions, there's room for improvement.
Give users what they actually want, not what they say they want. And whatever you do, don't give them new features just because your competitors have them!
Reply With Quote
  #3  
Old 17 Aug 2008, 19:29
LG Alex LG Alex is offline
 
Join Date: Aug 2008
Real name: Alex
Cool tutorial Man its great.
Reply With Quote
  #4  
Old 17 Aug 2008, 23:55
cheat-master30's Avatar
cheat-master30 cheat-master30 is offline
 
Join Date: Mar 2007
Location: Information Classified
Real name: cheat-master30
It's a good article, but can you upload some image examples you've made with this tutorial so I can see what the outcome is?
__________________
Proud vBulletin supporter (cheat-master30 at official forum)
DS Ultimate- A Great Nintendo DS forum-
My Nintendo DS forum covering Mario Kart DS, Super Mario 64 DS and the like. Powered by the amazing vBulletin 3.7 software.
Reply With Quote
  #5  
Old 18 Aug 2008, 18:36
Alex LD Alex LD is offline
 
Join Date: Aug 2008
Real name: Alex
Originally Posted by cheat-master30 View Post
It's a good article, but can you upload some image examples you've made with this tutorial so I can see what the outcome is?
Here is his preview he posted


Reply With Quote
  #6  
Old 19 Aug 2008, 00:44
cheat-master30's Avatar
cheat-master30 cheat-master30 is offline
 
Join Date: Mar 2007
Location: Information Classified
Real name: cheat-master30
Oh, okay. Just hadn't loaded the images for me, likely because some site was down or something. Looks very nice.
__________________
Proud vBulletin supporter (cheat-master30 at official forum)
DS Ultimate- A Great Nintendo DS forum-
My Nintendo DS forum covering Mario Kart DS, Super Mario 64 DS and the like. Powered by the amazing vBulletin 3.7 software.
Reply With Quote
  #7  
Old 10 Jan 2009, 03:34
mrcake's Avatar
mrcake mrcake is offline
 
Join Date: Jan 2009
Great stuff, thanks!
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Article Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 02:54.

Layout Options | Width: Wide Color: