专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

ps阴影,ps阴影效果教程

来源:小易整编  作者:小易  发布时间:2022-10-17 08:44
摘要:ps阴影,ps阴影效果教程,什么是弥散阴影?具体的英文名称尚未决定,但这种技术一般被称为弥散阴影(英: Diffuse Shadow),与普通的阴影技术相比,他能表现出更有深度的感觉。虽然说是从平面设计中衍生出来的一种技术,但也反映出了现在...

ps阴影,ps阴影效果教程,什么是弥散阴影?

具体的英文名称尚未决定,但这种技术一般被称为弥散阴影(英: Diffuse Shadow),与普通的阴影技术相比,他能表现出更有深度的感觉。虽然说是从平面设计中衍生出来的一种技术,但也反映出了现在的设计潮流。

ps阴影,ps阴影效果教程

ps阴影,ps阴影效果教程

ps阴影,ps阴影效果教程

看完后注意到了共同点没有?没错,上面这些UI图都有个共同点就是点缀了整个界面的精致阴影,灰色中带上环境色,透明又不显得很有沉重感,是不是很喜欢呢?

有的朋友会想直接用投影样式不是更简单么?那么碰到下图这样的您就要懵逼了(⊙0⊙)

ps阴影,ps阴影效果教程

ps阴影,ps阴影效果教程

这就是本教程要分享给大家的最近大热的设计技巧:“弥散阴影”。相信大家早就见到过类似这些案例了,但你们真的尝试使用过吗?一个本来60分的古板扁平UI界面,加上这种阴影效果就能作品秒变大神啦~

现在开始三步教程,首先拿鄙人最近的一个羞羞案例来做示范(因为是示例,我把阴影加得有些重):

第一步、这里以界面中的圆角矩形按钮来做示范,先画个230*60的圆角矩形,色值#ff4683,得到一个圆角矩形A

(新手朋友们要记住想用弥散阴影的话,先别用直角,稍微几像素的圆角或直接圆角矩形做出来的效果更好看)

ps阴影,ps阴影效果教程

第二步、ctrl+j快捷键复制圆角矩形A得到圆角矩形B,这里注意!和直接添加投影样式的区别就在这里了:一定要把B等比例缩小一些!然后透明度设40%,并向下移动15px(数值仅供参考,具体自己把握,另外记得把B图层移到A图层下方)

ps阴影,ps阴影效果教程

第三步、点开PS工具栏中的窗口-属性-蒙板,设置羽化为10,哒啦~一个最最简单的弥散阴影就做出来啦!!!(喜欢的朋友也可以加个1像素的白色投影之类的样式,丰富细节,)

ps阴影,ps阴影效果教程

依次类推,我们可以发挥创意,运用弥散阴影技巧设计出更多有意思的小部件,并且完美运用~~

ps阴影,ps阴影效果教程

ps阴影,ps阴影效果教程

ps阴影,ps阴影效果教程

ps阴影,ps阴影效果教程

本文只是希望带大家入个门,其中的技巧还有很多的:比如阴影不要乱用,一个界面1到2个点到为止即可,否则会显得界面很脏。阴影的背景尽量选择白色的会显得很通透。喜欢上这种弥散阴影的风格后,相信聪明的你还能设计衍变出更多风格的弥散阴影,看完文章自己动手试一试才能领悟到其中的奥妙哦!


本文地址:问答解惑频道 https://www.hkm168.com/live/699316.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


问答解惑
小编:小易整编
相关文章相关阅读
  • ips(ip是什么)

    ips(ip是什么)

    哈秀时尚2023-05-03影视3本篇文章给大家谈谈ips,以及ip是什么对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。IPS屏幕优缺点是什么?IPS屏幕是基于TFT的一种技术,其实质是TFT屏幕。那么IPS屏...

  • topsis的简单介绍

    topsis的简单介绍

    毓秀1062023-05-03经验7今天给各位分享topsis的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!数学建模评价类——Topsis模型数学建模中有一类非常常见的问题:选...

  • 双人成行多少钱(双人成行ps5多少钱)

    双人成行多少钱(双人成行ps5多少钱)

    夏洛的人生2023-05-02游戏3今天给各位分享双人成行多少钱的知识,其中也会对双人成行ps5多少钱进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!双人成行买38还是198双人成行steam购买...

  • ps怎么把图片中的文字去掉

    ps怎么把图片中的文字去掉

    PS是我们经常使用的图片工具,大家都知道PS这个东西,但是很少人会用,今天我们就来说说ps如何去掉图片中的文字。点击文件,找到里面的打开,打开自己需要编辑的图片。也可使用快捷键:Ctrl+O。ape是什么格式ape是什么格式文件?很多朋友在...

  • ps怎么抠公章,使用ps快速抠章教程

    ps怎么抠公章,使用ps快速抠章教程

    在上面的操作栏中点击选择色彩范围,用吸管单击红色公章部分,如果第一次选取红色不够,再次单击右边的+吸管,再增加红色范围,边吸取边看中间的预览,直到合适为止。单击图层1,新建一个图层,得到图层3,填充白色。放在图层1和2中间。现在公...

  • ps色卡(ps色卡对照表)

    ps色卡(ps色卡对照表)

    ps怎么制作色卡2.打开ps的预设管理器,把现在的色板清空。首先类型选择色板,按住Shift键,选中所有,删除,点击完成,得到空的色板3.开始制作色板了。利用吸管工具首先来将前景色为第一个颜色,然后点击色板,提示...

  • 无格式文本粘贴快捷键(wps无格式文本粘贴快捷键)

    无格式文本粘贴快捷键(wps无格式文本粘贴快捷键)

    Word里面选择性粘贴无格式文本快捷键是多少?Word里面"选择性粘贴""无格式文本"快捷键是多少?经常用到的无格式文本粘。Word里面选择性粘贴无格式文本是没有快捷键的。只能手动进行点击。Word里......

  • ps黑白(ps黑白怎么变回彩色)

    ps黑白(ps黑白怎么变回彩色)

    ps怎么把图片变成黑白方法一:利用“黑白”设置。1、打开PS软件,点击文件打开一种彩色图片。2、点击菜单栏里的“图像”在下拉菜单中点击“调整”,再点击“黑白”。3、点击确定。4、彩色照片就变成黑白照片了。方法...

  • 周排行
  • 月排行
  • 年排行

精彩推荐