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

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

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

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

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

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

先来看一波案列：

耐克Logo：

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

智能手表：

手机：

苹果手机的包装盒，注意2边的角：

再看有和无的区别：

案列1：

案列2：

案列3：

首先说明：

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

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

我们主要是来看下细节：

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

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

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

大家先看下分解图：

1、原型形状层