苹果产品的那些高级阴影效果被破解了！！为了写这篇文章，我翻了N张花瓣上的图片，收集了各种阴影效果，基本概括了你能看到的所有阴影效果！好了，废话不多说，跟着老司机走！我们都知道光影的基本结构。光影相伴，只有有光才会有影 因此，研究如何做投影，首先要了解光影结构 学过素描基础的同学一定很熟悉下面这张图:这张图可以让我们清楚地知道阴影的哪些部分是在单一光源下构成的 除了基本的光影结构，还需要理解两个概念:硬光:指强烈的直射光，一般在硬光的照射下产生清晰的投影效果 柔光:指漫射光，柔和，方向不确定，所以柔光产生的阴影很弱 以上图为例说明:硬光在摄影中的应用:硬光使画面具有强烈的对比度，更具立体感和力度 柔光在摄影中的应用:柔光使画面相对平和，对比度不足，但层次细节丰富 之所以突出这两个概念，是因为在制作阴影的过程中，硬光和软光产生的阴影效果是完全不同的，我们将在下面的实际案例中反复提到硬光和软光的概念 好了，在了解了基本的光影结构之后，我们来看看阴影在设计中起到了什么作用 影子1的作用。阴影给这幅画一种真实感 比如球没有阴影效果，就不能确定是什么状态。 我们的眼睛看东西是为了追求确定性。如果没有投影，会显得很奇怪，很不真实 添加阴影后，我们可以确定它是站立的还是漂浮的 有一定状态的东西会看起来更真实自然 第二，阴影赋予画面景深 简单来说，阴影可以营造出前后空的感觉 有没有一种用手机拍照变成单反的感觉？第三，阴影可以增强画面的质感 其实所有的视觉纹理都是光影过渡的效果 有时候一个很简单的画面，加上特殊的光影效果，瞬间就变得很高级。这种不清晰的高层感觉，其实就是光影带来的质感 阴影的类型在我们的设计中，最常用的阴影一般有四种类型:第一，接触阴影 物体和地面之间的清晰接触点形成的阴影是我们看到的最常见的阴影形式 具体方法也比较简单。如果是自然的，还是有一些细节需要注意 下面，我就用一个GIF来详细演示一下这个影子的制作过程:所谓的魔鬼看的是一个简单的投影，需要经过大量的思考才能让它变得逼真。 二、浮影浮影接触面不清晰，或者没有接触面，整体光线比较柔和 浮影的做法是两层，暗一层比较小，再加一层漫射光影 分解层大家就明白了 稍微改变一下阴影效果，整个状态就完全不一样了 所以在实际工作中，你做阴影的时候，需要多想想你的图片适合什么样的投影。 第三，长阴影有比较明显的轮廓，是硬光照射形成的 我使用运动模糊滤镜来制作这个阴影 用GIF给大家展示制作过程 第四，反射反射是物体在镜子上反射的效果 反思我建议你不要做得太强烈，这样很容易显得有点假 此外，反射也与阴影有一点微弱的接触 分解图:上面说的这些阴影都是比较基础的类型，在实践中比较常规。我相信大家一般都做过类似的效果 接下来是重头戏，苹果要上场了 说到阴影，最精致的阴影效果是苹果 让我们看看他们是如何制造阴影的！苹果官网的阴影我们都知道，苹果官网的设计一直很简单，几乎看不到任何装饰元素 但是对于阴影效果，他们一直情有独钟 苹果的设计师都是处女座，对细节的追求简直变态 给你看一个影子的例子 大家仔细观察这三款手表的底部阴影。因为表带的形状略有不同，所以这三款手表的阴影也不同。没有像素的眼睛几乎没有区别 好了，回到正题，我们来看看苹果官网都用过哪些阴影效果 第一，MacbookMacbook这个长影子很简单，但是很有趣 这种阴影经常应用在长产品上，比如站在前面的录音机 也有很多方法可以做到。这里有一个我经常使用的方法。制作过程见下图GIF动画:制作过程比较简单，主要是教你一种制作阴影的方法。 稍后将再次使用此方法 好，下一个 二、iPhoneiphone se这款手机用的是长影。正如我们前面介绍的，这种阴影是由强光照射形成的，其特点是轮廓清晰 通过观察可以看出，这个阴影最大的特点是向左下扩散，这是以前的运动模糊做不到的，所以我将介绍一种新的方法来制作这样的阴影 好了，我们来看看具体的步骤 第一步是让手机的阴影叠加 复制一层，在高斯模糊后用蒙版插入明暗过渡 第二步是做一个长投影 这是关键的一步，先画出阴影形状 接下来，我想向你介绍一个大杀手，使阴影移动轴模糊 菜单位置:滤镜>:模糊图库>:移动轴模糊我用一个GIF来展示这个滤镜的厉害之处 这个滤镜非常擅长控制阴影的扩散程度和方向 使用移动轴模糊将阴影调整到所需的效果，然后单击确定以获得完整的阴影效果 折叠手机下的阴影，调整透明度 好了，完了！平移轴模糊该滤镜随系统提供，无需单独下载。使用方便，容易爆炸。我们在后面的案例中会用到很多，所以一定要多研究 好吧，下一个。 第三，iPad的投影效果在苹果官网上应用广泛，iPhone和iPad页面上都有应用 例如，以下页面具有相同的效果 仔细看这个阴影的特点，主要在右上角和左下角，有两个圆角向下扩散的阴影 用我前面提到的移动轴模糊可以很容易做到！好的，做吧 第一步是做一个向右倾斜的形状，逐渐淡化下半部分 第二步是调用“移动轴模糊”滤镜，调整合适的角度，模糊右边的部分 这样阴影的形状就完成了 第三步，用同样的方法在左下角再做一个影子，把影子放在ipad下面 最后复制ipad一层，用高斯模糊 再次调整两个角的阴影透明度，就可以了 同样的方式做iPecil的阴影，看最后的效果图:第四，Apple watch Apple Watch的阴影和之前的iPad差不多，制作方法也一样，只是细节略有不同 分解制作流程:最后看大图效果:苹果官网的影子在这里，就问你，这些招数厉害吗？请注意阴影教程还没结束 由于文章篇幅所限，我将本教程分为两部分。周三晚上，下一部分就发出来了。请期待 下一篇教程会有哪些精彩的案例？让我们先睹为快！