flash动画短片制作课程设计

《flash动画短片制作课程设计》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、《多媒体技术》课程设计报告flash动画短片制作姓名：____张润青_________班级：___09计本________学号：________指导教师：___彭统乾________成绩：__________________完成时间：____2012-6-1______完成地点：___软件实验室三__11一、设计描述《蒲公英的种子》是我们儿时小学课本上的一篇生动的课文，我对这篇课文记忆犹新，后来在一篇文章中看到一首写蒲公英的小诗，由此引起我对蒲公英由衷的赞叹：蒲公英是漂泊的蒲公英是坚强的，她为了繁衍生

2、命，飞过大江南北，飞到异乡扎根，体现出蒲公英强大的生命力。一切生命都应该为新的生命的延续付出艰辛的跋涉和为了生命的成长不畏艰险。本flash要实现的内容是：1、photoshop做片首。2、从网络搜集图片或者自己拍摄一些照片，在flash中做影片剪辑并把他们组合实现动画的场景，表达蒲公英由年青到老去漂泊异乡的坚强性格。3、添加音频，格式为MP3。4、添加播放和重放按钮。二、总体设计内容是我小时候对蒲公英的喜欢，蒲公英的种子离开母亲飞过原野，沙漠，高山，大海，沼泽地，等等，最终在干旱之地生根发芽开出绚丽

3、的花朵，以这个主题为主线展开动画的制作。先准备一首轻音乐《故乡的原风景.MP3》。这首歌曲是由网上直接下载的，格式可能flashcs3不兼容，所以可以先用格式工厂或者其他的音频处理软件从新把这首音乐转变成MP3格式。从网上下载或者自己拍一些蒲公英的图片，作为动画的素材。片首部分我用了photoshop做成的文字图形，格式为jpg，用了球面效果，给人一种立体的感受。动画中要出现的风车是图形元件，先建立风车叶图形元件，再在背景上把风车叶复制旋转七次，然后全选转变成风车就可以了。类似的方法做雨滴，蝴蝶，大雁

4、等图形元件。蒲公英的种子是由影片剪辑做成的，这样蒲公英的种子就会在场景中飞翔并不会受主动画的影响，给人一种自由自在的为了梦想高飞的感觉。在动画中还要建立与蒲公英有关的文字图形，这是为了充分表达动画的主题思想：蒲公英离开母亲漂泊异乡去繁衍生命的伟大情怀。文字在动画中的安排有用到逐帧技术和补间动画，逐帧技术是为了实现逐字打印的效果，补间技术是为了实现文字在动画中飘动的视觉效果。片尾有文字结束语，有蒲公英图片层，重放按钮层和风车层构成。11播放按钮和重放按钮可以自定义也可以用库按钮，在这个动画里我选择的是库

5、按钮。三、详细设计首先打开flashcs3选择ActionScript3.0建立题目为《蒲公英的种子》的flash源文件。背景大小为800X700像素，颜色为黑色。为了便于修改和容易观察，可以按照情节的表达分几个场景，每一个场景表达一个独立思想。首先先把准备好的图片素材和音乐全部倒入库。第一个场景：只用来做片首：总共一个图片层和一个按钮层，这个图片为photoshop做的文字，就是mv:蒲公英的种子。这是一个文字图片之所以由photoshop做成，因为我想用其中的球面化效果，这样这就很有立体感了。这个

6、场景总共有10帧。先在蒲公英图片层的第一帧写入代码：stop（）；这样就可以在动画的第一帧停下来点击开始按钮，再添加按钮层，在其第一帧添加库按钮，代码如下：开始按钮：实例命名为：BTfunctionstartMovie(event:MouseEvent):void{this.play();}BT.addEventListener(MouseEvent.CLICK,startMovie);结果如下图：如图1（片首）11第二个场景：总共有需要23个图层和六副图片构成图片层。先把图片按顺序分配好帧数，每一个

7、图片分配20帧，全部用补间动画调整位置，总共160帧。在蒲公英的种子这个图层的第一帧中加入蒲公英的图形在第一个图片相对应的最后一帧插入关键帧，这样就可以看到蒲公英在画面中飞翔的效果了，再建立三个风车层每一层放入一个风车图片元件，在属性中选择动画旋转，这样就可以看到风车旋转起来了，在风车层相应的下面分别建立风车棍层，并调整棍在风车下的位置这样就可以看到风车在棍上旋转的效果，还要建立雨滴层，雨滴同样要用补间动画，并且再建立三个水波层，同样水波也要用补间动画，并且由小扩大，最后建立文字层，如图2：图2（我很

8、喜欢蒲公英）第三幅图是一个小姑娘在思索蒲公英是否想家，同样在先前建立的蒲公英层拉入蒲公英的种子的图形，在文字层添加相应文字如图3：图3（我想：蒲公英会想家吗？）11第四幅图是逐帧实现文字逐个出现的效果，在此图片相应的文字层的最后一帧把打散的文字图形拉进来然后逐帧删除文字就可以实现打印效果的文字了，再添加太阳层，太阳图形的制作和旋转的方法和风车类似，如图4：图4（关于蒲公英的诗）第五幅画面：一个小姑娘是画在背景上的，逐帧改变嘴型和蒲公英花朵就可以实现蒲公英