形状补间动画

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,形状补间动画,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,、,swift 3D,等）产生的动画序列。,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,、,mov,Flash,动画制作,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,、,get URL,获取地址,Flash,动画制作,七、动画播放与控制,1,、停止与定格,stop,2,、帧与按钮的设置,3,、,play,播放命令的设置,Flash,动画制作,八、交互动画制作,用提供的范例模式，制作交互动画，主要训练交互命令的使用，图形动画的合成能力。,名称自定，可以是,“,我的图馆,”“,图书角,”“,收藏阁,”,等等，也可以做成教学课件。,Flash,动画制作,九、作品赏析,1,、学生比赛作品,2,、优秀动画作品,3,、学员作品,