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

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 .. 27 28 29 30 31 32 < 33 > 34 35 36 37 38 39 .. 84 >> Next

114 Part III: Creating Browser Graphics
Starting a Skin
The previous section covers the size and resolution requirements for creating a custom browser skin. The following steps lead you through the creation of such an image:
1. Choose FileONew.
The New Image dialog box appears, as shown in Figure 12-1.
Figure 12-1:
The New Image dialog box with the appropriate settings for a browser skin.
2. Using the drop-down list, set the Units box to Pixels.
3. Change the width to 784.
4. Change the height to 559.
5. Set the resolution to 200 Pixels/cm.
This option is probably already set to this value.
6. Make sure that the Raster Background option is selected.
7. Set the Color Depth box to 16 Million Colors.
Again, this option is probably already set to this value.
8. Make sure that the Color box is set to white and the Transparent option isn’t selected.
9. Click OK.
Paint Shop Pro creates a blank image for your new background, as shown in Figure 12-2.
Chapter 12: Painting Skins 115
Figure 12-2:
The new skin image’s window in Paint Shop Pro’s work area.
10. 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.
Filling a Background with a Texture
A plain white background isn’t too exciting for a browser skin. (Talk about stating the obvious!) Paint Shop Pro can help you make the background more stimulating in a number of ways. One of the easiest fixes is to add a textured fill to the image. Follow these steps to get the job done:
1. In the toolbox on the left of the window, select the Flood Fill tool.
This tool looks like a tipped paint bucket. The Flood Fill tool’s settings appear in the toolbar, as shown in Figure 12-3.
2. In the Flood Fill tool’s attributes, make sure that Match Mode is set to RGB Value.
116 Part III: Creating Browser Graphics
Figure 12-3:
The Flood Fill tool’s attributes.
“3° *3
- - :v
3. Set Tolerance to 0.
4. Set Blend Mode to Normal.
5. Set Opacity to 100.
6. Click the foreground color box in the Materials pane.
The Material dialog box appears.
7. In the upper-right portion of the dialog box, select the Texture option.
Paint Shop Pro enables the Texture settings. With textures, you can add textured fills to your images, which are often better suited for filling large areas, rather than just using a blah, single color.
8. In the texture drop-down list, select the Crumpled Paper 02 texture, as shown in Figure 12-4.
The Crumpled Paper texture adds an attractive pattern to your background.
9. On the Color tab, select the color you want to use for the fill.
The Current box, to the right of the colors, shows the selected color with the texture applied.
10. Click OK to finalize your settings and to close the dialog box.
Your texture and color appear in the foreground color box.
11. Place the Flood Fill tool over the blank image and click.
Paint Shop Pro fills the image with the color and texture you selected, as shown in Figure 12-5.
12. 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.
Chapter 12: Painting Skins 117
Figure 12-4:
Choose your texture.
Figure 12-5:
The new image filled with the selected texture.
£lte £dil yinvv I r ti.1 tji • Hfocls Adjust
^jolnclions Window Help
Ovaerr-
-I ™ :•
Mati
Materials
Overview - 3 x
-*► Preview I 0 Info
■*
Яээс Ft -od
И AtmForc«y«rti
Right d<*
•in' Ftvnjrrtrri
In mien
118 Part III: Creating Browser Graphics
Filling a Background with a Pattern
Textured backgrounds can be just what you need, but often you may want to use an image not available in the texture choices. Using a pattern fill is similar to using a texture fill, but gives you a different set of options. The following steps demonstrate how to create a background using patterns.
The main difference between a texture and a pattern is that, with a pattern, you can’t select a color. Instead, your pattern fills the image using the same colors that the pattern uses. As such, this fill technique is much like filling your image with a photograph. You can combine a pattern with a texture to accomplish an even wider range of fill effects. Figure 12-6, for example, shows the Crumpled Paper 02 texture combined with the Diamond Plate Flat pattern. Note that the fill still takes on the pattern’s colors.
Figure 12-6:
Combining textures and patterns.
1. Create a new 784 x 559 image.
If you’ve forgotten how to do so, see “Starting a Skin,” earlier in this chapter.
2. Select the Flood Fill tool.
The Flood Fill tool’s settings appear in the toolbar.
3. In the Flood Fill tool’s attributes, make sure that Match Mode is set to RGB Value.
Chapter 12: Painting Skins 119
Figure 12-7:
The Material dialog box.
Previous << 1 .. 27 28 29 30 31 32 < 33 > 34 35 36 37 38 39 .. 84 >> Next