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字的制作方法

最新资讯
俄罗斯外交部谴责美国打压TikTok 称美方行为是不正当经济竞争

俄罗斯外交部谴责美国

俄罗斯外交部发言人扎哈罗娃8日在莫斯科严词谴责美方
吴声:疫情让数字化骤然加速 数字商业进入“场景纪元”时代

吴声:疫情让数字化骤然

场景实验室创始人吴声独立演讲《“新物种爆炸·吴声商
当当网创始人李国庆和俞渝被儿子告上法庭:要求确认代持协议有效

当当网创始人李国庆和

当当网创始人李国庆在其个人微博上称,自己和俞渝被儿子
中国游戏出海:重点市场游戏品类突破大 但开发者变现面临压力

中国游戏出海:重点市场

Google中国大客户部游戏行业副总裁邓辉, Google大中华
华为没芯片可用了?康钊:眼下最急的不是华为而是高通

华为没芯片可用了?康钊

运营商财经网总编辑康钊通过微博发文表示,“华为手机没
雷军:MIX Alpha不再量产 自研澎湃芯片计划仍在继续

雷军:MIX Alpha不再量

小米董事长兼CEO雷军今日在微博上表示,小米自研的澎湃
最新文章
ps怎么设计宝蓝色水滴效果的文字? ps水滴字体设计技巧

ps怎么设计宝蓝色水滴

ps怎么设计宝蓝色水滴效果的文字?ps中想要设计一款水滴
ps制作武汉加油炫酷艺术字教程

ps制作武汉加油炫酷艺

这篇文章主要介绍了ps制作武汉加油炫酷艺术字教程,需要
ps怎么设计3D效果牛仔布料材质的文字?

ps怎么设计3D效果牛仔

ps怎么设计3D效果牛仔布料材质的文字?ps中想要设计一款
ps怎么制作坐标纸效果的文字? ps坐标纸字体的制作方法

ps怎么制作坐标纸效果

ps怎么制作坐标纸效果的文?ps中想要制作一个坐标纸效果
ps怎么设计亚麻编织纸材料的文字字体?

ps怎么设计亚麻编织纸

ps怎么设计亚麻编织纸材质的文字字体?经常使用ps设计一
ps怎么快速设计球形效果的文字字体?

ps怎么快速设计球形效

ps怎么快速设计球形效果的文字字体?ps中想要制作一个球