今天这篇好文聊的不是简单的弥散阴影,而是笔者在逛网站时发现的一个效果更为精致的阴影,而且这类效果在耐克LOGO、苹果官网都有所体现,能快速提升产品的格调,我总结了一个简单快速的方法,帮你3招做出来。

首先呢,阴影和投影,别混淆。我这里要说的是阴影。

仅需三招 快速提升产品格调感的阴影效果

图1属于阴影  图2属于投影

影院放电影 —— 投影 可以通俗的说成由某个点投过去的影子。站在阳光下——阴影 可以通俗的说成由某个点散发出的一片阴影。

好了,记下来今天的介入正题。

先来看一波案列:

耐克Logo:

仅需三招 快速提升产品格调感的阴影效果

金属充电器,注意它3个角阴影的感觉:

仅需三招 快速提升产品格调感的阴影效果

智能手表:

仅需三招 快速提升产品格调感的阴影效果

手机:

仅需三招 快速提升产品格调感的阴影效果

苹果手机的包装盒,注意2边的角:

仅需三招 快速提升产品格调感的阴影效果

再看有和无的区别:

案列1:

仅需三招 快速提升产品格调感的阴影效果

仅需三招 快速提升产品格调感的阴影效果

案列2:

仅需三招 快速提升产品格调感的阴影效果

仅需三招 快速提升产品格调感的阴影效果

案列3:

仅需三招 快速提升产品格调感的阴影效果

仅需三招 快速提升产品格调感的阴影效果

首先说明:

为什么会有这样一个教程呢,起初是这样的。一天逛国外网站的时候,无意间看到这样一张图:

仅需三招 快速提升产品格调感的阴影效果

耐克的logo,当然我不是被logo帅到,我是被这上面的阴影帅到。弥散阴影做比较容易实现。

我们主要是来看下细节:

仅需三招 快速提升产品格调感的阴影效果

右上角的点,这种阴影给人一种更舒服,像是又一层玻璃,让阴影变的更加立体感了。

所以希望我也能做出这种效果来,看第一眼我就知道,这肯定不是一个一个图层用画笔画出来的,我认为应该可以通过一些方法轻松实现,而且是可以灵活调整的。

于是我带着不解的疑问去找同事探讨,后面我们提出了一个关键的点。那么这个点我们后面会说道。

大家先看下分解图:

仅需三招 快速提升产品格调感的阴影效果

1、原型形状层

仅需三招 快速提升产品格调感的阴影效果

上一页12 下一页 阅读全文

华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com