【前言】

对于初学矢量绘图的朋友， 前边两篇关于Sketch的学习文章，能基本保证你能使用该软件绘制一些图形。下面这篇，结合该软件的帮助，继续研究Sketch的其他功能。

【研究】

第一部分：插入图像

Sketch 不是一个特别强大的位图编辑器，所以图片编辑功能比较有限。

1、选择INSERT-IMAGE按钮命令。

2、选择一个文件，可以通过控制点，控制图像大小

3、简单编辑图像。

选中一个图片，双击它进入编辑模式，你会看见右侧的检查器里，出现了几个特殊的工具，但是你需要先在画布上设立一个选区，然后再选择编辑工具。

选区：在图片上选择一个矩形区域

魔棒：单击画布上任一点开始拖拽以选择一个区域，拖拽的范围越大，容差就会越大。

值得注意的是，你可以按住 shift 来同时添加多个选区，或者按住 option 键从已有选区中取差集。一旦确立好选区，你可以剪切/复制选区来创建一个新的位图，或者用以下四种工具再来编辑。

反向：当前未被选中的区域会被选中，反之亦然。

剪裁：剪去选区之外的区域。

填色：为选区填充特定颜色。会出现拾色器供你选择颜色。

矢量化：将选区转变为的图形图层，与魔棒工具结合能发挥强大功能。

4、选择图片，看一看右侧的属性。

5、选择BORDERS边、SHADOWS阴影、INNER SHADOWS 内阴影、COLOR ADJUST颜色调整做出下面效果。

第二部分 蒙版

Sketch里的蒙版可以让你有选择性的显示出图层的一部分。所有的图形都可以变成蒙版，你只需要先选中图形，然后进入图层 > 使用图形蒙版(Layer > Use as Mask), 所有在这个蒙版上面的图形都会被剪切成蒙版的内容显示出来。

1、绘制两个图形，把圆图形放在底层（蒙版的位置）。

2、如果不使用菜单命令，直接点击MASK按钮命令也可以。该命令使圆形对象为蒙版，遮盖上面的图形。

3、完成蒙版遮挡。

4、当然选择被遮挡的物体，还可以移动，调整位置，很灵活是吧？

蒙版可以分为图形蒙版和阿尔法蒙版。

A、图形蒙版

B、阿尔法蒙版

默认情况下，一个蒙版会显示出所在区域的图片，隐藏其他的地方。另一种使用蒙版的方式是通过 ALPHA 蒙版建立渐变区域，来具体选择图片的各部分是否可见。使用这个方法你可以先选中蒙版，选择 图层 (Layer) > 蒙版模式 (Mask Mode) > ALPHA 蒙版 (ALPHA Mask) 来实现。

1、建立一个圆形对象，填充为渐变。

2、把圆形对象放到图片背后，点击MASK，这是图形蒙版。

3、选择菜单--MASK MODE（蒙版模式）-ALPHA MASK 阿尔法蒙版。

4、不仅控制图片哪个部位显示，同时还控制不同位置的透明度。

第三部分 文本

Sketch 使用操作系统原生的字体渲染，因此文本看起来都会很棒。使用原生字体渲染的好处就是当你进行网页设计时，你可以肯定作品中的文本都是精准的。Sketch 同时支持文本样式，所以你可以让多个文本图层使用共同的字体，大小，和字间距等等。

1、快捷键为T 。

2、设置文本属性

3、简单样式设置演示

两种文本特殊处理方法：

A、路径文本

1、注意路径一定放在文本下面。

2、同时选择文字和路径，然后选择菜单中 TYPE ---TEXT ON PATH 命令。

3、把文字往路径上拖动。文字就适配路径。

4、点击路径显示控制，关闭路径显示。

B、文本转化为轮廓（图形对象）。

为什么要转？

文本虽然能改变颜色，但是不能填充和做渐变等变化，或者你想改变文字造型，就用之。

1、按T 输入“测试”文本，填充颜色。

2、选择菜单LAYER--CONVERT TO OUTLINES命令。

3、文本已经转换为图形对象了。

4、可以填充渐变，增加样式变化。

5、可以填充纹理。

6、当然你可以按照你的创意随意编辑图形。

【后记】

1、就写这么多吧，互联网时代，人们阅读养成了跳跃习惯，思想不能集中。所以文字最好不要超百，简简单单最好，内容多就多分写几篇。下一篇计划做一个按钮图标的实例。

2、Sketch这个软件对比其他矢量软件来说，小而简单。这对于初学矢量绘图的朋友来说，入门学习是最好的。如果直接入手ADOBE 的ILLUSTRATOR软件，那个功能强大，但体系架构也非常复杂。对于初学、尤其是自学者容易“蒙门”啊。当你用Sketch一段时间，你有一些特殊的想法，而Sketch做不大，比如说描边太简单没有笔触等变化。这个时候，也再学AI，有Sketch的基础，你在学习AI的时候，就会轻松不少。你就会理解我常说的“道相同法不同”是什么意思了。