圖標設計,教你用圖層樣式設計一個時鐘圖標

2022-12-26 11:08:36 來源/作者: / 己有:16人學習過

主要通過圖層樣式設計時鐘底座,然后用繪制方法畫出表盤等組件,教程不難,新手可以跟著練一下。

這幾天突然對UI很感興趣,于是就做了這個小時鐘,整體效果很絢麗,圖層樣式中的參數(shù)我已經(jīng)給出,僅供大家參考,邵飛老師說得對“多試參數(shù),沒有人可以一步到位,多花時間去調(diào)試不同的參數(shù),可以幫助提高設計經(jīng)驗,細節(jié)靠折騰,而不是靠大量效果”我現(xiàn)在就是這樣做的,雖然有時候會花很多時間,但真的是會積累經(jīng)驗的,期待大家的作品!

一、首先我們來分解這個圖標,觀察其各個組成部分,然后我們分層制作。

圖標設計,教你用圖層樣式設計一個時鐘圖標

二、接下來我們先制作“時鐘底座”。

這個圖層看起來很復雜,實際上整個效果只用了一個圖層便能搞定,以下截圖的參數(shù)僅供參考,因為你新建圓的大小將會影響這些參數(shù)數(shù)值,具體大家自行測試吧,新建畫布,拖入背景素材,使用橢圓工具建立一個橢圓,雙擊此圖層為其添加圖層樣式。

圖標設計,教你用圖層樣式設計一個時鐘圖標

圖標設計,教你用圖層樣式設計一個時鐘圖標

圖標設計,教你用圖層樣式設計一個時鐘圖標

圖標設計,教你用圖層樣式設計一個時鐘圖標

圖標設計,教你用圖層樣式設計一個時鐘圖標

圖標設計,教你用圖層樣式設計一個時鐘圖標

圖標設計,教你用圖層樣式設計一個時鐘圖標

圖標設計,教你用圖層樣式設計一個時鐘圖標