PS教程!电商必备的立体促销按钮!

时间:2020-10-20
类别:PS教程
水平:普通
观众:1.3w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

PS教程!电商必备的立体促销按钮!

教程作者:鱼丸吼 (优设木鼠UI全能班助教

交作业:#优设每日作业#

关于教程

教你画一个细节丰富的立体按钮~

教程步骤

Step 01

利用矩形工具和布尔运算,绘制出按钮的基本形状

PS教程!电商必备的立体促销按钮!

Step 02

利用图层样式,给按钮添加渐变效果

PS教程!电商必备的立体促销按钮!

Step 03

制作底框的破旧金属质感,贴图+光影+高光+环境光

PS教程!电商必备的立体促销按钮!

Step 04

为按钮顶面添加光感和质感,边缘高光+按钮顶面高光

PS教程!电商必备的立体促销按钮!

Step 05

增强按钮侧边的光感和发光效果以及环境光

PS教程!电商必备的立体促销按钮!

Step 06

利用样式的内阴影和投影,制作有质感的字体

PS教程!电商必备的立体促销按钮!

Step 07

用柔性笔刷制作光效,图层模式选择滤色进行调整

PS教程!电商必备的立体促销按钮!

Step 08

最后添加一些质感细节及环境光

PS教程!电商必备的立体促销按钮!

最终效果

PS教程!电商必备的立体促销按钮!

结语

方法千万条,实践第一条,你学会了吗?

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众

学完这篇教程的人还在学…

22 收藏 69

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片