当前位置:
  1. 魔豆IT网
  2. 系统教程
  3. sketch
  4. 正文

sketch mac版怎么制作长阴影效果图 sketch mac版制作长阴影效果图步骤

sketch mac版怎么制作长阴影效果图?sketch mac版制作长阴影效果图步骤。sketch mac版是一款画图软件,最近有使用Mac版sketch的伙伴在询问怎么制作长阴影效果图?想知道的伙伴,跟着小编一起来看看sketch mac版制作长阴影效果图步骤。

sketch mac版制作长阴影效果图步骤:

在这篇教程当中,让我们为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 先水平对齐,再垂直对齐)。

sketch mac版怎么制作长阴影效果图 sketch mac版制作长阴影效果图步骤

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

sketch mac版怎么制作长阴影效果图 sketch mac版制作长阴影效果图步骤

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

sketch mac版怎么制作长阴影效果图 sketch mac版制作长阴影效果图步骤

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

sketch mac版怎么制作长阴影效果图 sketch mac版制作长阴影效果图步骤

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

sketch mac版怎么制作长阴影效果图 sketch mac版制作长阴影效果图步骤

第八步,将Mask图层放在Shadow下面。右击Mask图层,选择 Use as Mask。这样的画会把Logo和Shadow全部都遮住,现在我们选中Logo 图层,同样是右击,选择Ingore underlying Mask。

sketch mac版怎么制作长阴影效果图 sketch mac版制作长阴影效果图步骤

第九步,隐藏辅助线,或者删除。现在基本算是完工了,但是阴影感觉太强烈了,可以减少Shadow图层的透明度来让阴影更加柔和,30%的透明度比较合适。

sketch mac版怎么制作长阴影效果图 sketch mac版制作长阴影效果图步骤

相关阅读

《sketch mac版怎么制作长阴影效果图 sketch mac版制作长阴影效果图步骤》由网友“暮春寒”推荐。

转载请注明:http://www.modouwifi.com/jiaocheng/05201523F2021.html