网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 媒体动画 >> Flash教程 >> Flash基础 >> 正文
最新文章
· 完整把握Flash动画设计的知识体系
· Flash8与javascript集成
· 第十七课 综合应用范例―幻彩图片
· 第十六课 时间轴特效应用范例―满天花
· 第十五课 混合模式应用范例―动画片头
· 第十四课 滤镜应用范例―水波荡漾
· 第十三课 行为和行为面板
· 第十二课 在Flash中应用视频
· 第十一课 在Flash中应用声音
· 第十课 按钮元件
热门文章
 第九课 自定义缓入/缓出动画范例―
 完整把握Flash动画设计的知识体系
 第一课 Flash8 工作环境
 第十六课 时间轴特效应用范例―满天
 第十四课 滤镜应用范例―水波荡漾
 第六课 动作补间动画
 第四课 逐帧动画
 第十五课 混合模式应用范例―动画片
 第二课 Flash8基础绘图工具
 第十课 按钮元件
相关文章
第十七课 综合应用范例―幻彩图片
第十六课 时间轴特效应用范例―满天花雨
第十五课 混合模式应用范例―动画片头
第十四课 滤镜应用范例―水波荡漾
第十三课 行为和行为面板
第十二课 在Flash中应用视频
第十一课 在Flash中应用声音
第十课 按钮元件
第八课 引导路径动画
第七课 遮罩动画
第六课 动作补间动画
第五课 形状补间动画
第四课 逐帧动画
第三课 绘图综合练习—情人节贺卡
第二课 Flash8基础绘图工具
第一课 Flash8 工作环境
Flash基础教程专题
第九课 自定义缓入/缓出动画范例―逼真弹跳的球
来源:闪客启航 更新时间:2009/5/2 3:20:20 阅读次数:
字体:[ ] 我要投稿

       本节的知识点: 自定义缓入/缓出动画 是FLASH8.0的新的特性,利用这个新特性制作的动画更加的逼真.

       第九课素材

本小节我们利用自定义缓入/缓出动画制作一个逼真弹跳的球范例,范例效果如图3-96所示。

3-96 范例效果

下面讲解制作过程。

1)为了方便本范例的制作,笔者已经事先制作好了一些图形元件。我们直接打开本实例中的提供素材的原始文件,在这个文件的基础上进行操作。如图3-97所示是事先制作好的三个图形元件。

3-97 事先制作的图形元件

2)将“图层1重新命名为“背景”。在这个图层上,将“库”中的“背景”图形元件拖放到舞台上。在“属性”面板上设置坐标为(00)。

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)按下CtrlEnter键测试影片,可以看到球来回弹跳的动画效果。为了使球弹跳更逼真,下面添加球的投影效果。

12)新建一个图层,将其重新命名为“投影”。在这个图层上将“库”中的“投影”图形元件拖放到舞台上。调整投影图形的位置,使之与球相符。如图3-106所示。

3-106 投影图形

13)在“投影”图层的第60帧插入一个关键帧。

14)选择“投影”图层第1帧上的投影,在“属性”面板中设置它的Alpha15%。

15)选择“投影”图层第1帧,在“属性”面板中定义补间动画。

16)选择“球”图层第1帧,在“属性”面板中单击“编辑”按钮打开“自定义缓入/缓出”对话框。按Ctrl+C键复制缓动曲线。单击“确定”按钮。

17)选择“投影”图层第1帧,在“属性”面板中单击“编辑”按钮打开“自定义缓入/缓出”对话框。按Ctrl+V键粘贴复制的缓动曲线。单击“确定”按钮。

至此,本范例制作完毕。赶快测试一下动画效果吧。通过自定义缓入/缓出动画功能,我们制作得小球弹跳效果十分逼真。

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号