sketch 制作动画示例一

近新接触的一个插件，非常酷！sketch也可以做动画哦~虽然全英文，但是还是在于脑洞了~

sketch切片工具快捷键_sketch批量导出切片sketch切片工具快捷键_sketch批量导出切片


sketch切片工具快捷键_sketch批量导出切片


sketch切片工具快捷键_sketch批量导出切片


sketch切片工具快捷键_sketch批量导出切片


示例一：线性动画之放大

1.新建画板100100

2.快捷键R，画一个白色背景100100，这步的目的是为了有背景;

3.快捷键O，画一个圆形9090，色值#B8E986，透明度设置为30%，并且水平垂直居中对齐，作为背景圆；

4.快捷键O，画一个圆形2020，色值#B8E986，透明度设置为；

5.选中小圆，创建动画 Plugins-AnimateMate-CreateAnimation，设置如下：

6.选中小圆，放大到8080大小，水平垂直居中对齐画板

5.选中放大的圆，创建动画 Plugins-AnimateMate-CreateAnimation，设置如下：

6.选中放大的圆，导出动画 Plugins-AnimateMate-ExportAnimation（如果要导出切片给开发，选择导出PNG哦~~）

后，给大家看看效果：

脑洞打开。。。。。根据这个原理变异啦！！！

windows10系统下如何使用sketch切片工具【图文教程】

Sketch是一款功能十分功能强大的矢量图形绘制软件，深受广大用户们的喜爱。那么，windows10正式版系统下该如何使用sketch切片工具呢？接下来，小编就为大家分析下具体步骤。感兴趣的朋友们，都可以一起来看看！

具体如下：

1、进入sketch界面，打开需要进行裁剪的文件。

2、右键点击上方工具栏，选择“自定义工具栏”。

3、在工具栏中，将“切片”拖入上方工具栏中，点击“完成”。

4、点击切片工具，然后按住左键拖动区域进行选择。

5、选择完成后，在右侧将“裁剪透明像素”和“背景颜色”勾选。

6、在下方导出中，点击“+”，保证到处不失真。

7、点击“导出”，在弹框中进行命名和位置选择，点击“保存”即可。

8、保存完成后，在保存路径中点击即可查看详情。

看了上述小编的介绍，相信大家对windows10系统下如何使用sketch切片工具已经有了一定的了解。希望本教程能够帮助到所有有需要的朋友们！

在Sketch里怎么切图

sketch里面切图其实非常简单，我们常用的切图有两种，一种是单独对于某个图标，或者界面里的某些元素：另一种就是把效果图也就是每个界面单独切出来给开发们，方便他们看效果图用。但无论是哪种切图，都需要用到切片工具，快捷键

s当你按s的时候，画布上的指标就变成类似切刀的形状，说明可以开始切图了，按住s，出现一个选框即你的切片范围，你可以单独在某一图标上切成你想要的大小，切片大小是可以更改的，

张图是切片切出的范围区域，下面的图是显示切片的大小坐标和所切区域的预览效果。你还可以更改切片范围。

切整个界面也是一样的，再就是切图的时候，其实也可以不用去刻意拉取你的切片范围，还有一种方式是你按住s切片工具的时候，当指标由箭头变成小刀的形状时，单击一下，会自动切你想切出的区域，尤其是切大片区域的时候，会更快捷一些，更好的提高工作效率。

Sketch切图怎么保证尺寸一致，背景透明

1、选中你需要切图的icon，点击右下角的“+”

2、按住快捷键“S”或者点击切图工具-切刀icon，然后画出切图的标准尺寸，调整尺寸大小，锁住icon，同时选中切图层，上下居中对齐

3、关键的一步来了，勾选红框部分

4、奇迹来了！！

5、选中切图层即可导出切图层框中的部分，点击右下角的“+”，可以选择n倍图

6、其他的图标需要尺寸相同的话，可以直接这个切图层，然后与相应的icon对齐即可，后续步骤重复3、4、5即可～开森～～～

Sketch导入、导出功能说明及技巧

Sketch可以导入以下各种格式的文件：

（1）位图图像文件：PNG，JPG，TIFF和WEBP

（2）矢量格式文件：PDF、SVG、EPS，如果导入包含多个页面的PDF文档，则每个页面将单独生成一个画板。

（3）GIF文件：可以导入，但是不会动起来，只能支持GIF透明格式。

（4）AI和PSD文件：只能作为单个展平图层打开，即变成位图图像文件，不是直接转换为矢量格式。如果实在要导入，先输出成SVG或者EPS格式文件，再导入Sketch中即可。

然后，有4种路径方法可以把文件导入到Sketch中：

（1）通过菜单栏的“文件-打开...”（英文版“File-Open...”），快捷键是“command+O”

（2）将文件拖放到Dock中的Sketch图标上

（3）将文件直接拖放到打开的文档中

（4）把其他文件，然后粘贴在Sketch工作区中

我们可以通过选中图层的方式导出单个文件，这个方法适用于导出icon、单张、单个组合图层或者单个画板，首先选中单个图层，点击检查器右下角的“Make EXPORTABLE”，再点击“Export Selected...”，后选中导出的路径即可。在导出之前，我们还可以设置图层的导出倍率（默认是1x）、前后缀以及格式。

另外一个方法是通过切片工具来导出，因为有时候我们可能只需要导出图层的某个区域，例如在背景上的icon，这时，我们就需要通过工具栏的“切片sl”来处理。点击工具栏的切片工具（快捷键“S”），然后圈选要导出的内容即可，后续的导出流程和选中图层导出是一致的。

然后，导出的时候，我们还可能遇到这种情况：我们需要用切片工具导出某个分组的图形的一部分，例如两个镂空圆组成的icon一部分，然后他们恰好在一个蓝色的背景上。如果我们用切片工具直接导，就会出现蓝色的背景。

但是我们显然是不需要蓝色背景的，我们需要的透明底的icon，这个时候，我们就需要把切片工具放在icon所在组里面，然后勾选检查器中的“只导出分组内容Export group contents only”选项即可。

如果我们需要批量导出图层、或者画板，可以通过“文件-导出”（英文版“File-Export...”），或者快捷键“shift+command+E”批量选中要导出的内容即可。

第二种方式是选中多个图层，然后通过检查器右下角的“Make EXPORTABLE”导出。

第三种方式是在图层栏选中多个图层，并拖动到文件夹中，即可生成文件在文件夹中。

阅读：

新版： 性感Sketch52正式版发布，全新UI，在线换暗黑皮肤

使用手册： Sketch中文手册（2018）

好书： 新书《Sketch交互设计之美：从零基础到完整项目实现》上架