開(kāi)關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開(kāi)關(guān)圖標(biāo)
載入圓角矩形的選區(qū),在主體陰影下層新建一層,填充黑色,執(zhí)行一個(gè)動(dòng)感模糊,配合蒙版,我們做了一個(gè)長(zhǎng)投影,更改圖層混合模式為“正片疊底”,圖層不透明度為33%。

<點(diǎn)圖片看大圖>

接下來(lái),我們來(lái)做那個(gè)中框,這里需要注意的是圓角矩形的圓度需要對(duì)齊一下,不然看上去很難看。將圖層的填充修改為0,添加一個(gè)圖層樣式。

<點(diǎn)圖片看大圖>




用橢圓工具畫(huà)出旋紐的主體來(lái),添加圖層樣式。

<點(diǎn)圖片看大圖>



跟剛才給圓角矩形做陰影一樣,復(fù)制一層,移到下層,將圖層填充修改為0,添加一個(gè)投影圖層樣式。

<點(diǎn)圖片看大圖>

同樣的,跟剛才一樣,利用動(dòng)感模糊做個(gè)長(zhǎng)投影,適當(dāng)調(diào)整不透明度。

<點(diǎn)圖片看大圖>
標(biāo)簽(TAG) UI設(shè)計(jì)教程 P大點(diǎn)S ps網(wǎng)頁(yè)設(shè)計(jì) 開(kāi)關(guān)圖標(biāo) 開(kāi)關(guān)按鈕 UI教程
上一篇:精致水晶圖標(biāo)按鈕




























