Tutorial Spotlight: Trendy Bevels
In this tutorial l will explain how to create those trendy bevel buttons that you see popping up all over the net.
Must See!
In this tutorial we're going to create rounded 3d buttons that look like they're popping right off of the screen. First off l'd like to point out that this is a re-write of a tutorial that was originally created for paintshop pro by a man named Brian Zimmer. This tutorial was made, with his complete consent. If you'd like to see the paintshop pro version of this tutorial, please visit his site: ZimmerTech.com. Trust me, he's got lots of great stuff to check out!
Page 1 of 1
Step 1.)
Start off by creating a new document that is 200 x 200, and fill the background with #6598CB.
Step 2.)
Create a new layer and name it 'button'. Get out the elliptical marquee tool, now hold down the SHIFT key on your keyboard (this will draw a perfect circle) and draw a circle in the middle of the canvas:
Step 3.)
Fill the selection with #F5F5F5.
Step 4.)
go to "select->modify->contract" with a setting of: 20
Here's what you should have on your screen:
Now fill this selection with #6598CB, and press CTRL + D on your keyboard to de-select.
Step 5.)
Next double click this layer, and apply the following blending options: Drop Shadow
Bevel and Emboss
Step 6.)
The only thing left to do is add text to your button. Use -, x or >> for example. Once you have it set up like you want, scale the buttons down to around 25x25...
Here's an example l made using this technique.
Hope you enjoyed this tutorial! If so, please check out our other great tutorials.
Related Tutorials: Render Layout Tutorial vol. 4: Button Creation In this tutorial you will learn how to create an entire layout by using an exsis ... CMS Buttons Learn how to create simple CMS or (Content Management System) buttons, quickly a ... Beveled Control Buttons Learn how to create 3d Control buttons that look like they're popping right off ...
Render Layout Tutorial vol. 4: Button Creation
