皮包圖標(biāo),設(shè)計(jì)一個(gè)皮包主題的UI圖標(biāo)教程

2022-12-26 11:12:45 來源/作者: / 己有:19人學(xué)習(xí)過

在【橫扣】右邊畫一個(gè)圓,添加圖層樣式

_02240232A-43.jpg

_0224025304-44.jpg

_0224022Y1-45.jpg

_022402HO-46.jpg

復(fù)制一個(gè)【圓扣】到左邊。再復(fù)制一個(gè)【橫扣】圖層到下面,調(diào)節(jié)形狀,做成以下效果。

_0224022924-47.jpg

用布爾運(yùn)算畫出金屬扣的形狀,再將【圓扣】的圖層樣式拷貝過來,適當(dāng)調(diào)節(jié)

_022402H46-48.jpg

關(guān)于這個(gè)金屬扣,我自己是畫了一個(gè)圓,然后將下面的錨點(diǎn)拖上去,并調(diào)節(jié)錨點(diǎn)的手柄,得到了這個(gè)形狀。

做出金屬扣之后,用圖層蒙版隱藏掉下面的那條邊,然后用之前做高光的辦法,給金屬扣被皮帶蓋住的部分加點(diǎn)陰影

_022402BQ-49.jpg

畫一個(gè)瘦長的矩形,將【金屬扣】的圖層樣式拷貝過來。

_0224025L7-50.jpg

給這個(gè)圖層添加一個(gè)蒙版,在蒙版上拉一個(gè)黑白漸變。

_0224024Q3-51.jpg

然后皮包就大功告成了~

_0224023I8-52.jpg