ps設計進度條教程

2022-12-26 05:44:41 來源/作者: / 己有:91人學習過

 

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

最終效果圖

Photoshop設計夜藍轉圈進度條教程

圖0

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

Photoshop設計夜藍轉圈進度條教程

圖1

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

Photoshop設計夜藍轉圈進度條教程

圖2

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

Photoshop設計夜藍轉圈進度條教程

圖3

Photoshop設計夜藍轉圈進度條教程

圖4

 

 

 

 

 

 

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

Photoshop設計夜藍轉圈進度條教程

圖5

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

Photoshop設計夜藍轉圈進度條教程

圖6

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

Photoshop設計夜藍轉圈進度條教程

圖7

 

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

Photoshop設計夜藍轉圈進度條教程

圖8