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

日期：2019-03-18 人气：82552

导读：第一步、以界面中的圆角矩形按钮来做案例，先画个500*100的圆角矩形，色值#52ca7a，得到一个圆角矩形，我命名为：学UI设计网【圆角】 (朋友们要记住想用弥散阴影，先别用直角，圆角做出来的效果更好看) 第二步、ctrl+j快捷键复制学UI设计网【圆角】得到学UI设计网【阴影】，这里和直接在图层样式中添加投影样式的区别就在这里了：必须要把

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

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

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

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

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