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

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