Sketch图形在工具栏的常用操作
Sketch中常用的对象是:图形,图像,文本(T)。今天说说这个图形的操作与编辑~
按下对应的快捷键即可在画布中拖出相应的图形。
![](https://img.haomeiwen.com/i10009023/14d3c308706cc916.png)
正圆:拖动的时候摁住shift键,即可拖出正方/正圆/横平竖直的线(直线也可45°)。
多选:如果想同时选择多个图形,则可以按住shift键后,左键点选想要的图形。
复制:如果想复制一个或多个图形,则选中这些图形后,按住alt键拖出新图形。
注意:创建的对象都被列在图层列表中,所以也可以在列表中快速选择,按住shift键是区间全选,按住cmd键是点选。
图形重叠是如何选择?
![](https://img.haomeiwen.com/i10009023/fe051a87744720e1.png)
按住alt键,移动鼠标,即可看到被遮挡在下层的图形(移动到图形上方时有蓝色的边),点击鼠标即可选中。
编辑
![](https://img.haomeiwen.com/i10009023/26d33865c7b3304d.png)
点击编辑图标或双击图形,进入编辑模式,可以在属性面板改变四个锚点的类型。
![](https://img.haomeiwen.com/i10009023/a4ce5f7683baa4fe.png)
从左到右依次是:直角,对称,断开,不对称。来看看效果:
![](https://img.haomeiwen.com/i10009023/77f7bbc7469de839.png)
编辑模式下,鼠标移入路径变成钢笔点击,即可增加一个锚点,del可以删除此锚点。
![](https://img.haomeiwen.com/i10009023/0519e963c204c3f3.png)
旋转
![](https://img.haomeiwen.com/i10009023/b8c0fcbcbd0d412c.png)
点击旋转图标,出现中心点,将中心点移动到矩形的某个角,此时矩形就会以这个角为中心点进行旋转了。
![](https://img.haomeiwen.com/i10009023/99f5fcf562da1476.png)
或者按cmd键,将鼠标移入某个锚点,即可旋转图形,按住shift键可15°精准旋转。
![](https://img.haomeiwen.com/i10009023/d4d4040ba6485e1d.png)
蒙版
蒙版分为轮廓蒙版和透明蒙版,即让图像在轮廓里显示。
![](https://img.haomeiwen.com/i10009023/e0fbafc6e2bcbcf3.png)
框选图形和图像,点击蒙版图标,即可看到以下效果。
![](https://img.haomeiwen.com/i10009023/caa2abfcc21b4986.png)
![](https://img.haomeiwen.com/i10009023/c00b6a2b36795afb.png)
选中图形,点击图层-蒙版-蒙版模式-透明度模板。
![](https://img.haomeiwen.com/i10009023/75257af740513424.png)
在右侧的属性面板中将填充改为渐变,拖动上面的滑块改变渐变的起止位置,拖动下面的滑块调整透明度。
![](https://img.haomeiwen.com/i10009023/29607384bcecbf73.png)
缩放
拖动图形的锚点即可改变图形的尺寸,那若图形里有文字时想同时改变文字与图形的大小,就用到了缩放功能。
![](https://img.haomeiwen.com/i10009023/2267c10dadb35fd4.png)
点击缩放弹出配置面板。
![](https://img.haomeiwen.com/i10009023/57f69cd149d55fb9.png)
确定缩放,就看到文字和图形同比例放大。
路径合并
路径合并一般配合布尔运算使用。
![](https://img.haomeiwen.com/i10009023/7e022e78c9155874.png)
注意:两个图形进行一次布尔运算后,工具栏的运算图标就置灰不可点击了,若想对运算过的图形重新运算则需要去图层列表找到该图层点击运算图标打开运算列表进行更改。
![](https://img.haomeiwen.com/i10009023/5b295bb89598ea02.png)
以下是两个圆形的布尔运算效果:
![](https://img.haomeiwen.com/i10009023/8a2572d3150d5f08.png)
在图层列表中可以看到他们仍然是两个图形路径。
![](https://img.haomeiwen.com/i10009023/02a86962c42dc67a.png)
此时去点击路径合并图标,就可以得到一个路径的图形。
![](https://img.haomeiwen.com/i10009023/24461edeaedb74f5.png)
![](https://img.haomeiwen.com/i10009023/bf8509eb6e422ea9.png)
剪刀
使用剪刀可以将图形两个锚点之间的线剪掉。
![](https://img.haomeiwen.com/i10009023/f4b33082c09550ba.png)
剪掉后的效果如下:
![](https://img.haomeiwen.com/i10009023/0a22c443c8696d1e.png)
变换
点击变换图标,可以将图形进行变形。
![](https://img.haomeiwen.com/i10009023/440c81070a172944.png)
选择角点拖动鼠标可以达到透视效果。
选择中间的锚点拖动鼠标可以达到倾斜效果。
![](https://img.haomeiwen.com/i10009023/48bcd7502f166674.png)
以上都是对称的效果,那如何只拖动一个锚点进形单边的变换呢?
只需要摁住cmd键,再去拖动某个锚点即可。
![](https://img.haomeiwen.com/i10009023/d738e5ca2869a0e2.png)