网络编辑实务教学课件作者肖旻课件资源项目六4课件幻灯片.pptVIP

尚辅网 / 网页图像处理 项目六 任务四 学会网页动画处理技术 新知学习 一、Fireworks 8的动画制作方法 1. 动画的基本运动 在Fireworks中，动面的运动方式可分为4个基本动作： （1）直线运动：图像由A点直线移动至B点。 （2）旋转：图像原地进行顺时针或逆时针旋转。 （3）不透明度渐变：图像的不透明度发生变化。 （4）缩放：图像产生放大或缩小的变化。 任务四 学会网页动画处理技术 新知学习 一、Fireworks 8的动画制作方法 2. 图像的动画制作 （1）使用“动画”设置框制作动画 任务四 学会网页动画处理技术 新知学习 （2）使用“补间实例”功能制作动画 任务四 学会网页动画处理技术 新知学习 二、帧的应用 1. 设置帧延时 （1）选择一个或多个帧。 （2）单击“帧”面板，选择“选项”菜单，单击“属性”项，会弹出“帧属性”窗口，如图所示。 （3）为帧延时输入一个值，单击“Enter”键或在面板外单击以关闭弹出窗口，显示和隐藏要播放的帧。 （4）取消选择“导出时包括”选项，则显示一个红色的X代替帧延时时间。 （5）单击“Enter”键或在“帧延时”弹出窗口外单击关闭窗口。 任务四 学会网页动画处理技术 新知学习 二、帧的应用 2. 命名动画帧 （1）单击“帧”面板，鼠标双击“帧”的名称。 （2）在弹出的文本框中输入一个新名称然后单击“Enter”。 任务四 学会网页动画处理技术 新知学习 二、帧的应用 3. 添加、移动、复制和删除帧 （1）如果想添加新的帧，单击“帧”面板底部的“ ”即可。 （2）如果想复制所选帧并按顺序放置它可以执行下面的操作。 第一，单击“帧”面板，依次选择“选项”、“复制帧”项。 第二，输入要为所选帧创建的副本数，选择插人复制帧的位置，然后单击“确定”。 （3）如果想重新排列帧的顺序，可以使用鼠标将帧依次拖到列表中的新位置。 （4）如果想删除所选帧，可以单击 “ ”。 任务四 学会网页动画处理技术 新知学习 三、元件和实例应用 1. 元件 （1）元件的界定。 元件通俗说就是电子零件，是器件的基本单位，像电容，电感，二极管等都叫元件。Fireworks中元件是指原始素材，在其软件中可以创建“图形”、“动画”和“按钮”三种元件。 （2）Fireworks元件的类型 Fireworks元件分为静态元件和动态元件。静态元件是指直接从文档库里调用的元件；动态文件是指将元件库中的元件打散后再次转换成新元件的过程。 任务四 学会网页动画处理技术 新知学习 三、元件和实例应用 2.创建编辑元件 （1）单击“库”面板，再单击“ ”，或者单击“ ”，选择“新建元件”项。 （2）在弹出的对话框中输入元件名称，并指定元件类型。 任务四 学会网页动画处理技术 新知学习 三、元件和实例应用 3. 元件的修改 （1）修改元件内容 （2）修改元件类型 （3）根据已有的对象创建元件 任务四 学会网页动画处理技术 新知学习 三、元件和实例应用 4. 何为实例 实例是Fireworks元件的表示形式。当对元件对象（原始对象）进行编辑时，实例（副本）会自动更改以反映对元件所做的修改。 将下方左边三个导入为图形元件，在Fireworks中编辑使用后得到第四张为实例。 任务四 学会网页动画处理技术 新知学习 操作方法： 第一，单击“新建文档”，分别设置画布的宽度为760像素，高度为430像素，背景为白色。 第二，单击“选取框”，画布的右侧绘制一个矩形选区，选择“渐变”项 ，设置渐变的类型为线性渐变，渐变颜色为白色过度到绿色；在画布右侧的选区中单击鼠标左键，渐变色即可填充到当前选区中，再单击“Ctrl+D”推出位图编辑模式。 第三，