形状补间动画2012-5-23二、flash的基本动画形式Flash动画制作1、逐帧动画特点—飘动的窗帘2、形状补间动画—制作变形剪影3、运动补间动画(1)运动渐变动画(2)遮罩动画(3)路径动画4、预设置运动动画特效Flash是一个制作动画的软件,通过它可以轻松的制作出各种炫目的动画效果。Flash中的动画可以分为逐帧动画、动作补间动画、形状补间动画、遮罩动画、引导层动画和时间轴特效动画6种类型。场景动画制作Flash动画制作1、占用空间体积小2、播放插件很小3、通用性好,在各种浏览器中都可以有统一的样式4、动画播放速度快,适合于网络传播5、和互联网紧密结合,可直接与Web页连接,适合制作Flash站点6、多媒体与互动性强7、简单易学,普及性强Flash动画的特点场景动画制作Flash动画制作Flash运用范围•1、网站动画:如制作网站logo、Flash片头动画等•2、手机应用:手机屏保、游戏等•3、Flash动漫与MTV•4、Flash贺卡•5、Flash游戏,如4399游戏•6、Flash网站•7、Flash广告:其短小精悍,适合网络、电视等传输•8、教学课件一、flash软件基本操作场景动画制作Flash动画制作二、flash的基本动画形式三、元件与库的使用五、动画制作与舞台场景四、图片与音频素材Flash动画制作六、动画播放与控制七、常用的Action语言八、交互动画制作九、作品分析Flash动画制作一、软件基本操作2、认识界面及操作面板3、帧与时间轴4、文件格式动画文件选项卡面板组菜单栏主工具栏工具箱时间轴舞台Flash动画制作动画原理:提到动画,大家一定会联想到小时候看的卡通影片。这些精彩的卡通影片,都是事先绘制好一帧一帧的连续动作的图片,然后让它们连续播放,利用人的“视觉暂留”特性,时间大约是0.1秒.就是因为有这个视觉暂留才能使我们在看电影时图像是连贯的,要是没有这个功能我们看电影时图像是像看一张张照片一样的.在大脑中形成了动画效果。Flash动画的制作原理也一样,它是把绘制出来的对像放到一格格的帧中,然后进行播放,从而产生动画效果。Flash动画制作帧:帧是形成动画最基本的时间单位,不同的帧对应着不同的时刻。在逐帧动画中,需要在每一个帧上创建一个画面,画面随着时间的推移而连续出现,形成动画;补间动画只需确定动画起点帧和终点帧的画面,而中间部分的画面由Flash根据两帧的内容自动生成。Flash动画制作Flash中关键帧分为空白关键帧、关键帧、普通帧、普通空白帧4种“插入帧”的快捷键〈F5〉;“删除帧”的快捷键〈Shift+F5〉;“插入关键帧”的快捷键〈F6〉;“插入空白关键帧”的快捷键〈F7〉;“清除关键帧”的快捷键〈Shift+F6〉;Flash动画制作时间轴:它是Flash的核心部分,主要用于组织动画各帧中的内容,并可以控制动画在某一段时间内显示的内容。时间轴从形式上看分为两部分:左侧的图层控制区和右侧的帧控制区。Flash动画制作逐帧动画特点由于逐帧动画每一帧的内容都不一样,因此制作是较为繁琐,而且输出的文件比较大,但它有自己的优势,并具有非常大的灵活性,几乎可以表现任何想表现的内容,很适于表演细腻的动画,如动画片中的人物走路、转身以及做各种动作。创建逐帧动画的方法:1、导入静态图片,静态图片的格式可以是jpg、png等;2、直接在每一帧中绘制绘制出矢量图形;3、直接导入jpg、gif序列图像,图将会自动分配到每一个关键帧中。4、导入swf动画,也可以创建逐帧动画,或者可以导入第3方软件(如swish、swift3D等)产生的动画序列。Flash动画制作形状补间动画形状补间动画也是Flash中非常重要的动画之一,利用它可以制作出各种奇妙的、不可思议的变形效果,如动物之间的转变、文本之间的变化等。形状补间适用于图形对象,可以在两个关键帧之间制作出变形效果,即让一种形状随时间变化变为另外一种形状,还可以对形状的位置、大小和颜色进行渐变。Flash可以对放置在一个层上的多个形状进行形变,但通常一个层上只放一个形状会产生较好的效果。利用形状提示点还可以控制更为复杂和不规则形状的变化。Flash动画制作运动补间动画运动补间动画实际上就是给一个对象的两个关键帧分别定义不同的属性,如位置、颜色、透明度、角度等,并在两个关键帧之间建立一种变化关系,即补间动画关系。构成动画补间的元素为“元件”或“成组对象”,而不能为形状,只有将形状“组合”或者转换成“元件”后才可以成功制作“动画补间动画”。Flash动画制作遮罩动画在Flash中,图层有一种遮罩图层。想象一下,我们现在正透过窗户观看窗外的美景,我们所看的只是窗户这个范围,其他的景物都被墙壁遮住了。Flash中的遮罩与此现象非常类似。遮罩动画是通过遮罩层来完成的。遮罩的原理就是将某层作为遮罩,遮罩层下的一层是被遮罩层,而只有遮罩层上的填充色块下面的内容可见,色块本身是不可见的。作为遮罩层的对象可以是填充的形状、文字对象、图形元件和影片剪辑元件。Flash动画制作路径动画在现实生活中,有很多运动轨迹是圆形的、弧形的,甚至是不规则曲线的,比如围绕太阳旋转的行星运动轨迹等。在Flash中我们可以通过引导层动画来实现动画效果。要制作引导层动画至少需要两个图层,一是引导层,在这个图层中有一条辅助线作为运动路径,引导层中的对象在动画播放时是看不到的;二是被引导层,用于放置沿路径运动的动画。Flash动画制作遮罩动画路径动画在Flash中,图层有一种遮罩图层。想象一下,我们现在正透过窗户观看窗外的美景,我们所看的只是窗户这个范围,其他的景物都被墙壁遮住了。Flash中的遮罩与此现象非常类似。遮罩动画是通过遮罩层来完成的。遮罩的原理就是将某层作为遮罩,遮罩层下的一层是被遮罩层,而只有遮罩层上的填充色块下面的内容可见,色块本身是不可见的。作为遮罩层的对象可以是填充的形状、文字对象、图形元件和影片剪辑元件。Flash动画制作三、元件与库的使用1、关于元件2、影片剪辑元件3、按钮元件4、图形元件5、元件动画—制作贺卡动画执行菜单中的“插入|新建元件”或快捷键〈Ctrl+F8〉命令,在弹出“创建新元件”对话框中输入名称,然后选择元件选项。Flash动画制作关于元件元件是一种可重复使用的对象,重复使用它不会增加文件的大小,元件还简化了文档的编辑。当编辑元件时,该元件的所有实例都相应地更新以反映编辑。元件的另一个好处是使用它们可以创建完善的交互性。元件共分为3种:图形、按钮和影片剪辑.Flash动画制作影片剪辑元件影片剪辑是位于影片中的小影片。可以在影片剪辑片段中增加动画、动作、声音、其他元件设置及其他的影片片断。影片剪辑有自己的时间轴,其运行独立于主时间轴。与图形元件不同,影片剪辑只需要在主时间轴中放置单一的关键帧就可以启动播放。Flash动画制作按钮元件按钮实际上是四帧的交互影片剪辑。当为元件选择按钮行为时,Flash会创建一个四帧的时间轴。前三帧显示按钮的3种可能状态;第四帧定义按钮的活动区域。此时的时间轴实际上并不播放,它只是对指针运动和动作做出反应,跳到相应的帧。Flash动画制作图形元件图形元件是一种最简单的Flash元件。使用这种元件来处理静态图片和动画。注意,图形元件中的动画是受主时间轴控制的。同时,动作和声音在图形元件中不能正常工作。Flash动画制作库的使用在库中调用元件1)执行菜单中的“窗口|库”或快捷键〈Ctrl+L〉命令,调出库面板,如图。2)利用库找到并选中希望加入到影片中去的元件。3)将元件拖动到工作区中即可。Flash动画制作四、图片与音频素材1、文件的导入2、文件格式3、图片编辑与使用4、音频编辑与流媒体Flash动画制作图片与音视频文件格式1、图片文件的导入:ai、jpg、png、gif、psd、bmp等2、音频文件:MP3、wav为主3、视频文件:主要有avi、dv、mpg、mpeg、wmv、flv、movFlash动画制作Flash中的音频Flash的音频有两种形式:1、事件声音:事件声音必须完全下载后才能开始播放,文件大,动画停止声音也会持续播放,除非给予命令才会停止2、数据流:提前下载几帧就可以播放,并且与动画时间轴同步,易控制。Flash动画制作Flash中的音频Flash的音频有两种形式:1、事件声音:事件声音必须完全下载后才能开始播放,文件大,动画停止声音也会持续播放,除非给予命令才会停止2、数据流:提前下载几帧就可以播放,并且与动画时间轴同步,易控制。Flash动画制作五、动画制作与舞台场景1、舞台与后台2、图层与场景的使用3、动画制作与测试4、制作动画的规律和要求5、制作情景动画Flash动画制作图层1)单击“时间轴”面板下方的(插入图层)按钮,可新增一个图层。2)单击“时间轴”面板下方的(添加运动导引层)按钮,可新增一个运动导引层。3)单击“时间轴”面板下方的(插入图层文件夹)按钮,可新增一个图层文件夹,其中可以包含若干个图层。用于控制图层中对象的可视性图层的锁定,被锁定图层不能编辑图层中的对象是否只显示轮廓线注:图层一定要命名Flash动画制作场景的使用在制作比较复杂的动画时,可以将动画分为若干个场景,然后再进行组合,Flash会根据场景的先后顺序进行播放,此外,我们还可以利用动作脚本实现不同场景间的跳转。执行菜单中的“窗口/其他面板/场景”命令,可以调出“场景”面板:“场景”面板复制场景添加场景Flash动画制作动画镜头镜头基本位置:Flash动画中,一般有鸟瞰、俯视、平视、仰视以及倾斜镜头5种镜头位置,了解镜头的拍摄位置是处理好镜头表现效果的基础条件。常用的运动镜头:推镜头、拉镜头、摇镜头、移镜头、升/降镜头Flash动画制作取景方式:景别:是指角色对象和画面在屏幕框架结构中所呈现出的大小和范围•远景、全景、中景、近景、特写Flash动画制作六、常用的Action语言命令1、stop停止2、play播放3、goto跳转4、getURL获取地址Flash动画制作七、动画播放与控制1、停止与定格stop2、帧与按钮的设置3、play播放命令的设置Flash动画制作八、交互动画制作用提供的范例模式,制作交互动画,主要训练交互命令的使用,图形动画的合成能力。名称自定,可以是“我的图馆”“图书角”“收藏阁”等等,也可以做成教学课件。Flash动画制作九、作品赏析1、学生比赛作品2、优秀动画作品3、学员作品