Sketch设计立体质感的IOS软件图标(5)

这是我们现在做的阴影。

10 细节

做完之后我们需要添加两个小东西来当做ON/OFF

在旋钮组创建一个圆角矩形(U或者Insert>Shape>Rounded如图58)，大小8 x 2半径为3或者更多。把它放在你的其他旋钮层并且命名为“pointer thingy”，我无法找到更好的命名。将其水平对齐并且处于底座的右侧。

除去圆角矩形的边框设置不透明度40%，色值为CA2DEA。

给它一点深度，添加阴影添加阴影：色值# FFFFFF，透明度 46%，x：0，Y 1，模糊：0和一个内阴影：色值# 000000，透明度 40%，x：0，Y 1，模糊：0。

设置内阴影图层的混合模式为“叠加”，您得到(图60)的结果。

在图层“color base” 上用椭圆工具(O)创建一个8 x 8的圆。置于旋钮的左侧(离旋钮10px)，重命名为“OFF”(图61)，去掉边框，颜色值为#FFFFFF，混合模式改叠加(图62)。

为了让它看起来更像一个“OFF”的按钮，让我们在它中间创建另外一个圆，这一次是6 x 6大小，去掉边框可以看到这个新建的圆能很好的契合在“OFF”按钮上(如图63)。

选中你的“OFF”图层和刚刚的圆图(64)，执行命令“substract”你会得到这样一个环形(图65)。

创建“ON”，复制你的“OFF”层。重命名和移动旋钮的另一边，同样的距离(图66)。

点击层的左边三角形展开向量组，选择“Oval11”(图67)删除它得到(图68)。

你现在做到这一步!

11 输出

这个教程最后一步就是切图输出了。我认为输出是Sketch 3.0的一个极好的优点。

我想你们会想要导出1x(当前大小)和2x

选择你画板上的“colorful switch”在右侧检查器的底部你会看到一个“Make Exportable”的按钮，单击你会得到(图69)。

1x表示基线，即你当前的设计尺寸，单击右侧的“+”会添加一个新的输出窗口，选择2x他会在输出的时候自动放大2倍，当然你也可以更改后缀名(如图70)。

当你点击“Export colorful switch”，它会产生1X，自动扩展你的画板上@2x的输出选项和它所选择的格式。瞧!