flash动画短片制作课程设计Word下载.docx
《flash动画短片制作课程设计Word下载.docx》由会员分享，可在线阅读，更多相关《flash动画短片制作课程设计Word下载.docx（10页珍藏版）》请在冰豆网上搜索。
2、从网络搜集图片或者自己拍摄一些照片，在flash中做影片剪辑并把他们组合实现动画的场景，表达蒲公英由年青到老去漂泊异乡的坚强性格。
3、添加音频，格式为MP3。
4、添加播放和重放按钮。
二、总体设计
内容是我小时候对蒲公英的喜欢，蒲公英的种子离开母亲飞过原野，沙漠，高山，大海，沼泽地，等等，最终在干旱之地生根发芽开出绚丽的花朵，以这个主题为主线展开动画的制作。
先准备一首轻音乐《故乡的原风景.MP3》。
这首歌曲是由网上直接下载的，格式可能flashcs3不兼容，所以可以先用格式工厂或者其他的音频处理软件从新把这首音乐转变成MP3格式。
从网上下载或者自己拍一些蒲公英的图片，作为动画的素材。
片首部分我用了photoshop做成的文字图形，格式为jpg，用了球面效果，给人一种立体的感受。
动画中要出现的风车是图形元件，先建立风车叶图形元件，再在背景上把风车叶复制旋转七次，然后全选转变成风车就可以了。
类似的方法做雨滴，蝴蝶，大雁等图形元件。
蒲公英的种子是由影片剪辑做成的，这样蒲公英的种子就会在场景中飞翔并不会受主动画的影响，给人一种自由自在的为了梦想高飞的感觉。
在动画中还要建立与蒲公英有关的文字图形，这是为了充分表达动画的主题思想：
蒲公英离开母亲漂泊异乡去繁衍生命的伟大情怀。
文字在动画中的安排有用到逐帧技术和补间动画，逐帧技术是为了实现逐字打印的效果，补间技术是为了实现文字在动画中飘动的视觉效果。
片尾有文字结束语，有蒲公英图片层，重放按钮层和风车层构成。
播放按钮和重放按钮可以自定义也可以用库按钮，在这个动画里我选择的是库按钮。
三、详细设计
首先打开flashcs3选择ActionScript3.0建立题目为《蒲公英的种子》的flash源文件。
背景大小为800X700像素，颜色为黑色。
为了便于修改和容易观察，可以按照情节的表达分几个场景，每一个场景表达一个独立思想。
首先先把准备好的图片素材和音乐全部倒入库。
第一个场景：
只用来做片首：
总共一个图片层和一个按钮层，这个图片为photoshop做的文字，就是mv:
蒲公英的种子。
这是一个文字图片之所以由photoshop做成，因为我想用其中的球面化效果，这样这就很有立体感了。
这个场景总共有10帧。
先在蒲公英图片层的第一帧写入代码：
stop（）；
这样就可以在动画的第一帧停下来点击开始按钮，再添加按钮层，在其第一帧添加库按钮，代码如下：
开始按钮：
实例命名为：
BT
functionstartMovie（event:
MouseEvent）:
void
{
this.play（）;
}
BT.addEventListener（MouseEvent.CLICK,startMovie）;
结果如下图：
如图1（片首）
第二个场景：
总共有需要23个图层和六副图片构成图片层。
先把图片按顺序分配好帧数，每一个图片分配20帧，全部用补间动画调整位置，总共160帧。
在蒲公英的种子这个图层的第一帧中加入蒲公英的图形在第一个图片相对应的最后一帧插入关键帧，这样就可以看到蒲公英在画面中飞翔的效果了，再建立三个风车层每一层放入一个风车图片元件，在属性中选择动画旋转，这样就可以看到风车旋转起来了，在风车层相应的下面分别建立风车棍层，并调整棍在风车下的位置这样就可以看到风车在棍上旋转的效果，还要建立雨滴层，雨滴同样要用补间动画，并且再建立三个水波层，同样水波也要用补间动画，并且由小扩大，最后建立文字层，如图2：
图2（我很喜欢蒲公英）
第三幅图是一个小姑娘在思索蒲公英是否想家，同样在先前建立的蒲公英层拉入蒲公英的种子的图形，在文字层添加相应文字如图3：
图3（我想：
蒲公英会想家吗？
）
第四幅图是逐帧实现文字逐个出现的效果，在此图片相应的文字层的最后一帧把打散的文字图形拉进来然后逐帧删除文字就可以实现打印效果的文字了，再添加太阳层，太阳图形的制作和旋转的方法和风车类似，如图4：
图4（关于蒲公英的诗）
第五幅画面：
一个小姑娘是画在背景上的，逐帧改变嘴型和蒲公英花朵就可以实现蒲公英种子被吹走的画面了，蒲公英种子层是用了蒲公英种子的影片剪辑，这样画面就可以看到随着嘴型的变化蒲公英种子飞走的情景，如图5：
图5（我吹起蒲公英）
第六幅画面是：
蒲公英种子飞过向日葵，蒲公英种子层仍然用蒲公英的影片剪辑，如图6：
图6（蒲公英遇到向日葵）
最后添加音乐层，在第一帧直接把导入库的音频《故乡的原风景.mp3》拉进场景即可。
第三场景：
总共需要18副图片构成，320帧，这个场景全部用来表现蒲公英飞过田野，大陆，海洋，高山，沙漠，沼泽地等等，最后生根发芽，开出灿烂的花实现生命的延续的过程。
这个场景里要先在第一图层分配好图片的位置和每一个图片要展现的帧数为18帧，这个场景重要建立文字层，蒲公英层。
第一个画面中有大雁飞翔，所以还要建立一个图层，在第一帧插入大雁展翅的图形，第二帧插入翅膀收缩的图形，以次类推直到这个画面的最后一帧，如图7：
图7（蒲公英飘向远方），
其他画面同样要插入相应的文字，如下图：
图8（蒲公英飘过沙漠）
图9（蒲公英飘过大海）
图10（蒲公英飘过原野）
第十一幅图中，建立蒲公英发芽层，把蒲公英芽拉进图层，第一帧缩小，在此图片对应的蒲公英芽层的最后一帧放大，然后在属性选择动画，调整到路径，如图11：
图11（蒲公英生根发芽）
第十二幅图中，要建立蝴蝶层，用作大雁的方法逐帧插入蝴蝶，如图12
图12（一只蝴蝶落在蒲公英上）
第十三副图，如图13
图13（蒲公英开出绚丽的花）
第四个场景：
为片尾：
7个图层，分别为一个图片层，两个风车层，两个风车棍层，一个按钮层，和一个文字层，总共需要20帧。
风车同样用动画，旋转，文字在所在的图层的第一帧置于图片的底部在文字图层的最后一帧置于图片正中间，然后在属性中选择动画，调整到路径，这样在动画结束时文字是从下往上去的。
按钮就置于按钮层的最后一帧。
代码要写在帧上，不能写在元件上，这是flashcs3不同于flash8的地方，而且在图片层的最后一帧写代码：
stop（），并且选择声音停止，这样在动画播放到最后一帧就会停下来让你点击重放按钮了，而且音乐也会在动画结束时停止，代码如下：
重放按钮：
BT1.
BT1.addEventListener（MouseEvent.MOUSE_DOWN,MouseDownEvent）;
functionMouseDownEvent（e:
this.play（）;
如图14：
图14（片尾）
四、
总结
4.1技巧应用方面的心得体会
这个mv并没有用到太多高技术的东西，用的都是大家平时用的很多的技巧，比如动画中的影片剪辑创建补间动画，图片的排版，为了不让观众看到背景，还要用图片把背景全盖上，这个问题开始的时候我并没有在意，后来在别人和老师的建议下我还是改正了，图片既要能看着美观还要做出镜头拉伸的效果这就要把握图片在背景中的位置，也就是要给图片一个很合适的位置，这样做的动画就柔和又美观了，另外帧的数量在播放的效果上也起到很大的作用尽量使补间动画的帧多一些。
考虑到flash中字幕的效果只有倾斜和变形而没有更高级的效果，受此限制，我先用photoshop做了一个片首的字幕用其自带的球面效果，这样就扬长避短了。
所以在技巧上我并没有用太多，这主要是受规模的限制，但是我还是尽量做到了画面的美观。
这也是能做一个值得欣赏的动画的最终目的。
4.2制作过程中的心得体会
用flash做动画本身就是一件很费时间和脑力的活，需要大量的帧和手绘，还要在合适的帧上添加动作脚本，有时还需要多个图层。
在需要帧上添加动作代码的时候就要细心了，要确定在哪一个帧上添加代码和添加什么代码。
比如库按钮，在flashcs3中，动作脚本是ActionScript3.0版本的，动作脚码就要写在按钮层的帧上而不能写在元件上，这是与ActionScript2.0不同的地方，而且还要给实例起一个名字。
制作影片剪辑时也要细心，我在做蒲公英种子飞舞这个影片剪辑总是弄不出来，后来反复地修改才知道，引导线要在引导层的第一帧开始画，而不是在第一层上的第一帧才开始画，雨滴也一定要在第一层上的第一帧处放在引导线的上端，另外一个蒲公英的种子是放在第一图层上的第一百帧处的引导线的下端，这是一个不小心就会出错的地方。
最让我开心的是我能想到要添加风车，雨滴，大雁，蝴蝶等影片剪辑，觉得这些东西很有生机。
做flash动画在我内心里经历了不懂到熟悉再到基本会用简单的技巧。
虽然开始的时候困难重重，问题多多，不理解也没基础，但是到后来自己不断的摸索和在网上搜索答案，最后还是制作出了自己第一个小动画，真的很开心，觉得很有成就感，遇到问题一定要问老师或者在网上搜索答案，很多时候自己是摸索不出答案的，有捷径何必有条件何必放着不用。
这个mv花费了我一个月的时间不断的修改和充实内容，其中蒲公英的种子手绘图像很粗糙也没什么大的美观可言，但是这个小动画树立了我的自信心，因为学动画的第一天我还不知道什么是帧什么是元件，但是下午我就看了一个视频教程做了一个简短的小动画。
不要放弃尝试的机会，一定要给自己加油！
我们自己的生命也可以像蒲公英一样坚强的，一定会克服重重困难，最终实现自己的梦想。
升级会员 