UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

2022-12-26 11:09:32 來(lái)源/作者: / 己有:17人學(xué)習(xí)過(guò)

步驟四:

現(xiàn)在為裝飾圓添加不同的描邊效果,并將多余的線條利用選區(qū)框選出來(lái),在圖層蒙版遮中填充黑色。

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

步驟五:

現(xiàn)在選擇直線段工具,長(zhǎng)度20px,粗細(xì)4px,并復(fù)制為加號(hào)移動(dòng)到合適位置,添加OFF文字Adobe 黑體 Std R,字體大小20點(diǎn)顏色#a0a0a0。

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

步驟六:

現(xiàn)在我們來(lái)繪制內(nèi)部圓,繼續(xù)使用橢圓工具、繪制一個(gè)290px*290px的正圓,并為它添加圖層樣式。

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程

步驟七:

現(xiàn)在我們來(lái)繪制圓環(huán),繪制兩個(gè)正圓大小分別為200x,180px的正圓,將倆個(gè)合并為一個(gè)形狀層,選擇路徑選擇工具選擇內(nèi)圓,減去頂層形狀,并添加圖層樣式。

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)開(kāi)關(guān)UI圖標(biāo)教程