PS怎么设计百分比加载效果渐变数字字体?我们一般都见过加载动画,想要通过渐变效果制作一个百分比数字加载效果的字体,该怎么这孩子做呢?下面我们就来看看详细的教程,需要的朋友可以参考下

一般我们在进行UI设计时,会碰到很多百分比的数字,如何制作数字百分比的加载效果呢?今天我们就来看看ps制作加载效果动画的教程。

PS怎么设计百分比加载效果渐变数字字体?

1、打开PS软件,创建一个宽和高均为500px的画布,色值为#ffffff。

PS怎么设计百分比加载效果渐变数字字体?

2、用文字工具(T)写上数字95%,值为#9764e8,并右键将其转化为形状。

PS怎么设计百分比加载效果渐变数字字体?

3、调整%的大小及其与数字的距离,将数字图层的颜值设置为#ffffff,让数字层与背景层颜色相同,同时双击该图层添加:混合模式-正片叠底度-27%,角度-90°,距离-6px,阻塞-0,大小-16px。

PS怎么设计百分比加载效果渐变数字字体?

4、调整好图层样式后,用在合适位置绘制一个矩形框,新建一个图层(快捷键是Ctrl+Shift+N),填充白色,色值#ffffff。

PS怎么设计百分比加载效果渐变数字字体?

5、双击新建的白色(mang)图层,添加:渐变值为#ff9090,#9764e8。

PS怎么设计百分比加载效果渐变数字字体?

6、选中渐变色(mang)图层,右键-创建剪切蒙版,即可制作出数字百分比的加载效果!

PS怎么设计百分比加载效果渐变数字字体?

今天的字体主要用到的是渐变效果,下面我们就再制作一个渐变条巩固一下。

1、打开ps,如图

PS怎么设计百分比加载效果渐变数字字体?

2、按住快捷键ctrl+n,新建画布,如图

PS怎么设计百分比加载效果渐变数字字体?

3、点击左侧渐变工具,如图

PS怎么设计百分比加载效果渐变数字字体?

4、双击左上角渐变条样式,如图

PS怎么设计百分比加载效果渐变数字字体?

5、进入渐变编辑器,如图

PS怎么设计百分比加载效果渐变数字字体?

6、拖动或添加色标,选择颜色可重复选择,如图

PS怎么设计百分比加载效果渐变数字字体?

PS怎么设计百分比加载效果渐变数字字体?

7、选择线性渐变,在画布中从左到右拖动,得到渐变效果,如图

PS怎么设计百分比加载效果渐变数字字体?

以上就是PS设计百分比加载效果渐变数字字体的教程,希望大家喜欢,请继续关注爱安网。

相关推荐:

ps怎么制作一个创意字体人物效果?

ps cs5怎么设计黑白描边效果的文字字体?

PS怎么快速制作3D立体字体? PS3D字的制作方法

最新资讯
快手:2020前三季度电商GMV达2041亿元

快手:2020前三季度电商

港交所网站信息显示,快手已通过上市聆讯,正式进入上市倒
快手:2020年前三季度直播收入占总收入62.2%

快手:2020年前三季度直

据聆讯后资料集显示,2017年、2018年及2019年与截至2019
快手:2020前三季度日活跃用户日均使用时长超过86分钟

快手:2020前三季度日活

港交所消息显示,快手亿通过上市聆讯。据聆讯后资料集显
快手:2020年前三季度中国应用程序及小程序平均月活用户7.7亿

快手:2020年前三季度中

港交所消息显示,快手亿通过上市聆讯。据聆讯后资料集显
快手:2020前三季度内容创作者占平均月活跃用户比例约26%

快手:2020前三季度内容

据聆讯后资料集显示,截至2020年9月30日止九个月,内容创
亚马逊宣布允许汽车厂商基于Alexa定制车内语音助手

亚马逊宣布允许汽车厂

据报道,亚马逊今日推出了一项新服务“Alexa Custom Ass
最新文章
ps怎么设计很有层次感的立体字填充花朵的效果?

ps怎么设计很有层次感

ps怎么设计很有层次感的立体字填充花朵的效果?ps中想要
ps怎么用色块给文字添加三维立体效果? ps立体字的制作方法

ps怎么用色块给文字添

ps怎么用色块给文字添加三维立体效果?ps中想要绘制一个
Ps如何设计出月亮特效 Ps设计出月亮特效的操作方法

Ps如何设计出月亮特效

当我们在使用photoshop的时候,因需求要设计出月亮特效,
ps怎么设计天猫双十一字体? ps设计双十一字体的技巧

ps怎么设计天猫双十一

ps怎么设计天猫双十一字体?双十一字体是小方块组成的,想
ps怎么设计穿插效果的海报艺术字体?

ps怎么设计穿插效果的

ps怎么设计穿插效果的海报字体?ps中想要设计一款漂亮的
ps结合ai设计黑白手绘春分字体海报的教程

ps结合ai设计黑白手绘

想要设计一款字体海报,该怎么设计像是铅笔设计出来的字