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

这篇教程介绍了如何在Photoshop中制作一个从0到100滚动的数字计数器。首先,新建合成并设置尺寸、帧率,然后添加纯色背景。接着,通过添加纯色层并应用编号效果来创建数字,调整字体样式和颜色。之后,删除小数点,并添加百分号字符。在时间轴上设置关键帧,实现数字从0到100的动画效果。最后,可以使用插件导出为GIF动图,适用于进度条、下载进度等多种场景。
摘要由CSDN通过智能技术生成

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

跟着教程一起来get!7851904f716820051789f7e064d1b642.gif

一、新建合成。

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

6ac915c1b8f62ebafd72fcfe23a3e260.png

二、新建纯色背景。

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

d73d0437892fd524ffcd16a67e635507.png

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

49327d546ab87c54d52ecf64b3d3ffe6.png

3.得到一个蓝色的背景

6fe0066fa4ef54fe717249a113aa0f98.png

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

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

0032f9fb246cc25b2cfe3e88b9099f6b.png

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

faaad402a5b6ff30f106428af6254454.png

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

6a6c039d9619c0bb4255d92ffdf4f888.png

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

a0d85f9111816a4d79a98efb1706f52e.png

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

fc0f2a67d102dbb73fd4941ca6d0c49d.png

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

6f9f6707d90cc221d925fbc0ad597d13.png

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

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

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

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

e7c0cad2631c25d0fa5053507c1faa6c.png

四、开始做数字滚动。

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

0abeac236cddd5c56351d32227ce5167.png

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

cccc64074bf484348771b5eecc9510e2.png

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

0868bf2565c3c40cc984343bf12ba537.png

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值