PS设计教程网欢迎你!

AE结合PS制作小清新主题动画效果(2)

文章来源于 学UI网,感谢作者 IX男神 给我们带来经精彩的文章!
设计教程/摄影作品/其他资讯2018-01-09
到这一步准备工作基本完毕,还有一个圆圈我们边做边说。 坚持到这一步的同学要恭喜你们了,因为要开始尝鲜了~虽然说这个动画不长,但是也是由不少的关键帧组接起来的,文字教程没有办法一个帧一个帧的讲解,所以我

到这一步准备工作基本完毕,还有一个圆圈我们边做边说。

AE结合PS制作小清新主题动画效果

坚持到这一步的同学要恭喜你们了,因为要开始尝鲜了~虽然说这个动画不长,但是也是由不少的关键帧组接起来的,文字教程没有办法一个帧一个帧的讲解,所以我主要讲方法,如何开始以及转折部分该怎么办,怎么样去分析,方法学会了触类旁通。当然我也会尽可能的讲的细致,谢谢!

1. 通过观察可以知道,刚开始有一个点击的动作,这一步我的思路是复制一层我们的圆角矩形,然后把复制的这一层填充#FAFAFA,点击的感觉在这里涉及到大小、圆度、不透明度变化。注意开始到结束数值的变化。(不透明的最后一帧调为0)

AE结合PS制作小清新主题动画效果

2. 下一步要用到蓝色圆圈,所以我们先来准备圆圈。在不选中任何图层的情况下直接画圆,大小合适即可,不要填充只要描边,描边颜色为#22A7C2,粗细6px。注意居中,如果没有居中可以在窗口-对齐,也可以摁Ctrl+Alt+Home居中锚点。

AE结合PS制作小清新主题动画效果

接下来让它旋转,类似loading,在本图层下拉三角中找到内容-椭圆-描边-线段端点-圆头端点。然后打开添加选中-修剪路径。

AE结合PS制作小清新主题动画效果

在修剪路径中打关键帧保持个缺口。

AE结合PS制作小清新主题动画效果

然后摁下R调出旋转属性,设置一个初始的旋转角度,打关键帧,然后你想让它旋转到几秒钟就在那里打上关键帧即可,当然也要同时修改旋转的最终角度。然后播放一下试试?

AE结合PS制作小清新主题动画效果

3. 点击过后,紧接着就是一个箭头和圆圈的交替以及圆角矩形到圆的变化。

① 箭头涉及到一个旋转以及透明度的变化。

② 圆圈涉及到大小和透明度变化。

③ 圆角矩形只有一个大小变化。

AE结合PS制作小清新主题动画效果

AE结合PS制作小清新主题动画效果

4. 适当的转两圈,接下来就是由圆圈转化到感叹号了。几乎是四个动作同时进行。

① 圆圈在旋转的过程中缩小,透明度降低至最低。

② 感叹号是一个旋转和透明度由低到高。

③ 白色色块颜色转变为红色。

④ 转化为红色后和感叹号一起的晃动。

AE结合PS制作小清新主题动画效果

接下来将上一步中的①②③反过来就可以做到接下来的效果~

AE结合PS制作小清新主题动画效果

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa