商务网站动画处理技术课程实训指导书修改.docVIP

《商务网站动画处理技术课程》实操指导书 1 实验目的与要求 1.1 实验目的 本课程的课程设计是电子商务专业学生学完《商务网站动画处理技术课程》课程后进行的一次全面的综合练习,主要是巩固和加深课堂所学的基础理论知识,更重要的是培养学生实验操作能力,知识运用能力,综合分析问题和解决问题的能力,要求能够把握FLASH进行动画设计的一般方法和思路;了解FLASH动画的基本特点熟练使用Flash软件的各种工具,自主思维?动手进行平面动画设计的基本能力,养成勇于实践?严肃认真?务实的工作作风和严谨的科学态度,成为符合网站开发?广告设计?电子杂志制作等社会急需的高级动画制作职业技术人才? 1.2 实验要求 通过对平面动画设计课程的系统学习和上机实践,让学生能够熟练使用Flash软件的工具面板进行矢量图形的绘制和修改,熟悉十七个其它辅助面板的使用,理解并掌握时间线和图层的使用,熟练掌握Flash创建动画的三种基本方法以及应用引导线和蒙板的动画技巧?能灵活使用组件和组件库,创建结构清晰且容易修改的动画?在本课程的学习中,要求学生将所学理论知识应用于本专业及相关领域实际工作中,从而达到提高学生的实际动手能力?分析问题及综合应用能力,具备基本的平面动画设计能力,能够熟练使用Flash软件表达自己的设计成果? 实验项目 实验1 基本绘图工具的使用实验课时:12课时设计项目:1.制作一个笑脸到哭脸的变脸形变动画,效果如图1所示 图1 笑脸到哭脸的系列形变效果 提示:笑脸系列形状可采用“文本工具”输入,字体采用“Windings”,输入大写字母“L”则可输入一个笑脸,其他两张脸对应着大写字母“K”和“L” 2.制作一个变手的形变动画,动画中手的姿势如图2所示  图2? 变手的系列形变效果 提示:手的系列形状可采用“文本工具”输入,字体采用“Windings”,输入大写字母“A”~“G”实现3.自行制作一个人走路的影片剪辑(参考案例:青蛙走路),制作一个人从舞台左边走到舞台右边的运动动画4.文字的特效制作新建一个文件,设置背景为黑色Copperplate Gothic字体48号白色斜体字写上要做成光线效果的文字,我在这里用“FLASHTIMES”示,但不一定要排这么整齐 分别点击每一个字母,按F8转换为图形类图符,并分别按所对应的字母命名  现在我们就做好了十个图符Ctrl-L打开图库窗口,把主场景中除“F”以外的所有字母都删除“F”,按两次Ctrl-B把它打散 用线条工具选白色从F的右上角起不间断地拉出如下面左图所示的边线(所谓不间断是指在画线的过程中,在线条转折(顶点)处松开鼠标并在不移动鼠标的情况下再次按下画线 ) 选颜料桶工具用黑色线性渐进色给这个封闭区域填充(注意,如果所画线条没有很好地和字母接触,即使在参数修改区中选择了封闭区域,也有可能无法填充,这时可以通过放大画面,并用鼠标拖动未封闭的线条末端使其与字母接触的方法来解决)  因为我们希望光线从左到右渐强,所以还要对填充色的方向做一个调整,并把颜色方向修改至下图左所示,双击白色的轮廓线,再按Delete键把它们删除“F”?拉出一个大框选择全部对象,按F8转换成图符,起名为F light  把其它九个字母也分别依次做成如上所示拖着光影的效果,所以前五个字母的光影都在左边,而且由狭长逐渐变宽短;后五个字母的光影都在右边,依次由宽短变狭长“S”,所以分别取名为S1 light和S2 light  现在我们来做字母F的光影效果变换,从图库中把F light拖到编辑区中放到靠左边一些7帧和第25帧分别按F6键插入关键帧1帧和第25帧分别双击这个F light实例,在实例属性对话框中把Alpha值改为01帧和第7帧,把帧属性设置为运动渐变,又从有到无的变化过程,连字母F也跟着消失了,这可不是我们所希望的,我们需要的是光线渐暗但文字要保持它的亮度 新建一个层,在第2帧按F6插入关键帧,从图库中把字母“F”拖出来,放在F light中字母“F”所在的位置上,使两个F完全重合,可以使用放缩工具把场景放大后再对齐,在第9帧按F6,在第25帧按F5键1帧上的字母“F”,把它的Alpha值改为01帧,把帧属性设置为运动渐变 其实每一个字母的光线效果变化是由两个图符实例来实现的,对于字母F来说,F light用来实现光线从无到有又逐渐淡出的效果,而F用来实现在光线消失后字母亮度的保持,每一个字母光影变化效果都占两层,这样就可以得到上面示例中所示的效果了 注意的事项:(1)最左边的字母最先显示,最右边的字母最后出现, 第二个字母L就不能以第1帧作为起始帧,在这个示例中,L light要比F light晚