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

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

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

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

大家一起来制作一个时钟主题的UI图标,其实UI大部分的样式效果,其实就是对于我们在学习ps的时候,图层样式里面的混合选项样式的不断重复运用。菜鸟级别,不对的地方请大家多多见谅,也请留言提出,非常感谢!

效果图:

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

制作步骤如下:

首先,第一步,我们要建立一个空白文档,800px X 800px,分辨率为72像素的空白文档,为了日后可以随时调整背景色,新建一个图层,然后设置前景色,填充#8a8a8a。颜色大家可以根据自己的感觉,进行填充!此填充颜色图层命名为背景颜色填充层。(切记,养成不要修改原图和可以随时修改,不动原图的习惯哦)

操作过程为:

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

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

第二步,我们要进行时钟UI的设计,首先,我们做最外层,由外到内的渐进过程。找到ps中的“圆角矩形工具”,设置参数为:512px X 512px 圆角为120 ,颜色填充白色。并且在图层中修改图层名为为底层

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

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

做完这一步之后,我们要对此图层设置图层样式哦,参数仅供参考!

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

注意:此处的使用全局光前面的对号,一定要记得全部都取消哦!不然怎么样,自己去感觉!

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

 1/4    1 2 3 4 下一页 尾页

*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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条