数字滚动AE教程

用户头像
深圳/设计爱好者/7年前/4380浏览
数字滚动AE教程

前几天有人问怎么做加载条对应的数字滚动,我就给群里简单的说了一下。后来我发现,有必要单独写一篇教程告诉等多需要的同学。





接下来我们就一起来看看怎么做的吧~




一、新建合成。

1、新建一个合成,长宽设置800*600。帧数率30/秒,时间我这里设置5秒。(后期可调整,合适就行)




二、新建纯色背景。

1.在时间轴的左侧空白处鼠标右击--新建--纯色。



2.纯色层大小同样为800px*600px,颜色#2AC2EA



3.得到一个蓝色的背景。



三、准备工作做好了以后就要进入正题了,做出数字滚动。

1.再新建一个纯色,颜色是什么无所谓,大小和画布一样。左侧增了一个纯色层,中间画布窗口依然是蓝色。



2.在选中新建的第二个纯色层情况下,在顶部导航窗口找到效果--文本--编号。在弹出的设置窗口可以选择字体,字重样式,方向以及对齐方式。



3.确定后,得到下图,在窗口的左上角有个参数设置区。并且画布中有0.000



4.如果觉得字体,对齐这些不满意,可以在选项中重新调出设置。(比如我调整了字体和样式)



5.字体填充颜色,太红了,刺眼,我想把它改成白色的。



6.因为我想要从0~100%滚动,不需要小数点,所以把小数点位数改为0




7.你会发现还缺少一个%,在左下角空白处新建一个字符层(或者顶部工具栏“T”插入字符),在字符设置窗口设置和“0”一样的参数,字体、字体样式、字体大小、字体颜色。


tips 1:如果没看到字符设置窗口,可以在顶部:窗口-字符,打开。

tips 2:新建的字符层,默认中心锚点不在中心,可以用motion2

插件点一下(关于motion2自行百度)


四、开始做数字滚动。

1.当前指示器移动到时间轴的第0帧处。选中刚才的滚动数字图层,然后在数值后面输入“0”,最后在它前面的秒表处点一下。相当于在第0帧处K一帧数值“0”



2.将当前指示器移动到02:00f处,然后在左上角窗口中的数值后面输入100。软件会自动给你k一帧。这样数字滚动的动画就做好了。



3.一开始我们设置的是5s,我们现在只用了2s,有点太长了,所以在2秒后面一点结束就行了,把当前指示器移动到后面几帧处,按键盘上的“n”,把后面的时间截除掉。按空格键就可以预览了。


.导出的话用gifgun插件导出方便。


五、数字的滚动运用的地方很多,常见的如:加载条,下载进度,还有一些计步,等等。



我知道会有人想要源文件,我已经给你们准备好了。拉到底部自己下载哈哈~


越努力越幸运~


下次再见!




                                点个赞吧,你的点赞是对我写教程最大的鼓励~

40
举报
|
64
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面男孩喝咖啡插画设计
金色颗粒质地的平面
平面插画设计女孩喝咖啡
中国传统纹样创新图案设计
城市园林平面布局航拍
平面人物插画
平面书法字手写
平面花卉图案扁平简约无缝拼接插画
平面插画情侣/矢量
平面风格黄绿色系花朵装饰
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
古风平面仕女与瓷器
金色颗粒质地的平面
金色颗粒质地的平面
倒计时,海报,平面
城市园林平面布局航拍
“知识宅急送”外卖,快递,平面,海报,素材,教育
玄关入门地毯印花图案红地毯
牛奶乳液层次梯田平铺平面
空的平台平面和自然景观
金色颗粒质地的平面
城市园林平面布局航拍
空的平台平面和自然景观
你可能喜欢
大家都在看
登录注册