第14章Fireworks简介-YS.pptVIP

14.3.1 图像的优化与导出 14.3.2 切片的应用 14.3.3 创建Gif动画 14.2 Fireworks进阶 　　（一）优化图像 　　1．打开一个Fireworks文档。 　　2．单击菜单栏中的“窗口”|“优化”命令，打开“优化”面板，如左图所示。 　　3．单击优化面板上方的下拉列表，有7种内置的优化类型，如选择其中的“接近网页256色”如图右所示。 　　4．单击画布上方的“预览”按钮，查看优化效果。如果对效果不满意，可以重新设置优化参数。 14.3.1 图像的优化与导出 14.2 Fireworks进阶 　　（二）导出图像 　　１．使用“导出”命令导出图像的操作为： 　　（1）打开一个Fireworks文档，在优化面板设置参数，对图像进行优化。 　　（2）单击菜单栏中“文件”|“导出”命令，打开导出对话框。 　　（3）在对话框设置保存路径，文件名。 　　（4）单击“导出”按钮，图像按优化的文件格式导出。 14.3.1 图像的优化与导出 14.2 Fireworks进阶 　　2．使用导出向导 　　（1）打开一个Fireworks文档。 　　（2）单击菜单栏中“文件”|“导出向导”命令，打开“导出向导”对话框，如图。 14.3.1 图像的优化与导出 14.2 Fireworks进阶 　　（3）在对话框中，勾选“选择导出格式”，勾选“目标导出文件大小”并设置大小。 　　（4）单击“继续”按钮，打开对话框，如图所示。 　　（5）选择图形用在哪里，如选择Dreamweaver。 14.3.1 图像的优化与导出 14.2 Fireworks进阶 　　（6）单击“继续”按钮，打开“分析”对话框，如图所示。 14.3.1 图像的优化与导出 14.2 Fireworks进阶 　　（7）单击“退出”按钮，打开“图像预览”对话框如图所示。 14.3.1 图像的优化与导出 14.2 Fireworks进阶 　　（8）在对话左侧设置导出格式及参数，右侧是图像预览。 　　（9）预览满意后，单击“导出”按钮，设置导出的路径及文件名即可。 14.3.1 图像的优化与导出 14.2 Fireworks进阶 　　（一）创建切片 　　Fireworks提供了矩形和多边形两种切片工具，下面以创建矩形切片为例，创建切片的操作为： 　　1．打开Fireworks，导入一幅图像。 　　2．在“工具”面板上，单击矩形切片工具按钮，鼠标变为“+”，在图像上拖动出两个矩形切片区域。如图所示。 14.3.2 切片的应用 14.2 Fireworks进阶 　　（二）编辑切片 　　1．选择切片。可以利用“工具”面板上的“指针”和“部分选定”，单击来选择切片。 　　2．删除切片。选择要删除的切片，按删除键（Del）可以将切片删除。 　　3．移动切片。选择切片后利用鼠标拖动或使用方向键可以移动切片。 　　4．调整切片大小。拖动切片的辅助线或拖切片四角的控制点可以调整切片的大小。 14.3.2 切片的应用 14.2 Fireworks进阶 　　（三）导出切片 　　1．打开己创建切片的Fireworks文档（如图14.42的切片文档）。 　　2．单击菜单栏中“文件”|“导出”命令，打开“导出”对话框。 　　3．设置保存路径，文件名，在“HTML”下拉列表中选择“导出HTML文件”，在“切片”下拉列表选择“导出切片”，单击“选项”按钮，从弹出的“HTML设置”对话框中选择用于接受生成结果的目标程序（如图所示）。 14.3.2 切片的应用 14.3 Fireworks进阶 　　4．单击“确定”按钮，返回“导出”对话框。 14.3.2 切片的应用 14.3 Fireworks进阶 　　5．在导出对话框中，单击“导出”按钮完成导出。 导出切片，会自动生成一个HTML文档和若干个Gif图像文件。在“我的电脑”打开刚才保存切片的文件夹查看HTML文件和图像文件。 14.3.2 切片的应用 14.3 Fireworks进阶 防止切片被撑破 防止切片被撑破 防止切片被撑破 　　（一）帧面板 　　单击菜单栏中“窗口”|“帧”命令打开帧面板，如图所 14.3.3 创建Gif动画 14.3 Fireworks进阶 　　（二）创建Gif动画 　　1．准备多个一系列的相同大小的图像放在一个文件夹中。 　　2．单击菜单栏中“文件|打开”命令,打开“打开”对话框 　　3．选择多个准备好的图片，选中“以动画打开”复选框，单击打开。 　　4．自动建立一个新的文档，每一幅图片为动画的一帧，帧面板如图所示。 　　5．单击菜单栏中“文件”|“保存”命令，保存文件（需在保存对话框上选 [选项]按钮，再进行动画文件保存） 14.3.3 创建Gif动