1、 多媒体技术多媒体技术课程设计报告课程设计报告 flash 动画短片制作动画短片制作 1 一一、设计设计描述描述 蒲公英的种子是我们儿时小学课本上的一篇生动的课文,我对这篇课文 记忆犹新,后来在一篇文章中看到一首写蒲公英的小诗,由此引起我对蒲公英由 衷的赞叹:蒲公英是漂泊的蒲公英是坚强的,她为了繁衍生命,飞过大江南北, 飞到异乡扎根,体现出蒲公英强大的生命力。一切生命都应该为新的生命的延续 付出艰辛的跋涉和为了生命的成长不畏艰险。 本 flash 要实现的内容是: 1、photoshop 做片首。 2、从网络搜集图片或者自己拍摄一些照片,在 flash 中做影片剪辑并把他 们组合实现动画的场景
2、,表达蒲公英由年青到老去漂泊异乡的坚强性格。 3、添加音频,格式为 MP3。 4、添加播放和重放按钮。 二 、总体总体设计设计 内容是我小时候对蒲公英的喜欢,蒲公英的种子离开母亲飞过原野,沙漠, 高山,大海,沼泽地,等等,最终在干旱之地生根发芽开出绚丽的花朵,以这个 主题为主线展开动画的制作。 先准备一首轻音乐故乡的原风景.MP3 。这首歌曲是由网上直接下载的, 格式可能 flashcs3 不兼容,所以可以先用格式工厂或者其他的音频处理软件从新 把这首音乐转变成 MP3 格式。 从网上下载或者自己拍一些蒲公英的图片,作为动画的素材。 片首部分我用了 photoshop 做成的文字图形,格式为
3、jpg,用了球面效果, 给人一种立体的感受。 动画中要出现的风车是图形元件,先建立风车叶图形元件,再在背景上把风 车叶复制旋转七次,然后全选转变成风车就可以了。类似的方法做雨滴,蝴蝶, 大雁等图形元件。 蒲公英的种子是由影片剪辑做成的, 这样蒲公英的种子就会在场景中飞翔并 不会受主动画的影响,给人一种自由自在的为了梦想高飞的感觉。 在动画中还要建立与蒲公英有关的文字图形,这是为了充分表达动画的主题 思想:蒲公英离开母亲漂泊异乡去繁衍生命的伟大情怀。 文字在动画中的安排有用到逐帧技术和补间动画, 逐帧技术是为了实现逐字 打印的效果,补间技术是为了实现文字在动画中飘动的视觉效果。 片尾有文字结束语
4、,有蒲公英图片层,重放按钮层和风车层构成。 播放按钮和重放按钮可以自定义也可以用库按钮, 在这个动画里我选择的是 2 库按钮。 三、三、 详细设计详细设计 首先打开 flashcs3 选择 ActionScript3.0 建立题目为蒲公英的种子的 flash 源文件。背景大小为 800X700 像素,颜色为黑色。 为了便于修改和容易观察,可以按照情节的表达分几个场景,每一个场景 表达一个独立思想。 首先先把准备好的图片素材和音乐全部倒入库。 第一个场景:只用来做片首:总共一个图片层和一个按钮层,这个图片为 photoshop 做的文字,就是 mv:蒲公英的种子。这是一个文字图片之所以由 pho
5、toshop 做成,因为我想用其中的球面化效果,这样这就很有立体感了。这个 场景总共有 10 帧。先在蒲公英图片层的第一帧写入代码:stop() ;这样就可以 在动画的第一帧停下来点击开始按钮,再添加按钮层,在其第一帧添加库按钮, 代码如下: 开始按钮:实例命名为:BT function startMovie(event:MouseEvent):void this.play(); BT.addEventListener(MouseEvent.CLICK, startMovie); 结果如下图: 如图 1(片首) 3 第二个场景:总共有需要 23 个图层和六副图片构成图片层。先把图片按顺 序分配
6、好帧数,每一个图片分配 20 帧,全部用补间动画调整位置,总共 160 帧。 在蒲公英的种子这个图层的第一帧中加入蒲公英的图形在第一个图片相对 应的最后一帧插入关键帧,这样就可以看到蒲公英在画面中飞翔的效果了,再建 立三个风车层每一层放入一个风车图片元件,在属性中选择动画旋转,这样就可 以看到风车旋转起来了,在风车层相应的下面分别建立风车棍层,并调整棍在风 车下的位置这样就可以看到风车在棍上旋转的效果,还要建立雨滴层,雨滴同样 要用补间动画,并且再建立三个水波层,同样水波也要用补间动画,并且由小扩 大,最后建立文字层,如图2: 图 2(我很喜欢蒲公英) 第三幅图是一个小姑娘在思索蒲公英是否想家,同样在先前建立的蒲公英 层拉入蒲公英的种子的图形,在文字层添加相应文字如图 3: 图 3(我想:蒲公英会想家吗?) 4 第四幅图是逐帧实现文字逐个出现的效果,在此图片相应的文字层的最后 一帧把打散的文字图形拉进来然后逐帧删除文字就可以实现打印效果的文字了, 再添加太阳层,太阳图形的制作和旋转的方法和风车类似,如图 4: 图 4(关于蒲公英的诗) 第五幅画