開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

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

 

載入圓角矩形的選區(qū),在主體陰影下層新建一層,填充黑色,執(zhí)行一個(gè)動(dòng)感模糊,配合蒙版,我們做了一個(gè)長(zhǎng)投影,更改圖層混合模式為“正片疊底”,圖層不透明度為33%。

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

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

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

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

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

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

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>

 

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)

 

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

 

開關(guān)圖標(biāo),設(shè)計(jì)一個(gè)調(diào)節(jié)開關(guān)圖標(biāo)
<點(diǎn)圖片看大圖>