in black and white
Main menu
Share a book About us Home
Biology Business Chemistry Computers Culture Economics Fiction Games Guide History Management Mathematical Medicine Mental Fitnes Physics Psychology Scince Sport Technics

Internet Explorer Construction Kit for Dummies - Clayton W

Clayton W Internet Explorer Construction Kit for Dummies - Wiley Publishing, 2005. - 388 p.
ISBN: 0-7645-7491-4
Download (direct link): internetexplorerconstruction2005.pdf
Previous << 1 .. 31 32 33 34 35 36 < 37 > 38 39 40 41 42 43 .. 84 >> Next

A golden star with two smaller globes appears in the toolbar, as shown in Figure 13-15. Notice that the layer’s transparency value of 25 allows the sunburst effect to show through. The higher this transparency value, the less of the background shows through.
136 Part III: Creating Browser Graphics
Figure 13-15:
The toolbar with the Gold Star Garland picture tube applied.
14. Add several more Gold Star Garland images (as in Step 10) to the toolbar.
15. Select the Move tool, which is the fourth tool down from the top.
16. Place the Move tool over your toolbar, on top of one of the gold stars, hold down the left mouse button, and drag the Gold Star layer to whatever position looks best.
Now you see the power of layers! Figure 13-16 shows your toolbar as it looks now.
Figure 13-16:
The toolbar with its finished gold stars.
17. Save your work.
If you’ve never saved the image before, the Save As dialog box appears, in which you must give your image a filename and select the image-format type. I suggest the .jpg image type.
You can add as many layers as you need in order to provide perfect control over the elements that make up your images.
Adding a 3-D Effect
You can add a 3-D effect to your toolbar in several ways. One is using Paint Shop Pro’s Buttonize effect (see Chapter 11 for more information on this effect), but for your toolbar, you’ll use a more subtle 3-D effect: drop shadows. To see how drop shadows work, perform the following steps:
Chapter 13: Creating Toolbars 137
Figure 13-17:
The Drop Shadow dialog box.
Figure 13-18:
The Gold Star layer with its drop shadows.
1. Select the Gold Star layer, if it isn’t selected already.
2. Choose EffectsO3D EffectsODrop Shadow.
The Drop Shadow dialog box appears (see Figure 13-17).
8 Drop Shadow 30
Presets: | Las* Used I v a* ®


ss mo* и [ва@§
Offset Vertical. Horizontal: 10 »v F Sy]

Opacity 50 Щ
BU: 5.00 t-v
£olo: ■■
П Shadow on new laye»
I OK | I Cancel | Heb |
3. In the Offset options, set Vertical to 8 and Horizontal to 8.
These options control the position of the shadows. The higher the values, the more the shadow moves away from the source graphic.
4. In the Attributes options, set Opacity to 50, Blur to 5, and Color to black.
Opacity controls the shadows’ transparency, whereas Blur controls the definition of the shadows’ edges and Color controls the shadows’ color.
5. Click OK.
Paint Shop Pro adds shadows to the Gold Star layer, as shown in Figure 13-18.
138 Part III: Creating Browser Graphics
6. Save your work.
If you’ve never saved the image before, the Save As dialog box appears, in which you must give your image a filename and select the image-format type. I suggest the .jpg image type.
If you want to make the Gold Star layer more vivid, increase the transparency setting. You can do this in the Layer pane. See that slider on the right side of the Layer pane? Drag the one for the Gold Star layer to change its transparency, as shown in Figure 13-19.
Figure 13-19:
Changing the Gold Star layer’s transparency setting.
Chapter 14
Painting Status Bars
In This Chapter
^ Creating a status bar image ^ Filling the status bar with color ^ Changing the status bar to 3-D
JШуя ost Windows applications have a status bar, where the application can display messages and status information. Your custom browser can have a status bar, too. In fact, you can create your own images to use with the status bar. In this chapter, you discover how to do just that.
Understanding Status Bar Requirements
The Browser Construction Kit expects the graphical components you use to fit a set of attributes, including a specific size and number of colors. Your status bar is no different. For the best results, create your status bar with these attributes:
Width of 784 pixels Height of 24 pixels ^ Resolution of 200 pixels per centimeter ^ Color depth of 16 million colors (24-bit color)
If you create your browser’s status bar image with a different size or resolution, you may see some distortion when you load it into your browser because the browser automatically resizes the image to fit the window. If you allow the user to resize your custom browser’s window, however, some distortion is inevitable, because the browser will resize its images to fit the new window’s size. The color depth is of utmost importance to Paint Shop Pro, because you can do more with a 24-bit image than one of a lower color depth. However, when you save your final image, you can use whatever color depth best suits your purposes.
140 Part III: Creating Browser Graphics
Starting a New Status Bar
The first step toward creating your status bar is to create a blank image of the correct resolution. (This is, in fact, the first step toward creating any original image with Paint Shop Pro.) Here’s how to get started with a new status bar:
1. Choose FileONew.
The New Image dialog box appears.
Previous << 1 .. 31 32 33 34 35 36 < 37 > 38 39 40 41 42 43 .. 84 >> Next