You are here >> Home >> Photoshop Tutorial
 
Information
Home
Terms of Usage
Site History
About Me
 
Graphic Shoppe
Backgrounds
Banners
Bookmarks
Buttons
Icons
ID Cards
Image Map
Layouts
Page Sets
Signatures
 
Tips & Tutorials
HTML Tutorials
Photoshop Tutorials
Web Design Tips
Web Hosting Tips
 
Ordering Menu
Order Form
Pick-up Window
Customer's List
 
Site Related
Credits
The FAQs
Message Board
Guestbook
Links
Club HQ
Contact Me
 
Brief Introduction


Tutorial written by : Fantasy Lavender
Email : webmistress@moonfantasy.com
Software : Adobe Photoshop 4.0 or higher
Materials : None
Level : Beginner ~ Intermediate
Printer-Friendly Version --> Download TXT ll Download DOC

Round Edged Buttons
1. Create a new 150x50 pixel image. Let the background be white temporarily.
2.


Select the Rectangular Marquee Tool. Draw a rectangular marquee on your new image. Then fill the selected area with your favorite color. I choose the color blue. Your current image should look like this one below.
3. Keep the colored area selected. Now choose Select > Modify > Smooth
4.




A smooth selection screen will pop-up. Choose a sample radius. Choose your radius according to your button size and heights. For this tutorial, I choose 10 pixels. Click the OK button when you are ready. Now, you should see a transformation in your image. The selection button has turn ellipitical. Your image should somewhat look like this one below with smooth round edge.
5. Now click CTRL+C (or Edit > Copy)
6.

Now, paste your current selection in a new image. You can either click CTRL+N or you can select FILE > New. Specify the size and dimension for your new image.
7.

Now, paste your image into your new image. For shortcut, click CTRL+V or you can also select Edit > Paste.
8.

Now you have a round-edged button. However, you feel that the button looks very simple and boring. Let's add some spicy effects to your buttons then.
9.

A simple and nice effect would be to bevel and emboss your button. The easiest way to do that is to click Layer > Effects > Bevel and Emboss.
10.


A new screen will pop-up. Select your modification there. When you are ready, click the OK button. Voila! Your new shiny button is done. Here is my end result. Your end result should look somewhat like this one below.
Congratulations! You have now learned how to create round-edged button. Feel free to download the printer-friendly version if you need a referal guide as you move along. Please also sent comments about the above tutorial to me. Thank you.

 

 

 

©Copyright 2001 MoonFantasy.Com. Layout and content created by MoonFantasy.Com.

 
v