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

《商务网站动画处理技术课程》实操指导书 1 实验目的与要求 1.1 实验目的 本课程的课程设计是电子商务专业学生学完《商务网站动画处理技术课程》课程后进行的一次全面的综合练习，主要是巩固和加深课堂所学的基础理论知识，更重要的是培养学生实验操作能力，知识运用能力，综合分析问题和解决问题的能力，要求能够把握FLASH进行动画设计的一般方法和思路；了解FLASH动画的基本特点熟练使用Flash软件的各种工具，自主思维、动手进行平面动画设计的基本能力，养成勇于实践、严肃认真、务实的工作作风和严谨的科学态度，成为符合网站开发、广告设计、电子杂志制作等社会急需的高级动画制作职业技术人才。 1.2 实验要求 通过对平面动画设计课程的系统学习和上机实践，让学生能够熟练使用Flash软件的工具面板进行矢量图形的绘制和修改，熟悉十七个其它辅助面板的使用，理解并掌握时间线和图层的使用，熟练掌握Flash创建动画的三种基本方法以及应用引导线和蒙板的动画技巧。能灵活使用组件和组件库，创建结构清晰且容易修改的动画。在本课程的学习中，要求学生将所学理论知识应用于本专业及相关领域实际工作中，从而达到提高学生的实际动手能力、分析问题及综合应用能力，具备基本的平面动画设计能力，能够熟练使用Flash软件表达自己的设计成果。 实验项目 实验1 动画设计与制作基础 学习任务：基本绘图工具的使用、简单运动补间动画制作、文字特效制作 实验课时：12课时 设计项目： 1．自行制作一个人走路的影片剪辑(参考案例：青蛙走路)，制作一个人从舞台左边走到舞台右边的运动动画。新建一个文件，设置背景为黑色。用文字工具选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值改为0。然后分别双击第1帧和第7帧，把帧属性设置为运动渐变。这样就设定了光线从无到有，又从有到无的变化过程。但是随着光线的减弱，连字母F也跟着消失了，这可不是我们所希望的，我们需要的是光线渐暗但文字要保持它的亮度。 新建一个层，在第2帧按F6插入关键帧，从图库中把字母“F”拖出来，放在F light中字母“F”所在的位置上，使两个F完全重合，可以使用放缩工具把场景放大后再对齐。还是这一层，在第9帧按F6，在第25帧按F5键。双击第1帧上的字母“F”，把它的Alpha值改为0。再双击第1帧，把帧属性设置为运动渐变。 其实每一个字母的光线效果变化是由两个图符实例来实现的。例如，对于字母F来说，F light用来实现光线从无到有又逐渐淡出的效果，而F用来实现在光线消失后字母亮度的保持。当然对其余的字母也做同样的处理，每一个字母光影变化效果都占两层，这样就可以得到上面示例中所示的效果了。 注意的事项最左边的字母最先显示，最右边的字母最后出现。因此， 第二个字母L就不能以第1帧作为起始帧，在这个示例中，L light要比F light晚出