Photoshop简单三步制作网页按钮阴影效果

先看看效果

Photoshop简单三步制作网页按钮阴影效果

Photoshop简单三步制作网页按钮阴影效果

第一步、以界面中的圆角矩形按钮来做案例,先画个500*100的圆角矩形,色值#52ca7a,得到一个圆角矩形,我命名为:学UI设计网【圆角】

(朋友们要记住想用弥散阴影,先别用直角,圆角做出来的效果更好看)

Photoshop简单三步制作网页按钮阴影效果

第二步、ctrl+j快捷键复制学UI设计网【圆角】得到学UI设计网【阴影】,这里和直接在图层样式中添加投影样式的区别就在这里了:必须要把学UI设计网【阴影】等比例缩小一些!然后透明度设40%左右,并向下移动15px左右(这些数值仅供参考,具体自己把握,方法是死的,人是活的,另外记得把学UI设计网【阴影】图层移到学UI设计网【圆角】下方)

Photoshop简单三步制作网页按钮阴影效果

第三步、点开PS工具栏中的窗口-属性-蒙板,设置羽化为10左右,就这样一个最最简单的弥散阴影就做出来啦!!

Photoshop简单三步制作网页按钮阴影效果

是不是很简单,我们可以发挥创意,运用弥散阴影技巧设计出更多有意思的小部件,并且完美运用。

进入ps工具网:https://www.xunluyun.com/thread-812663-1-1.html

1、本站所有言论和图片纯属会员个人意见,与本论坛立场无关
2、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和PS工具网的同意
3、请支持我们PS工具网XUNLUYUN.COM
4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
5、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
6、photoshop工具官网管理员和版主有权不事先通知发贴者而删除本文

photoshop官网 ps教程 Photoshop简单三步制作网页按钮阴影效果 https://www.xunluyun.com/19619.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务