UI动效-数字增长 AE小技巧

PS+AE制作了一个小动画,数字增长动画


1.界面部分是在ps做的,这就不多说了,随性发挥,相信大家都懂哈。只是简单来说说数字增长以及跟随路径动画的一个做法。

2.新建一个文本图层

图层-新建-文本(不需要输入任何文字哦)

点击效果-文本-编号

好了,接下来跳出一个下面这个框,你可以选择你要的文字,也可以先点击确定再进去里面改都可以。

进去之后默认的界面是这样:

数值就是你要输入的数字

小数位数就是小数点后面的数字,你不需要可以选择0

你需要改字体你可以点击编号的右边那个选项那里就可以直接改,很方面

3.打关键帧

在第一帧打上关键帧,我写的是0。你可以随意

在时间轴的另外一个地方打上一针,位置随意你,数字我输入的是156

这样子数字就可以数字就可以随着时间的增加而跑起来了

是不是很简单~

4.画一个大圆圈

接下来形状图层画一个椭圆,点击内容旁边的添加按钮选择-修剪路径

在时间轴0帧处给 结束属性 打上关键帧,调整为0%

在时间轴另外一个地方给 结束属性 打上关键帧,调整为88%(数字随意根据你自己情况来)

效果大概是这样

不过没有那个小圆点,我忘记隐藏了

5.画一个发光小圆圈+跟随路径跑

小圆我是在PS里面画的,画完导入到AE

新建-纯色图层  

使用钢笔工具画上小圆圈可能要走的路径


接着点击蒙版-选择蒙版路径-command+c复制一下

接着到椭圆小球的属性位置-command+d黏贴一下,就可以自动有了小球跟随这个所画路径的运动的轨迹。

                                                                              大功告成~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、工作区和工作流程 1.工作区和面板 保存、删除、重置工作区停靠、编组、浮动面板 2.首选项 常规、预览、导入、...
    朱细细阅读 7,722评论 0 52
  • 官网中文版 1 简易天空替换## 技能:线性擦除,追踪运动,用颜色键K出人物,用色彩曲线调色。(1)天空图片素材放...
    朱细细阅读 10,952评论 4 82
  • 1 CALayer IOS SDK详解之CALayer(一) http://doc.okbase.net/Hell...
    Kevin_Junbaozi阅读 5,215评论 3 23
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,149评论 5 13
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 8,585评论 6 30