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

时间:2017-6-7 11:52:01   作者:互联网   来源:www.luluzy.com   阅读:28   评论:0
内容摘要:先看看效果图第一步、以界面中的圆角矩形按钮来做案例,先画个500*100的圆角矩形,色值#52ca7a,得到一个圆角矩形,我命名为:学UI设计网【圆角】(朋友们要记住想用弥散阴影,先别用直角,圆角做出来的效果更好看)第二步、ctrl+j快捷键复制学UI设计网【圆角】得到学UI设计网【阴影】,这里和直接在图层样式中添加投...

先看看效果图

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

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

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

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

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

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

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

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

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

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

 


标签:简单 制作 网页 按钮 阴影 

免责申明:

站内素材文件均整理自互联网,仅供个人学习参考使用,请勿用于商业用途,如您喜欢请购买正版

站内资源除部分为本站原创外皆由网上搜集和整理,若无意中侵犯到您的权利,敬请告之(QQ:2390986128)敬请告之,我们将在48小时内删除。知识产权声明】【★下载说明★】

上一篇:没有了
下一篇:Photoshop巧用图层样式制作旋转按钮教程

图库精选

全站地图