vb.org Archive - Tutorial: Creating Buttons for Your Forum (Photoshop)

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.

http://www.transversegfx.com/images/...tutorial/1.jpg

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

http://www.transversegfx.com/images/...tutorial/2.jpg

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.

http://www.transversegfx.com/images/...tutorial/3.jpg

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.

http://www.transversegfx.com/images/...tutorial/4.jpg

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

http://www.transversegfx.com/images/...tutorial/5.jpg

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
https://vborg.vbsupport.ru/

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.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (7)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

X vBulletin 3.8.12 by vBS Debug Information

Page Generation 0.01145 seconds
Memory Usage 1,723KB
Queries Executed 10 (?)

More Information

Template Usage:

(1)ad_footer_end
(1)ad_footer_start
(1)ad_header_end
(1)ad_header_logo
(1)ad_navbar_below
(1)bbcode_quote_printable
(1)footer
(1)gobutton
(1)header
(1)headinclude
(6)option
(1)post_thanks_navbar_search
(1)printthread
(7)printthreadbit
(1)spacer_close
(1)spacer_open

Phrase Groups Available:

global
postbit
showthread

Included Files:

./printthread.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/class_bbcode_alt.php
./includes/class_bbcode.php
./includes/functions_bigthree.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
printthread_start
bbcode_fetch_tags
bbcode_create
bbcode_parse_start
bbcode_parse_complete_precache
bbcode_parse_complete
printthread_post
printthread_complete

Messages:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01145 seconds Memory Usage 1,723KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (7)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: