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
第八步,将Mask图层放在Shadow下面。右击Mask图层,选择 Use as Mask。这样的画会把Logo和Shadow全部都遮住,现在我们选中Logo 图层,同样是右击,选择Ingore underlying Mask。
第九步,隐藏辅助线,或者删除。现在基本算是完工了,但是阴影感觉太强烈了,可以减少Shadow图层的透明度来让阴影更加柔和,30%的透明度比较合适。
以上就是今天跟大家分享的“Sketch怎么制作长阴影效果?Sketch长阴影效果教学”的全部内容,关注未来软件园,更多精彩内容等着你哦!