您的位置：制图网首页 -> 新闻动态 -> PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

热门排行

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

2023/1/30 来自于：制图网 点击：174

效果图在这里

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

好像有点卡啊

2015cc界面这样的

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

第一步新建图层

大小随意啦 我用的是500x500

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

并设置前景色为#ffffff 背景色为#cccccc

第二步丶拉两条参考线

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

第三步丶新建一个图层

用形状工具的矩形选框工具

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

设置如下

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

回复(1)

第四步丶选到空白图层，鼠标点击参考线交点并且按住alt键拉出一个圆角矩形

效果如下

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

（我隐藏了背景图层）

第五步丶将刚才画好的圆角矩形载入选区并且拉一个渐变

渐变设置如下（13个色块分别为前景色和背景色）

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

然后选择角度渐变拉出如下效果

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

第六步丶双击图层缩略图

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

打开图层样式

找到描边选项设置如下

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

渐变设置的两个色块的颜色是#666666和#cccccc 图中少打了一个c

描边效果如下

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

第七步丶新建一个空白图层并启用椭圆选框工具

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

选择减选区操作

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

用鼠标左键按着参考线交点（别松手）然后按下alt+shift键然后拖动鼠标画出一个选区

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

再按着上诉操作再画一次选区，这样就得到一个圆环状的选区

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

第八步丶对圆环选区填充背景色并双击图层缩略图打开图层样式

选择内阴影 设置如下

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

继续选择投影 设置如下

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

然后ctrl+D取消选区 看看效果图

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

第九步丶ctlr+J复制一层

执行滤镜》杂色》添加杂色 设置如下

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

执行滤镜》模糊》径向模糊 设置如下

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

然后将图片的混合模式改为正片叠底，并调整透明度（自己感觉吧 我调的是60%）

第十步丶创建一个新图层选一个粗粗的英文字体开始打字 PS

（字体颜色选背景色，字体大小90~130之间选）

双击图层缩略图打开图层样式

勾选内阴影和投影（因为前面已经设置过了，所以不用再次设置）

然后去除参考线 效果就出来啦

PS鼠绘—超级详细的金属UI设计教程【金属UI设计教程】

1、需要本套教程素材和各种牛B插件的同学可以咨询客服微信 2808734777

2、免费提供Ae Pr Ed Ps Ai Fl Dw Cad Cdr Id 会声会影 word ppt excel 3Dmax Maya 500G教学视频和软件，加微信 2808734777获取

3、想系统学习影视后期设计制作各种软件技巧的同学请加微信 2808734777

4、关注微信公众号 yshqsjzz（长按复制） 获取所有的软件和更多的学习资讯

制图网(www.makepic.net)，专业的logo免费设计在线生成网站，全自动智能化logo设计，商标设计，logo在线生成！

欢迎使用制图网制作属于您公司自己的logo，不仅专业而且经济实惠，全方位满足您公司品牌化、视觉化的需求。

输入激活码：

只需简单一步,使用微信扫码(或长按识别二维码)并在任一小程序首页根据提示获取激活码！ chatGPT中文网页版，无需注册，快来体验全网最火爆的人工智能应用!
刻字印章刻章子定刻光敏盖章印订制(淘宝商家)

输入激活码：

只需简单一步,使用微信扫码(或长按识别二维码)并在任一小程序首页根据提示获取激活码！ chatGPT中文网页版，无需注册，快来体验全网最火爆的人工智能应用!
刻字印章刻章子定刻光敏盖章印订制(淘宝商家)
请使用手机淘宝进行扫码