PS怎么設(shè)計百分比加載效果漸變數(shù)字字體?

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