当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 19:10:37
  • 来源/作者:互联网/佚名
  • 己被围观

大家一起来制作一个时钟主题的UI图标,其实UI大部分的样式效果,其实就是对于我们在学习ps的时候,图层样式里面的混合选项样式的不断重复运用。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条