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软件如何使用元件
  • 热门搜索
    磁共振检查什么 1月1日是什么星座 root什么意思 母爱如什么 揠苗助长告诉我们什么道理 女人梦见老鼠什么征兆 啾啾是什么意思 惟楚有才于斯为盛的意思是什么 郑州有什么好玩的地方 10年是什么婚