GrafX-Design.com

 tutorials | resources | inspiration 

Earn money with your website
This web site is earning money... isn't yours? Read our article on Making Money on the Web with Google AdSense or click the image below to get started earning money with your web site.
Better Web Browsing!
If you need:
  • Better browsing...
  • Faster browsing...
  • More secure browsing!
You need to...

Web Hosting

Over time GrafX-Design.com has had to relocate itself a number of times due to growth, etc. Eventually we came across pair Networks. Pair Networks was recommended to us many years ago and now we'd like to recommend them to you. If you need reliable web hosting, then you need Pair!

Xara 3D

Create amazing, high-quality 3D graphics easily!

Read our review of Xara 3D 6 or click the graphic below to download a free trial version.

Virtual Training Company

Video-based learning at its best

Over 45,000 online tutorials, over 300 topics on CD.

View free demos online...



Adobe Software

ACDSYS Software

Coffee Cup Software

If you need to create or maintain a Web site, then you need...

Click Here for CoffeeCup Website Design Software

Free Trial Download!

Free Google Software

Your Ad Here!

Enlighten 3.5 million annual visitors as to why they NEED your product or service. Find out more here.

Free Breast Cancer Handbook
Breast Cancer Survival 101
 

Paint Shop Pro Tutorials -- Yahoo!TM Style Buttons



Creating Yahoo!TM Style Buttons with Paint Shop Pro


I've had such a heavy amount of e-mail asking how the Yahoo!TM buttons are done that I've decided to put up a tutorial on them. In fact, I've had so many requests that I'll be writing tutorials for Photo shop and Corel DRAW!, as well.

The buttons are actually quite easy to create. The truth is that they're really just a variation of the spheres in tutorial 11.

Open a new 200x200x16.6 million color image in Paint Shop Pro. You can shrink it down later which will actually smooth it out a little.

Set the foreground color to black and the background color to white.

Select the Selection tool and set the Selection Type to Circle and the Feather to 3.

Draw a circular selection that mostly fills the image.

Select the Flood Fill tool and set the Fill Style to Linear Gradient.

Click the Options button and set the direction to 135 degrees.

Click anywhere in the selection to fill it with the linear gradient (see figure 15.1).

figure 15.1
figure 15.1



Select the Selection tool again and draw another smaller circle inside of the filled circle (see figure 15.2).

figure 15.2
figure 15.2



Select the Flood Fill tool again and set the foregound color to white and choose a background color that you'd like the button to be. I chose a shade of blue.

Set the options for the Flood Fill as follows:

  • Match Mode: None
  • Tolerance: 0
  • Fill Style: Sunburst Gradient
Click the Options button and set the Vertcal to 75% and the Horizontal to 25%.

Click anywhere in the selected area to fill it with the Sunburst Gradient (see figure 15.3).

figure 15.3
figure 15.3



All that's left, of course, is to add some clip-art to the button, shrink it down to the size you want and save it as a web-ready GIF or JPG.

Figure 15.4 shows my finished "Yippee!" button.

figure 15.4
figure 15.4






That's it.... Be sure to check out some of our other Paint Shop Pro tutorials.


High Quality video-based tutorials

...with over 300 different titles, all taught by professionals. Learn any application in a fraction of the time right from your own desktop. This unique method offers accelerated learning and a high retention rate. Here are a couple of topics that you might find interesting. View free demos of the courses using one of the links listed below.
Corel Paint Shop Pro X Essentials Paint Shop Pro 7 Tutorials


Previous Paint Shop Pro Tutorial Paint Shop Pro Tutorials Next Paint Shop Pro Tutorial
[Previous Tutorial]  [Paint Shop Pro Tutorials]  [Next Tutorial]


If you own a digital camera and you're anything like me, you have thousands of digital photographs. It's great having all of your photos at hand, but how do you catalog them? What if you're looking for a specific image? No problem... Help yourself, and GrafX-Design by downloading Google's photo software.



Create really cool 3D graphics!
Read our Xara 3D 6 review
or click the graphic below to
download a free demo.



We'd like to hear from you... If there are any Paint Shop Pro techniques you'd like to see covered, send us an e-mail.


I don't mind telling you that we have the very best Web hosting provided by pair Networks.
GrafX-Design.com



Comments/Questions   ||   Copyright © 1996-2007 GrafX-Design.com -- All rights reserved   ||   Privacy