百木园-与人分享,
就是让自己快乐。

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

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教程!电商必备的立体促销按钮!

结语

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

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


来源:https://uiiiuiii.com/photoshop/1212313550.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » PS教程!电商必备的立体促销按钮!

相关推荐

  • 暂无文章