Flinto五步实现Path效果(亲情赠送源文件)
上海/产品设计师/10年前/3481浏览
版权
Flinto五步实现Path效果(亲情赠送源文件)
用最短的时间做出最想要的效果,Flinto五步搞定曾经难倒我的path效果!
杰克史派罗
用最短的时间做出最想要的效果,Flinto五步搞定曾经难倒我的path效果!
今天给大家一个简单的教程。
如果你不会写代码,如果你想把整个APP做个高保真,如果你追求速度还想保持一定的细腻动画那么你应该尝试下Flinto。下面让我们一起做一下Path的案例,不要着急,我只要三分钟。
第一步,用Flinto的插件把Sketch的文件导入到Flinto
2.第二步,用红色按钮创建链接到第二个页面新建过渡

3.第三部:在动画编辑器中调整弹出按钮的位置
五个弹出按钮旋转720度,移动到下方并且透明度降为0,点击上方播放按钮预览

4.第四部,红色按钮旋转-45度,把黑色图层透明度降低为0,右上角保存

5.第五部,创建连接返回到上一层

好了,不到三分钟,我们完成了,看下效果.

sketch和Flinto源文件,Flinto安装包和插件都在附件里,附带源文件。
32
举报
声明
34
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
32登录即可同步推荐记录哦
34登录即可加入我的收藏
评论登录即可评论想法
分享分享
1







































