Disipal Network  
Go Back   Disipal Network > Tutorials > Photoshop


Reply
 
LinkBack Thread Tools Display Modes
Old 05-17-2009, 10:45 AM   #1 (permalink)
Administrator
 
Disipal's Avatar
 
Join Date: Mar 2009
Location: Athens (Greece)
Posts: 220
Send a message via MSN to Disipal Send a message via Skype™ to Disipal
Default Satin Glowing Button

In this tutorial, we will learn to use Photoshop to create a glowing satin style button to use for your web design projects.

Step-By-Step:


1. Open a new document in Photoshop. Make sure the new document is the right size for the button that you plan to make. I would recommend choosing 300x300 width/height.
2. Select the Rounded Rectangle Shape Tool and make sure the radius settings for the corners are around 15.
3. Draw onto your canvas the button dimensions that you want.



4. Open the Layers Styles for the button layer.
5. Change the “Outer Glow” properties to the following:



6. Change the “Inner Glow” properties to the following:



7. Change the “Bevel and Emboss” properties to the following:



8. Change the “Contour” properties to the following:



9. Change the “Satin” properties to the following:



10. Change the “Cover Overlay” properties to the following:



11. Press OK and you should now have the following image:



12. All you need to do now is select the Type Tool and add some text to the Satin Glowing Button and you're done!

Disipal is offline   Reply With Quote
Reply

Bookmarks

Tags
button, glowing, satin


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


All times are GMT. The time now is 12:30 PM.

Powered by vBulletin® Version 3.8.4. Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Skin designed by Disipal