Doing Common Webbish Tricks

Doing Common Webbish Tricks

Unless you’re Spider-Man, creating Web pages is a complex business. But Paint Shop Pro can make some aspects of Web design much easier! This section describes two tricks that Paint Shop Pro can help you with.

Creating Buttons

Paint Shop Pro offers an effect that’s great for creating graphical buttons for Web pages. The buttonize effect makes any image (or selected part of an image) look like a raised button by shading around the edges.

Choose Effects→3D Effects→Buttonize. The Buttonize adjustment dialog box that appears offers two styles of button. Click the Solid radio button for a button that has flat sides (and then choose your color in the palette box), or choose Transparent Edge for a button with rounded sides. The Buttonize dialog box also offers three adjustments:

  • Height and Width: These controls adjust the vertical and horizontal dimensions, respectively, of the top surface of the button.

  • Opacity: Increasing opacity makes the edges of the button darker, obscuring the underlying image more.

The right preview window in the Buttonize dialog box shows the result of your choices.

Matching Image Colors To HTML Colors

You may want to match colors used in your image to colors used in the text of your Web page — or vice versa. Text colors are often given in cryptic, geekish codes called hexadecimal in the HTML code used to write Web pages. They’re written like this: #FFC0FA. These codes always begin with a # symbol, followed by six characters — digits or the letters A through F.

If you’re creating a Web page and want to match the text color to a color in your image, the Material box can help. Click the Dropper tool on the Tools toolbar and then click your chosen color. Next, click the Foreground Material box and select the Color tab. Use the HTML code at the bottom in your Web page authoring software to set the color of your text.

If you’re creating an image and want to match a color in your image to a text color, the solution is similar: Click the Material box to bring up the Material dialog box. In the HTML code value box on the Color tab, enter the HTML code you obtained from your Web page authoring tool. Click OK and your chosen color swatch now matches the HTML document’s text color.

 Python   SQL   Java   php   Perl 
 game development   web development   internet   *nix   graphics   hardware 
 telecommunications   C++ 
 Flash   Active Directory   Windows