网页制作技术（第二版）许莉 07.任务七 制作高级动画

《网页制作技术（第二版）许莉 07.任务七 制作高级动画》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作技术（第二版）主编许莉中国水利水电出版社网页设计与制作任务七制作高级动画学习目标理解引导层、遮罩层的概念理解反向运动的概念掌握引导层动画的创建方法掌握遮罩动画的创建方法掌握骨骼动画的创建方法掌握声音的添加方法掌握发布动画的方法任务七制作高级动画目录：知识1引导层知识2遮罩层知识3反向运动知识4声音文件的导入知识5动画的发布任务1创建引导层动画任务2创建遮罩层动画任务3创建反向运动效果任务4为按钮添加声音任务七制作高级动画知识1引导层引导层是用来定义物体运动路径的层。引导层分为“普通引导层”和“运动引导层”两种。其中“普通引导层”只起到辅助定位的作用，多用于版式，而“运动引导

2、层”是引导物体沿着特定的路径运动。如果将多个层链接到一个运动引导层，那么多个对象就将沿同一条路径运动。知识1引导层创建引导层和被引导层一个最基本“引导路径动画”由两个图层组成，上面一层是“引导层”，下面一层是“被引导层”，同普通图层一样。在普通图层上点右键，选择“添加传统运动引导层”，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”，如图所示，“图层1”是被引导层，而“图层3”是普通图层。知识1引导层引导层和被引导层中的对象引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。而“被引导层”中的对象

3、是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是传统补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。知识1引导层向被引导层中添加元件“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头，如图所示。知识1引导层应用引导层的技巧“被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，在“属性”面板上，选中“调整到路径”复选框，对象的基线就会调整到运动

4、路径，对象在运动时两保持与路径的切线夹角不变。而如果选中“贴紧”复选框，元件的注册点就会与运动路径对齐。引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参考等。在做引导路径动画时，按下工具箱中的“对齐对象”按钮，可以使“对象附着于引导线”的操作更容易成功，拖动对象时，对象的中心会自动吸附到路径端点上。过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画成功制作。向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法引导，如果元件为

5、不规则形，可以点击工具箱中的“任意变形工具”，调整注册点。如果想解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上单击右键，在弹出的菜单上选择“属性”，在对话框中选择“一般”，作为一般图层类型。如果想让对象作圆周运动，可以在“引导层”画一根圆形线条，再用【橡皮擦工具】擦去一小段，使圆形线段出现2个端点，再把对象的起始、终点分别对准端点即可。引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。知识2遮罩层遮罩层上的对象可以看作是孔，透过孔可以看见被遮罩的层。创建遮罩层和被遮罩层在Flash中没有一个专门的按钮来创建

6、遮罩层，遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键，在弹出菜单中选择“遮罩层”，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为。如图所示，其中“图层2”为遮罩层，“图层1”为被遮罩层，“图层3”为普通图层。知识2遮罩层构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用

7、按钮，影片剪辑，图形，位图，文字，线条。遮罩中可以使用的动画形式可以在遮罩层、被遮罩层中分别或同时使用补间形状动画、传统补间动画、补间动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。知识2遮罩层应用遮罩层的技巧遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场