UI教程,设计锤子时钟图标教程

2023-10-22 17:19:29 来源/作者: / 己有:1人学习过

第三步,底板做好了之后,我们开始要表盘里面的凹下去的效果,我们这一块分为两大块做,选中椭圆工具,按住Shift键,新建一个420px X 420px的正圆,命名为表盘1,并添加相应的图层样式。

UI教程,设计锤子时钟图标教程

UI教程,设计锤子时钟图标教程

接着复制一层,命名为表盘2,选择清除图层样式,重新添加新的图层样式。

UI教程,设计锤子时钟图标教程

UI教程,设计锤子时钟图标教程

第四步,做完以上之后,我们做指针,用圆角矩形工具绘制一个160px X 32px的圆角矩形,圆角设置成15px ,颜色为白色。命名为指针1

UI教程,设计锤子时钟图标教程

UI教程,设计锤子时钟图标教程

拉出辅助线,放到圆心的位置,摆放好位置,并设置指针1的图层样式。

UI教程,设计锤子时钟图标教程

做完指针1之后,我们要做指针2,设置参数为:

UI教程,设计锤子时钟图标教程

UI教程,设计锤子时钟图标教程