(一)界面工具

界面工具

界面工具

预览窗口
(二)素材导入/动画效果导出
导入素材为sketch当前编辑的文件的所有页面,需要做动画的单独导入,不需要做动画的合为一层

导入

预览方式

导出export mac app

导出export mac app可以正常预览

导出mov/gif
(三)拖拽/滚动/翻页

拖拽和滚动要勾选展示范围

拖动/滚动/翻页
(四)页面间跳转和动画

页面间跳转

弹性/线性动画

缓入/缓处/缓入缓处

名字一样就可以做一些补间动画,跳转/旋转等等

选中

拖动时间轴

冻结属性
(五)联动

联动面板在动画面板旁边儿

要勾选每一层的Touchale才能实现滑动

属性信息

联动.gif
、

区块控制

联动1.gif
(六)组建的运用

按钮角度变化

按钮角度变化.gif

创建组件

制作控件.gif

制作控件

按钮弹出按钮角度变化.gif

加入弹性动画-按钮弹出按钮角度变化.gif
(七)Tab页面跳转

翻页切换

翻页切换.gif

tab切换页面.gif
(八)利用自动图层做icon小动画

自动.gif
(九)3d touch效果/翻页和联动在实际工作中的运用

长按模拟3D touch

联动与页面切换.gif
(十)快捷键
com+shift+L 隐藏/显示
com+R 重命名