flash动画短片制作课程设计.docVIP

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