Flinto五步实现Path效果(亲情赠送源文件)

用户头像
上海/产品设计师/10年前/3476浏览
Flinto五步实现Path效果(亲情赠送源文件)
用户头像
Sunsole

用最短的时间做出最想要的效果,Flinto五步搞定曾经难倒我的path效果!

杰克史派罗

用最短的时间做出最想要的效果,Flinto五步搞定曾经难倒我的path效果!


今天给大家一个简单的教程



          如果你不会写代码,如果你想把整个APP做个高保真,如果你追求速度还想保持一定的细腻动画那么你应该尝试下Flinto。下面让我们一起做一下Path的案例,不要着急,我只要三分钟



  1. 第一步,用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