Welcome to Egypt Forums Mark forums read | Egypt Main Page
Egypt Forums
Arabic Movies



Articles Thread, Tutorial: Creating Buttons for Your Forum (Photoshop) in vBulletin; Tutorial: Creating Buttons for Your Forum (Photoshop) Hello, This tutorial will show you how to make different shaped. Buttons. I ...

Short Link: http://forum.egypt.com/enforum/showthread.php?t=3335


Reply
LinkBack Thread Tools Display Modes
Tutorial: Creating Buttons for Your Forum (Photoshop)
 
 
The God Father
Developer's Avatar

Reply With Quote
 
Join Date: Jul 2008
Location: NDC
Posts: 5,425
09-09-2008, 08:13 PM
 
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.
Egypt.Com EnForum

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
Egypt.Com EnForum

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.
Egypt.Com EnForum

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.
Egypt.Com EnForum


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
Egypt.Com EnForum
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 Egypt.Com EnForum

Final Out come
Egypt.Com EnForum
__________________
I Love Walking In The Rain Cuz Nobody Know I'm Crying !!
 
 
 
Reply

Articles Thread, Tutorial: Creating Buttons for Your Forum (Photoshop) in vBulletin; Tutorial: Creating Buttons for Your Forum (Photoshop) Hello, This tutorial will show you how to make different shaped. Buttons. I ...

Short Link: http://forum.egypt.com/enforum/showthread.php?t=3335


Bookmarks

Tags
buttons, creating, forum, photoshop, tutorial


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

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
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Photoshop Red Skull Design Tutorial Developer Articles 0 24-11-2008 07:11 PM
Creating Buttons for Your Forum (Photoshop) Developer Articles 0 16-11-2008 07:06 PM
Photoshop space tutorial Developer Articles 0 04-11-2008 04:01 AM
Tutorial:Creating a basic Joomla! template Developer Articles 0 30-10-2008 04:19 AM