数字0中间有一斜杠是什么字体_巧用Ps打造动态数字计数器!

本文通过Photoshop教程介绍如何制作数字滚动效果。首先新建合成,设置尺寸和帧率,然后添加纯色背景。接着创建数字层,应用编号效果并调整字体样式。通过在不同时间点设置数值关键帧,实现从0到100的滚动动画。最后,介绍如何导出为GIF格式,适用于加载条、下载进度等场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

来源:UI.cn  作者:ux_jackson

这种滚动的数字技术动效怎么做呢?

跟着教程一起来get!7f47e3de5d4ee6289a4fe398422734c0.gif

一、新建合成。

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

c9871cb15c5624b18288154c6089dec8.png

二、新建纯色背景。

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

a9c99661d5623ec63bdfb3901828aa37.png

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

9169a89df8fdb16f8bcacf05b980c699.png

3.得到一个蓝色的背景

e5df4f35afbc0e6cba1ca00818eb9340.png

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

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

2b6ce59a65801222387729ed0eef9f42.png

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

24b451f3cb7d54858a9cdb4ae4db4c62.png

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

f8613724691efb1fca39634cb570925a.png

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

7ae611674faaaf488abef534a79dc31f.png

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

ab7a1efe7c496e0aaa34315c81cd7701.png

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

b52911ad811cb9109210b36af881e6c6.png

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

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

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

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

13bb7c92083f90a488dea0dd896badf8.png

四、开始做数字滚动。

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

1d2bf4ae72d5ca4df5b808f703313f39.png

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

2252705ae45b829e5c7521bedfc4425b.png

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

81f55f6d360eae2211c169871d75b457.png

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

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

越努力越幸运~

d0703a7c4c50c5eae3b0bb4cf207514b.png

d393bda2d96be323f032487ae0a293c1.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值