UI教程,颓废机械风格UI图标教程(3)

来源:站酷 作者:yu0910 学习:6452人次

 

UI教程,颓废机械风格UI图标教程_www.16xx8.com

Step08:绘制螺丝孔:选择【椭圆工具】,在画布上按住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教程,颓废机械风格UI图标教程_www.16xx8.com

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

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

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

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

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

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

END:根据自己喜爱跟感觉调试破旧金属纹理,完成其他图标。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
谢亚超2015-09-06 06:03
求大神带 <嘻嘻>
那根带血的香蕉2015-07-22 02:29
一裤子哦~ 进军UI设计, 顺便问一下 有木有UI设计高手 带我装逼带我飞啊~~~~~~~~~ 562872177 我QQ
娅娚2015-07-09 05:46
<给力> ,请问啊,那个绘制圆环时,怎么找齐圆心画啊,还有三角形的,是怎么标准画啊

关注大神微博加入>>

网友求助,请回答!