一、图层蒙版的使用

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

1. 轮廓蒙版

只借用形状或路径的轮廓对你想处理的图形进行“裁切”处理。
  • 在页面中导入需要的图像
  • 绘制出想要让那个图像显示的图形
  • 将图像置于图形的上方,给图形加入蒙版
  • 里面的图像只会在圆的内部显示,超出的部分就会被隐藏掉

2. 透明度蒙版

不仅借用形状或路径的轮廓对你想处理的图形进行“裁切”处理,还可以操作形状的“渐变属性”和“透明属性”。
  1. 首先你先必须制作出一个普通蒙版
  2. 选中形状图层,然后顶部选择 图层->蒙版-> 蒙版模式->透明度蒙版
  3. 接着在右侧属性面板点击fill区域,这时你便为形状图层添加了一个fill属性。
  4. 选择第二个“线性填充”,这时候你就会看见你的普通蒙版剪切出来的图形,同时图形上增加了一个渐变条。

二、图片操作

  1. 先导入一张图片,置入->图像
  2. 双击使图片处于编辑的状态
  3. 点击选择按钮,对图片进行选择,只选择有内容的部分

    选中图片之后可以进行图像工具中的操作:
  • 反选 :选择选框外的内容
  • 裁剪 :将选中的内容裁剪
  • 填充 :给选中的内容进行填充
  1. 也可以使用魔术棒工具选择内容,选择与当前位置内容相近的颜色,选中后可以进行图像工具中的操作。

三、Sketch的插件

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

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

android 透明蒙板色值 透明蒙版怎么做_切图

蓝湖插件
蓝湖是高效的产品设计协作工具,支持共享 Symbol、同步 Sketch Prototyping 及共享、自动标注与多倍切图、设计图在线评论、设计图历史版本管理、快速制作原型等功能
  1. 蓝湖插件下载
    点击链接,找到本地下载,点击下载即可。
  2. android 透明蒙板色值 透明蒙版怎么做_切图_02


  3. 下载完成后解压 Lanhu.zip,双击 Lanhu.sketchplugin 完成安装
  4. 蓝湖插件的使用
    前往 蓝湖官网 注册账号,在蓝湖 Web 端创建团队与项目
  5. 在sketch中的页面中,添加画板,加入自己设计的内容
  6. android 透明蒙板色值 透明蒙版怎么做_上传_03

  7. 设计完成后,选择插件->蓝湖->上传所选 Artboard
  8. android 透明蒙板色值 透明蒙版怎么做_上传_04

  9. 第一次上传会弹出登陆蓝湖的邮箱和密码,输入即可。之后会弹出下面的内容,点击上传就会将本次设计上传到蓝湖中去。
  10. android 透明蒙板色值 透明蒙版怎么做_上传_05

  11. 上传完成后,就可以去蓝湖里面查看上传的内容,可以看到右边有图层的大小、文字颜色、背景颜色等信息。
  12. android 透明蒙板色值 透明蒙版怎么做_切图_06

  13. 上传的时候如果页面中有切图,可以在蓝湖里面直接下载切图,可以下载当前切图,或者是该页面的所有切图
  14. android 透明蒙板色值 透明蒙版怎么做_上传_07

  15. 在蓝湖中的设计图的左侧可以查看版本号,每次提交都会被记录为一个版本。
  16. android 透明蒙板色值 透明蒙版怎么做_上传_08

  17. 也可以进行标注信息,查看标注的信息或者将标注的信息隐藏。
  18. android 透明蒙板色值 透明蒙版怎么做_图层_09

  19. 绘制设计图跳转逻辑连线,将多个页面上传之后,可以使用逻辑线条清晰的画出他们之间的关系。
  20. android 透明蒙板色值 透明蒙版怎么做_切图_10