简单三步制作出这种精美弥散阴影效果

不定期更新一些小教程分享,希望能帮到你们。今天我就带着大家做一下弥散阴影设计技巧,即装逼,又实用,还能一秒提升作品质量,首先我们欣赏几个弥散阴影设计效果。

请点击此处输入图片描述

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

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

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

请点击此处输入图片描述

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

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

在这里一定要提醒大家,阴影不要乱用,用多了反而失去整体的协调性,后续我会出一些关于排版的一些技巧,敬请期待吧。

本文章来源【学UI设计网】http://www.xueuisheji.com/?p=4767

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,647评论 25 709
  • 今天参加读写训练营的读书分享会,其实我参与的时候已经迟了,好多小伙伴已经分享过了。我本可以用语音分享,但是因为孩子...
    透明的橙阅读 1,153评论 0 0
  • 不曾想,短短的25年,遇到了那么多人,看到了那么多风景,听到了那么多故事,每一次成长背后都有被忽略的人。 可在成长...
    楚辞尚在阅读 3,449评论 0 6
  • 1.加入社群后,让后大开眼界,原来世界上有那么多比我优秀还比我努力的人,我必须要让自己努力,不断进步,变得更加优秀...
    佩奇_阅读 1,382评论 0 0
  • 感谢自己当初的选择,选择通过AIESEC去了越南的宣光市作英语教师志愿者。 第一晚上课的班是初中生,幸好自己和初中...
    3abd23a5bf04阅读 2,350评论 0 0

友情链接更多精彩内容