Sketch怎么制作长阴影效果?Sketch是一款素描绘画类的软件,那么这个软件要如何安装呢?不清楚的网友就看看小编准备的这篇教程吧!
长阴影效果是一种新的设计风格,首次出现在Google的设计当中。创造长阴影效果并不和增加其他在检查器面板中的效果一样容易,接下来我将告诉你如何在Sketch中创建长阴影效果。
当前没有自动化的方法在sketch中去创建长阴影,我们将使用动态模糊效果和然后遮盖阴影。
在这篇教程当中,让我们为Twitter的Logo来创建长阴影效果。下载 EPS 的Twitter Logo,然后用Sketch打开。
第一步,删掉Clip2对象清理Logo,然后将 Fill 1对象重命名为 Twitter Logo。如果将你的Logo从图层分组中分离,尽管我们会创建很多图层,但是不分组的图层还是更好操作。
第二步,让Logo变得稍微小一点,将大小重新改为宽度150px,同时创建一个宽度为600px,高度为500px的artboard。
第三步,创建一个新的矩形对象完全覆盖在artboard上,将矩形上填充 #73D7FD 颜色并将此图层改名为background。将图层移动到 Twitter Logo的图层下面,再将Logo居中(Arrange -> Align 先水平对齐,再垂直对齐)。

第四步,开始制作阴影,在Twitter Logo下面创建一个椭圆(oval)对象,然后用黑色(#000000),不需要使用border。改变圆形的大小,直到圆形的边缘与小鸟的嘴巴和尾部相贴合。并将此圆形的图层命名为Shadow。

第五步,为Shadow分配运动模糊效果(motion blur)。将数值修改为最大的50px,shadow的角度为45°,你会看到如下图所示

第六步,为了制作一个实际的阴影,我们需要制作一些辅导线来展示阴影是怎么从Twitter Logo投影到背景上的。使用快捷键 L 来绘制直线,按住shift键可以绘制 45°的直线。然后复制三条直线,然后将直线在放在如下图所示的位置,并将直线归为一组锁定。

第七步,创建一个普通的形状去遮住阴影,使用快捷键V绘制矢量图,然后从嘴巴的顶点开始画第一个点,按住shift键可以画45°的对角线。之前的辅助线会帮助你确定矢量图点的位置。下图是矢量图图形,然后将矢量图重命名为mask









