FLASH动画知识制作商业广告动画--毕业论文

I2009届毕业设计说明书FLASH动画知识制作商业广告动画系、部：计算机科学系学生姓名：指导教师：专业：计算机应用技术班级：完成时间：II摘要Flash是美国的Macromedia公司推出的优秀软件。它是一种交互式动画设计工具，用shstrongplace.ThistextintroducedtheFlashanimationmanufactureinthemostbasalknowledgeandprocessandsomerelatedappliedmethodsesofthecreationFLASHfieldviewanimationunder8.0softwareenvironmentsoftheflash8.0,andpasstocreateoneFLASHfieldviewanimationtowardeveryonetodisplaythespecialfeaturesofaFLASHanimation.Keywords：SoftwareofFlash;Animation;Orangeperfame;Aview目录1．系统概述…………………………………………………………11.1Flash动画阶段…………………………………………………………11.1.1Flash现状…………………………………………………………114.3解决软件测试发现的问题………………………………………25III4.4测试结论…………………………………………………………26参考文献…………………………………………………………………26.致谢………………………………………………………………………27附录………………………………………………………………………2811系统概述1.1Flash动画阶段1.1.1Flash2Flash动画制作中最基础的知识2.1动画的基本理论在学习动画设计之前．首先要解决一个向题，也就是动画到底是什么？事实上，一系列静态的画面连续快速播放就构成了动画。动画与电影一样都是利用人眼的视觉暂留来产生动态的感觉。在Flash中通常把动画叫做电影(movies)，二者的概念是相似的，也就不作区分了。动画中每一张静态的画面被称为“帧”(Frame)。动画播放的速率正是由每秒播放多少帧来决定的，也就是fps(FramePerSecond帧／秒）。在计算机上常见的动画速率一般使用8-12帧／秒，尤其在网络上播放的动画更不要把帧速设定得太高。如果设得太高，会造成网络频率来不及配合输送足够的影音数据，电影的播放将时断时续。Flash动画是许多帧按顺序排列而成的。Flash利用了计算机强大的计算功能，采用了一种叫做“关键帧”(keyframe）的技术，大大减少了动画设计的工作量。下面就来谈谈这个重要的概念—关键帧。所谓关键帧也就是该影帧中的内容与先前影帧中的有很大的区别，因而它呈现出关键性的动作及内容的变化。比如，在某一帧以前没有任何物体，而到了这一帧，动画中突然出现了A物体，就应该把这一帧指定为关键帧。如果设计中要求用10帧来表现A物体从出现的地方挪到另一处地方的过程，就需要再在第10帧后加入一个关键帧，指示它最后所在的位置，中间的帧相对于关键帧来舞台是Flash动画中各个元素的表演平台，舞台将显示当前选择的帧的内容。与工作区域不同的是：动画发布后只有在舞台上的内容才能被看到，而舞台之外的工作区域中的内容就如同在后台的演员和工作人员一样不会被观众看见。2.2.3置顺序等。有关层的操作请参见层的操作。这里要提醒大家的是，层的2使用不会增加文件的规模，相反，合理地使用层可以在设计时使各个层层次清晰且易于编辑，所以最好在初学的时候就养成使用层的习惯。时间轴窗口的右半部分是时间轴控制区域，该区域主要由若干行与左边层示意列对应的帧序列、示意列、时间轴标尺、信息提示栏以及一些用于控制动画显示和操作的工具按钮组成。它用于对各帧的播放和放置进行有效的控制.利用时间轴窗口安排好素材的空间位置和时间位置能够制作出比较好的动画效果。2.3工具面板如果没有看见工具面板，可选菜单Windows-Toolbar。在弹出的对话框里选Drawing就可以了。Flash的工具面板包括Flash所有选择工具和绘图工具。工具栏包括两个区域：一个是选择区，它在工具面板的上半部，用于选择所需要的工具；另一个是属性区，是用于对所选工具进行一些属性的设定。2.4符号和实体对于大多数刚刚接触Flash的人来说，符号（Symbol）和实体(Instance）是一对比较特别的概念，但是它们并不难理解。简而言之，符号是可以重复利用的图像（Graph)、按钮（Button）或是动画(MovieClip)；实体则是符号在舞台上的具体体现。如果先创建了一个动画符号，把它放在舞台上，那么舞台上的这个动画就叫做实体。引人符号的概念对于动画的设计人员是大有好处的。首先，在处理大量元素时，不会手忙脚乱。如果电影中有大量的重复元素，而要对它们进行修改时，就不再需要对每一个实体进行修改，只要改变符号就可以了，因此，编辑工作大大简化了。此外，符号的使用可以显著减小文件的规模，保存经常使用的符号所需要的空间要比保存所有数据的小得多。比如，多个场景中使用了同一个背景符号，就不需要保存全部场景中的背景图像，而只要保存几个引用信息就可以了。使用符号对在网络上播放的动画来说还有一个好处就是在用户观看时，符号下载到用户端只要一次，而不用重复下载多个同样的元素，这样可以大大加快动画的播放速度。3Flash广告动画的设计制作过程3.1开头动画设计思路在学习动画设计之前有必要对多媒体动画设计的步骤进行简单介绍。可以不夸张地3说，多媒体动画设计是个相当复杂的系统过程，尤其在作品比较大、比较重要的时候。设计人员必须胜任整个过程，要先制订一个总体计划，否则设计工作必然是又费力气又费时间。在学习动画设计的时候必须要先制订全盘计划再动手设计。制作多媒体动画时，随着质量要求及内容的多少，所付出的精力和时间有所不同。根据经验，制作多媒体动画的过程大体可分为三个阶段：第一个阶段是整个制作过程中最为重要的一个部分，设计人员应首先考虑动画产品的目的、投人、内容、制作时间等，同时也要考虑动画的使用方式、用后效果、交互方式等等，做好这些前期工作，对以后的制作将十分有利。第二阶段，就是按照第一阶段的设计规划收集所需的素材并进行加工，例如编写文档、录音、制作动画等等。在收集素材时应注意严格要求以保证质量。第三阶段，用Flash将收集的素材集成并测试；在这个过程中应不断地进行测试，对发现的问题及时加以修改以保证精心制作的多媒体动画问世。制作多媒体动画时，如果有多人分工合作，要注意相互协调每个人的工作。亲身体验制作过程，每一位参与者一定能够积累一些经验，对多媒体的制作有更深刻的体会。由上而下滑出手机，进入舞台后，停止手机元件的动画，然后用闪亮的星星滑过手机边缘，体现出手机的美感。接着过淡出手机功能的文字，完整的展现手机有哪些功能及优点。待功能介绍完毕之后，接下来再介绍手机的各种款式和不同颜色的手机。到这一步的时候，实际上手机的特点还是没有展现出来。我们再通过诺基亚这一款手机的拍照功能，利用动画将拍照的效果制做出来。接着再用淡入淡出体现这一款手机为“诺基亚5160音乐手机”让看广告的人知道这一款机的名称。最后，我们再用手机的背面做为广告的结束，用遮罩做出“诺基亚5160音乐手机”。3.2flash广告动画的详细制作过程3.2.1flash动画影片黑边的制作（1）新建FLASH文档新建一个文件，在[文档属性]中，将尺寸设为640*480像素，单位为像素，背景颜色设置为白色，并将帧频设置为12.0fps.4图3.2.1黑边的制作（2）拖出长条形黑色矩形制作影片黑色边框，由于采用的是影片的形式来制作动画，所以需要先做个影片边框。按“CTRL+F8”键新建一个图形元件并命名为‘‘黑边”,在“图层1”上，使用工具栏中的[矩形工具]并将[填充色]设制为黑色。拖动出一个长条形的黑色矩形。大小为551*57像素。图3.2.1制作影片黑色边框（3）元件“黑边”的制作然后使用[文本工具]，在黑色矩形中单击，输入“诺基亚5160”。然后单击[属性面板]将文字进行调整，元件“黑边”即制作完成了。5图3.2.1元件“黑边”的制作回到主场景，将“图层”改名为“黑边”直接将元件“黑边”拖入到舞台中，然后将它的X和Y的坐标值均设为0。再拖入一次，将X和Y坐标值设为0和350。6图3.2.1元件“黑边”的制作3.2.2手机移动以及星星围绕手机移动动画的制作（1）将“手机”转换为图形元件，并设置“手机”的坐标值单击[文件—导入—导入到[库]]，将“手机”和“星星”的图片导入到[库]。回到“场景1”中，新建一层并命名为“手机”。直接将“手机”图片拖入到“手机”层中，按“F8”键将其转换为图形元件。在第1帧将它拖出，将X和Y的坐标值设为100和-250。7图3.2.2手机移动图3.2.2手机移动8（2）手机的移动动画在第25帧处按F6键插入关键帧，将X和Y的坐标值设为100和-128。然后在时间轴两帧中间鼠标右击创建补间动画。这样手机的移动动画就完成了。图3.2.2手机移动（3）将“星星”转换为图形元件首先在“场景1”中插入一个新层，命名为“发光星星”，在第31帧处插入关键帧，将图片“星星”拖入其中转换为图形元件。为了看到明显的星星，把背景色调暗一点！图3.2.2星星围绕手机移动动画的制作9接下来插入一个“引导层”，并在第31帧处插入关键帧。使用[线条工具]沿手机边缘绘制一条路径，然后在60帧处按F6键插入关键帧以用来延长帧。图3.2.2星星围绕手机移动动画的制作（4）在线段上的“星星”首先单击“引导层”的第31帧，拖动“星星”将其至于线段的一个端点。然后再单击“引导层”的第60帧，再拖动星星将其放在线段的另一个端点。然后再单击“引导层”的第60帧，再的拖动星星将其放在线段的另一个端点。如下图所示。然后在“星星”层中第60帧处插入关键帧，并创建间动画。这样一来，“星星”就会沿着线段进行运动了。图3.2.2星星围绕手机移动动画的制作103.2.3文字的淡入淡出效果制作（1）设置“元件1”的坐标分别创建7个“元件”，每个元件分别用来装一串字。“元件1”中文字为“支持网络调频收音机”，设置属性为18号字、黑体、加粗。回到“场景1”，新建一层命名为“文字1”，在这一层第65帧处插入关键帧，将“元件1”直接拖入到舞台，将其X和Y坐标设置为485和82。图3.2.3文字的淡入淡出效果制作（2）完成文字淡入淡出效果下面添加淡出效果，在文字层的第65帧处单击，然后在场景1中选中“元件1”，在属性栏中[颜色]的右侧下拉菜单中，将“Alpha”值设为0，然后单击第75帧，将它的值设为100。这样就完成了文字从无到有的全过程。11图3.2.3文字的淡入淡出效果制作（3）元件1至7的最终效果接下来就是完成其他的5个元件，分别将5个元件命名为“元件2”到“元件6”。并在每个元件内输入一串字，然后在这5个元件内分别输入“内置FlashLite播放器”、“立体声蓝牙耳机功能”、“1600万色彩屏”，“VGA照相机，自动变焦功能”、“内置免提扬声器”。在场景中新建5个文字层，分别为“文字2”层到“文字5”层。然后用以上同样的方法来对它们做淡入淡出的进入效果。图3.2.3文字的淡入淡出效果制作123.2.4滤镜模糊效果制作（1）在203帧插入关键帧首先在把另一手机画面导入库中，命名为“手机2”。然后新建元件把“手机2”拖入新建元件中，并把刚新建元件更名为“手机2元件”图3.2.4滤镜模糊效果制作（2）完成模糊效果在210帧处插入关键帧，并将元件拉大，移动位置至如图所示，在203帧与210帧中间创建补间动画。然后，点击210帧处，再点击元件，调出属性，创建滤镜增加模糊效果，X=50，Y=10。图3.2.4滤镜模糊效果制作13（3）“模糊效果”的重复在模糊层，215帧插入关键帧，216帧插入关键帧，217帧插入关键帧，并