最近更新
澳门真人赌场:扣丁学堂UI培训之设计一枚炫酷钟表图标

原题目:扣丁学堂UI培训之设计一枚炫酷钟表图标

本篇教程通过PS制作一款炫酷的机械图标,图标教程我们做了许多良多,用到的仍旧是咱们的图层样式,万变不离其宗,作风各有各的样式,然而效果浮现的不一样,同窗一起来学习一下吧。

效果图:

操作步骤:

Step 01

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

Step 02

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

Step 03

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

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

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

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

Step 04

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

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

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

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

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

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

Step 05

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

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

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

Step 06

复制图层di重命名为neidi,点击【编纂】?【自在变换门路】(快捷键Ctrl+T),缩小90%(记得点击【坚持长宽比】),右键肃清图层款式,取舍【混合选项】设置:

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

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

Step 07

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

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

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

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

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

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°;

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

Step 09

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

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

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

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

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

这一步可自由施展,自己感到金属图片哪块能够作为纹理即用就可,参数也可本人调试叠加,以实际后果为主,完成图标绘制;

在对所需设计进行优化时会用到,熟习了当前就可以依照自己须要创作爱好的图标。

打印本文 收藏本 关闭
相关文章