flash复杂的遮罩动画和按钮元件实验提示.docVIP

复杂的遮罩动画和按钮元件实验提示 1、镜头特效动画，请注意以下几点： “图层1”：把素材图片拖入场景 “遮罩层”：新建一个图层，在第1帧绘制一个无框矩形，填充任意色。调整矩形的尺寸使它和文档相同，水平方向左对齐、垂直方向居中对齐。 动画前半部分是图片从左至右的补间动画。 后半部分镜头由远拉近的效果：在图层1的第100帧插入关键帧，将图片放大3-5倍，并放置在合适的位置上； 选择第40帧，创建补间动画；在图层2的第100帧延长帧。 2、百叶窗切换效果。 该动画关键点在以窗格条达到遮罩效果。 （1）新建影片剪辑，命名为“窗格条”，用“矩形工具”画一个无框矩形，填充色任意。设置矩形大小为550*50。 （2）在第40帧插入关键帧，设置矩形高度为1，选择第1帧，设置“补间”为“形状”。 （3）新建一个影片剪辑元件，命名为“水平百叶窗”，把“窗格条”拖进舞台，按住Ctrl不松手，复制粘贴9个，一一排列整齐。 （4）回到场景中，新建一个图层，把“百叶窗”元件拖入场景，用“对齐面板”使该元件刚好覆盖场景，并将该层设置为“遮罩层”。 3、动态按钮的制作。 （1）新建一个FLASH文档。 （2）制作立体的圆： ① 选择“插入”菜单→“新建元件”，新建一个名为“圆”的图形元件。 ② 把当前图层命名为“大圆”，选择工具箱中的“椭圆工具”，设置边框线的“笔触高度”为5、“笔触颜色”为黑色，填充色为由折到黑的线性渐变，画一个正圆。 图19-5图19-4③ 使用工具箱中的“ 图19-5 图19-4 ④ 复制大圆，新建一个图层，命名为“小圆”，在该层的第1帧上选择“编辑”菜单→“粘贴到当前位置”，这样就在新的图层上得到一个一模一样的大圆。此时打开“变形面板”，把缩放比例调为70%，如图19-5所示。然后删除小圆的边框线。 图19-7 箭头的绘制过程图19-6⑤ 使用工具箱中的“填充变形工具”，调整小圆的渐变角度与大圆刚好相反。如图19-6所示。 图19-7 箭头的绘制过程 图19-6 这样就得到一个有立体感的圆。 （3）绘制动态箭头： ① 新建一个名为“箭头”的图形元件。 ② 使用“矩形工具”、“选择工具”绘制一个没有边框的箭头形状，填充色任意。绘制过程如图19-7所示。 注意：得到平行四边形后，可以复制一个，然后用“水平翻转”得到箭头。 图19-8 变形面板③ 新建一个名为“动态箭头”的影片剪辑元件。把“箭头”元件拖入舞台，移动到中心位置。在第20帧插入关键帧，并把箭头向右平行移动一段距离，并在“变形”面板中将箭头放大200%，然后在“属性面板”中设置Alpha为0%。如图19-8、19-9所示。 图19-8 变形面板 图19- 图19-9 设置透明度 ④ 在影片剪辑中新建一个图层，在第10帧插入空白关键帧。把“箭头”元件拖入舞台，移动到中心位置。在第30帧插入关键帧，并把箭头向右平行移动一段距离，并在“变形”面板中将箭头放大140%，然后在“属性面板”中设置Alpha为0%。 ⑤ 按Enter观看影片剪辑的效果。 （4）创建动态按钮： ① 新建一个按钮元件。 ② 把图层1更名为“立体圆”，拖动“圆”元件进入场景，位于中央。 图19-10 图19-11③ 新建一个名为“变色圆”的图层，在“ 图19-10 图19-11 ④ 新建图层“箭头”，在“指针经过”帧插入空白关键帧，把“动态箭头”影片剪辑元件拖入舞台，调整合适的尺寸放置在圆的左边。 然后复制三份，使用“变形面板”中的旋转90度、“修改”菜单中的“水平翻转”、“垂直翻转”等调整到圆的上、下、右位置上。如图19-11所示。 图19-12 按钮元件的时间轴面板（5）在“立体圆”、“变色圆”图层的“按下”帧、“点击” 图19-12 按钮元件的时间轴面板