网页制作技术(第二版)-07.任务七制作高级动画资料.ppt

网页制作技术（第二版） 主编 许莉 中国水利水电出版社 网页设计与制作 学习目标 理解引导层、遮罩层的概念 理解反向运动的概念 掌握引导层动画的创建方法 掌握遮罩动画的创建方法 掌握骨骼动画的创建方法 掌握声音的添加方法 掌握发布动画的方法 本章结束 * 任务七 制作高级动画 任务七 制作高级动画 目录： 知识1 引导层 知识2 遮罩层 知识3 反向运动 知识4 声音文件的导入 知识5 动画的发布 任务1 创建引导层动画 任务2 创建遮罩层动画 任务3 创建反向运动效果 任务4 为按钮添加声音 任务七 制作高级动画 知识1 引导层 引导层是用来定义物体运动路径的层。引导层分为“普通引导层”和“运动引导层”两种。其中“普通引导层”只起到辅助定位的作用，多用于版式，而“运动引导层”是引导物体沿着特定的路径运动。如果将多个层链接到一个运动引导层，那么多个对象就将沿同一条路径运动。 知识1 引导层 创建引导层和被引导层 一个最基本“引导路径动画”由两个图层组成，上面一层是“引导层”，下面一层是“被引导层”，同普通图层一样。 在普通图层上点右键，选择“添加传统运动引导层”，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”，如图所示，“图层1”是被引导层，而“图层3”是普通图层。 知识1 引导层 引导层和被引导层中的对象 引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。 而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。 由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是传统补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。 知识1 引导层 向被引导层中添加元件 “引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头，如图所示。 知识1 引导层 应用引导层的技巧 “被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，在“属性”面板上，选中“调整到路径”复选框，对象的基线就会调整到运动路径，对象在运动时两保持与路径的切线夹角不变。而如果选中“贴紧”复选框，元件的注册点就会与运动路径对齐。 引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参考等。 在做引导路径动画时，按下工具箱中的“对齐对象”按钮，可以使“对象附着于引导线”的操作更容易成功，拖动对象时，对象的中心会自动吸附到路径端点上。 过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画成功制作。 向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法引导，如果元件为不规则形，可以点击工具箱中的“任意变形工具”，调整注册点。 如果想解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上单击右键，在弹出的菜单上选择“属性”，在对话框中选择“一般”，作为一般图层类型。 如果想让对象作圆周运动，可以在“引导层”画一根圆形线条，再用【橡皮擦工具】擦去一小段，使圆形线段出现2个端点，再把对象的起始、终点分别对准端点即可。 引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。 知识2 遮罩层 遮罩层上的对象可以看作是孔，透过孔可以看见被遮罩的层。 创建遮罩层和被遮罩层 在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键，在弹出菜单中选择“遮罩层”，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为。如图所示，其中“图层2”为遮罩层，“图层1”为被遮罩层，“图层3”为普通图层。 知识2 遮罩层 构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。 遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用