FLASH动画制作—《父亲》毕业设计.docx

摘要摘要FLASH 软件由 Macromedia 公司于 1999 年 6 月推出的优秀网页动画设计软件，除了制作动画以外，还能实现交互功能。FLASH 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其他允许用户交互的内容。同时也是一款很好的制作动画的软件，FLASH 可以制作丰富多彩的矢量动画，并且可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的动画效果。由 FLASH 制作出的作品，图文并貌、声色俱全，并可以根据自己的特点进行编辑，可以制作出具有个人特点的动画。FLASH 是目前网络动画的事实标准，其文件短小，播放效果好，交互功能强，易学易用，被广泛应用于网络动画，广告制作，教学课件，互动游戏等方面。FLASH 技术不断推陈出新，继席卷网页设计、网络广告之后，电影、电视、卡通、声乐将是它下一步引领风骚的舞台。FLASH 从网络走向电影、电视、卡通、声乐， 推动了传统媒体和互联网媒体的融合。网页设计者开始利用网络技术为商业、音乐电视和电视节目工作。本毕业设计中采用了自创故事父亲 ，是根据现实生活中的情况而制作的，把无私的情感通过不同的情节表现出来；模拟现实生活中的场景，来说明 flash在现实生活中的应用。关键词：FLASH、制作动画、高品质、目目录录第一章第一章前前言言. 1第二章第二章栏目规划及内容栏目规划及内容.2第三章第三章详细设计以及制作过程详细设计以及制作过程.33.1 主题与风格的确立.33.2 搜索素材.33.3FLASH 动画制作.43.4 动画的设计过程.5第四章第四章 关键技术关键技术. 6致致谢谢.7参考文献参考文献.7第一章第一章 前言前言现代教育技术的发展，多媒体课堂教学正走入学生的课堂，日益起着很大的作用。用 Flash 制作的可见大多图文声像并茂，能激发学生的学习兴趣。同时，Flash 有着较好的交互环境，使学生能够积极参与。同时根据中职学生的特点，进行了适合其年龄、心理的教学设计，在职业教育和教育技术之间建立了联系，以其能更好的将多媒体教学手段应用在职业教育的课堂上。用 Flash 制作课件的优势是，Flash 支持的动画功能如逐帧动画、形状逐变动画以及遮罩等，为课件增加了传统课件无法比拟的生动性，灵活性以及直观性。本毕业设计使用 Flash 制作了一个情景动画，即自创故事父亲 ，FLASH 是当今 Internet 上是最流行动画作品的制作工具，是美国 Macromedia 公司所设计的一种二维动画软件。通常包括 Macromedia Flash，用于设计和编辑 Flash 文档，以及 Macromedia Flash Player，用于播放 Flash 文档，Flash 特别适用于创建通过Internet 提供的内容。Flash 是一个优秀的矢量绘图与动画制作软件， 它秉承了矢量绘图软件的所有优点， 能制作出声色俱佳的动画效果。强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画； photoshop 图片的色彩更加靓丽， 使 Flash 具有更大的设计空间。第二章第二章 栏目规划及内容栏目规划及内容该 flash 是根据现实生活的画面所制作的，主要是突出“儿子”工作的繁忙而忽略了父亲，本以为钱可以满足到自己的父亲的生活所需， 可是， 儿子却不知道父亲真正需要的只是儿子对自己的关心以及陪伴第一幕第一幕：首先出现父亲的背影，并逐渐放大父亲的背影，然后听到父亲与儿子的对话第二幕第二幕：父亲独自一人在街头闲逛，看见一对父子，此时的他若有所思，回想起当年自己与儿子也是这般情景，如今却是物是人非第三幕第三幕：父亲回到家中，依然不见儿子踪影，打电话给儿子，得到的却是儿子的责骂此刻的父亲很伤心，从前的儿子并不是这个样子的，父亲决定写一封信给儿子。第四幕第四幕：早上起床的时候，儿子看到餐桌上摆着自己最爱吃的鸡蛋，土司面包和牛奶。牛奶旁边放着一封信，信封上写着:致我最亲爱的儿子。儿子看完封信之后，很内疚， 原来一直他都忽略了父亲的感受了， 他甚至是把父亲对自己的关心当成了无谓的啰嗦话， 此刻他才发现到自己的过失然后儿子打开父亲的房门， 看见的是墙上满是儿子的照片， 柜台上摆着父亲与儿子的唯一一张照片， 还有儿子这些年来拿给他的钱，儿子伤心的流下眼泪第五幕第五幕：日历的特写，10 月 6 日今天是儿子的生日。父亲回忆起从前，公司破产再加上自己的坏脾气，把老婆跟女儿逼走了，从此只剩他跟儿子二人相依为命.儿子最爱奥特曼超人，但是由于家里穷、没有多余的钱来给儿子买玩具;现在,父亲想补偿儿子，父亲到商场上买了最贵的玩具。第六幕第六幕：父亲想把玩具送到儿子公司拿给儿子，在公司前的十字路口，父亲进退两难，他既想第一时间送到儿子手上， 又怕耽误到儿子工作。 另一幕： 儿子在马路上走神，忽略了旁边的车辆。此时，站在马路对面的父亲看到了这一幕；神速的冲到儿子前方。儿子庆幸的逃过此劫，而父亲倒在血泊中。 儿子见父亲手上拿着自己最爱的机器人，顿时醒悟、原来父亲一直在身边守护着他，是他摧毁了父亲的爱，是他害父亲丢失了生命，是他第七幕：第七幕：儿子抚摸着父亲的遗照、回忆起曾经的点点滴滴第八幕：第八幕：整个场景出现黑色场景，然后用一段话概括父亲的伟大及重要性。第九幕：第九幕：结尾-鸣谢第三章第三章 详细设计以及制作过程详细设计以及制作过程在这个 Flash 作品中，主要完成了以下任务：1. 主题与风格的确立主题与风格的确立本作品主要的设计风格统一，有一定的感情色彩。由于本动画是属于回忆类动画，所以色彩方面会选择偏沉色的，整个 Flash 动画色彩统一，选取灰色底。此动画以“父亲”与“儿子”为主，突出“父亲”与“儿子”之间所存在的问题。2. 搜索素材搜索素材此动画是用来提醒我们、要学会感恩。本动画的素材几乎全部纯属个人原创，些许素材是通过“百度” “站酷”网下载的。原创作品是运用了 Potoshop 绘制的，其绘制方式是用钢笔工具逐个逐个绘制出来的。3. Flash 动画制作动画制作通过对图片的插入、旋转、变换位置、拉伸、创建补间动画、遮罩等方式进行 Flash 动画编辑与制作。4.4.动画的设计过程动画的设计过程场景一：场景一：在场景左右两边飞出矩形条，随帧频的增加矩形条的Alpha 逐渐变淡，直至 Alpha 为0%。在 25 帧的时候 “亲”字由顺时针旋转并逐渐放大。第 65 帧从场景右边飞出 “林莹莹” ， 第 75 帧进行逐帧动画，每 5 帧出现一个字。第 104 帧儿子在责骂父亲的画面、第 135 帧放大正个画面。第175 帧父亲独自一人在街上行走的画面。第295帧父亲看到路上的一对父子的对话，触景生情,第 420 帧是父亲回忆从前的画面.场景二：场景二：父亲从场景左边走入，第 75 帧人停留在原地，第 90 帧出现手机及手，第 100 帧手机进行补间动画、 由左移至右。 第 105 帧补间动画放大整个画面；第117 帧显示手机，而手机处于通话状态。场景三场景三：儿子补间动画并放大整个画面，场景出现“封信”然后“信封”进行顺时针旋转 1 次；之后，整封信的内容以逐帧动画每 5 帧出现一个字，直至信内容结束。第 1320 帧，儿子在父亲的房间里的画面使用补间动画放大整个画面；第1360 帧对儿子眼睛的特写，着重儿子的眼泪。场景四：场景四：父亲看着日历 Alpha 值逐渐减少，直至 0%。对“全家福”进行遮罩，首先是人物逐个遮罩， 然后再把遮罩物放大直到显示整张全家福； 第 180 帧对 “破产”遮罩， “破产”两个字会像水流动的效果；第 149 帧进行 10 帧的分离特效。在十字路口，补间动画让车辆前进，第 410 帧父亲走路的动画。第 483 帧“120救护车”从上向下前进，并逐渐放大救护车。场景五：场景五：父亲遗照的特写，第 15 帧放大遗照，然后出现儿子的手用补间动画对父亲的遗照上下抚摸的画面；儿子回忆的部分，在第 147 帧放大整个画面并停留20 帧；第 185 帧进行形状补间以黑白进行切换作为转场动画。第 205 帧以遮罩的方式出现文字，然后在 320 帧处“花 1”顺时针旋转 2 次， “花 2”顺时针旋转1 次，在此同时，文字以补间动画方式从下至上滚动。在第 410 帧顺旋转 1 次直至画面出现“the end” 。第 445 帧设置动作帧 stop(); 整个动画结束。第四章第四章 关键技术关键技术本动画制作中用的关键技术主要有四点：第一：首先绘制手，拇指与手掌分两个图层绘制；其次是手机，手机与滑动键也分两个图层；摆放好位置之后将它们进行补间动画，拇指的滑动与手机的滑动键必须要调整好位置，以致整个画面比较自然.第二：信件内容是用逐帧动画制作的，文字编排及逐帧设置的时候比较容易犯错，帧数及设置都极其重要。第三：在绘制人物的时候，遇到很多难题；例如：阴影部分、动作搭配、表情等等第四：先输入文字，然后 ctrl+B 打散，再 ctrl+B 把打散的文字转换为图片再填充颜色、描边。致谢致谢本论文的顺利完成，离不开各位老师、同学的关心和帮助；感谢吴集林老师的细心指导、毕业设计的每一个阶段，从选题到查阅资料、论文提纲的确定，中期检查的修改，后期调整等各个环节中的给予了我悉心的指导，同时也给我提供了不少意见，提出了一系列可行性的建议。感谢所有在毕业设计中曾经帮助过我的良师益友和同学，以及在设计中被我引用或参考的论著的作者。参考文献参考文献1.李广振主篇.计算机二维动画制作.中央广播电视大学出版社,2005 年 8 月2. 网页 http:/