《Flash动画制作》
课程设计
姓 名： 班 级： 信息1101 学 号： 辅导教师：
时 间： 2012年6月
flash课程设计
目录
1．设计摘要 .....................................2
2．设计分析与目的 ................................3
(1)前期制作 .....................................................3
(2)动画制作阶段 ..................................................3
(3)测试与输出 ...................................................4
(4)设计目的 .....................................................4
3．设计操作过程 ..................................4
(1)前期准备 .....................................................4
(2)动画制作 .....................................................4
4．课程设计心得 ..................................18
5．致谢和参考文献 .................错误！未定义书签。
（1)致谢 ...............................................................19
（2）参考文献 ..........................................................20
flash课程设计
1 设计摘要
Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。
本设计是用FLASH cs3制作软件制作的一个简单的小动画，其主要有两部分组成，即动画和音频两部分。
在Flash中创作内容时，需要在Flash文档文件中工作。Flash文档的文件扩展名为.f l a（FLA）。Flash文档有四个主要部分：
舞台是在回放过程中显示图形、视频、按钮等内容的位置。在Flash基础中将对舞台做详细介绍。
时间轴用来通知Flash显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。
库面板是Flash显示Flash文档中的媒体元素列表的位置。
FLASH是由美国Macromedia公司出品的用于矢量图编辑和动画创作的专业软件。主要用于动画制作，使用该软件可以制作出网页交互式动画,还可以将一个较大的交互式动画。
FLASH还被广泛用于多媒体领域，如交互式软件开发、产品展示等多个方面。随着FLASH的广泛使用，出现了许多完全使用FLASH制作的多媒体作品。由于FLASH具有支持交互、文件体积小、效果棒等特性，并且不需要媒体播放器之类软件的支持，因此这样的多媒体作品取得了很好的效果，应用范围不断扩大。
FLASH是一个优秀的矢量绘图与动画制作软件，它秉承了矢量绘图软件的所有优点，能制作出声色俱佳的动画效果。强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，PHOTOSHOP图片的色彩更加靓丽，使Flash具有更大的设计空间。
用Flash软件做出的动画作品，其最大的特点是它能够把一些矢量图、位图和歌词、文字做成交互性很强的动画，不仅具有视觉和听觉的双重感受，使其更具有趣味性和创造性。
用Flash软件做出的动画作品，其最大的特点是它能够把一些矢量图、位图和歌词、文字做成交互性很强的动画，不仅具有视觉和听觉的双重感受，使其更具有趣味性和创造性。
flash课程设计
2设计分析
（1）前期制作 1 制图
制图就是绘制草稿的工作。可以直接在电脑中鼠绘完成：也可以先在图纸上手绘完成，然后将手绘背景和人物扫描入电脑，再将背景和人物的所有线条都在矢量软件中重新描绘一遍，以确保图形的精致与细腻，描绘完成以后，再开始上色工作。 2 上色
上色是制作过程中最重要的一步，要根据既定的色彩风格与所在镜头的音乐旋律相互配合。上色时还要注意颜色中黑白灰的表现，有了基于空间的明度变化，色彩才能使动画变得鲜活丰富。 （2）动画制作阶段 1音乐的导入与设置。
2添加歌词，使歌词与歌曲同步。 3制作动画。 4场景的安排。 （3）测试与输出 1 测试
（1）按Ctrl + Enter键，测试影片。
（2）记录不合适或不满意的地方，回到主场景作修改或调整。 2 输出 （1）保存文件。
（2）按Shift+Ctrl+F12键，单击“发布”按钮。
设计目的
此次flash 设计有两个主题，分别是网络广告片头的设计和节约用水公益宣传的设计。
此次flash 设计共两部分。
网络广告片头的设计是根据生成文件去制作出源文件。比较简单明了。
节约用水公益宣传的设计，是通过简单的flash小动画，来向人们宣传节约用水的重要性。
网络广告片头设计的小动画具有节奏感，律动性较强。节约用水公益宣传设计的flash小动画，虽简短但是主题明确，浅显易懂，具有很好的表达能力。
flash课程设计
节约用水公益宣传设计的flash小动画中总共有三个场景的转换，设计上简单易懂，操作性强。
此次flash 最重要的设计目的是提高同学们的实践操作能力，让同学们更好的了解flash 这个制作动画的软件。
3设计操作过程
一、前期准备 （1） 背景音乐的搜集
此次背景音乐的格式选用的是MP3，音乐比较短暂，而且符合动画主题。 （2） 素材的收集
网络广告片头设计的小动画，提供的有素材，需要根据要求运用PS等工具软件对素材做必要的修改。
节约用水公益宣传的设计，需要根据在网上搜索一些关于此次节约用水主题的素材，从而丰富动画的内容。
将动画中所需要的素材都保存在指定的文件夹中。
二、动画的制作
节约用水公益宣传的设计
（1）制作片头的形象
（1）新建一个flash文档
（2）在第一图层导入声音，作为动画背景音乐。
（3）新建图层并命名为“背景”，用矩形工具画一个与舞台一样大小的矩形框，并用#FF6600填充，以此做为片头背景。
（4）新建图层并命名为“字”，用文本工具输入文字“珍惜水源，从我做起。”并适当调整其的位置。
（5）用文本工具输入“PLAY”，并将其转换成为按钮元件，进入其内部，对弹起、指针经过、按下分别插入关键帧，并用#FFFFFF、#00CCFF、#000099分别填充。
最终效果：
flash课程设计
时间轴图层如图所示：
（2）第一场景的制作
(1)新建图层并命名为“黑天”，用矩形工具绘制出与舞台一样大小的背景，用蓝色、黑色调出渐变色填充，转换成元件，作为背景。在第117帧处插入关键帧，并调节其Alpha值为82%，中间创建补间动画。作为后面的场景转换。
（2）新建图层在第21帧插入关键帧，导入水龙头的图片，经过分离后，将其转换成为元件。在第117帧插入帧。图层在“黑天”图层上方，后面新建图层也要分别在此图层上方。
（3）新建图层在第22帧插入关键帧，绘制水柱轮廓（封闭式的），用渐变色调出水柱的颜色，必将其转换为元件。双击进入内部，在图层第2帧、第3帧、第4帧、第5帧插入关键帧，并分别将其Alpha设置为78%、90%、98%、100%，复制前五帧，并在第6帧处粘贴帧。(时间轴如图2-1所示)回到场景中在第33帧插入关键帧。(时间轴如图2-2所示)
flash课程设计
图2-1
图2-2 最终效果：
flash课程设计
flash课程设计
（3）新建图层并命名为“水滴”，在第34帧处导入水滴图片，分离后，并转换成元件。进入内部，分别新建图层
2、
3、4，分别在其图层上的第
2、
3、4帧上插入关键帧，并分别改变水滴的大小，使其有一种水滴滴下的感觉。 如图所示：
最终效果图：
flash课程设计
flash课程设计
（4） 回到场景中，分别在第
37、
41、47帧插入关键帧，复制第34帧，并分别粘贴在第
37、
41、47帧上，适当调节各个帧上水滴的形状，使其有水滴滴下的感觉。将第34帧到47帧复制并粘贴到底117帧。 时间轴如下图所示：
（3）第二场景的制作
（1） 新建图层并命名为“白天”，在第118帧处插入关键帧，并绘制场景内容。“白天”图层要放至“黑天”图层的下方。 如图所示：
（2） 场景中要体现出云和小人的动态。找到云的素材，经处理后，转换为元件，进入内部，再次将矢量图转换成为元件，在图层第一帧处，将云放在舞台右侧，第10帧插入关键帧，将云放置舞台适当位置，中间创建补间动画。
flash课程设计
“云”时间轴如图所示：
（3） 小人的动态，很简单，体现在胳膊的不停甩动。首先胳膊是个元件，进入内部，从第1帧到第5帧插入关键帧，并适当改变胳膊的位置，使其绕一个中心点旋转一周，复制前五帧，并在第6帧粘贴帧，最后一帧在第20帧处结束。 最终效果如图所示：
（4）在第139帧处插入关键帧，将整个图层转换为元件，在第154帧处插入关键帧，将其色调值设为98%，中间创建补间动画。目的是为场景转换做准备。
如图所示：
flash课程设计
（3） 第三场景的制作
（1） 新建图层命名为“树”并在第155帧处插入关键帧，将树的素材经处理后，用白、棕色调出渐变色，并填充。在第209帧处插入关键帧。
（2） 新建图层第命名为“叶”并在第155帧处插入关键帧，将其放置“树”图
flash课程设计
层的上方。将叶的素材处理后，分别转换成为元件（此处有三个有关叶的元件）。进入内部，分别在第
5、10帧插入关键帧，并用变形工具分别调整叶的位置（要调整中心点的位置），使其呈现出叶子摇曳的动态。复制前10帧，并在第11帧处开始粘贴帧，最后一帧在第30帧处。
效果如图所示：
（3） 还有另外的两个叶的元件，重复（2）的操作过程（必要时，做适当调整），分别作出叶子在树枝上随风摇曳的状态。回到场景中在第209帧处插入关键帧。
效果如图所示：
flash课程设计
flash课程设计
（4）新建图层命名为“字6”，将图层移至“叶”图层的上方。并在第174帧处插入关键帧，用文本工具输入“为了有更多的绿”，打散并转换为元件。进入内部，在图层1中第1帧处，将“为了有更多的绿”元件拖到舞台外面，在第5帧插入关键帧，将“为了有更多的绿”元件拖到舞台适当位置上。中间创建补间动画。在第15帧插入帧，来延长第5帧内容。复制前15帧，并在第16帧处粘贴帧。在第31帧处插入关键帧。
（5）在“为了有更多的绿”元件内部，新建图层2第5帧插入关键帧，用文本工具输入“请节约用水”，打散并转换为元件。重复（4）操作步骤，制作出文字从舞台外面进入舞台内部的动态效果。 最终效果如图所示：
（6） 回到场景中，在第209帧处插入关键帧。
flash课程设计
（4） 片尾的制作
新建图层命名“结束背景”，在第210帧处插入关键帧，绘制结束背景。 效果如图所示：
需要补充的是“replay”按钮的制作，其操作过程和片头“play”按钮制作相同。
最终效果图如图所示：
flash课程设计
网络广告片头的设计
这个网络广告片头设计，比较简单，最终效果如图所示：
flash课程设计
课程设计心得
通过此次FLASH的制作，我对FLASH MX 2004软件有了更深一步的了解。开拓了眼界，加深了认识，并且有了一些切身的体会，收获最大要具有一颗细心的心，激情的态度，且持之有恒。在制作过程中要敢于尝试，发现问题，解决问题,光有动画设计的理论知识是不行的，还得有更丰富的实践经验，也就是多动手、多动脑。而这次的课程设计就提供了一次非常好的实践操作的机会，使我对Flash动画短片的设计制作有了一定的了解。
总之，通过这次FLASH作品的制作，限于我的技术水平有限这次的课程设计说明书和作品的错误和不当之处在所难免，还得请老师多多指教！在这次的课程设计中虽然学会了很多,使我深深地感觉到了自己在专业认识上的欠缺和不足，自己的很多地方都急需挖掘和深化，今后我一定注重培养自己的审美情操，加强审美观的培养，多加开拓自己的视野，使自己的创新意识不断的得到加强，对FLASH更是要继续不断的深化学习。FLASH是一个功能强大的动画创作工具，仅仅掌握一些表面知识是远远不够的，只有在实践中不断探索和总结，并且不断激发自己的想象力和创意，才能逐步提高自己的创作水平，进而制作优秀的作品。
FLASH对我来说并不陌生，因为在浏览大部分网站、网页的时候都能看到大大小小、各式各样的FLASH动画，还有FLASH制作的MTV、课件、小游戏之类更是无计其数，有的动态高级网站更是全部利用FLASH所制作，在看到别人做出来的眩目多彩的FLASH作品，还真是羡慕那些作者能够做出如此高的水平，其实很早自己就想偿试做一个了，但是始终未能付诸行动，因为手边没有教材，有没有人指导，以及日常工作比较烦忙，其实关键还是自己没有学习的欲望和激情，自己太懒惰了。一直以来的设想，并没有复之行动。
终于有了这样一个机会，在这个暑期到来之际，市信息中心组织FLASH培训班，我作为信息技术教师，被学校批准参加FLASH学习，真得很高兴有这么个好机会，在信息中心有信息中心的FLASH老师的指导，还能和其它学校的老师相互学习交流经验，真是太好了，我暗下决心一定要好好学习FLASH制作。 下面是我在学习和制作FLASH的过程中的一些感受：
首先，创意是制作FLASH的第一步，也是最重要的一步。一个好的课件作品要有创意，要求新或者是在平淡中找到吸引人的地方，这是最难也可以说是最简单的一步，因为有时候苦苦思索也没有一个好的创意，有时候无意之中，却有一些好的创意一闪而过，得来全不费工夫。
flash课程设计
其次，就应该是构思，也就是在大脑中想象怎样组织画面，每个画面有些什么内容，这些画面又该如何衔接起来，形成一个整体。这一部分很重要，就如同写作文，拿到一个题目，应该先想好整个文章的概括，否则就不知到如何下手。
最后，就是制作了。我觉得，最主要的就是多练，光看书，到了真正用的时候，还是笨手笨脚的。只有经过实践，才能有好的技术，说是这样，可我也没有练很多，虽然技术是我现在制作FLASH最大的难点，但我认为制作一个好的FLASH作品，最关键的还是创意和构思。
下面我在对比PPT谈一下FLASH的优缺点：
1、用PPT制作的课件，简单便于操作且整合能力较好，但一些特殊效果无法制作；用FLASH制作的课件文字效果和动画效果多，但制作时所花费的时间长，这一点就要求我们在利用FLASH制作课件时，要有充分的时间。
2、用FLASH制作课件时，所需的特殊效果，有时用到“脚本”，有些“脚本”是通用的，可以直接套用，但有些就需自己手动编写，“脚本”的内容越多就越容易出错，编写时要不断调试；用PPT可以将FLASH以对象的形式添加到课件中，省去了制作FLASH的时间，但适合内容的FLASH极少。
以上是我在学习FLASH时的感受，以及本人对PPT和FLASH的简略对比，大家在实际运用中可以慢慢体会。
致谢和参考文献
致谢
经过短暂的一周实训，我收获了许多，对flash有了更多的认识。通过制作flash小动画，让我的综合能力有了提高。在动画中，运用逐帧动画、补间动画、遮罩动画等相结合，从而做出具有生命动力、栩栩如生的动画。的确，增添了许多乐趣。
感谢学院给了我实习的机会，感谢老师这一周的辛勤辅导，帮助我，很荣幸能与各位同学共同进步，我也在大家的身上学到不少的知识。感谢学校老师的指导。感谢所有帮助过我的人们，我成长的每一步，都离不开他们的关心与扶持，谢谢他们。这一段难忘的实习时光，将会永远铭记在我的心里。成为我一辈子的永恒的记忆。感谢平时老师对我的悉心指导，以及设计期间的督促，能让我能够在设计期间完成作品；感谢同学平
时的帮助，能让我能够学会正确的制作方法。
flash课程设计
参考文献
[1] 三维书屋工作室.Flash CS5中文版标准实例教程/胡仁喜.—北京:机械工业出版社,2010.9 [2] Photo shop(CS2 中文版)标准教程 /施华锋，冯哲等编著.—北京:清华大学出版社，2009.6 [3]中文版 Flash MX 2004 多媒体课件制作教程/韦钢.—北京：海洋出版社，2005.8（2009.7重印）
[4] 李红玉.Flash动画制作 [M].北京：地质出版社，2009 [5]罗小燕.flash动画与卡通制作创意导航[M].北京:清华大学出版社,2002.[6]高志清.Flash动作制作零点飞跃—学设计零点飞跃丛书[M].北京:水利水电出版社,2005.[7]李琼.flash8.0闪客动画轻松现场实战[M].北京:航空工业出版社，2007.[8]刘斌仿,王南山.Flash cs3 动画制作案例教程[M].湖北:湖北人民出版社,2009.[9]赵国志,赵璐.色彩构成与绘画设计艺术[M].辽宁:美术出版社,2000.[10] Photo shop(CS2 中文版)标准教程 /施华锋，冯哲等编著.—北京:清华大学出版社，2009.6
