第2篇第13章Fireworks的自动化功能

1、第第2 2篇篇 第第1313章章 Fireworks的自动化功能的自动化功能13.1 滤镜滤镜13.2 资源资源样式、元件、样式、元件、URL、形状、形状13.2.1 样式样式13.2.2 元件元件13.2.3 URL和形状和形状13.3 GIF动画的制作动画的制作13.3.1 帧的基本操作帧的基本操作13.3.2 逐帧制作逐帧制作GIF动画动画13.3.3 利用元件制作动画利用元件制作动画13.4 优化与导出优化与导出13.4.1 应用优化面板应用优化面板13.4.2 应用应用“导出预览导出预览”思考题思考题13.1 滤镜滤镜 滤镜是滤镜是Fireworks对矢量对象，位图对象和文对矢量对象

2、，位图对象和文本对象进行的修饰和处理。例如为对象加上阴影本对象进行的修饰和处理。例如为对象加上阴影和光晕、调整颜色、模糊化、锐化、立体化等和光晕、调整颜色、模糊化、锐化、立体化等。13.1 滤镜滤镜1斜角（斜角（Bevel）滤镜）滤镜 【例【例13-1】制作一个圆形按钮制作一个圆形按钮2浮雕（浮雕（Emboss）滤镜）滤镜3阴影（阴影（Shadow）滤镜）滤镜4发光（发光（Glow）滤镜）滤镜13.2 资源资源样式、元件、样式、元件、URL、形状、形状 样式（样式（Styles）、元件（）、元件（Symbol）、）、URL（网址）、形状（网址）、形状（Shape）是）是Fireworks中中4

3、类可以被重复使用的资源。类可以被重复使用的资源。 这这4类资源分别由样式、库、类资源分别由样式、库、URL和形状和形状面板提供。默认情况下，该面板提供。默认情况下，该4个面板被放在个面板被放在一个称为资源（一个称为资源（Assets）的面板组中。）的面板组中。 13.2.1 样式样式 样式是对象的填充、样式是对象的填充、笔触、效果等属性的集笔触、效果等属性的集合。当将一个样式应用合。当将一个样式应用到某个对象上时，该对到某个对象上时，该对象就会具有该样式所包象就会具有该样式所包含的所有属性。但是样含的所有属性。但是样式只能应用到矢量对象式只能应用到矢量对象和文本对象，不能对位和文本对象，不能对

4、位图对象应用样式图对象应用样式。13.2.1 样式样式1、应用样式、应用样式 选中一个矢量对象，再点击选中一个矢量对象，再点击Style面板中任一样面板中任一样式式 2、添加样式、添加样式 单击样式面板底部单击样式面板底部“新建样式新建样式”按钮按钮 导入样式：执行面板选项菜单的导入样式：执行面板选项菜单的“导入样式导入样式” 命令命令（Import Styles） 3、删除样式、删除样式 选中样式，单击样式面板底部的垃圾桶图标选中样式，单击样式面板底部的垃圾桶图标4、编辑样式、编辑样式 双击样式面板中的某个样式，设置弹出的对话框双击样式面板中的某个样式，设置弹出的对话框 13.2.2 元件元

5、件元件是用户自己建立的可以重复使用的图元件是用户自己建立的可以重复使用的图形，动画或按钮对象。库面板提供了创建、形，动画或按钮对象。库面板提供了创建、复制、导入和编辑元件的环境。复制、导入和编辑元件的环境。库中能被重复引用的对象称为库中能被重复引用的对象称为“元件元件”（Symbol）或）或“符号符号”，当该元件被拖到，当该元件被拖到当前文档中，就被称为当前文档中，就被称为“引用引用”或或“实例实例”（Instance）。）。13.2.2 元件元件1、创建元件、创建元件 对象转换为元件：选中一个对象，执行对象转换为元件：选中一个对象，执行 “修改修改” | “元件元件” | “转换为元件转换为

6、元件”命令命令 新建元件：执行新建元件：执行 “编辑编辑” | “插入插入”|“新建元件新建元件”命令命令2、编辑元件或实例、编辑元件或实例元件在元件编辑环境（双击元件）中编辑。元件在元件编辑环境（双击元件）中编辑。实例在图形文档中编辑实例在图形文档中编辑 保留保留“实例实例”身份：通过属性面板编辑身份：通过属性面板编辑 实例分离成矢量图：实例分离成矢量图：“修改修改” | “元件元件” | “分离分离” 13.2.3 URL和形状和形状热点、按钮和切片对象都可以被指定热点、按钮和切片对象都可以被指定URL。如果需要重复使用某个如果需要重复使用某个URL时，可以将这个时，可以将这个URL保存到

7、保存到URL面板中。面板中。 “形状形状”面板中提供常用的形状，直接从面板中提供常用的形状，直接从“形状形状”面板中拖到文档即可使用。拖到文面板中拖到文档即可使用。拖到文档中的形状上有一些黄色菱形的控制点，移档中的形状上有一些黄色菱形的控制点，移动控制点可以改变形状的外观。动控制点可以改变形状的外观。 13.3 GIF动画的制作动画的制作 用用Fireworks制作动画需要将图层与制作动画需要将图层与帧结合起来。如果文档中设置了多个图层，帧结合起来。如果文档中设置了多个图层，则相应的图层会出现在每个帧上，且所有则相应的图层会出现在每个帧上，且所有帧中的图层结构、图层数目、图层名称、帧中的图层结

8、构、图层数目、图层名称、重叠顺序都是一样的。重叠顺序都是一样的。 实际上，任何新建的文档都是只有一实际上，任何新建的文档都是只有一个帧的动画文档。个帧的动画文档。 13.3.1 帧的基本操作帧的基本操作在帧面板中可以实施：在帧面板中可以实施：1、管理帧、管理帧 添加空白帧、在指定位置添加若干帧、复添加空白帧、在指定位置添加若干帧、复制帧、改变帧排列顺序、删除帧、改变帧名制帧、改变帧排列顺序、删除帧、改变帧名 2、编辑帧中对象、编辑帧中对象 在帧间移动或复制对象在帧间移动或复制对象 、将对象复制到多、将对象复制到多帧帧 、建立帧间共享图层、多帧显示、建立帧间共享图层、多帧显示 3、控制动画播放、

9、控制动画播放 控制动画播放次数控制动画播放次数 、控制帧延迟时间、控制帧延迟时间 【例【例13-2】制作制作5帧动画。练习帧动画。练习 “帧帧”面板中的基面板中的基本操作。本操作。 13.3.2 逐帧制作逐帧制作GIF动画动画 【例【例13-3】制作一个太阳从群山背后升起的制作一个太阳从群山背后升起的3帧动画帧动画 步骤一：制作群山背景，背景在步骤一：制作群山背景，背景在3帧中均静止帧中均静止显示，将其设为共享层显示，将其设为共享层 步骤二：创建新层，在该层中画三个太阳，分步骤二：创建新层，在该层中画三个太阳，分别放在不同的上升位置。别放在不同的上升位置。13.3.2 逐帧制作逐帧制作GIF动

10、画动画 步骤三：通过步骤三：通过“自动插帧自动插帧”，并，并“分发到帧分发到帧”生成动生成动画画 同时选中同时选中3个太阳实例，执行个太阳实例，执行“修改修改”|“元件元件”|“补间实补间实例例”（ Tween Instances）命令。）命令。 在弹出的对话窗口中设置在两个实例中间插入在弹出的对话窗口中设置在两个实例中间插入6个帧，并个帧，并选中选中“分散到帧分散到帧” （Distribute to Frames）复选框。）复选框。步骤四：预览动画。步骤四：预览动画。 执行执行“文件文件”|“图像预览图像预览”命令，在命令，在 “选项选项”卡卡“格式格式”下拉列表中选择下拉列表中选择“GIF

11、动画动画”，单击，单击“导出导出”按钮导出按钮导出GIF文件。文件。 注意：必须作此设置才能形成动画注意：必须作此设置才能形成动画 执行执行“文件文件”|“在浏览器中预览在浏览器中预览”|“在在iexplore.exe中预中预览览”命令命令 13.3.3 利用元件制作动画利用元件制作动画 【例【例13-4】写文字写文字“Fireworks”，制作令其向上，制作令其向上移动并改变大小及透明度的动画。移动并改变大小及透明度的动画。步骤一：制作静图。步骤一：制作静图。 步骤二：制作文字动画效果。步骤二：制作文字动画效果。 选中文字实例，执行选中文字实例，执行 “修改修改” | “动画动画” | “选择动选择动画画”命令命令 在弹出的对话窗口中设置动画效果。在弹出的对话窗口中设置动画效果。步骤三：预览并修改动画。步骤三：预览并修改动画。 单击单击“播放播放”按钮，预览动画按钮，预览动画 执行右键菜单执行右键菜单 “动画动画” | “设置设置” 命令命令 13.4 优化与导出优化与导出 1、优化图像的手段、优化图像的手段 选择最佳的图像文件格式选