多媒体动态网页设计 (4)
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
4.1.2 动画的分类
1. 根据运动的控制方式可将计算机动画分为实
时(real-time)动画和逐帧动画(frameby-frame)两种。 实时动画也称为算法动画,它是采用各种算 法来实现运动物体的运动控制。 在实时动画中,计算机对输入的数据进行快 速处理,并在人眼察觉不到的时间内将结果 随时显示出来。
4.2.1 Flash的基本术语
时间轴和时间轴窗口 帧(关键帧、空白关键帧、普通帧 ) 图层 元件和库 影片剪辑元件、按钮元件、图形元件 场景
Flash动画的分类 (1)逐帧动画 (2)形状补间动画 (3)动作补间动画 (4)引导线动画 (5)遮罩动画
4.2.2 Flash CS3工作界面
1.开始页 2.工作窗口 (1)菜单栏 (2)主工具栏 (3)工具箱 (4)编辑栏 (5)舞台
1.逐帧动画的概念和在时间轴上的表现形式 2.创建逐帧动画的几种方法 ①用导入的静态图片建立逐帧动画,用jpg、 png等格式的静态图片连续导入Flash中,就 会建立一段逐帧动画。 ②绘制矢量逐帧动画,用鼠标或压感笔在场景 中一帧帧的画出帧内容。
③文字逐帧动画,用文字作帧中的元件,实现 文字跳跃、旋转等特效。 ④导入序列图像,可以导入gif序列图像、swf动 画文件或者利用第3方软件(如swish、swift 3D等)产生的动画序列。 3.制作实例—文字逐个出现动画
FLASH的特点有: ①使用矢量图形和流式播放技术。矢量图形可以任意 缩放尺寸而不影响图形的质量;流式播放技术使得 动画可以边播放边下载,从而缓解了网页浏览者焦 急等待的情绪。 ②通过使用关键帧和图符所生成的动画(.swf)文件非常 小,几千字节的动画文件已经可以实现许多令人心 动的动画效果,用在网页设计上不仅可以使网页更 加生动,而且小巧玲珑下载迅速,使得动画可以在 打开网页很短的时间里就得以播放。
4.1.3动画文件格式
GIF动画格式 FLIC和FLI/FLC SWF格式 AVI格式 MOV格式
4.2 动画制作软件Flash
Flash是美国的MACROMEDIA公司于1999年 6月推出的优秀网页动画设计软件。它是一种 交互式动画设计工具,用它可以将音乐,声 效,动画以及富有新意的界面融合在一起, 以制作出高品质的网页动态效果。
逐帧动画也称为帧动画或关键帧动画,也即 通过一帧一帧显示动画的图像序列而实现运 动的效果。 逐帧动画的原理是在“连续的关键帧”中分 解动画动作,也就是在时间轴的每帧上逐帧 绘制不同的内容,使其连续播放而成动画。
2.根据动画反映的空间范围,动画分为二维动画和三 维动画。 二维动画就是平面的动画,它通过平面上物体的运 动或变形来实现,设计人员依靠场景和人物的平面 绘制,做成一幅一幅的图片然后连续起来成为动画。 三维动画软件在计算机中首先建立一个虚拟的世界, 设计师在这个虚拟的三维世界中按照要表现的对象 的形状尺寸建立模型以及场景,再根据要求设定模 型的运动轨迹、虚拟摄影机的运动和其它动画参数, 最后按要求为模型赋上特定的材质,并打上灯光。
第4章 动画制作基础 章
4.1 计算机动画基础
动画必须遵循以下三个规则: ①由多个画面组成,并且画面必须连续。 ②画面之间的内容必须存在差异,如在位置、 形态、颜色、亮度等方面有所差异。 ③画面表现的动作必须连续,即后一幅画面是 前一幅画面的继续。
动画利用了电影原理,即人眼的视觉暂留现 象,将一张张逐渐变化的并能清楚地反映一 个连续动态过程的静止画面,经过摄像机逐 张逐帧地拍摄编辑,再通过电视的播放系统, 使之在屏幕上活动起来。人们称这种形式为 传统动画。传统动画的生产过程主要包括编 剧、设计关键帧、绘制中间帧、拍摄合成等 方面。
Baidu Nhomakorabea
4.1.1 计算机动画的基本概念
计算机动画是指采用图形与图像的处理技术, 借助于编程或动画制作软件生成一系列的景 物画面,其中当前帧是前一帧的部分修改。 计算机动画也是采用连续播放静止图像的方 法产生景物运动的效果,这与传统动画基本 相同,只是在传统动画的基础上把计算机技 术用于动画的处理和应用,并可以达到传统 动画所达不到的效果。
4.2.5 形状补间动画
1.形状补间动画的概念 (1)形状补间动画的概念 (2)构成形状补间动画的元素 (3)形状补间动画在时间轴上的表现 (4)形状补间动画的特点 (5)创建形状补间动画的方法
2.认识形状补间动画的属性面板 3.制作实例——字母变形动画 在创建形状补间动画的时候,要控制复杂的 形状变化,可以使用形状提示来使变形的过 程更加细腻。形状提示会标识起始形状和结 束形状中相对应的点。利用形状提示可以将 一个图形上的某点转换到另外一个图形上的 某个点,使物体间的变形过渡更有目的性, 从而制作出更丰富有趣的变形效果。
4.2.6 动作补间动画
动作补间动画也是Flash中非常重要的表现手 段之一。在Flash动画的制作过程中,常需要 制作图片的若隐若现、移动、缩放、旋转等 效果,这主要通过动作补间动画来实现。与 “形状补间动画”不同的是,动作补间动画 的对象必需是“元件”或“成组对象”。
1.动作补间动画的概念 (1)动作补间动画的概念 (2)动作补间动画的元素 (3)动作补间动画在时间轴上的表现 (4)形状补间动画和动作补间动画的区别 (5)动作补间动画制作方法 2.动作补间动画的属性面板 3.制作实例——热气球
③把音乐,动画,声效,交互方式融合在一起, 这使得越来越多的人把Flash作为网页动画设 计的首选工具,并且创作出了许多令人叹为 观止的动画(电影)效果。 ④强大的动画编辑功能使得设计者可以随心所 欲地设计出高品质的动画,通过ACTION和 FS COMMAND可以实现交互性,使Flash具 有更大的设计自由度。
(6)创作面板 (7)右键快捷菜单
4.2.3 Flash动画制作流程
准备素材 新建Flash影片文档 设置文档属性 制作动画 测试和保存影片 导出和发布影片
4.2.4 逐帧动画
“逐帧动画”的原理是将一个动画的连续动作 分解成一张张的图片,把每一张图片用关键 帧描绘出来,再连续播放这些关键帧形成动 画。逐帧动画是Flash动画的基础,是一种传 统的动画制作技术。