恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
数字滚动AE教程
0.0°
2018-10-27 原创文章 教程 举报 9038 49 33 1

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

Image title

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

Image title


一、新建合成。

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

Image title


二、新建纯色背景。

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

Image title



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

Image title


3.得到一个蓝色的背景

Image title


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

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

Image title


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

Image title


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

Image title


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

Image title


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

Image title


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

Image title


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


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

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

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

Image title


四、开始做数字滚动。

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

Image title


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

Image title


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

Image title


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


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



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


越努力越幸运~


下次再见!发布

Image title


更新:2018-10-27

下载
收藏

49人已收藏

  • 11

    作品

  • 50

    粉丝

  • 3

    关注

  • 啥是佩奇?(AI教程)
  • AI打造黄金比例logo
  • 设计三大流,你知多少?
  • 抽奖机教程

    猜你喜欢

      2018-10-27 原创文章 教程 举报 9038 49 33 1

      数字滚动AE教程

      0.0°

      你确定要举报数字滚动AE教程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年10月27日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      33
      49
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录