新手容易忽略的10个Sketch冷门技巧

Sketch的操作相比PS来说要简单容易上手的多,但在使用过程中,我们多多少少还是会遇到一些问题。那么今天就来聊一下Sketch中的一些使用技巧吧。以下的问题有我自己遇到后找到的解决方案,有些是小伙伴遇到后问我的,分享出来希望可以帮助到有同样困扰的小伙伴。

批量删除辅助线

关于辅助线,因为我个人不太习惯用辅助线,一般都是直接按住Option查看数值,方便有准确。但有时交接工作的时候,会收到带有很多辅助线的文档,比如这样:

单个辅助线的删除,我们只需要拖动它到标尺外就可以,相信大多数小伙伴也是这么做的。

但对于像上图中这种数量众多的辅助线,拖动删除就太麻烦了,所以需要批量删除,操作也非常简单,只需要两步就可以将其全部删除。移动鼠标至标尺位置,点击右键(注意避开标尺左上角“小锁”图标的区域),然后可以看到”Remove All Vertical / Horizontal guides”的选项,点击就可以删除全部辅助线啦。

隔组选择

当图层复杂时,为了管理图层和快速移动,我们往往会给图层打组,经常出现组套组的情况,这时候如果想要再选择某个图层,就需要我们不断双击进入层层嵌套的分组,非常影响作图速度。

有两个快捷方式可以帮我们解决这个问题:

1) 按住Command键点选,不管中间套了多少层组,都可以穿过而直接选中该图层,对其进行操作。这是针对图层选择的操作。

2) 勾选Select group’s content on click,择可以直接选中该组下的图层或组,不需要双击进入。和第一种方法相比,多了组的选择,也十分方便。

拖动画板生成图片

为画板生成导出后,直接拖动导出区显示的画板缩略图至工作区,可以得到该画板的切图。在图片上填充50%的黑色,就是一个蒙层了,这个操作在设计弹窗的时候非常方便,不用保留过多图层的信息。

色彩空间

如果你发现Sketch中的显色和导出图片有色差,在软件里色彩的显示,会比导出的图片或比用手机预览更加鲜艳。这是因为Sketch默认的色彩空间Unmanaged,是系统默认的色彩空间。下图是Unmanaged下,Sketch文件与图片的对比,可以看到文件的颜色,比生产图片的颜色更加艳丽。

减少这种色差,需要我们把色彩空间由默认Unmanaged更改为sRGB。可以从两个路径更改:

1.全局的更改,路径是Sketch→ Preference → Genera → Color Profile → sRGB。这是对Sketch全局文件的修改。

2.单个文档的更改,路径是File→ Change Color Profile,可以只对当前文件进行更改。

再看一下sRGB下的文件与图片,更改过后文件和图片色差问题基本可以解决。

剪切线条

修剪描边线条的时候,如果需要圆形端点,要在修剪前设置好描边,只有居中且Ends和Joins为第二项时,才能得到圆形端点。而且在修剪过后,是不能再调整描边的“局内、居中或局外”的方式的,所以在动剪子前,要设置好。

SVG格式的描边

SVG是可伸缩的矢量图形,可以任意缩放不影响图像质量,而且与JPEG、PNG相比,SVG文件的小很多,下载也就更快,应用也越来越广泛。但在导出SVG切图的时候需要注意一个问题,就是描边的扩展。SVG格式,普通的描边也可以识别,但如果描边中出现透明白的颜色,就会有影响,导致切图不完整,如下图:

所以如果有透明度的描边,一定要先把描边扩展成路径再切图呀。扩展命令是Outlines,可以从View→Customize toolbar,找到Outlines把它拖到常用工具栏里就行了。

变形

Sketch中的变形工具虽然不像PS里的那么强大,但也能满足基本的变形需求。路径和图片可以直接变形,文字的话,扩展转为路径后也可以变形。需要注意的是,过于复杂的文字扩展成路径会让运行速度变慢,所以可以直接转换成图片调整。

彩色插图快速转黑白

有时候我们会遇到需要把一组彩色的插图改为黑白置灰的状态,简单的图形还可以一个个图层去调整颜色,但如果是一个复杂图形,再一个个去调色,就影响效率了。

这种情况我们可以把图形转换为位图,调整Color Adjust中的Saturation,就可以快速得到它的黑白效果,取消色彩调整的话又可以回到彩色,非常方便。

这样调整的图虽然没有手动去调可控,效果可能比不上自己手动调整的好,但胜在速度,工作中可以根据自己的需要去选择。我一般是用这种图快速占位,等有时间后再去手动调整一版,这样不会影响项目进度。

调整大小和等比例缩放

调整长宽值、或者是直接拖动图形,图形的圆角大小和描边像素是不会变化的,如果需要同比例缩放,择要采用Scale来操作。

直接拖动或调整左侧长宽数值,图形的描边和圆角会保持原有的值不会变化,这两种方法不适合插图的缩放,比较适合一些控件的调整。

使用Scale调整,得到等比例缩放,适合插图的调整,不会出现变形等问题。

快速重复

Command+D重复上一步命令,这个快捷方式与PS相同,可以快速复制,并且包括角度和方向,所以斜线也可以。

最后推荐我常用的一些相对冷门的快捷键,图片可以直接保存下来哦。

海盐社(公众号)

作者:焱小玖

Sketch
(0)

相关推荐

  • 摄影新手常忽略的10个外接闪光灯设定

    操作方法 01 闪光灯是摄影人的必备之物,不单提供了可以应付低光或室内拍摄的人工光源,也能让摄影人可以利用闪光创造特别的拍摄效果.但对于入门用家来说,专业级外置闪光灯的功能设定其实一点也不比相机简单, ...

  • 微信使用技巧大全:10个微信实用技巧图文介绍

    微信已经成为生活中不可或缺的工具,如果你以为微信只能用来交友娱乐的话,那你就太不了解这款“神器”了。现在,微信对于大家来说是社交、娱乐、办公一个都不能少。跟客户沟通交流、跟上司汇报进展,开群组会议,每 ...

  • 电脑冷门技巧有哪些?

    天天对着电脑,你是否又真正知道全面的电脑技巧操作方法呢,还有很多电脑冷门技巧其实大家都不知道,下面小编就为大家带来你不知道的电脑操作小技巧,快点速速掌握吧!

  • 非常实用的10个excel小技巧

    非常实用的10个excel小技巧 1.快速找到工作表 在左下角的工作表标签滚动按钮上右键,会弹出一个工作表名称列表.要选哪个,直接点击吧! 2.恢复输入错误的公式 如果公式输入时错了,按"E ...

  • Win7/8/10笔记本电脑电池保养技巧

    Win7/8/10笔记本电脑电池保养技巧 一.长期存放 如果你的笔记本电脑将会闲置超过半年以上,CHEERIO建议你将电池取出,并保持在 50% 电量的状态.如果存放时的电量为零,电池将由于过度放电而 ...

  • 让设计细节更高级的10个实用小技巧

    本文记录了国外大神在工作中对于一些UI细节的总结,仔细阅读,相信会有一些收获! 本文共计3029词,阅读大约需要10分钟. 以下是译文全文: 我猜想我们大多数人都是从了解一点UI,或者根本不了解的情况 ...

  • 手机摄影的10条建议和技巧

    智能手机的拍照性能如今已经越来越强,有的甚至已经超越了卡片机.虽说用手机拍照非常简单,但这里面的学问并不少.这也就是为什么有人能用手机拍出效果一流的照片,而有的人就只会拍大头照.如果你想要用手机拍出好 ...

  • 《上古卷轴5:天际》10个游戏小技巧

    <上古卷轴5:天际>10个游戏小技巧 步骤/方法 01 1. 独孤城天上的鸟是可以打下来的,能得到治疗疾病的炼金原料"鹰的羽毛" 02 2. 恢复系Perk necro ...

  • 新手出片学会这10个构图风格

    我们经常提及摄影要讲求「摄影眼」,意思是指拍摄时需要有的观察力和美感,从场景中发现到那些突出的地方,值得拍摄的地方,以及最吸引之处!而要运用「摄影眼」的最直接方法,便是从构图入手,利用拍摄环境的不同元 ...