教你利用sketch创建彩色时尚的APP图标(4)

最后设置图层的混合模式为Overlay，进而得到漂亮的深蓝色阴影(如图56)。

为旋钮阴影添加方向效果。

选择旋钮的base图层(“Knob base>Oval 2”)。添加三个阴影效果，如下：

·#000000 60% alpha(透明度-译者注) X:0, Y:1, Blur:2, spread 0. 设置混合模式为“Overlay”。

·#000000 14% alpha X:0, Y:3, Blur:4, spread 0。

·#000000 50% alpha X:0, Y:2, Blur:4, spread 0。

完成后如图57。

现在我们完成了阴影部分。

10.完成细节

添加开关。

在Knob base群组中创建圆角矩形：点击“U” 键或点击“Insert>Shape>Rounded” (如图58)，尺寸8*2(宽*高)、圆角半径为3或更多。

将它移到其他旋钮图层的顶部，重命名为“pointer thingy”，我尚未找到更合适的名字。

水平居中，距旋钮底部右侧8px(如图59)。

取消边框，设置单色为#CA2DEA、透明度为40%。

为其添加深度。添加阴影：#FFFFFF 46% alpha X:0, Y:1, Blur:0。然后添加内阴影：#000000 40% alpha X:0, Y:1, Blur:0。

设置内阴影混合模式为“overlay”。完成后如图60。

在“color base” ，应用椭圆工具(点击“o”键)创建8X8的圆。将其移至距旋钮左侧10px处并水平居中。重命名为“OFF”(如图61)。取消边框，为其填充颜色为#ffffff 、设置混合模式为overlay(如图62)。

为了使其更像关闭的开关，在“OFF”图层的顶部创建另一个圆型图层。这次设置其尺寸为6X6。取消边框并与“OFF” 圆居中对齐(如图63)，完成后看起来漂亮许多。

同时选择“oval 11”和“OFF”图层。在工具栏应用“substract”(差集-译者注)合并他们(如图64)。 完成后如图65。

创建“ON” 圆，复制“OFF”图层。重命名它，将其移到旋钮的另一侧，距离相同(如图66)。

点击图层左侧的三角形来展开矢量图群组，选择“oval 11″ (如图67)并删除它(如图68)。

大功告成!

11.导出

教程的最后我们将展示将画板一次输出多个DPI。这是一个绝妙的特点。

在本列中我们将输出一倍(当前设计的尺寸)和两倍的文件。

选择画板“colorful switch”。

在右侧边栏的底部，你会看到“Make Exportable”按钮。点击它，你将得到图69。

1x表示基线，例如你设计的原始尺寸。在“Export”的右侧点击 “+”，添加新的输出倍数。系统自动添加@2x(2倍-译者注)。你也可以改变后缀和格式(如图70)。

当你点击“Export colorful switch”将生成1倍和2倍的相应格式的文件。

当你看到这里，你已经具备了成功的潜质(能看译者啰嗦到这里的都是意志十分强大的童鞋，这段非原文，乃译者自己的感慨!)。希望此教程能给各位带来些许帮助。