photoshop網頁設計: 圓形水晶按鈕
- 2022-12-24 23:47:03
- 來源/作者：互聯網/佚名
- 己被圍觀次
最終效果1、新建一 個600 * 600像素的文件，背景填充顏色：#056338，新建一個圖層在畫布的中心位置用橢圓選框工 具繪制一個正圓，填充顏色：#FAE4B3，效果如圖1。圖1 2、以 正圓的中心為參考點拉出兩條垂直的參考線，用參考線中點為圓心，用橢圓選框工具按住Alt + Shift
最終效果
1、新建一 個600 * 600像素的文件，背景填充顏色：#056338，新建一個圖層在畫布的中心位置用橢圓選框工 具繪制一個正圓，填充顏色：#FAE4B3，效果如圖1。
圖1 2、以 正圓的中心為參考點拉出兩條垂直的參考線，用參考線中點為圓心，用橢圓選框工具按住Alt + Shift畫出圖2所示的選區，按Delete刪除，得到一個圓環。
圖2
3 、雙擊圖層調出圓環的圖層樣式，參數設置如圖3-5，效果如圖6。
圖3
圖4
圖5
圖6 4、在圓環的下面新建一個圖層，用橢圓選框工具畫出 圖7所示的選區，然后選擇漸變工具顏色設置如圖8，拉出圖9所示的漸變。
圖7
圖8
圖9 5、新建一個圖層，用橢圓選框工具拉一個比圓環稍小的正圓， 如圖10，然后選擇漸變工具，顏色設置如圖11，繪制圖12所示的徑向漸變。
圖7
圖8
圖9
1、新建一 個600 * 600像素的文件，背景填充顏色：#056338，新建一個圖層在畫布的中心位置用橢圓選框工 具繪制一個正圓，填充顏色：#FAE4B3，效果如圖1。
圖1 2、以 正圓的中心為參考點拉出兩條垂直的參考線，用參考線中點為圓心，用橢圓選框工具按住Alt + Shift畫出圖2所示的選區，按Delete刪除，得到一個圓環。
圖2
3 、雙擊圖層調出圓環的圖層樣式，參數設置如圖3-5，效果如圖6。
圖3
圖4
圖5
圖6 4、在圓環的下面新建一個圖層，用橢圓選框工具畫出 圖7所示的選區，然后選擇漸變工具顏色設置如圖8，拉出圖9所示的漸變。
圖7
圖8
圖9 5、新建一個圖層，用橢圓選框工具拉一個比圓環稍小的正圓， 如圖10，然后選擇漸變工具，顏色設置如圖11，繪制圖12所示的徑向漸變。
圖7
圖8
圖9
*PSjia.COM 傾力出品，轉載請注明來自PS家園網（m.sz-xdd.com.cn）
標簽(TAG) 按鈕圖標
上一篇：ps設計小鳥UI圖標教程
下一篇：簡單的晶格化ICON教程
更多精彩內容
-
APP展示圖，教你怎么用PS制作APP的界面圖片 -
用ps制作大拇指勝利手勢logo -
用ps制作金屬質感徽章 -
用ps制作綠色環保Logo -
用ps制作放大縮小logo -
ps cs6設計火箭UI圖標 -
教你用PS打造網頁效果圖全過程 -
進度條，設計一個彩色進度條