UI教程,設計錘子時鐘圖標教程

2023-11-16 17:26:11 來源/作者: / 己有:1人學習過

第三步,底板做好了之后,我們開始要表盤里面的凹下去的效果,我們這一塊分為兩大塊做,選中橢圓工具,按住Shift鍵,新建一個420px X 420px的正圓,命名為表盤1,并添加相應的圖層樣式。

UI教程,設計錘子時鐘圖標教程

UI教程,設計錘子時鐘圖標教程

接著復制一層,命名為表盤2,選擇清除圖層樣式,重新添加新的圖層樣式。

UI教程,設計錘子時鐘圖標教程

UI教程,設計錘子時鐘圖標教程

第四步,做完以上之后,我們做指針,用圓角矩形工具繪制一個160px X 32px的圓角矩形,圓角設置成15px ,顏色為白色。命名為指針1

UI教程,設計錘子時鐘圖標教程

UI教程,設計錘子時鐘圖標教程

拉出輔助線,放到圓心的位置,擺放好位置,并設置指針1的圖層樣式。

UI教程,設計錘子時鐘圖標教程

做完指針1之后,我們要做指針2,設置參數(shù)為:

UI教程,設計錘子時鐘圖標教程

UI教程,設計錘子時鐘圖標教程