FLASH课程设计报告.doc

学 号武 汉 科 技 大 学 城 市 学 院课 程 设 计 报 告 课程名称 平面动画设计与制作（Flash）课程设计题 目平面动画设计与制作（Flash）综合设计 学 部 城市学院信息工程学部 专 业 计算机应用班 级 计算机应用1班 姓 名 吴全明 指导教师 杨华勇 2012年12月16日平面动画设计与制作（Flash）课程设计报告课程设计评分表评分标准：1. 学生是否严格遵守课程设计纪律，按照规定时间完成设计任务(占30%)2. 课程设计效果图：(占50%)(1)是否独立完成课程设计。 (2)课程设计是否完成课程设计任务书指定的全部要求。(3)效果图设计切合主题，所做内容与主题相符。 (4)效果图设计富有创意，整体艺术加工效果。3. 课程设计报告书的撰写(占20%)课程设计报告书的撰写的质量和规范。教师评分：1.学生出勤得分： (A) (B) (C) (D) 2.课程设计效果图得分：(A) (B) (C) (D) 3.课程设计报告得分： (A) (B) (C) (D) 教师评语： 根据该生在课程设计期间，是否严格遵守课程设计纪律，按照规定时间完成设计任务，完成的程序设计的质量与规范，提交的课程设计报告书的质量与规范等多方面的评分，该生本次课程设计的评定成绩为（以优、良、中、及格、不及格评定）：_ 签字： 日期： 年 月 日平面动画设计与制作（Flash）课程设计任务书题目:平面动画设计与制作（Flash）综合设计一. 课程设计教学条件要求 课程设计要求学生一人一组，独立完成，机房需要有安装Flash cs4 、Photoshop cs4以上版本的计算机提供课程设计使用。二. 课程设计任务整体要求：在完成每一个任务的时候，都要求认真审题，严格按照任务书要求完成设计，设计要与主题相符，有整体性的策划及设计，切忌堆砌图片，要有艺术创作的能力，设计过程中的步骤请在制作过程中边做边截图保存在课程设计报告书中，以便能更方便完成报告。任务1：网络贺卡设计制作要求：电子贺卡是在重大节日、纪念日、生日互相赠送的具在纪念意义的艺术表现形式，它能显示爱心，表达美好的祝愿，给我们增添欢乐，友谊和节日气氛和浓浓的祝福之情。自定义素材，设计一副网络贺卡动画，贺卡尺寸、形状不现，要突出节日元素，具有别出心裁的创思，有音乐背景做衬托。任务2：动画短片与MV设计制作要求：主题的表达形式新颖，构思独特，有一定的技巧。 有一定的想象力和个性表现力。内容结构设计独到新颖。情节人物、语言等设计引人入胜。角色形象生动活泼，富有艺术想象力。音效与主题风格一致，具有艺术表现力。画面美观，色彩和谐。任务3：商业广告动画设计制作（二副作品）要求：设计商业广告动画一副，主题可以选择商业、银行、服装、超市、楼盘等，根据主题需要进行资料收集，进行整体性的商业广告动画设计，在设计过程中以图片为主,文案为辅，综合画面要求符合产品风格、突出表达主题，吸引观众眼球，给人留下深刻印象。可以自己策划主题、宣传语、品牌等相关内容，要求主题字体醒目，排版构图合理。三. 课程设计报告书主要内容1.课程设计的目的2.课程设计的开发环境和工具3.课程设计的需求分析及概要设计4.课程设计的详细设计步骤5.课程设计效果图四. 课程设计要求（1）学生按时到课程设计指定地点签到，遵守课程设计纪律。（2）学生独立完成课程设计任务，按任务书要求完成设计任务。（3）学生按时提交课程设计成果和A4纸打印的课程设计报告书。 五课程设计参考资料参考书：1、中文版Flash CS4全方位教程 主编：张维东 出版社：航空工业出版社 出版或修订时间：2010年2月 第一版2、 Flash CS3从入门到精通 主编：李冉 出版社：中国青年出版社 出版或修订时间：2012年第一版3、FlashCS4动画特效设计经典主编：贺凯 出版社：中国青年出版社 出版或修订时间：2010年9月第一版指导教师：杨华勇目 录1. 设计目的12. 开发环境和工具33. 需求分析64. 概要设计85. 详细设计105.1设计一：网络贺卡设计制作115.1.1 所使用的素材125.1.2 制作过程13动画短片与MV设计制作5.2设计二：动画短片与MV设计制作155.2.1 所使用的素材165.2.2 制作过程175.3设计三：商业广告动画设计制作1185.3.1 所使用的素材225.3.2 制作过程235.4设计四：商业广告动画设计制作2245.4.1 所使用的素材255.4.2 制作过程265小结276参考文献661.设计目的本课程设计要求在课程设计过程中，学生会对设计任务进行全面的策划，根据任务的描述，通过实际查阅资料、分析设计、综合利用Flash动画的基本原理和技术，并通过实践，掌握融汇自己思维及创意创作完整作品的基本方法和过程，达到能够制作运动动画、形变动画和逐帧动画；能够制作基本层动画、具有遮罩特效的动画和具有链接引导特效的动画；能够制作和使用符号；能够制作按钮并能够为按钮设置控制动画播放的动作脚本；能够为Flash作品添加声音；能设计制作出具有完整主题要求的Flash作品，在作品制作中能理性地、有针对性地选择使用flash提供的动画表现技术，还能够撰写基本的动画剧本和制作说明书的目标以达到加深、巩固所学课程的相关知识、培养学生综合设计的能力、参阅和参考各种资料的能力，达到灵活运用各种特效功能与技巧进行设计与创作，全面综合的提高学生利用各种手段进行设计、综合策划设计能力和整体分析及艺术处理的能力。同时，通过实践教学活动，拓宽学生的知识领域，锻炼学生的实践技能，培养科学严谨、求真务实的工作作风。2.开发环境和工具1、硬件环境（1）、主机要求CPU奔腾4 2.6GHz以上或双CPU;内存1G以上。（2）、主机能与互联网相连、以便学生能够浏览优秀网站，搜集相关材料等。2、软件环境Windows 2000或Windows XP系统以上，Flash cs4、Photoshop CS4以上等软件。3.需求分析Flash，是一种动画创作与应用程序开发于一身的创作软件，目前最新的零售版本为Adobe Flash Professional CS6(2012年发布)。Adobe Flash Professional CS6为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。Flash广泛用于创建吸引人的应用程序，它们包含丰富的视频、声音、图形和动画。可以在Flash中创建原始内容或者从其它Adobe应用程序（如Photoshop或Illustrator）导入它们，快速设计简单的动画，以及使用Adobe AcitonScript 3.0开发高级的交互式项目。设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。本次课程设计是制作是利用Photoshop处理二维图形图像的巨大功能，使用这一软件能够很好的完成图像处理的需要。4.概要设计图像处理技术是将不同的基本图形，按照一定的规则在平面上组合成图案的。主要在二度空间范围之内以轮廓线划分图与地之间的界限，描绘形象，是有目的的策划，图像处理设计是这些策划将要采取的形式之一，在图像处理设计中你需要用视觉元素来传播你的设想和计划，用文字和图形把信息传达给受众，让人们通过这些视觉元素了解你的设想和计划。任务1：网络贺卡设计制作设计方案的论证：贺卡可以表达祝福之情，自己动手做的就更能传递那份感情了。设计需要的背景素材：见下任务2：动画短片与MV设计制作设计方案的论证：MV这样的大作品能很好考研技术功底，及FLASH熟练程度设计需要的背景素材：见下任务3：商业广告动画设计制作1设计方案的论证：商业广告是公司让民众知晓自己产品的重要方式，能制作广告是必须要掌握的继续。设计需要的背景素材：见下任务4：商业广告动画设计制作2设计方案的论证：商业广告是公司让民众知晓自己产品的重要方式，能制作广告是必须要掌握的继续。设计需要的背景素材：见下5.详细设计5.1设计一：网络贺卡设计制作5.1.1 所使用的素材 图5.1素材1-1.jpg5.1.2制作过程1、打开flas软件，新建一个flash2.0文件。调整舞台大小如图所示： 2、将素材导入到舞台，在选中时间轴的图层1的第一帧插入空白关键帧，第220帧插入空白帧，选中第一帧将素材冲从库中导入到场景舞台。3、点击时间轴的新建图层，建立新的图层命名为遮罩1。第一帧插入空白关键帧，第50帧插入空白帧。选中第一帧后，在舞台上绘制如图所示的遮罩。 4、选中第五十帧，缩小图片的遮罩层效果如图5、选中遮罩时间轴的第一帧，点击鼠标右键选择创建补间形状。完成了贺卡的上部遮罩。6、与步骤5相似建立贺卡的下部遮罩。7、点击面板上面的插入，选择新建元件，建立如图所示的按钮。8.用绘制一个如图所示的圆在上面键入新年好文字，如图所示。9.在时间轴新建一个图层命名为惊喜，选中第一帧在此处插入关键帧，将刚才做好的按钮移入场景舞台。10.选中按钮，按F9写入如下代码11在时间轴上新建图层，命名为音乐.在互联网上搜索一段MP3格式的新年好主题的音乐并导入到库中。选中音乐图层的第50帧并插入关键帧，选中第五十帧，将库中的音乐拖入场景。12.选中图层一的第一帧，按F9写入如下代码。13.完成制作保存文件。.5.2设计二：动画短片与MV设计制作5.2.1 所使用的素材 5.2素材1-1.jpg 5.2素材1-2.jpg 5.2素材1-3.jpg 5.2素材1-4.jpg 5.2素材1-5.jpg 5.2素材1-6.jpg 5.2素材1-7.jpg 5.2素材1-8.jpg 5.2素材1-9.jpg 5.2素材1-10.jpg 5.2素材1-11.jpg 5.2素材1-12.jpg 5.2素材1-13.jpg 5.2素材1-14.jpg 5.2素材1-15.jpg 5.2素材1-16 .jpg5.2素材1-17.jpg 5.2.2制作过程 1. 打开flas软件，新建一个flash2.0文件。调整舞台大小如图所示： 2.讲所有素材带入到库中3.在时间轴的下方点击新建一个文件夹命名为片头。在新建一个图层放在片头文件里面，在图层1的第一帧和第60帧处插入关键帧。在新建一个图层命名为上滑条。在第一帧和第20帧处插入关键帧，选中第一帧，在舞台上绘制如图效果。4.选中上画条的第20帧绘制成如图所示的效果、 5.选中第一帧点击鼠标右键，创建传统补间。，再在第60帧处插入空白帧，完成上滑条的制作。6.用同样的方法制作下滑条。7.在时间轴上新建一个图层命名为大鱼，选中第20帧插入关键帧，将库中的大鱼拖入舞台，选中第六十帧，插入关键帧，将大鱼经行拖动，在选中第20帧，单击鼠标右键，选择插入关键帧。完成大鱼的制作。 8.用同样的方法制作两条小鱼的效果。 9.选择插入，新建元件，类型选择按钮。 10.点击确定进入舞台，将库中的播放元件拖入到舞台，点击按下将库中的播放2.拖入到舞台进行调整。11在片头文件夹夹下新建图层命名为播放，在第60帧处插入关键帧，将播放按钮拖入到舞台。片头的制作完成. 12.在时间抽上新建文件夹，命名为动画01，在动画01文件夹下新建一个图层。在第61帧处插入关键帧，第120帧处插入空白关键帧，选中第60帧，将库中的背景01拖入到舞台。 13.新建一个图层，命名为大鱼，在第61帧处插入关键帧，将库中的大鱼拖入到舞台。 14.在90帧处插入关键帧，将大鱼进行拖动，在选中第61帧单击鼠标右键，选择创建传统补间。再在第121帧处插入空白关键帧，完成大鱼的制作。15.新建两个图层命名为回话框和文本框，在文本框的60帧处插入关键帧，在舞台上输入文字，在回话框的90帧处插入关键帧，并将库中的会话框拖入到舞台，并输入文字。完成动画01的制作。 16在时间抽上新建文件夹，命名为动画02，在动画02文件夹下新建一个图层。并在第121，185帧处插入关键帧，将库中的背景02图片拖入到舞台，在到124帧处插入关键帧，选中第121帧将背景图片的alpha值设置我0，在单击鼠标右键选中创建传统补间。 17.新建一个图层命名为会话框，在第125帧处插入关键帧，将回话框拖入到舞台，并键入文字。在第150帧处插入关键帧，调整会话框在库中的位置。18.新建两个图层命名为小鱼01。02，分别在第125帧插入关键帧，并将两天小鱼拖入到舞台。 19.在小鱼01图层的第145帧处插入关键帧将库中的小鱼流汗拖入到舞台，再在165帧处插入关键帧。 20.在小鱼185帧处插入关键帧，拖动小鱼改变位置，选中第165帧单击鼠标右键创建传统补间。 21.选中小鱼02图层，在第125帧处插入关键帧将小鱼拖入到舞台，在140帧处插入关键帧，改变小鱼的位置，选中第125帧单击鼠标右键创建传统补间。再在185帧处插入关键帧。调整小鱼所在的位置，选中第140帧单击鼠标右键创建传统补间。完成动画02的制作。 22. 在时间抽上新建文件夹，命名为动画03，在动画03文件夹下新建一个图层。在第186帧处插入关键帧，第240帧处插入空白关键帧，选中第186帧，将库中的背景03拖入到舞台。23.新建一个图层，命名为食物第186帧处插入关键帧，第240帧处插入空白关键帧，选中第186帧，将库中的食物拖入到舞台。 24. 新建一个图层，命名为大鱼在第186帧处插入关键帧，第240帧处插入空白关键帧，选中第186帧，将库中的大鱼拖入到舞台。 25.在第200.515.230帧处插入关键帧并在关键帧处等比例放大大鱼。26. 新建一个图层，命名为小鱼01在第186帧处插入关键帧，第240帧处插入空白关键帧，选中第186帧，将库中的小鱼01拖入到舞台。 27. 在第200.515.230帧处插入关键帧并在关键帧处等比例缩小小鱼。 28.新建三个图层，分别命名为02.03.04，按照26.27的步骤完成剩下的三个小鱼制作。 29. 新建一个图层，命名为小鱼01在第186帧处插入关键帧，第240帧处插入空白关键帧，选中第186帧，将库中的小鱼01拖入到舞台。 30.选中第240帧插入关键帧调整小鱼04所在的位置。 31. 新建一个图层，命名为会话框在第186帧处插入关键帧，第240帧处插入空白关键帧，选中第186帧，将库中的会话框拖入到舞台并键入文字完成动画03的制作。 32. 在时间抽上新建文件夹，命名为动画04，在动画04文件夹下新建一个图层。并在第241，300帧处插入关键帧，选中第241帧将库中的背景04图片拖入到舞台 33.新建一个图层命名为大鱼，在第241帧处插入关键帧将库中的大鱼拖入到舞台，调整。 34.在300帧处插入关键帧，调整大鱼的位置，选中第241帧点击鼠标右键，创建传统补间。完场大鱼的制作。 35. 新建一个图层命名为渔网，在第241帧处插入关键帧将库中的渔网拖入到舞台，调整。 36. 在300帧处插入关键帧，调整渔网的位置，选中第241帧点击鼠标右键，创建传统补间。完场渔网的制作。 37.新建五个图层命名为小鱼01.02.03.04.05，分别在第241帧处插入关键帧将库中的小鱼01.02.03.04.05拖入到舞台，调整。 38.分别在小鱼01.02.03.04.05.图层的250.260帧插入关键帧调整小鱼并用鼠标选中241.150帧创建它们的传统补间。 39.新建一个文本图层，在第241帧处插入关键帧，在舞台上键入文字。完成了动画04的制作。 40. 在时间轴的下方点击新建一个文件夹命名为片尾。在新建一个图层放在片尾文件里面，在图层301的第一帧和第375帧处插入关键帧。用鼠标选中第300帧将库中的背景05拖入到舞台. 41新建5个图层分别命名为小鱼01.02.03.04.05.分别在三个图层的第一帧插入关键帧，将小鱼01.02.03.08.09拖入到舞台，分别三个图层的320.340.360帧处插入关键帧，调整五条小鱼们的位置，用鼠标选中三个图层的301帧340帧360帧创建传统补间。 42.新建一个图层命名为遮罩在375帧处用矩形工具绘制一个遮罩。 43.在450帧处插入空白关键帧。 44.新建一个图层命名为遮罩1.在375帧处插入关键帧，用矩形工具绘制遮罩，在425帧处插入关键帧，移除绘制的遮罩，用鼠标选中375帧创建传统补间。 45.新建一个图层命名为文本，在301帧处插入关键帧。在舞台上键入如下文字。46.新建一个图层命名为音乐。在61帧处插入关键帧将库中的音乐文件移到舞台。47.选择插入，新建元件，命名为继续。48.点击确定将库中的继续图片拖入到舞台49.新建一个图层命名为继续选中第450帧插入关键帧，将继续按钮移到舞台。50.选中播放按钮按F9在弹出的窗口中输入51.选中继续按钮按F9在弹出的窗口中输入52.选中片头文件夹的图层一的第60帧按F9在弹出的窗口中输入53.选中片尾文件遮罩图层的第450帧按F9在弹出的窗口中输入 54.完成制作保存文件。5.3设计三：设计商业广告设计一张5.3.1 所使用的素材 5.3素材1-1.jpg 5.3素材1-2.jpg 5.3素材1-3.jpg 5.3素材1-4.jpg5.3.2制作过程 1. 打开flas软件，新建一个flash2.0文件。调整舞台大小如图所示： 2.将素材导入到库中。点击面板的插入，在类型中选择影片剪辑,点击确定。 3.进入到舞台再将对应的图片拖入到舞台完成该张图片的转换。依照此步骤将剩下的图片都转换。4.点击舞台中的场景，选中时间轴的图层一的第一帧插入关键帧，将库中HTC one x的图片拖入到场景舞台调整大小。选择第24帧插入关键帧。5.选择时间轴的图层一的第一帧后点击舞台上的图片。在属性面板中完成如下调整将alpha值调整为0； 6. 选中第一帧点击鼠标的右键选择创建传统补间。选中时间轴的图层一的第19帧插入关键帧后，完成第一张图片的效果。7.在时间轴上面新建三个图层分辨命名为索尼LT26i,三星9300，索尼LT29i，依照上面步骤完成剩下三张图片的效果制作，每个图片的间隔是25帧。 8.制作按钮：选择面板上的插入点击新建元件，在类型中选择按钮。 9. 点击确定后进入到舞台再将对应的图片拖入到舞台完成该张图片的转换。依照此步骤将剩下的图片都转换。 10.在时间图新建一个图层命名为按钮，选中第1帧和第105插入关键帧，选中第一帧。将做好的按钮分别托入到场景舞台，效果如图所示。 11.选中图层一的第一帧，在属性面板中的标签中输入1，分别对索尼LT26i,三星9300，索尼LT29i图层进行标签，分辨标签2.3.4. 12. 选舞台中的按钮第一个按钮单击鼠标右键选择动作，输入如下代码 13.由上往下依次完成代码设计； 14.选择面板上的插入点击新建元件，在类型中影片剪辑。 15.点击确定进入舞台，绘制七个点点第一个最大 16.在时间轴的第一至七帧中插入关键帧 17.选中第二帧，将第二个原点填充为红色， 18.按照第17步骤为剩下的填充颜色没选一帧填充一个。 19.返回到场景舞台，新建图层命名为点点，在第1帧和第107帧处插入关键帧。 20.选中点点图层第一帧将点点元件移到场景舞台。 21.选中点点图层第25帧，插入关键帧，选中点点图层第51帧，插入关键帧选中点点图层第帧，插入关键帧选中点点图层第72帧，插入关键帧，分别将点点元件移到如图所示位置。 23,制作完成保存文件5.4设计四：商业广告动画设计制作25.4.1 所使用的素材 5.4素材1-1.jpg 5.4素材1-2.jpg 5.4素材1-3.jpg5.4.2制作过程1.打开flas软件，新建一个flash2.0文件。调整舞台大小如图所示：2.、将素材导入到舞台。3. 点击时间轴的图层一的第一帧插入一个关键帧，将素材汽车拖入到场景舞台。4. 点击时间轴的图层一的第25帧插入一个关键帧,将汽车进行拖动 5.选中图层一的时间轴第一帧，单击鼠标右键，选择创建传统补间。 6.新建图层命名为文字，选中文字图层的第26帧插入关键帧，在舞台输入如下文字,并将库中如下的图片拖入到场景舞台。 7. 选中文字图层的第30帧插入关键帧 8.点击面板上的插入，选择新建选件，在类型中选择影片剪辑，名称为色彩。 9.点击确定进入舞台进行编辑。用文本工具和矩形工具在舞台上进行编