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

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

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

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

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

sketch和Flinto源文件,Flinto安装包和插件都在附件里,附带源文件。
32
Report
声明
34
Share
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
Log in
32Log in and synchronize recommended records
34Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share
1






































