1、Flash动画简介动画简介 动画原理动画原理 Flash的历史的历史 Flash动画的特点动画的特点 Flash动画制作流程动画制作流程 Flash界面界面 Flash动画类型动画类型多个 变速.swf一、动画原理一、动画原理 当我们坐在电影院看电影时,我们仿佛感觉得演员就在银幕当我们坐在电影院看电影时,我们仿佛感觉得演员就在银幕上表演上表演那不是真的!道理很简单:电影放映时,连续的静止那不是真的!道理很简单:电影放映时,连续的静止画面在放映镜头前快速地更换,利用人眼的视觉暂留现象,使我画面在放映镜头前快速地更换,利用人眼的视觉暂留现象,使我们看电影的观众认为银幕上的演员动作起来。理论证明,只
2、要电们看电影的观众认为银幕上的演员动作起来。理论证明,只要电影拷贝的连续画面每秒钟更换影拷贝的连续画面每秒钟更换48幅时,连续画面就会在人眼中幅时,连续画面就会在人眼中产生没有闪烁的动画影像。产生没有闪烁的动画影像。色度学色度学.ppt 在计算机动画制作中,构成动画的一系列画面称为帧。一般在计算机动画制作中,构成动画的一系列画面称为帧。一般情况下,连续的动画播放速度不得低于情况下,连续的动画播放速度不得低于24帧秒。早期的动画帧秒。早期的动画影片是画师用手工绘制,再由摄影师拍摄而产生的。计算机动画影片是画师用手工绘制,再由摄影师拍摄而产生的。计算机动画的产生同手工制作动画的原理相同,每一个动画
3、均是由多幅连续的产生同手工制作动画的原理相同,每一个动画均是由多幅连续有序的静止画面构成。有序的静止画面构成。 Flash动画是以时间轴为基础的帧动画,每个动画是以时间轴为基础的帧动画,每个Flash动画作动画作品都品都以时间为顺序,由先后排列的一系列帧组成,帧是构成动画作品的基本以时间为顺序,由先后排列的一系列帧组成,帧是构成动画作品的基本单位。单位。多媒体技术简介n 多媒体多媒体(Multimedia)指的是文字、图像、图指的是文字、图像、图形、声音等传输信息的媒介。多媒体技术就是利形、声音等传输信息的媒介。多媒体技术就是利用计算机技术综合处理多媒体信息,将数字、文用计算机技术综合处理多媒
4、体信息,将数字、文字、图像、图形、声音、视频、动画技术相结合,字、图像、图形、声音、视频、动画技术相结合,使多媒体信息逻辑地连接,集成一个有机的系统,使多媒体信息逻辑地连接,集成一个有机的系统,并有实时交互的操作界面。并有实时交互的操作界面。n多媒体的最大优势在于它把死板的东西变生动,多媒体的最大优势在于它把死板的东西变生动,把抽象的东西变具体,把复杂的东西简单,而这把抽象的东西变具体,把复杂的东西简单,而这些都是人们乐于接受的。些都是人们乐于接受的。 Flash的历史的历史nFlash是是90年代的产物,诞生于年代的产物,诞生于1996年。年。由于当时网络技术的限制,由于当时网络技术的限制,
5、Flash1和和Flash2都没有得到计算机界的重视,直到都没有得到计算机界的重视,直到98年年Macromedia公司推出现公司推出现Flash3以后,以后,Flash动画才逐渐被业界人士所接受,并成为动画才逐渐被业界人士所接受,并成为交互式矢量动画的标难。交互式矢量动画的标难。Flash动画凭借其生动画凭借其生动丰富的表现力使其在应用领域动丰富的表现力使其在应用领域(包括网页设包括网页设计和多媒体制作等计和多媒体制作等)中的使用频率迅速上升,中的使用频率迅速上升,目前浏览器中均支持目前浏览器中均支持Flash动画动画 。 Flash动画的特点动画的特点n用用Flash制作出来的动画是矢量的
6、,动画放大后,不会制作出来的动画是矢量的,动画放大后,不会引起失真,所形成动画文件占用的存储空间很小,特别引起失真,所形成动画文件占用的存储空间很小,特别适合在网络上使用。适合在网络上使用。nFlash使用插件方式进行工作,用户只要安装一次插件,使用插件方式进行工作,用户只要安装一次插件,就可以在浏览器中观看就可以在浏览器中观看Flash动画。此外动画。此外Flash支持多支持多种格式图片,支持声音,支持渐变色,支持种格式图片,支持声音,支持渐变色,支持A1pha透透明、蒙扳等功能。明、蒙扳等功能。nFlash动画电影是一种动画电影是一种“流流”形式文件,动画是一边下形式文件,动画是一边下载一
7、边播放的,几乎感觉不到文件下载过程下来。载一边播放的,几乎感觉不到文件下载过程下来。 Flash动画制作流程确定动画主题确定动画主题确定动画组成确定动画组成确定动画元件确定动画元件分解动画分解动画文字文字图像图像按钮按钮声音声音动作动作运动方式运动方式交互交互收集、整理、制作元件收集、整理、制作元件测试动画测试动画输出动画输出动画 动画制作流程动画制作流程- 确定主题确定主题n动画主题对于动画的创作有着指导意义,动画主题对于动画的创作有着指导意义,只有明确创作的动画是做什么用的,才能只有明确创作的动画是做什么用的,才能很好的把握动画的制作。很好的把握动画的制作。 动画制作流程动画制作流程- 确
8、定组成确定组成n在明确了动画主题之后,我们要设计动画在明确了动画主题之后,我们要设计动画的大致组成,对动画分解,将其分解为层的大致组成,对动画分解,将其分解为层与组件。与组件。 动画制作流程动画制作流程- 确定元素确定元素n动画元素是构成动画的基本部件,是可以动画元素是构成动画的基本部件,是可以重复利用的资源,包括图像、声音、按钮、重复利用的资源,包括图像、声音、按钮、动画等等。例图只是元素的一个拷贝版本,动画等等。例图只是元素的一个拷贝版本,这种做法既缩小了文件的大小,又方便了这种做法既缩小了文件的大小,又方便了人们编辑动画,并且还有利于进行人机交人们编辑动画,并且还有利于进行人机交互界面的
9、编制。互界面的编制。 动画制作流程动画制作流程分解动画分解动画n 分解动画的内容视动画的复杂程度,其分解动画的内容视动画的复杂程度,其难度有很大差异。简单的动画可以只有一难度有很大差异。简单的动画可以只有一条时间链贯穿整个动画,复杂的动画可以条时间链贯穿整个动画,复杂的动画可以有数十个、数百个时间链,可以包含很多有数十个、数百个时间链,可以包含很多动作,可以用脚本编辑复杂的交互动画。动作,可以用脚本编辑复杂的交互动画。分解动画的要旨在于将动画的分解动画的要旨在于将动画的“动动”的内的内容理出主线。容理出主线。 动画制作流程-n确定功能确定功能n动画的精髓在于一个动画的精髓在于一个“动动”字。因
10、此,确字。因此,确定动画如何动,如何动作新颖将是动画设定动画如何动,如何动作新颖将是动画设计的关键性内容。当然,对于具有交互功计的关键性内容。当然,对于具有交互功能的动画,最应该注意的是交互功能视网能的动画,最应该注意的是交互功能视网络的速度、交互内容保密程度等因素来确络的速度、交互内容保密程度等因素来确定其复杂程度,力求做到不多用一个函数、定其复杂程度,力求做到不多用一个函数、不多用一行编程语句、简单有效。不多用一行编程语句、简单有效。动画制作流程-n组织动画组织动画n确定了动画的主体、运动、元素之后,就确定了动画的主体、运动、元素之后,就到了拼积木的时候了。我们把元素有效、到了拼积木的时候
11、了。我们把元素有效、美观的组织起来,然后为该添加动作的元美观的组织起来,然后为该添加动作的元素添加动作,该添加链接的按钮添加链接,素添加动作,该添加链接的按钮添加链接,动画的编辑制作就告一段落了。动画的编辑制作就告一段落了。 动画制作流程-n测试动画测试动画n测试、调试是每个编程人员应当具备的基测试、调试是每个编程人员应当具备的基本功。与网页制作的预览作用相似,测试、本功。与网页制作的预览作用相似,测试、调试动画对于动画制作意义重大,特别是调试动画对于动画制作意义重大,特别是有交互功能的有交互功能的Flash动画,调试是必修课。动画,调试是必修课。 动画制作流程- 输出动画n 选择输入动画的格
12、式,输出即可。选择输入动画的格式,输出即可。Flash支持的媒体输出格式有:支持的媒体输出格式有:n.swf(Flash动画文件动画文件)n.mov(QuickTime文件文件)n.smil(Realplay媒体文件媒体文件)n.exe(Windows执行文件执行文件)n各种图形格式等。各种图形格式等。 Flash界面菜单栏菜单栏工具栏工具栏工具箱箱场景或舞台场景或舞台浮动面板浮动面板属性面板属性面板图层面板图层面板时间线时间线返回返回新新建建文文件件打打开开文文件件保保存存文文件件打打印印文文件件打打印印预预览览剪剪切切复复制制复复制制撤撤消消重重做做贴贴紧紧对对象象曲曲线线平平滑滑直直线线
13、化化旋旋转转和和倾倾斜斜比比例例缩缩放放排排列列对对齐齐播放动画按钮播放动画按钮选择工具选择工具次选工具次选工具直线工具直线工具套索工具套索工具钢笔工具钢笔工具文字工具文字工具圆形工具圆形工具矩形工具矩形工具刷子工具刷子工具修改渐变工具修改渐变工具油柒桶油柒桶橡皮橡皮移动屏幕工具移动屏幕工具铅笔铅笔墨水瓶修改边线颜色墨水瓶修改边线颜色颜色吸管颜色吸管放大屏幕工具放大屏幕工具边线色边线色填充色填充色绘图的基本方法绘图的基本方法1、先选择画图工具2、再选择边线和填充的颜色3、如果不要边线,将边线颜色设 为透明; 如果不要填充,先将填充颜色 设为透明。修改的方法修改的方法1、要先选定对象2、再选择适
14、当的工具3、利用修改菜单和浮动面板帮助 修改Flash动画类型n运动动画(直线运动和曲线运动)运动动画(直线运动和曲线运动)n变形动画变形动画n帧间动画(逐帧动画和渐变动画)帧间动画(逐帧动画和渐变动画)关于帧关于帧 在时间轴上,一个一个的格子就是帧。帧是构成一个在时间轴上,一个一个的格子就是帧。帧是构成一个连续动画最基本的元素,一个动画是由若干个帧按照时连续动画最基本的元素,一个动画是由若干个帧按照时间序列排列而成的(电影间序列排列而成的(电影48帧帧/秒;电视秒;电视50/秒;动画秒;动画15-30/秒)。这些帧按照从左到右播放,就形成了动秒)。这些帧按照从左到右播放,就形成了动画。在时间
15、轴中,主要有两种帧格式,关键帧和普通帧。画。在时间轴中,主要有两种帧格式,关键帧和普通帧。下面具体介绍这两种帧格式。下面具体介绍这两种帧格式。 fla格式和格式和 .swf格式。其格式。其中,中,.fla格式是格式是Flash的源程序格式,的源程序格式,.swf格式是格式是Flash打包之后的格式,这种格式只能在动画播放器打包之后的格式,这种格式只能在动画播放器Flash Player中播放,不能对动画编辑或中播放,不能对动画编辑或1、关键帧、关键帧 关键帧是指动画中定义的可以更改的帧,它通常显示动画关键帧是指动画中定义的可以更改的帧,它通常显示动画的开始与结束的决定画面。的开始与结束的决定画
16、面。Flash 可以在两个关键帧之间创可以在两个关键帧之间创建补间或填充帧,而不需要用户编辑中间每一帧的内容就可建补间或填充帧,而不需要用户编辑中间每一帧的内容就可以生产流畅的动画。使用关键帧,创建动画显得更为简易。以生产流畅的动画。使用关键帧,创建动画显得更为简易。也就是说,只要安排好前后两相邻关键帧的画面内容,就可也就是说,只要安排好前后两相邻关键帧的画面内容,就可以制作出动画。关键帧是所有帧的基础。以制作出动画。关键帧是所有帧的基础。2、普通帧、普通帧 除了关键帧外,其他的帧都统称为帧。在除了关键帧外,其他的帧都统称为帧。在Flash动画制作动画制作模式中,帧往往代表着动画中间的画面,也
17、就是第一帧与最模式中,帧往往代表着动画中间的画面,也就是第一帧与最后一帧画面渐变的过程。因此,在制作中,它们无法被编辑、后一帧画面渐变的过程。因此,在制作中,它们无法被编辑、修改。帧又可以分为静止帧和空白帧。静止帧是动画中关键修改。帧又可以分为静止帧和空白帧。静止帧是动画中关键帧的延续,对应的画面为关键帧中帧的延续,对应的画面为关键帧中对帧的一些操作对帧的一些操作8个:个:1 1、插入关键帧:在时间轴上选取一帧,按下、插入关键帧:在时间轴上选取一帧,按下“F6”F6”快捷键,或者单击鼠标右键,在弹出的快捷菜单中快捷键,或者单击鼠标右键,在弹出的快捷菜单中选择选择“插入关键帧插入关键帧”命令,都
18、可以创建关键帧。命令,都可以创建关键帧。2 2、清除关键帧:先选好要删除的关键帧,按、清除关键帧:先选好要删除的关键帧,按Shift+F6Shift+F6快捷键,或者直接右击要删除的关键帧,快捷键,或者直接右击要删除的关键帧,在弹出的菜单中执行在弹出的菜单中执行【清除关键帧清除关键帧】命令。命令。3 3、插入帧:执行、插入帧:执行【插入插入】【时间轴时间轴】【帧帧】命命令或按令或按F5F5键,或者直接右击要插入的帧,在弹出的键,或者直接右击要插入的帧,在弹出的菜单中选择菜单中选择【插入帧插入帧】命令,这样就可以在选定的命令,这样就可以在选定的帧后插入一个和这个选定帧完全一样的过渡帧。帧后插入一
19、个和这个选定帧完全一样的过渡帧。4 4、删除帧:先选取一个或多个帧,按、删除帧:先选取一个或多个帧,按Shift+F5Shift+F5快捷键,或者直快捷键,或者直接右击要删除的关键帧,在弹出的菜单中执行接右击要删除的关键帧,在弹出的菜单中执行【删除帧删除帧】命命令。令。5 5、拷贝和粘贴帧:选取需要拷贝的一个或多个帧,在被选定的、拷贝和粘贴帧:选取需要拷贝的一个或多个帧,在被选定的帧上单击鼠标右键,执行帧上单击鼠标右键,执行【拷贝帧拷贝帧】命令,在需要进行粘贴命令,在需要进行粘贴的位置单击鼠标右键,执行的位置单击鼠标右键,执行【粘贴帧粘贴帧】命令即可。命令即可。6 6、翻转帧:使用、翻转帧:使
20、用【翻转帧翻转帧】命令可以使所选定的一组帧按照顺命令可以使所选定的一组帧按照顺序翻转过来,能将最后一帧变为第一帧,而将第一帧变为最序翻转过来,能将最后一帧变为第一帧,而将第一帧变为最后一帧,形成一个倒带的效果。一般此效果与后一帧,形成一个倒带的效果。一般此效果与【拷贝帧拷贝帧】和和【粘贴帧粘贴帧】结合起来使用会十分方便。结合起来使用会十分方便。7 7、改变动画片段的长度、改变动画片段的长度用鼠标左右拖动片段两端的关键帧到相应的用鼠标左右拖动片段两端的关键帧到相应的帧位置,就改变了动画的长度。这样比将原来的帧位置,就改变了动画的长度。这样比将原来的关键帧删除再重新设置关键帧来改变动画的长度关键帧删除再重新设置关键帧来改变动画的长度要快捷得多。要快捷得多。 8 8、设置帧频(帧速率)、设置帧频(帧速率)帧频是指在动画播放时每一秒中包含的帧数。帧频是指在动画播放时每一秒中包含的帧数。选择菜单选择菜单“修改修改/ /文档文档”或按快捷键或按快捷键“Ctrl+JCtrl+J”,会打开会打开“文档属性文档属性”对话框,在其中可以设置帧对话框,在其中可以设置帧速率。速率。