FW MX 2004 Tutorial (7): Image output

Tutorial in Fireworks, the default save format for images is. PNG file, which most likely saves the various graphic objects drawn in fireworks, cut  Southern Beak Jue Properties Miscellaneous 胄 Ⅲ mercenary  裎 to raise  brain Qiu pseudo 嗉  vinegar Yu Luo eyes to meet the eel with to  Xiang to send the banter, Su-nai- street harmonic s rose tent mark, gif animation, BMP, JPEG and so on. Let's look at the output methods and setup options for these formats in more detail.

　　1 , the output settings of the image

Options settings: In fireworks, the completion of the image, you can directly click on the toolbar "save" button to save the image as a PNG file. You can also use the "file-Export Preview" command on the menu to make a preview of the file's output, as in Figure 7-01.

Figure 7-01

Format--In this column you can choose the image format to be exported, the commonly used output format is GIF, GIF animation, BMP, JPEG, etc.

Palette--Select the palette to use for the image. The fewer colors in the palette, the fewer colors in the image, and the smaller the output image file.

Distortion--Sets the compression quality of the image. The higher the compression ratio, the greater the image distortion. In the input box after the distortion bar, you can set the maximum number of colors that the image uses.

Jitter-Replaces the color in the current palette by replacing the color pixels in the image, resulting in a missing color appearance. Dithering is especially useful when exporting images with complex blends or gradients, and exporting photo images to a 8-bit graphics file format such as GIF. But it also increases the capacity of the image file. Jitter options are available only for GIF, other 8-bit graphics file formats, and wbmp.

Color table-Displays the various colors that are used when the object is exported.

There are six tool buttons for editing colors under the color table, as shown in Figure 7-02.

Figure 7-02

Replace selected color--After selecting a color in the color table, use the tool to select a color to replace it;

Set transparency--sets a color in the color table to transparent;

Close to the page security color--strong image color close to the Web page security color, so that it is set to 256 colors on the computer web browsing will not or reduce the color jitter;

Lock Color-Locks the selected color so that it cannot be deleted or changed when you change the color palette or reduce the number of colors in the palette. When a color is locked and switched to another palette, the locked color is retained in the new palette.

Add color--Add a new color to the color table;

Remove colors--remove colors from the color table.

There are also three tools for setting image transparency on the lower left corner of the color table, as shown in Figure 7-03.

Figure 7-03

Use the first tool on the left to set a color in a color table or in a transparent color in an object. As shown in Figure 7-04, in the preview box of the image, when you click on the white part, all the white in the image becomes transparent.

Figure 7-04

Use the second, first 32 tools to add or remove transparent colors.

There is also a Drop-down menu on the right side of the three Settings image Transparency tool, as shown in Figure 7-05.

7-05

Opaque-no transparent color is set in the image;

Indexed transparency--the image we draw in fireworks is not transparent when exported to GIF format, even if the background is transparent. Therefore, before exporting, select "Indexed-color transparency" to make sure that the image is transparent when exporting the back color;

Alpha transparency--for exporting graphics with gradient transparency and translucent pixels.

Remove unused colors--remove colors that are not used in the image in the color table;

Interlaced browser display--the image is displayed in a low resolution first when viewed in the browser, and then displayed as the full resolution when the image download is finished. This option applies only to GIF and PNG file formats.

There are also two buttons in the lower-right corner of the options Card, Export Wizard and optimize to specified size, as shown in Figure 7-06.

Figure 7-06

Export Wizard-You can follow the step-by-step prompts for the wizard to choose from the surface to export the image;

Optimized to a specified size-you can set the size of the exported file yourself.

File settings: Click the File tab in the Export Preview window, as shown in Figure 7-07.

Figure 7-07

Zoom area--You can set the zoom scale and width and height of the exported image;

Export area--When you select the item, you can enter the starting coordinate directly in the X,y column and enter a width and height in the w,h column. At this point, there are six control points around the image in the preview area of the image, and you can also set the export area of the image by dragging the control points.

　　 2 , Output GIF animated

When you export a GIF animation in the Export Preview window, you can select GIF animation in the format bar in the options setting, and then click the Animation tab after you have optimized the animation settings, as shown in Figure 7-08.

Figure 7-08 (click to enlarge View)

Frame disposal--there is a trash can icon on the tab to specify the frame disposition method;

Frame delay--a clock icon on the item to set the delay time of the selected frame;

Number of frames played--in the Persistent Drop-down menu, you can set the number of times the animation file plays when it is saved as a Web page;

Crop each frame--you can crop each frame in the animation into a rectangular area, outputting only the different image regions between the frames;

Save the difference between frames--when the item is canceled, only the images that have changed between the frames are output;

When the settings are complete, click the Export button in the lower-right corner of the export Preview window, and then select the file save format and store path.

　　 3 , Output JPEG file

Because files in JPEG format are always saved and exported in 24-bit colors, they cannot be optimized by editing their palettes, as in GIF format. So when you select an image to output in JPEG format, the color table is empty. As shown in Figure 7-09.

Figure 7-09

Quality--Sets the output quality of the JPEG image. The higher the quality, the greater the document;

Smoothing--Sets the smoothness of the image surface;

Progressive Browser Display--When the item is selected, the image is displayed in a blurry way when viewed on the browser;

Sharpen the edge of the color--sharpens the edge of the image to make the image clearer.