Go Back   vb.org Archive > vBulletin Article Depository > Read An Article > Graphics Articles
Reload this Page Tutorial: Creating Buttons for Your Forum (Photoshop)
FAQ Community Calendar Today's Posts Search

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

 

TransverseGFX.com
Show Printable Version Email this Page Subscription
Emfulz Emfulz is offline 08-08-2008, 10:00 PM
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.
Reply With Quote
  #2  
Old 08-10-2008, 03:11 PM
Princeton's Avatar
Princeton Princeton is offline
 
Join Date: Nov 2001
Location: Vineland, NJ
Posts: 6,693
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
good article :up:

thank you
Reply With Quote
  #3  
Old 08-17-2008, 05:29 PM
LG Alex LG Alex is offline
 
Join Date: Aug 2008
Location: Iowa
Posts: 20
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Cool tutorial Man its great.
Reply With Quote
  #4  
Old 08-17-2008, 09:55 PM
cheat-master30's Avatar
cheat-master30 cheat-master30 is offline
 
Join Date: Mar 2007
Location: Information Classified
Posts: 1,715
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
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?
Reply With Quote
  #5  
Old 08-18-2008, 04:36 PM
Alex LD Alex LD is offline
 
Join Date: Aug 2008
Location: Iowa
Posts: 68
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
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 08-18-2008, 10:44 PM
cheat-master30's Avatar
cheat-master30 cheat-master30 is offline
 
Join Date: Mar 2007
Location: Information Classified
Posts: 1,715
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Oh, okay. Just hadn't loaded the images for me, likely because some site was down or something. Looks very nice.
Reply With Quote
  #7  
Old 01-10-2009, 01:34 AM
mrcake's Avatar
mrcake mrcake is offline
 
Join Date: Jan 2009
Posts: 8
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Great stuff, thanks!
Reply With Quote
Reply

« Previous Thread | Next Thread »

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
Forum Jump


All times are GMT. The time now is 01:27 AM.

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04029 seconds
  • Memory Usage 2,253KB
  • Queries Executed 20 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_article
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (7)post_thanks_box
  • (7)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (7)post_thanks_postbit_info
  • (6)postbit
  • (7)postbit_onlinestatus
  • (7)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 
Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete