《二维flash动画制作》第7章 影片剪辑元件与按钮元件 .ppt

第2部分 强化篇——让对象动起来 第7章 影片剪辑元件与按钮元件 7.1 深入理解影片剪辑元件 7.2 动态按钮的制作 7.1 深入理解影片剪辑元件 7.1.1 利用影片剪辑元件制作只有一个帧的动画 7.1.2 利用影片剪辑之间的从属关系制作动画 7.1.1 利用影片剪辑元件制作只有一个帧的动画 下面我们通过“漫步林间小路”动画的制作来形象、深入的了解如何利用影片剪辑制作只有一个帧的动画的方法与技巧。该动画描述的是一个小女孩一直保持走路的姿势并且从树林深处沿着一定的路线慢慢走出来。 1、将舞台上的图层1重命名为“背景”，在其中绘制如图7.1所示的树林后锁定该图层。 2、选择“插入/新建元件”菜单命令创建一个名为“小女孩”的影片剪辑元件，在该影片剪辑中，利用逐帧动画原理制作女孩走路的动画。在第1帧绘制女孩走路的第一个动作，在第4帧插入关键帧，绘制女孩走路的第二个动作，并且延长至第6帧。如图7.2所示。 3、在“背景”图层上方新建一个图层，并命名为“女孩”，选择第1帧，将【库】面板中的“小女孩”影片剪辑拖放到舞台上，选择该影片剪辑的实例，按下F8键再次转换为影片剪辑，并命名为“女孩走路”。 4、双击元件“女孩走路”，进入元件编辑模式。在图层1的第200帧上插入关键帧，回到第1帧创建传统补间动画。选择图层1，在其名字附近单击鼠标右键，并选择“添加传统运动引导层”命令，在新添加的引导层中使用铅笔工具绘制一条沿树林小路的笔触，如图7.3所示，延长图层至200帧后锁定引导层。 5、回到图层1，选择第1帧上的“小女孩”元件，适当缩小后放置于路径的起点，如图7.4所示，并调整该元件中心至路径上。 6、选择第200帧上的“小女孩”元件，适当调整大小后放置于路径的终点，如图7.5所示，并调整该元件中心至路径上。 7、为了实现小女孩慢慢走近的动画效果，选择图层1动画中的任一帧后，在右侧的【属性】面板设置【缓动】参数为-100。 8、回到场景模式，测试并调整动画。 7.1.2 利用影片剪辑之间的从属关系制作动画 任何一个影片剪辑都有可能包含或者被包含在另外一个影片剪辑之中，这种关系就是影片剪辑之间的从属关系。下面我们将利用旋转、移动等特效展现影片剪辑之间的从属关系，制作一个“跳跳球”动画。 1、将舞台上的图层1重命名为“背景”，在其中为整个动画制作一个黄色到绿色的渐变背景，如图7.6所示，锁定“背景”图层。 2、在“背景”图层上方新建一个图层，并命名为“球”，在该层舞台外的左侧绘制一个如图7.7所示的小球后转换为图形元件，并命名为“小球”。 3、选择“小球”元件后，按下F8键将其转换为影片剪辑元件，并命名为“小球转动”。双击进入该影片剪辑元件，在第40帧插入关键帧，回到第1帧创建传统补间动画，选择动画中的任一帧，在右侧的【属性】面板设置【旋转】参数为顺时针1次。 4、回到场景模式，选择舞台左侧的“小球转动”元件后，按下F8键将其继续转换为影片剪辑元件，并命名为“小球与阴影”，双击进入该影片剪辑元件。将图层1重命名为“小球”，在“小球”图层上方新建一个图层并命名为“阴影”，并将“阴影”图层拖放到“小球”图层下方。选择“阴影”图层的第1帧，在小球正下方绘制一个较小椭圆灰色阴影并转换为图形元件。 5、在“小球”图层的第10帧和第20帧插入关键帧，并且回到第1帧和第10帧创建传统补间动画。将第10帧处的小球垂直向下移动，位置为接触到下方的阴影。选择第1帧，在右侧的【属性】面板设置缓动参数为-100，选择第10帧，在右侧的【属性】面板设置缓动参数为100。按照“小球”图层的时间轴编辑方法同理编辑“阴影”图层，只是选择第10帧的阴影，将其适当扩大，如图7.8所示。 6、回到场景模式，选择舞台左侧的“小球与阴影”元件后，按下F8键将其继续转换为影片剪辑元件，并命名为“整体移动”。双击进入该影片剪辑，在第80帧插入关键帧，将“小球与阴影”元件水平拖放到舞台外的右侧，回到第1帧创建传统补间动画，如图7.9所示。 7、回到场景模式，测试并调整动画。 通过以上的实例，我们可以了解到制作影片剪辑从属关系时，首先需要清楚地认识各个影片剪辑之间究竟有怎样的从属关系，才能够头脑清晰地逐步往下完成动画。同时，我们也可以通过时间轴上方的编辑画面状态栏查看制作好的影片之间的从属关系，如图7.10所示。 7.2 动态按钮的制作 7.2.1 动态按钮的制作 7.2.1 动态按钮的制作 下面我们通过一个动态“蒲公英”按钮的制作来了解使用影片剪辑创建按钮的方法与技巧。 1、该按钮的效果为，初始状态时一只蒲公英在风中摇曳，鼠标经过时蒲公英花开随风飘散，如图7.11所示。 2、首先在舞台上绘制如图7.12所示的蒲公英