杰克史派罗
每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
用最短的时间做出最想要的效果，Flinto五步搞定曾经难倒我的path效果！
前段时间给大家介绍了Flinto for mac，今天给大家一个简单的教程。那么首先我们可以看下Flinto做的几个案例视频。
看完之后我想告诉大家，如果你不会写代码，如果你想把整个APP做个高保真，如果你追求速度还想保持一定的细腻动画那么你应该尝试下Flinto。下面让我们一起做一下Path的案例，不要着急，我只要三分钟。
1.第一步，用Flinto的插件把Sketch的文件导入到Flinto
2.第二步，用红色按钮创建链接到第二个页面新建过渡
3.第三部：在动画编辑器中调整弹出按钮的位置
五个弹出按钮旋转720度，移动到下方并且透明度降为0，点击上方播放按钮预览
4.第四部，红色按钮旋转-45度，把黑色图层透明度降低为0，右上角保存
5.第五部，创建连接返回到上一层
好了，不到三分钟，我们完成了，看下效果.
sketch和Flinto源文件，Flinto安装包和插件都在附件里，自己去寻。
百度云盘我是源文件：http://pan.baidu.com/s/1pKacSeZ
下方关注我的新浪微博可以查看更多案例
全部评论：78条
更多作品
发表评论