fireworks课件第二讲动画 帧和Gif动画切片与热区.pptVIP

网页三剑客之一 Fireworks 第二讲 帧 动画和Gif动画的制作及切片与热点 教学目标：动画面板的介绍及动画的制作 教学重点：GIF动画制作 教学难点:切片的应用 主要内容： 1 元件 符号是指可以重复利用的图像，动画或者按扭，它们保存在库里。 2 符号的分类： a 图形符号。 b 按扭。 c 动画 创建符号： 1 转换一个符号 F8 2 新建一个符号 Ctrl+F8 编辑符号： 1 修改一个符号后，与该符号所有相关联的符号实例都将同时发生变化。 2 打散实例：打断符号和实例的关系。 3 编辑实例属性： 实例： 1 它是图符的实际的际应用，当把一个图符放到工作区中，就创建一个该图符的实例。 2 每一个实例都有自己相对独立的属性。动态效果、不透明度等。 3 修改实例的属性不会影响到图符，但编辑图符将会修改所有与其相关的实例。 按扭： 1 网页中最基本的元素，我们可以通过单击按扭触发鼠标事件，以实现网页间链接或其他特殊效果 2 几乎可以将任何图形或文本对象制作成按扭。 3 可以创建空按扭，也可将现有对象转换为按扭。 4 可创建按扭实例，并可修改实例属性。 按扭状态： 1 释放(up)：是按扭的默认外观或闲置时的外观。 2 滑过(over):是当鼠标指针滑过按扭时该按扭的外观。 3 按下(down)：鼠标按下时的状态。 4 按下时滑过(Over While Down):是用户将指针滑过处于按下状态的按扭时按扭的外观。 按扭的编辑： URL面板及库面板的介绍。 帧的讲解： 1 帧面板右键菜单： 添加帧： 复制帧： 改变帧排列顺序： 编辑帧中的对象： 1 对动画的每一帧的编辑操作实际上和单帧的文档编辑是一样的。 2 对动画中的每一帧的编辑并不会影响到该文档的其他帧，它们之间是相互独立的。 3 帧之间的复制：按Alt键，然后将蓝色的小矩形框拖动到目标帧中。 4 将对象复制到多个帧上。Copy to Frames 5 分布到帧（Distribute to Frames） 注：distributed to frames（分配到帧）中，最下面的物体将显示在第一帧，而最前面的物体将显示在最后一帧，其余的物体以同样的顺序分配到中间相应的帧中 Command—Document(讲解)： 1 Reverse Frames(反转帧) 图层： 1 层是fireworks的一项强大的功能，它可以让用户对文档的部分进行独立的操作。在必要时可以隐藏某些图层。 2 fireworks中的层分为两种： 1 普通层：是默认的主要层 Web层： 1 它是为了适应网络应用的需要而新增的，web层包含了当前编辑的png格式的HotPot、Slice等和网络应用相结合的信息。 2 web层不能被删除、复制、移动、重命名或者去除共享。 层面板的介绍： 1 复制：将一层所选中对象复制到新的位置，可按住Alt键，将该层的蓝色选择指示器拖动新的位置。 2 移动：将该层的蓝色选择指示器拖动新的位置。 3 层的共享：将某一图层在整个fireworks文档中的所有帧中共享 4公布到层:(commands—Document—Distribute to Layers) 制做动画的三种方式： 1 modify—symbol—Tween Instances…. 2 modify—Animation—Animation selection 3 给每一个帧都编辑对象可以用(distributed to frames（分配到帧）)去做 动画面板的介绍： Frames: 设置动画桢数，此功能会有效增加动画字节数；Move:设置动画移动距离；Direction:设置动画移动方向，默认是水平从左向右；scaling to:设置动画缩放比例，例如输入150，便从第一帧到最后一帧图象放大50%； opacity:透明度设置，例似FLASH里的ALPHA功能。例如左边的框内输入20，右边的框内输入90，这将使动画产生透明度的渐变，从虚变实。 rotation:旋转设置，例如输入180， 将使动画产生180度的旋转；CWCCW：设置顺时针方向还是逆时针方向。 利用切片的优点： 1 加快下载速度。 2 便于构建图像映射。 3 减少重复图像。 4 便于局部更新及局部优化。 创建及编辑切片： 1 显示和隐藏切处对象：工具箱中的按扭 2