sketch进阶知识笔记|01

2020-07-21  本文已影响0人  XJH不会飞

从去年7月开始使用sketch,但因为公司项目大多数还是运营海报宣传,长图这些,所以我大多数还是用ps去做,偶尔有一些UI的项目会用到sketch做,于是很多功能没有解锁,当时只看了一个基础的免费课程,知道如何使用但是随着UI项目比较多之后,发现sketch用起来没那么顺手,这终于去看了一些进阶教程,我就把最近学习到的一些小技巧整理一下~

1、文字变形方法

新建文字图层,然后使用工具:文字轮廓化,

然后用到变换工具,就可以进行斜切,斜体放大缩小了。

2、预览模式

新建相应的画板大小,比如我的手机是iPhone8的,所以我新建一个画板,选择它,用手机版的sketch mirror和电脑版连接,就可以进行预览。

这里要注意了,我发现,如果你做的尺寸是1倍图的iPhonex, 你肯定会说新建一个画板,选择375*812的——也就是截图中的iphone11pro,但是这样的话,手机版mirror会自动展示高度全屏,所以宽度就不是自适应的。像这样:

所以如果是x的尺寸,我选择的方法是:选用8的画板,但是增高对应的刘海和底部高度。这样就可以宽度正常查看了。

3、切片和导出方式

sketch工具有一个特别方便的小技巧:

选中某个图层,直接拖动到桌面就可以生成png图片,你还可以直接拖动整个组或者整个画板。

切片功能:

选择某个内容,按S(切片)快捷键拉动,出现下方切片图层,输入命名,这就是这个切片内容的名称。

常用的是这两个,第二个,仅导出组内元素,这是用在你的按钮有背景的情况,我不用隐藏所有背景图层,直接导出组内元素就可。

第一个,修剪透明像素,可以把多余的都修剪掉,好处是,你建立切片的时候就没有太大的限制。

4、常用快捷键

command+1 选中的某个画板1:1比例 居中显示;

command+2  选中的某个画板 填满屏幕居中显示;

上一篇下一篇

猜你喜欢

热点阅读