WebBuilder101 - Making the web happen!
Need Web Dev software? Here is the place to
Flash Point
Creating Buttons

By Eddy R.
8-03-00

Let's get down to business. Fire up PhotoShop and create a new image with white background - any size will do. Go to Windows>Show Channels, create a new channel and click on it to make it active.

Channels Window

Next, select the Elliptical Marquee Tool and make a circle on the image. Then, using the Paint Bucket Tool, fill the circle with white color. Repeat this process to create another circle at the right-hand side of the image.

Elliptical Marquee Tool

Elliptical Marquee Tool

Circle on image Circle filled with White colorTwo circles

Next, select the Rectangular Marquee Tool and connect the two circles using the same technique you used to create the first circle.

Connect circles Rectangular Marquee

Now hold down the CTRL key and select the Alpha 1 channel, then go to Layers, click on the background layer to activate it and create a new layer. Finally, fill the selection with any color using the Paint Bucket Tool.

To spruce up your button, go to Layer>Effects>Bevel and Emboss, and select accordingly.

Fill selection with color Bevel and Embosse

If you want to create circular buttons really fast, simply create a new image, make a circle with the Elliptical Marquee Tool and fill it with the color of your choice, then go to Layer>Effects>Bevel and Emboss, and that's it!

Quick circular button - too easy huh?

.

 

More Resources
Learn how to use Graphics Editors
Logo Design - Tips
Creating an Image file
Adding Sparkles to Text
Drop Shadow Effect
Clouds and Lens Flare effect
Creating Transparent GIFs

Suggested Reading

Beginning Active Server Pages 3.0
JavaScript Bible
Red Hat Linux
Dreamweaver 3.0
HTML Bible



Download WB101 Wallpaper
• Web Builder 101 Wallpaper Get it!.
• Find out how to create your own Wallpaper Teach me!.
Sign up for our Newsletters
• Web Building Sign me Up!.
• Net Alert! Sign me Up!.
Need Help?
• Contact Support Click here.
• E-mail the Webmaster Click Here.
• Search Tips Click Here.

Webbuilder101.com © 1998 - 2003 Copyright and Terms of Use
Send mail to: webmaster@webbuilder101.com

» About » Support

» FAQ » What's New » MyLog

Web Builder 101 Web Builder 101 - Making the Web Happen Web Builder 101 - Making the Web Happen
.