分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS制作闹钟图标设计教程

icon图标 学UI设计 891次浏览 0个评论

PS制作闹钟图标设计教程

1.新建一个画板PS制作闹钟图标设计教程

2.背景填充为#aab6bbPS制作闹钟图标设计教程用蒙版工具做一个亮光,得到下面效果。PS制作闹钟图标设计教程

3.建立一个512x512pi的圆角矩形,半径为120pi,颜色填充#2c2e30。PS制作闹钟图标设计教程PS制作闹钟图标设计教程复制一层,不透明度10%,建立图层蒙版,可以得到上面的亮光,这样我们就是把光源设置为顶光PS制作闹钟图标设计教程之前讲了一个物体有暗面就会有亮面,当然有亮面,也会有暗面。所以我们复制一个,不透明度为80%,建立一个图层蒙版,得到PS制作闹钟图标设计教程最后效果就是下面。PS制作闹钟图标设计教程

4.做完上半部分,我们需要给图标一个阴影,让图标立起来PS制作闹钟图标设计教程我把阴影拉开给大家看一下,同学可以观察一下阴影用了高斯模糊和降低透明度。做过很多练习的同学应该都很清楚,高斯模糊在制图时广泛被运用,包括你在做不锈钢物体时候可以用高斯模糊在加颗粒感,最后风化,就可以得到不锈钢拉丝的效果。

高斯模糊的数值希望大家可以多练习,感受过渡。-2的部分是图标上面的部分,不透明度为40%。PS制作闹钟图标设计教程-1的部门是下面一层,不透明度要低一点,为10%。前后叠加得到PS制作闹钟图标设计教程阴影的部分相对来说比较麻烦。大家要仔细观察,做到自然舒服。

5.接下来就是做闹钟的表盘,PS制作闹钟图标设计教程这个闹钟的刻度,一个个画上去比较浪费时间和头疼,画出来效果也很差,PS制作闹钟图标设计教程先画一条线,宽为1,颜色为b5b5b5

先复制一个,按住ctrl+t,变换工具,倾斜角度为6,得到一个第二根线,
PS制作闹钟图标设计教程在复制一根,倾斜角度为6PS制作闹钟图标设计教程接下来按住ctrl+shift+alt不松,在一直点T,连续复制,得到PS制作闹钟图标设计教程删掉其余线段PS制作闹钟图标设计教程
PS制作闹钟图标设计教程ctrl+E布尔运算减去顶上图层PS制作闹钟图标设计教程
PS制作闹钟图标设计教程在建立一个外面的大圆,合并图层,利用布尔运算,与重复区域结合,就是留下相切的部分。PS制作闹钟图标设计教程最后我们得到了闹钟的刻度PS制作闹钟图标设计教程

  1. 写下闹钟的数字PS制作闹钟图标设计教程

  2. 建立闹钟的中间部分,建立一个180×180的正圆,颜色填充为#343636。PS制作闹钟图标设计教程

  3. 复制一层得到一个,颜色填充为#26282c。建立图层蒙版PS制作闹钟图标设计教程最后效果为PS制作闹钟图标设计教程

  4. 指针部分PS制作闹钟图标设计教程画出指针的造型,接下来做指针的阴影PS制作闹钟图标设计教程

指针的阴影做完是这个效果,用高斯模糊或着形状填充为零做阴影,用混合模式做阴影,要PS制作闹钟图标设计教程把对号去掉,自己调节角度。大家可以交作业看看,你们阴影的使用。我会去查看哦。

  1. 得到最后效果,PS制作闹钟图标设计教程

  2. 今天就结束了,本文重点是布尔运算,和连续复制,学会了对作图会更快更方便。

同学们加油,好好练习。

 


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (1)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!