![]() |
|
Article Options |
Tutorial: Creating Buttons for Your Forum (Photoshop)
by
![]() 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. No members have liked this post.
Last edited by Emfulz; 11 Aug 2008 at 01:46.. |
Views: 6211
|
Comments |
#2
|
||||
|
||||
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! No members have liked this post.
|
#3
|
|||
|
|||
Cool tutorial Man its great.
No members have liked this post.
|
#4
|
||||
|
||||
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. No members have liked this post.
|
#5
|
|||
|
|||
Originally Posted by cheat-master30
Here is his preview he posted![]()
![]() No members have liked this post.
|
#6
|
||||
|
||||
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. No members have liked this post.
|
#7
|
||||
|
||||
Great stuff, thanks!
No members have liked this post.
|
![]() |
«
Previous Article
|
Next Article
»
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
Article Options | |
|
|
New To Site? | Need Help? |
All times are GMT. The time now is 17:14.