今天的好文章不是一个简单的漫影，而是作者在访问网站时发现的一个效果更为精致的影子。而且这种效果体现在耐克LOGO和苹果官网上，可以快速提升产品的风格。我总结了一个简单快捷的方法来帮助你制作3个技巧。

欢迎关注作者微信官方账号:三块设计骨头

首先不要把阴影和投影混为一谈。这里我想说的是影子。

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

电影院的电影——放映可以说是从某一点投下的阴影。
站在太阳下——阴影可以通俗地说是从某一点发出的阴影。

好了，写下今天的干预话题。

我们先来看一波案例:

耐克标志:

金属充电器，注意它三个角有阴影的感觉:

智能手表:

手机:

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

看看有和没有的区别:

案例1:

方框2:

案例3:

首先:

为什么会有这样的教程？一开始是这样的。有一天访问国外网站时，偶然看到这样一张图片:

耐克的logo，当然我不是靠logo帅，我是靠上面的影子帅。漫射阴影更容易实现。

我们主要看细节:

右上角这个影子给人的感觉更舒服，像是又多了一层玻璃，让影子更有立体感。

所以，希望能做出这样的效果。我一看就知道这肯定不是一层一层的。我觉得用一些方法很容易实现，可以灵活调整。

于是我带着疑惑的问题去和同事讨论，然后我们提出了一个重点。那这一点我们以后再说。

我们先来看分解图:

1.原型形状层

2、第一层阴影

3、第二层阴影

是不是很简单，只有三步。只需将参数、角度和颜色调整到合适的范围。

当然，做阴影不一定要做出这个效果。只是想和大家分享一下，一起玩玩。分享一下。

制作教程:以耐克Logo为例

一、原型形状

您想做的这个对象的原型，例如:

填充颜色:

填充颜色。建议你使用形状羽化来达到渐变的效果，这样以后可以调整颜色，位置，大小，羽化程度。

例如:

第二，使用图层样式-渐变叠加

复制原型形状并相对于原型放大，以处理其效果。(可以使用ai中的路径偏移)

关键是样式一定要选作角度。

然后渐变设置:

红色的可以是一个或两个，但必须是两个。中间的是亮灰色，根据你要搭配的颜色来调整。

小节点也可以调整位置来改变效果。

设置参数后的效果如下:

另外:当图层样式的当前状态逐渐叠加时，用鼠标拖动可以改变右边黄色中心点的位置。

然后黄色部分可以按照上面的方法制作，最后不需要的地方可以分别用掩膜覆盖。(可以提供源文件，最后会有下载地址)

这一步的效果图:

第三，添加一个漫射阴影层

1.复制原型形状，在原有羽化的基础上增加羽化度

2.调整漫反射阴影的颜色需要和原型合并的地方合并，需要区分。这是由颜色控制的。另外可以加一个漫反射的阴影层，增加出射度，效果过度会更舒服。没有绝对的一步到位，所以要看情况。

效果如下:

四:分组，分组是个好习惯

最终渲染如下:

详情:

谢谢大家看到这里，希望有用。

源文件下载:https://pan.baidu.com/s/1i4NCbzR

以下是我不断尝试的一些效果:

欢迎关注《三根设计骨》公众号