UI图标教程,在PS中绘制一枚炫酷的钟表图标

本篇教程通过PS制作一款炫酷的机械图标,图标教程我们做了很多很多,用到的依旧是我们的图层样式,万变不离其宗,风格各有各的样式,但是效果呈现的不一样,同学一起来学习一下吧。

效果图:

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

操作步骤:

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

Step 01

点击 — 【文件】— 【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。

 

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

 

 

Step 02

选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为180px,高度为180px,半径20px,并勾选【从中心】,然后点击确定;

 

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

 

Step 03

重命名图层为di,右键设置图层样式:

【斜面和浮雕】:样式:内斜面、方式:平滑、深度100%、方向:上、大小3、软化1、阴影角度90°、勾选【使用全局光】、高度30°、高光模式颜色#dedede、阴影模式颜色#262626、

【渐变叠加】:线性渐变,色值从上到下为 #333333 — #c6c6c6,角度为90°;

复制di图层重命名为di_bian,选择右键清除图层样式,填充颜色改为# 616161;按住Ctrl键点击图层载入选区,向上移动两像素,再反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】;

 

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

 

Step 04

制作残旧金属纹理部分,这一步采用的是素材图片嵌入和笔刷绘制,可在网上搜索关键字:残旧、颓废、喷溅、金属等字眼下载相关素材,ps:本教程所用到的图片跟笔刷连同图标源文件psd均有提供(见附件下载或者网盘链接),笔刷如何载入请自行百度,谢谢!

金属纹理主要是不断通过设置图层的混合模式和不透明度的参数值叠加调试而成的,本教程调试后的参数如下:

01 采用素材图片 Rust_5.JPG,混合模式:正片叠底,不透明度70%;

02 使用笔刷,颜色#8c8c8c,不透明度30%;

03 采用素材图片 纹理.png,混合模式:变暗,不透明度30%;

这一步可自由发挥,自己觉得金属图片哪块可以作为纹理即用就可,参数也可自己调试叠加,以实际效果为主;

 

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

 

Step 05

制作金属破损处,选择【钢笔工具】(快捷键P,可按Shift+P切换),绘制几个不规则多边形,形状自由发挥自定,配置金属纹理背景,颜色深点即可,此处举例:填充颜色#777777,设置图层样式:

【内阴影】:正片叠底,填充颜色#464646,角度90°,距离1px,阻塞0,大小1px;

再复制图层载入选区,填充颜色为#FFFFFF,向上移动一像素,反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】。其他破损处也是使用这种操作方法;

 

 

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

 

 

Step 06

复制图层di重命名为nei_di,点击【编辑】—【自由变换路径】(快捷键Ctrl+T),缩小90%(记得点击【保持长宽比】),右键清除图层样式,选择【混合选项】设置:

【渐变叠加】:线性渐变,色值从上到下为 #4b4b4b — #98988d,角度为90°;

【投影】:正片叠底,颜色#202020,角度90°,距离5px,扩展0,大小8px;

 

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

 

 

Step 07

绘制备份图标,选择【椭圆工具】(快捷键U,可按Shift+U切换),在画布上按住Shift键画一个正圆,再选择【椭圆工具】,并选择路径【减去顶层形状】,画一个圆环,选择【钢笔工具】(快捷键P,可按Shift+P切换),并选择路径【合并形状】,在圆环右边处画一个三角形,最后再选【钢笔工具】,并选择路径【减去顶层形状】,画一个缺口,完成备份图标,重命名为backup,填充颜色#202020,设置图层样式:

【描边】:大小3px,外部,线性渐变,色值从上到下为 #787878 — #484848,角度为90°;

【内阴影】:正片叠底,颜色#474747,角度90°,距离3px,阻塞0,大小3px;

再复制图层backup重命名为backup_bian,载入选区,向上移动一像素,反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】,设置图层样式:

【渐变叠加】:线性渐变,色值从上到下为 #282828 — #aeaeae,角度为90°;

 

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

 

 

Step 08

绘制螺丝孔:选择【椭圆工具】,在画布上按住Shift键画一个小正圆,大小自定适合即可,设置图层样式:

【描边】:大小2px,外部,线性渐变,色值从上到下为 #929292 — #3b3b3b,角度为90°;

【渐变叠加】:线性渐变,色值从上到下为 #353535 — #0c0c0c,角度为90°;

复制图层(快捷键Ctrl+J或者选择【移动工具】按住alt键拖动),复制四个小圆分别放在四个角;

绘制插槽:选择【矩形工具】(快捷键U,可按Shift+U切换),画一个长方形,大小自定适合即可,设置图层样式:

【描边】:大小1px,内部,颜色#606060;

【内阴影】:正片叠底,颜色#2c1d02,角度90°,距离1px,阻塞0,大小5px;

【渐变叠加】:线性渐变,色值从上到下为 #e5c511 — #644200,角度为90°;

最后复制六个图层,并排放在底部且居中排列;

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

 

Step 09

制作内部框残旧金属纹理部分,一样是采用素材图片嵌入和笔刷绘制;

金属纹理主要是不断通过设置图层的混合模式和不透明度的参数值叠加调试而成的,本教程调试后的参数如下:

01采用素材图片 Rust_4.JPG,混合模式:强光,不透明度15%;

02 使用笔刷,颜色# 181818,混合模式:叠加,不透明度40%;

03使用笔刷,颜色# 3f311d,混合模式:叠加,不透明度50%;

这一步可自由发挥,自己觉得金属图片哪块可以作为纹理即用就可,参数也可自己调试叠加,以实际效果为主,完成图标绘制;

 

 

UI图标教程,在PS中绘制一枚炫酷的钟表图标_www.16xx8.com

在对所需设计进行优化时会用到,熟悉了以后就可以按照自己需要创作喜欢的图标。

 

全教程完,学完记得交作业。教程对您有所帮助,请推荐给你的朋友。如果学会了,可以尝试投稿给我们,跟大家分享你的学习经验:http://i.16xx8.com

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:http://t.cn/Rzm5o8Y
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

    菇凉别矫情好吗 说: 虚心学习
    武汉美格菲舞蹈 说: 大神厉害
    仅此而已_time 说: 希望能学会
    无梦天边 说: 谢谢我曾经交往过一个女朋友。有一天我半夜从梦中醒来,突然无比的想她。那时候手机还没有像现在这样普及,我的思念自然无从寄托。在床上瞪了一会儿眼睛以后,我跳起来麻利地穿好衣服,出门去找她了。尽管第二天上早自习我就能够见到她。那时候我以为了方便学习的名义在外面自己租房住,所以也不会遇到宿管大爷这种阻碍,可以来一场说走就走。出了门才发现外面下着大雪,地上已经有着厚厚的积雪,天空中雪花还如筛灰一般落下。但心怀着爱情的炽热,我丝毫没觉得冷。北方下雪的冬夜格外寂静,此时已经是凌晨两点以后,街上没有一个行人,只有我自己踏在积雪上的声音格外清晰。我穿过那条横穿这个小县城的街道,来到我当时女朋友家的楼下。然而我什么都做不了,楼门紧锁,况且即使开着我也没勇气在半夜里去挑战她母亲的忍耐度。于是我在楼下冒着大雪站了一会儿,抽了一支烟,惆怅了一阵子之后,就顺道拐去了网吧……直到很久以后,时过境迁,妹子已经再无联系,而我也不是那能半夜扛住风雪的鸡血少年,我才领悟自己当时的心态。那不过是一种表演罢了,除了把自己感动一下,制造一点自己痴情的假象,一点意义都没有。在感情中,我们往往觉得自己掏心掏肺,所做所为能够感天动地,闻者伤心,见者叹息,为什么偏偏感动不了你?我们总是容易用一种自虐的方式制造出一种痴情的假象来使得自己站在感情的道德制高点上,获得一种畸形的满足感和安全感。其实无论是雪夜去对方家楼下站会儿或者是冒着大雨给她送一杯奶茶什么的,自己回想起来往往觉得如乔峰大战聚贤庄、关羽千里走单骑一样壮怀激烈,而对于对方来说,一杯奶茶就是一杯奶茶,无法承载起你想要在上面寄托的山崩地裂的情怀。少年的时候,总是迫不及待地将自己的满腔爱意表达出来,而结果往往是陷入表演之中而不自知。所以两个人的记忆才会出现偏差,那些你觉得刻骨铭心的过去,对方往往没有同样的感觉,甚至茫然不知。成长的标志就是懂得克制自己。克制自己的情绪,克制自己的表演欲,甚至克制自己的喜欢。少年时候,喜欢一个人恨不能把她变成自己身体的一部分,她刚说冷,我这边心里已经结冰了,她说难过,我立马如丧考妣,比她还难过,唯恐无法将自己的爱意表达出来。而事实上,谁也无法承担起另一个人的价值寄托,只有做一个独立、有价值的人,才能真正学会去爱另一个人。也不要尝试改变一个人,这注定是徒劳。做自己就好,爱情的真谛在于相互的吸引、志趣相投的同行。其实有些时候 我们感动的只是自己
    说: 爱学习,上进的孩子
    奎托斯丶 说: 加油
    永远唯爱丽 说: 一会交作业