Sketch(三)

一、图层蒙版的使用

Sketch里的蒙版可以让你有选择性的显示出图层的一部分。比如说在一个图片上圆形蒙版，那么这张图片就只会显示出圆形内部的内容。

1. 轮廓蒙版

只借用形状或路径的轮廓对你想处理的图形进行“裁切”处理。

• 在页面中导入需要的图像
• 绘制出想要让那个图像显示的图形
• 将图像置于图形的上方，给图形加入蒙版
  
• 里面的图像只会在圆的内部显示，超出的部分就会被隐藏掉
  

2. 透明度蒙版

不仅借用形状或路径的轮廓对你想处理的图形进行“裁切”处理，还可以操作形状的“渐变属性”和“透明属性”。

1. 首先你先必须制作出一个普通蒙版
2. 选中形状图层，然后顶部选择 图层->蒙版-> 蒙版模式->透明度蒙版
   
3. 接着在右侧属性面板点击fill区域，这时你便为形状图层添加了一个fill属性。
4. 选择第二个“线性填充”，这时候你就会看见你的普通蒙版剪切出来的图形，同时图形上增加了一个渐变条。
   

二、图片操作

1. 先导入一张图片，置入->图像
   
2. 双击使图片处于编辑的状态
   
3. 点击选择按钮，对图片进行选择，只选择有内容的部分
   
   选中图片之后可以进行图像工具中的操作：
   • 反选 ：选择选框外的内容
   • 裁剪 ：将选中的内容裁剪
   • 填充 ：给选中的内容进行填充
4. 也可以使用魔术棒工具选择内容，选择与当前位置内容相近的颜色，选中后可以进行图像工具中的操作。
   

三、Sketch的插件

sketch除了软件自带的一些基本使用工具之外，还有功能强大的插件库，让设计师更加快速高效的完成页面设计

插件安装

进入 sketch插件库， OurSketch插件库提供文本、图像、颜色、演示等多种多样的功能强大的插件，可以根据需求搜索安装插件。 安装完成后，可在sketch的插件列表中显示。

蓝湖插件

蓝湖是高效的产品设计协作工具，支持共享 Symbol、同步 Sketch Prototyping 及共享、自动标注与多倍切图、设计图在线评论、设计图历史版本管理、快速制作原型等功能

1. 蓝湖插件下载
   
   点击链接，找到本地下载，点击下载即可。
   
   
   
   下载完成后解压 Lanhu.zip，双击 Lanhu.sketchplugin 完成安装

2. 蓝湖插件的使用
   前往 蓝湖官网 注册账号，在蓝湖 Web 端创建团队与项目

3. 在sketch中的页面中，添加画板，加入自己设计的内容
   

4. 设计完成后，选择插件->蓝湖->上传所选 Artboard
   
   第一次上传会弹出登陆蓝湖的邮箱和密码，输入即可。之后会弹出下面的内容，点击上传就会将本次设计上传到蓝湖中去。
   

5. 上传完成后，就可以去蓝湖里面查看上传的内容，可以看到右边有图层的大小、文字颜色、背景颜色等信息。
   

6. 上传的时候如果页面中有切图，可以在蓝湖里面直接下载切图，可以下载当前切图，或者是该页面的所有切图
   

7. 在蓝湖中的设计图的左侧可以查看版本号，每次提交都会被记录为一个版本。
   
   也可以进行标注信息，查看标注的信息或者将标注的信息隐藏。
   

8. 绘制设计图跳转逻辑连线，将多个页面上传之后，可以使用逻辑线条清晰的画出他们之间的关系。