前言:

大家好,我是同桌。要熟练使用一款工具,比如软件,需要亲手操作练习才能精通,达到炉火纯青的效果。

这里我将分享我的动画制作学习笔记。

第一个可以练手的小练习:制作可以弹跳的圆球。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(1)

下面详细呈现操作步骤:

1.打开Adobe animate 2020,对的,我用的是2020版本的。

打开之后就是这样子,见下图。这时我们只看见左上角的菜单。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(2)

2.选择文件→新建,弹出新建窗口,见下图。可以看到有不同的选择。这里由于是练习,我选择角色动画的标准。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(3)

3.选择之后,出现工作窗口,和各种可以选择的工具。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(4)

4.在左边选择椭圆工具,绘制一个圆(注意右边有属性,可以调整颜色)。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(5)

5.下一步选择圆形,在菜单选择“修改”→“转换成元件”【快捷键F8】,会弹出新的窗口。命名为“球形”,类型选“图形“。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(6)

6."属性"→”文档“→”显示标尺“

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(7)

7.显示标尺后,可以从最上面用鼠标,拖一条水平线下来。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(8)

8.”插入“→”时间轴“→”关键帧“ 【快捷键F6, 笔记本是Fn加F6】

9.分别在第5,10,15,20,25设置关键帧。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(9)

10.调整不同时间的圆形的高度。

11.下一步,全选所有时间。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(10)

12.右键可以选择“创建传统补间”

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(11)

13.按下快捷键【ctrl enter】可以导出swf文件,预览动画。我们就可以得到弹跳的球形啦!

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(12)

14.当然,我们还可以进一步对每一帧做设置,以便看起来更自然。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(13)

15.在Classic Ease设置数字,1秒的时候设置-100,5秒的时候设置100,依次这样设置。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(14)

16.调整后的效果,参看下图。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(15)

17.在“属性”→“库”→双击元件即可进入元件对象直接编辑。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(16)

18.比如可以修改元件的颜色

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(17)

这是我设置的图形颜色。这样看起来,更像一个立体的球形了。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(18)

19.编辑完了之后,退出元件编辑。快捷键【ctrl e】

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(19)

20.接下来,我们尝试添加球形的影子。新建另一个图层,并锁住之前的图层。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(20)

我们绘制一个另外一个圆形,并调整其颜色。然后把其转变成元件。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(21)

21.用任意变形工具,调整影子的形状。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(22)

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(23)

22.重复之前添加关键帧的步骤,也同样地给影子添加关键帧【Fn f6】。然后调整每一帧的影子大小。再然后选择所有帧,右键选择传统补间。效果如下,是不是越来越有动画的感觉了?

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(24)

23.同样地,我们再进一步设置。让整个动画看起来,更真实些。

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(25)

可以看一下效果,如何?

小球圆路径动画怎么制作(动画制作笔记怎么制作弹跳的球)(26)

后记:

以上就是怎么简单制作可以跳动的球形的全部步骤了。如果你也是和我一样正在学习的路上,欢迎和我同桌,一起努力学习。

,