为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

《网页设计基础教程与上机指导(第2版)》第25章:利用Fireworks制作动画

2012-07-31 9页 ppt 488KB 24阅读

用户头像

is_932955

暂无简介

举报
《网页设计基础教程与上机指导(第2版)》第25章:利用Fireworks制作动画null第25章 利用Fireworks制作动画第25章 利用Fireworks制作动画教学提示和教学目标 25.1 创建逐帧动画 25.2 创建元件动画 25.3 创建其他动画 教学提示和教学目标教学提示和教学目标教学提示:在Fireworks中,可以通过称为动画元件的对象分配属性来创建动画。一个元件的动画被分解成多个帧,帧中包含组成每一步动画的图像和对象。一个动画中可以有一个以上的元件,每个元件可以有不同的动作。不同的元件可以包含不同数目的帧。当所有元件的所有动作都完成时,动画就结束了。 教学目标: 掌握创建逐帧动画...
《网页设计基础教程与上机指导(第2版)》第25章:利用Fireworks制作动画
null第25章 利用Fireworks制作动画第25章 利用Fireworks制作动画教学提示和教学目标 25.1 创建逐帧动画 25.2 创建元件动画 25.3 创建其他动画 教学提示和教学目标教学提示和教学目标教学提示:在Fireworks中,可以通过称为动画元件的对象分配属性来创建动画。一个元件的动画被分解成多个帧,帧中包含组成每一步动画的图像和对象。一个动画中可以有一个以上的元件,每个元件可以有不同的动作。不同的元件可以包含不同数目的帧。当所有元件的所有动作都完成时,动画就结束了。 教学目标: 掌握创建逐帧动画 掌握创建元件动画 掌握创建其他动画 掌握制作逐字变色动画25.1 创建逐帧动画25.1 创建逐帧动画逐帧动画需要用户更改影片每一帧中的舞台。简单的逐帧动画并不需要用户定义过多的参数,只需要设置好每一帧,动画即可被播放。逐帧动画最适合于每一帧中的图像都在更改的动画,而不仅仅是简单地在舞台中移动的复杂动画。 25.1.1 关于 25.1.2 编辑帧 25.1.3 帧延时25.1.1 关于25.1.1 关于通过创建多个帧可以生成动画。使用【帧】面板可以看到每个帧的内容。【帧】面板是创建和组织帧的地方。可以命名帧、重新组织帧、手动设置动画的定时以及将对象从一个帧移到另一个帧。 每个帧都有若干相关的属性。通过设置帧延时或隐藏帧,可以在制作和编辑过程中使动画达到自己想要的效果。25.1.2 编辑帧25.1.2 编辑帧可以在【帧】面板中添加、复制、删除帧和更改帧的顺序。 1. 添加帧 2. 添加多帧 3. 复制帧 4. 删除帧25.1.3 帧延时25.1.3 帧延时对动画中各帧延迟时间进行设置,会影响动画播放的总时间,也可以影响动画的流畅效果以及动画的总体效果。设置帧延时的操作步骤如下。 (1)在【帧】面板中选择需要设置帧延时的帧,按住Shift键可以同时选择多帧。 (2)单击【帧】面板右上角的按钮,在弹出的菜单中选择【属性】命令,弹出【帧属性】对话框。 (3)在【帧延时】文本框中输入需要设置的时间。设置完毕后,单击此对话框以外的区域或按Enter键,即可完成对该帧延迟时间的设置。 25.2 创建元件动画25.2 创建元件动画动画元件可以是创建或导入的任何对象,并且在一个文件中可以有许多元件。每个元件都有它自己的属性并可独立运动。 25.2.1 元件和实例 25.2.2 编辑元件25.2.1 元件和实例25.2.1 元件和实例如果文档中有重复使用的元素,可通过复制和粘贴操作在文档中创建对象。 元件和实例还有一些其他用处,如制作动画。Flash的元件和实例,就是通过创建元件,并不停地改变实例属性,来表示运动的感觉。一个元件就像一个木偶,一举一动都是由操作者完成。 可以随时使用【动画】对话框或【属性】检查器来更改动画元件的属性。还可以在元件编辑器中编辑元件的图片。元件编辑器可以在不影响文档其他部分的情况下编辑元件。也可以通过移动元件的运动路径来更改元件的运动。 因为动画元件被自动放到【库】面板中,所以可以重新使用它们来创建其他动画。 25.2.2 编辑元件25.2.2 编辑元件可以处理动画元件的属性,使网站富有生气。可以更改元件动画的速度、不透明度和旋转的各种属性。通过处理各种属性,可以使元件显示为旋转、加速、淡入淡出或者是这些动作的任意组合。 可以通过【动画】对话框或【属性】面板来更改元件的属性,【属性】面板如图25.22所示。 在【属性】面板中可以进行如下设置。 【帧】:在动画中包含的帧数,尽管滑块只允许设置最大值为250,但可以在【帧】文本框中输入任何数字。 【方向】:对象移动的方向(以度为单位)。值的范围是从0度到360度。 【缩放】:从开始到完成的淡入淡出的百分比。值的范围是从0%到250%。默认值是100%。 【不透明度】:从开始到完成的淡入淡出的百分比,值的范围是从0%到100%。默认值是100%。 【旋转】:从开始到完成元件旋转的数量(以度为单位)。值的范围是从0度到360度。要想让元件旋转不只一圈,可以输入更高的值,默认值是0度。 【顺时针】和【逆时针】表示对象的旋转方向。【顺时针】表示顺时针旋转,【逆时针】表示逆时针旋转。25.3 创建其他动画25.3 创建其他动画Fireworks 8在制作GIF动画上有着强大的功能。动画制作完成之后,就需要对其进行优化以达到最佳的显示效果,并且经过导出设置以及预览等步骤,最终将其导出为GIF动画格式。下面就来介绍GIF动画的制作过程。 25.3.1 打开文件生成动画 25.3.2 导入现有GIF动画25.3.1 打开文件生成动画25.3.1 打开文件生成动画在Fireworks 8中可以通过打开一组图像文件来快速创建动画,这种方式最适合网页横幅广告。打开文件生成动画的具体操作步骤如下。 (1)选择【文件】|【打开】命令,弹出【打开】对话框。 (2)在对话框中如果要选择多个连续的文件,按住Shift键或用鼠标进行框选,此时可以看到选定的文件被添加到【文件名】文本框中。 (3)在对话框中选中【以动画打开】复选框,单击【打开】按钮,Fireworks就会在单个文件中打开所需要的文件。在【帧】面板中可以看到每个文件都按选定的顺序放置在【帧】面板中。25.3.2 导入现有GIF动画25.3.2 导入现有GIF动画导入现有GIF动画的具体操作步骤如下。 (1)选择【文件】|【打开】命令,弹出【打开】对话框。 (2)在对话框中选择要导入的GIF动画,单击【打开】按钮,弹出Fireworks提示框。 (3)单击【确定】按钮,自动在【帧】面板中添加新的帧。
/
本文档为【《网页设计基础教程与上机指导(第2版)》第25章:利用Fireworks制作动画】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。

历史搜索

    清空历史搜索