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

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

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

_02240232A-43.jpg

_0224025304-44.jpg

_0224022Y1-45.jpg

_022402HO-46.jpg

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

_0224022924-47.jpg

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

_022402H46-48.jpg

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

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

_022402BQ-49.jpg

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

_0224025L7-50.jpg

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

_0224024Q3-51.jpg

然后皮包就大功告成了~

_0224023I8-52.jpg