PS怎么設(shè)計(jì)百分比加載效果漸變數(shù)字字體？
我要評(píng)論一般我們?cè)谶M(jìn)行UI設(shè)計(jì)時(shí)，會(huì)碰到很多百分比的數(shù)字，如何制作數(shù)字百分比的加載效果呢？今天我們就來看看ps制作加載效果動(dòng)畫的教程。
1、打開PS軟件，創(chuàng)建一個(gè)寬和高均為500px的畫布，色值為#ffffff。
2、用文字工具（T）寫上數(shù)字95%，顏色色值為#9764e8，并右鍵將其轉(zhuǎn)化為形狀。
3、調(diào)整%的大小及其與數(shù)字的距離，將數(shù)字圖層的顏色色值設(shè)置為#ffffff，讓數(shù)字層與背景層顏色相同，同時(shí)雙擊該圖層添加【圖層樣式-內(nèi)陰影】：混合模式-正片疊底，不透明度-27%，角度-90°，距離-6px，阻塞-0，大小-16px。
4、調(diào)整好圖層樣式后，用【矩形選框工具】在合適位置繪制一個(gè)矩形框，新建一個(gè)圖層（快捷鍵是Ctrl+Shift+N），填充白色，色值#ffffff。
5、雙擊新建的白色圖層，添加【圖層樣式-漸變疊加】：漸變色色值為#ff9090，#9764e8。
6、選中漸變色圖層，右鍵-創(chuàng)建剪切蒙版，即可制作出數(shù)字百分比的加載效果！
今天的字體主要用到的是漸變效果，下面我們就再制作一個(gè)漸變條鞏固一下。
1、打開ps，如圖
2、按住快捷鍵ctrl+n,新建畫布，如圖
3、點(diǎn)擊左側(cè)漸變工具，如圖
4、雙擊左上角漸變條樣式，如圖
5、進(jìn)入漸變編輯器，如圖
6、拖動(dòng)或添加色標(biāo)，選擇顏色可重復(fù)選擇，如圖
7、選擇線性漸變，在畫布中從左到右拖動(dòng)，得到漸變效果，如圖
以上就是PS設(shè)計(jì)百分比加載效果漸變數(shù)字字體的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
ps cs5怎么設(shè)計(jì)黑白描邊效果的文字字體?
相關(guān)文章
PS怎么設(shè)計(jì)一款立體的巧克力塊字體？ps中想要設(shè)計(jì)一款巧克力文字，看上去很有食欲，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-04
ps怎么設(shè)計(jì)3D立體巖石字體的文字效果？ps中想要設(shè)計(jì)一款巖立體巖石雕刻的英文字母，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-04
PS怎么設(shè)計(jì)一個(gè)立體金屬感的雕刻字體?
PS怎么設(shè)計(jì)一個(gè)立體金屬感的雕刻字體？ps中想要制作一個(gè)很有金屬冷質(zhì)感的立體文字，該怎么制作呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-07-03
PS怎么設(shè)計(jì)一款巖石字體的文字？ps中想要設(shè)計(jì)一款有巖石紋理的文字，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的制作教程，很簡單，需要的朋友可以參考下2017-07-02
PS怎么設(shè)計(jì)一款漂亮的梅花字體的文字？ps中想要制作一個(gè)都是梅花的文字，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-06-30
ps怎么設(shè)計(jì)一款蜂蜜廣告專用字體？想要給蜂蜜設(shè)計(jì)一款字體，該怎么設(shè)計(jì)呢？下面我們就來看看制作蜂蜜廣告專用字體的教程，需要的朋友可以參考下2017-06-28
AI結(jié)合PS設(shè)計(jì)正義聯(lián)盟LOGO字體的教程
想要設(shè)計(jì)一個(gè)logo，ai結(jié)合ps設(shè)計(jì)logo時(shí)候最簡單方便的，今天我們介紹一個(gè)制作正義聯(lián)盟logo的實(shí)例教程，很簡單，但是步驟卻很多，需要的朋友可以參考下2017-06-22
ps怎么設(shè)計(jì)一款獨(dú)特的彩色炫光字體?
ps怎么設(shè)計(jì)一款獨(dú)特的彩色炫光字體？ps中想要設(shè)計(jì)一款獨(dú)特的字體是很簡單的事情，該怎么設(shè)計(jì)彩色炫光文字呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-19
PS怎么設(shè)計(jì)一個(gè)被光照的文字字體效果?
PS怎么設(shè)計(jì)一個(gè)被光照的文字字體效果？ps中想要設(shè)計(jì)一個(gè)有光照到的文字，凸顯文字，該怎么制作這個(gè)效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-19
PS怎么設(shè)計(jì)一款電波字體效果？ps中想要設(shè)計(jì)一款電波字體的文字，該怎么制作呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-06-17
