1 导入sketch页面
在右侧文档属性处修改屏幕尺寸等参数
点击顶部工具栏按钮从sketch导入，导入要制作动效的页面素材。提前在sketch中选中要导入的画板，在弹出弹框中勾选仅导入选定的画板。
开始制作第一个动效
2 建立动画链接并新建转场
选择动效开始页面动效触发的图层，点击工具栏按钮从所选图层开始链接，拖动至动效结束页面。选择操作手势并点击新建转场。
3 在转场设计器中编辑转场效果
默认选中了开始屏幕，此时开始屏幕时不可编辑的。可以编辑结束屏幕的元素，包括大小、位置、不透明度、旋转等等属性，而产生不一样的动态效果。
原理是开始屏幕默认向左滑走，设置结束屏幕元素的属性，假设起始位置属性为a，结束位置属性为b，动态效果即是开始屏幕隐藏，结束屏幕展示，页面效果即是结束屏幕中元素属性从a至b，由此产生的动态效果。
同理，如果选中结束屏幕，即可设置开始屏幕的元素属性，从而设计开始屏幕隐藏的动态效果。不同之处在于，开始屏幕的动态效果是开始屏幕中元素属性从b至a。
3.1 结束屏幕的动效
设置了如下效果，结束屏幕放大，置于开始屏幕下方，不透明度设为0%，那此时动态效果其实就是不透明度由0%至100%，同时屏幕缩小，从下至上展示出来。
基础操作笔记：
按住command键，鼠标置于图层四角，可以出现旋转图标，此时可以将图层进行旋转操作。
3.2 开始屏幕的动效
选择结束屏幕，开始设计开始屏幕隐藏的动效。
缩小，往右旋转并移动到屏幕的右上方，那么动态效果便是：从大至小缩放，同步旋转缩小至屏幕右上角消失不见。
4 具体动态效果如下：
5 设计反向链接
选择动效开始页面动效触发的图层，，点击工具栏按钮从所选图层开始链接，拖动至屏幕左上角的反向链接按钮，即可。
6 绘制自由链接图层
选中动效开始屏幕，点击工具栏的绘制自由形式的链接图层按钮，绘制热点区域，再拖动至屏幕左上角的反向链接按钮，手势选择向下轻扫即可。
