當前位置:首頁>ps實例教程>ps制作實例>制作實例>教程內(nèi)容

ps設計進度條教程

來源:太平洋電腦網(wǎng) 作者:李華仁  學習:6548人次

 

本PS教程將簡單介紹如何用Photoshop打造進度條。本PS教程屬于初級教程,適合初學者學習。

最終效果圖

Photoshop設計夜藍轉(zhuǎn)圈進度條教程

圖0

1、選擇“文件/新建”菜單,打開“新建”,寬度:為685像素,高度:為443像素,“分辨率”為72 , “模式”為RGB顏色的文檔,如圖1所示。

Photoshop設計夜藍轉(zhuǎn)圈進度條教程

圖1

2、創(chuàng)建新圖層按鈕,新建一個圖層,接著在工作區(qū)填充,設置前景為灰色,設置RGB值分別為:55/56/58,接著按鍵盤快捷鍵Alt+Delete填充,并按鍵盤Ctrl+D取消,如圖2所示。

Photoshop設計夜藍轉(zhuǎn)圈進度條教程

圖2

3、執(zhí)行菜單:“濾鏡”/“渲染”/“雜色”/“添加雜色”,設置數(shù)量1%,分布勾選平均分布,勾選單色,如圖3所示。效果如圖4。

Photoshop設計夜藍轉(zhuǎn)圈進度條教程

圖3

Photoshop設計夜藍轉(zhuǎn)圈進度條教程

圖4

 

 

 

 

 

 

4、在圖層控制面板擊新建圖層按鈕,新建圖層1,在工具箱中選擇橢圓工具 ,在工作區(qū)中拖出一個橢圓選區(qū),設置前景色為黑色,并按快捷鍵Alt+Delete填充圖層1,然后Ctrl+D取消選擇狀態(tài),并調(diào)整成圓,如圖5所示。

Photoshop設計夜藍轉(zhuǎn)圈進度條教程

圖5

5、雙單擊圖層1進入到圖層樣式,分別勾選投影、內(nèi)陰影選項。如圖6所示。

Photoshop設計夜藍轉(zhuǎn)圈進度條教程

圖6

6、勾選投影,設置陰影混合模式:柔光,點擊色標處,陰影顏色設置為白色,不透明度:15%,角度:90,距離:1像素,擴展:0%,大。0像素,然后點擊確定按鈕,如圖7所示。

Photoshop設計夜藍轉(zhuǎn)圈進度條教程

圖7

 

7、勾選內(nèi)陰影,設置陰影混合模式:正片疊底,點擊色標處,陰影顏色設置為黑色,不透明度:25%,角度:90,距離:1像素,擴展:0%,大。5像素,然后點擊確定按鈕,如圖8所示。

Photoshop設計夜藍轉(zhuǎn)圈進度條教程

圖8

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
查查2020-02-14 03:37
ainide 發(fā)表于 2020-2-13 17:42
我的作業(yè):
完美
ainide2020-02-13 05:42
我的作業(yè):

關注大神微博加入>>

網(wǎng)友求助,請回答!