《网页设计与制作教程第9章.docVIP

第9章 逐帧动画和渐变动画 9.1 时间轴、帧和图层 9.1.1 时间轴面板及其应用 图9-1 时间轴面板 图9-2 设置【图层属性】的对话框 9.1.2 帧的基本类型与操作 （a）空白帧 （b）关键帧 （c）不可渐变帧 图9-3 各类帧的示意之一 （a）运动渐变帧 （b）形状渐变帧 （c）动作帧 图9-4 各类帧的示意之二 9.1.3 图层及其基本操作 （a）关闭轮廓线状态 （b）启动轮廓线状态 图9-5 设置启动／关闭轮廓线状态前、后的效果 （a）引导层 （b）遮罩层 图9-6 两种特殊图层面板的示意 9.2 Flash MX的三种基本动画及其应用 9.2.1 创建逐帧动画 （a）第1帧 （b）第2帧 图9-7 逐帧动画的第1、2帧 （a）第7帧 （b）第13帧 图9-8 逐帧动画的第7、13帧 9.2.2 创建形状渐变动画 图9-9 形状渐变动画的属性面板 图9-10 圆渐变为三角形示意 （a）第1帧 （b）第30帧 图9-11 居中输入形状渐变文字 图 9-12 文字形状渐变第10帧处示意 （a）起始关键帧 （b）结束关键帧 图9-13 添加形状提示后的形状渐变的动画对象 9.2.3 创建运动渐变动画 图9-14 运动渐变动画的属性面板 图9-15 【转换为元件】对话框 图9-16 【变形】面板 图9-17 例9.5的运动渐变动画的轨迹 图9-18 文字旋转180°的渐变效果 （a）文字翻转后效果 （b）中心点移到右边效果 图9-19 文字变形 图9-20 文字旋转后的效果 图9-21 时间轴示意 图9-22 文字旋转后的效果 图9-23 第30帧文字的位置 图9-24 文字旋转360°的渐变效果 9.3 引导层动画及其应用 图9-25 【图层属性】对话框 图9-26 横贯工作区的引导线示意 （a）中心对准引导线起点 （b）中心对准引导线终点 图9-27 中心线对准引导线 图9-28 引导层动画的运行轨迹 9.4 遮罩动画及其应用 图9-29 光影效果的遮罩动画 图9-30 【混色器】面板 图9-31 填充颜色为黑白相间的线性渐变色 图9-32 当前帧为第20帧时的效果 图9-33 在工作区中矩形调整为树叶状 图9-34 绘制用于第2幅图像遮罩的几何图形 图9-35 第30帧处图像的切换效果 9.5 多场景动画的制作 图9-36 场景面板示意 图9-37 复制场景的示意 9.6 小 结 ·178· ·179· 帧显示方式 调整按钮 动画播放头 帧区 信息显示栏 帧显示控制按钮 图层区