一、图层蒙版的使用
Sketch里的蒙版可以让你有选择性的显示出图层的一部分。比如说在一个图片上圆形蒙版,那么这张图片就只会显示出圆形内部的内容。
1. 轮廓蒙版
只借用形状或路径的轮廓对你想处理的图形进行“裁切”处理。
- 在页面中导入需要的图像
- 绘制出想要让那个图像显示的图形
- 将图像置于图形的上方,给图形加入蒙版
- 里面的图像只会在圆的内部显示,超出的部分就会被隐藏掉
2. 透明度蒙版
不仅借用形状或路径的轮廓对你想处理的图形进行“裁切”处理,还可以操作形状的“渐变属性”和“透明属性”。
- 首先你先必须制作出一个普通蒙版
- 选中形状图层,然后顶部选择 图层->蒙版-> 蒙版模式->透明度蒙版
- 接着在右侧属性面板点击fill区域,这时你便为形状图层添加了一个fill属性。
- 选择第二个“线性填充”,这时候你就会看见你的普通蒙版剪切出来的图形,同时图形上增加了一个渐变条。
二、图片操作
- 先导入一张图片,置入->图像
- 双击使图片处于编辑的状态
- 点击选择按钮,对图片进行选择,只选择有内容的部分
选中图片之后可以进行图像工具中的操作:
- 反选 :选择选框外的内容
- 裁剪 :将选中的内容裁剪
- 填充 :给选中的内容进行填充
- 也可以使用魔术棒工具选择内容,选择与当前位置内容相近的颜色,选中后可以进行图像工具中的操作。
三、Sketch的插件
sketch除了软件自带的一些基本使用工具之外,还有功能强大的插件库,让设计师更加快速高效的完成页面设计
插件安装
进入 sketch插件库, OurSketch插件库提供文本、图像、颜色、演示等多种多样的功能强大的插件,可以根据需求搜索安装插件。 安装完成后,可在sketch的插件列表中显示。
蓝湖插件
蓝湖是高效的产品设计协作工具,支持共享 Symbol、同步 Sketch Prototyping 及共享、自动标注与多倍切图、设计图在线评论、设计图历史版本管理、快速制作原型等功能
- 蓝湖插件下载
点击链接,找到本地下载,点击下载即可。
下载完成后解压 Lanhu.zip,双击 Lanhu.sketchplugin 完成安装- 蓝湖插件的使用
前往 蓝湖官网 注册账号,在蓝湖 Web 端创建团队与项目 - 在sketch中的页面中,添加画板,加入自己设计的内容
- 设计完成后,选择插件->蓝湖->上传所选 Artboard
- 第一次上传会弹出登陆蓝湖的邮箱和密码,输入即可。之后会弹出下面的内容,点击上传就会将本次设计上传到蓝湖中去。
- 上传完成后,就可以去蓝湖里面查看上传的内容,可以看到右边有图层的大小、文字颜色、背景颜色等信息。
- 上传的时候如果页面中有切图,可以在蓝湖里面直接下载切图,可以下载当前切图,或者是该页面的所有切图
- 在蓝湖中的设计图的左侧可以查看版本号,每次提交都会被记录为一个版本。
- 也可以进行标注信息,查看标注的信息或者将标注的信息隐藏。
- 绘制设计图跳转逻辑连线,将多个页面上传之后,可以使用逻辑线条清晰的画出他们之间的关系。