Animate/FLASH如何模拟小球滚动效果

 时间:2024-10-13 04:52:39

1、这里用的是Animate CC,打开软件,新建AS3文档。

Animate/FLASH如何模拟小球滚动效果

2、使用直线工具,绘制一个斜坡,并填充颜色,如图所示

Animate/FLASH如何模拟小球滚动效果

3、绘制一条直线与斜坡底部对齐

Animate/FLASH如何模拟小球滚动效果

4、新建一个图层,在时间轴左下角找到新建图层的按钮,点击即可创建新的图层

Animate/FLASH如何模拟小球滚动效果

5、工具栏找到椭圆工具,在新建的图层上绘制一个圆形,注意在绘制的时候按住shift键即可绘制标准的圆形

Animate/FLASH如何模拟小球滚动效果Animate/FLASH如何模拟小球滚动效果

6、选择圆形,然后点击鼠标右键选择转换为元件,或者使用快捷键f8,将圆形转换为图形元件

Animate/FLASH如何模拟小球滚动效果

7、操作后会弹出转换面板,这里需要选择图形元件,并且需要注意注册点在中心位置。

Animate/FLASH如何模拟小球滚动效果Animate/FLASH如何模拟小球滚动效果

8、使用鼠标拖选两个图层的第60帧,右键选择插入帧,或者使用快捷键f5

Animate/FLASH如何模拟小球滚动效果Animate/FLASH如何模拟小球滚动效果

9、接下来制作滚动动画,在圆形元件的第30帧和第60帧插入关键帧,可以使用快捷键f6

Animate/FLASH如何模拟小球滚动效果

10、在第30帧处,将圆形元件移动到斜坡右下角,如图所示

Animate/FLASH如何模拟小球滚动效果

11、在第60帧处,将圆形元件移动到如图所示位置

Animate/FLASH如何模拟小球滚动效果

12、选择第1个关键帧到第2个关键帧之间的普通帧,右键选择创建传统补间动画

Animate/FLASH如何模拟小球滚动效果Animate/FLASH如何模拟小球滚动效果

13、同样的,在后面创建传统补间

Animate/FLASH如何模拟小球滚动效果Animate/FLASH如何模拟小球滚动效果

14、现在得到的动画效果如图所示

Animate/FLASH如何模拟小球滚动效果

15、在现实中,小球从坡顶向下滚动是一个加速过程,所以选择补间,在属性面板设置缓函数

Animate/FLASH如何模拟小球滚动效果Animate/FLASH如何模拟小球滚动效果

16、这样动画就变得更加逼真了

Animate/FLASH如何模拟小球滚动效果
  • An缓入缓出动画怎么做?
  • Animate/FLASH如何制作场景放大的动画
  • Animate怎么设置舞台居中
  • Animate怎么制作小球跳跃滚动动画
  • An软件如何使用元件
  • 热门搜索
    房子平面图怎么画 怎么画眉 欧派橱柜怎么样 眼镜片花了怎么办 炖羊排怎么做好吃 时风电动汽车怎么样 坐车晕车怎么办 嗓子有痰咳不出咽不下怎么办 怎么学习炒股 宝宝红屁股怎么办