多媒体动画处理及 flash 应用实验报告
时间:2020-08-31 00:08:15 来源:勤学考试网 本文已影响 人
实验二 动画处理及 flash 的应用
一、实验目的1.了解矢量动画和帧动画的区别
2.学会使用Flash动画制作软件制作帧动画,并为动画配音
二、实验内容
把你喜欢的一首歌的片断制作成flash MTV
要求:
画面不少于500帧
附有歌词做字幕并与歌曲同步显示
至少使用遮罩动画、引导动画一次
补间形状、传统补间、补间动画三种动画各至少一次
有自己制作的按钮并应用ActionScript3.0脚本控制流程
三、实验报告要求
提交实验报告说明设计思想及所采用的主要技术,并提交最后的fla文件
四、实验报告
设计思想:
总有那么一个人,在不经意间闯入你的青春,让你觉得本来枯燥乏味的校园,顿时有了存在的意义。总有那么一首歌,曾是你和他的主题曲,那个下雨的季节,两人共用一副耳机,听着同样的歌曲,沿途倒退的喧闹街景,也会随音乐变成MV里的风景。岁月很长,青春很短,那个惊艳了你少年时光的人,很可能不会陪你到最后,只是惊鸿一瞥,也许此生都不再相见,却永远定格在那个叫做青春的记忆里。一首歌,一张老照片,就能轻易让人热泪盈眶,蓦然发现,那些时光已然是曾经。来不及写下一路走来的点滴回忆,那就用音乐做一本纪念册吧,让旋律唱响这一段属于你和我,独一无二的青春岁月。
《七里香》是一首中国风味的诗意情歌,歌词非常优美,夏天听有一种的凉爽感觉,歌曲MV走的是唯美浪漫路线。“窗外的麻雀,在电线杆上多嘴”~戴上耳机,闭上眼,又回到那个趴在桌上望着窗外阳光明媚得过分的中学时代。面前课本摊开但没兴趣翻,百无聊赖时,扭头去看看那个女孩耳边翘起的一缕细发,嘴角会不自觉的浮起傻乎乎的笑意。台上的老师讲课兴致勃勃、桌下我们的手传递着不明就里的纸条和砰砰作响的心跳,年少时的懵懂与青涩。而窗外,树影婆娑,蝉鸣依旧
“你说这一句,很有夏天的感觉”。
采用的技术:
传统补间
传统补间是应用最广泛的一种补间动画,操作对象既可以为元件,也可以为非矢量图形。但是最好要把操作对象转换为元件,因为可以对属性进行修改。利用传统补间,能够在两种不同地色彩效果 (如色调和 Alpha 透明度)之间创建动画。MTV中淡入淡出的效果全部都是用设置Alpha 透明度结合传统补间实现的。
补间动画
补间动画在整个补间范围上由一个目标对象组成。补间动画只需要设计头帧,不需要在时间轴的其他地方再放关键帧,直接在那层上选择补间动画。
补间形状
补间形状的应用范围相对较小,最适合于简单的形状。通常的动画效果是从一个形状随着时间轴流逝变成另一个形状的动画。在形状补间中,在时间轴中的一个特定帧上绘制一个矢量形状然后更改该形状,或在另一个特定帧上绘制另一个形状。然后,Flash 将内插中间的帧的中间形状,创建一个形状变形为另一个形状的动画。可以对补间形状内的形状的位置和颜色进行补间。MTV中在“秋刀鱼”图层应用了补间形状实现遮罩。
(表格来自于网络,很好的解释了三种补间动画的区别)
区别
补间形状(形状补间动画)
传统补间(动作(动画)补间动画)
补间动画
在时间轴上的表现
淡绿色背景
有时实心箭头
淡紫色背景
有实心箭头
淡蓝色背景
组成
矢量图形(如果使用图形元件、按钮、文字,则必先打散,即转化为矢量图形)再变形。
元件(可为影片剪辑、图形元件、按钮等)或先转化为元件
注:非矢量图形(组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等)皆可,但元件能修改的属性参数比较多,因此建议统一为:元件
同左
效果
矢量图形由一种形状逐渐变为另一种形状的动画。实现两个矢量图形之间的变化,或一个矢量图形的大小、位置、颜色等的变化。
元件由一个位置到另一个位置的变化。实现同一个元件的大小、位置、颜色、透明度、旋转等属性的变化。
同左
关键
插入空白关键帧
首尾可为不同对象,可分别打散为矢量图
插入关键帧
首尾为同一对象。先将首转为元件再建尾关键帧。属性的改变:位置--选中,移;其他属性--选中元件,在此元件实例属性面板中改属性
只需首关键帧即可
对首关键帧应用“补间动画”
特性
可实现动画滤镜(让应用的滤镜动起来)。
可以利用运动引导层来实现传统补间动画图层(被引导层)中对象按指定轨迹运动的动画。
可实现动画滤镜(让应用的滤镜动起来)。
遮罩层
创建遮罩层的步骤如下:在目标图层上新建一个图层,插入关键帧,做出一个图形,填充好颜色,再在遮罩结束的位置插入一个关键帧,做出图形填充颜色,在创建补间形状,然后将该图层设置为引导层。点击enter键播放即可看到效果。
引导层
创建引导层的步骤如下:先新建一个图层放入要引导的元件,在该图层上添加传统运动引导层,对应目标图层的帧,插入关键帧,用铅笔工具画线,设置运动路径,然后把元件中心对准线起始位置,并且在运动结束位置在目标图层插入关键帧,元件中心对准线条结束为止。Enter键播放,即可看到元件沿所画直线运动。
影片剪辑元件
影片剪辑是包含在flash影片中的影片片段,有自己的时间轴和属性。可以实现播放停止、反向播放、使用ActionScript进行处理等。在mtv的最后,下雪场景即为影片剪辑元件。
按钮元件
在MTV的开始处设置了一个女孩按钮元件,按钮元件可以定义弹起、指针、按下和点击四帧操作,对鼠标动作做出反应,实现交互。ActionScript2.0和ActionScript3.0的脚本代码设置有很大区别,ActionScript3.0不允许直接将代码放置到一个对象上,只能使用帧或代码片段将代码应用到当前对象上,做的时候费了一番周折,最后是在图层最上方新建一个按钮图层,将第一帧设置为关键帧,对这个帧进行动作脚本代码编写。
代码如下:
stop();
roundplay_mc.addEventListener(MouseEvent.CLICK,playHandle);
function playHandle(e:MouseEvent):void{
play();
}
定义为播放按钮,采用鼠标监听实现,当点击该按钮时,开始播放,也可以将play()改为gotoAndPlay(帧数),直接跳转到所要播放的帧。