第九讲:自定义缓入/缓出动画[FLASH8基础教程]本课素材:点击下载 图3-96 范例效果 下面讲解制作过程。 (1)为了方便本范例的制作,笔者已经事先制作好了一些图形元件。我们直接打开本实例中的提供素材的原始文件,在这个文件的基础上进行操作。如图3-97所示是事先制作好的三个图形元件。 图3-97 事先制作的图形元件 (2)将“图层1”重新命名为“背景”。在这个图层上,将“库”中的“背景”图形元件拖放到舞台上。在“属性”面板上设置坐标为(0,0)。 (3)新建一个图层,将其重新命名为“球”。在这个图层上将“库”中的“球”图形元件拖放到舞台正上方。如图3-98所示。 图3-98 “球”图层第1帧 (4)在“球”图层的第60帧插入一个关键帧,并将60帧上球移动到舞台中央。在“背景”图层的第60帧插入一个帧。如图3-99所示。 图3-99 “球”图层第60帧 (5)选择“球”图层第1帧,在“属性”面板中,选择“补间”下拉菜单中的“动画”选项。这样定义了从第1帧到第60帧的补间动画。 (6)单击“缓动”右边的“编辑”按钮,弹出“自定义缓入/缓出”对话框。如图3-100所示。 图3-100 “自定义缓入/缓出”对话框 (7)在弹出“自定义缓入/缓出”对话框中,在对角线上单击添加一个节点(水平位置在20帧)。向上拖动这个节点到100%的位置。如图3-101所示。 图3-101 增加一个节点 分别水平拖动节点左右两个切点,让两个切点和节点重合。如图3-102所示。 图3-102 调节两个切点 (8)再增加一个切点(水平位置在30帧),然后向下拖动切点到80%的垂直位置。如图3-103所示。 图3-103 添加第二个节点 (9)按照第(7)步骤的方法,再添加第三个节点。如图3-104所示。 图3-104 添加第三个节点 (10)按照第(8)步骤的方法,再添加第四个节点。如图3-105所示。 图3-105添加第四个节点 至此,缓动曲线就设置好了,单击“确定”按钮。 (11)按下Ctrl+Enter键测试影片,可以看到球来回弹跳的动画效果。为了使球弹跳更逼真,下面添加球的投影效果。 (12)新建一个图层,将其重新命名为“投影”。在这个图层上将“库”中的“投影”图形元件拖放到舞台上。调整投影图形的位置,使之与球相符。如图3-106所示。 图3-106 投影图形 (13)在“投影”图层的第60帧插入一个关键帧。 (14)选择“投影”图层第1帧上的投影,在“属性”面板中设置它的Alpha为15%。 (15)选择“投影”图层第1帧,在“属性”面板中定义补间动画。 (16)选择“球”图层第1帧,在“属性”面板中单击“编辑”按钮打开“自定义缓入/缓出”对话框。按Ctrl+C键复制缓动曲线。单击“确定”按钮。 (17)选择“投影”图层第1帧,在“属性”面板中单击“编辑”按钮打开“自定义缓入/缓出”对话框。按Ctrl+V键粘贴复制的缓动曲线。单击“确定”按钮。 至此,本范例制作完毕。赶快测试一下动画效果吧。通过自定义缓入/缓出动画功能,我们制作得小球弹跳效果十分逼真 |
|