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

用户头像
上海/产品设计师/10年前/3493浏览
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
举报
|
34
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面风格黄绿色系花朵装饰
城阙凡花
学习,优惠券,平面,海报
平面插画情侣/矢量
“知识宅急送”外卖,快递,平面,海报,素材,教育
海底世界插画
中国传统纹样创新图案设计
学习,优惠券,平面,海报
金色颗粒质地的平面
金色颗粒质地的平面
金色颗粒质地的平面
中国传统纹样创新图案设计
牛奶乳液层次平面平铺平面
水蜜桃和李子的平面水果图案
平面男孩喝咖啡插画设计
金色颗粒质地的平面
古风平面仕女与瓷器
空的平台平面和自然景观
课程海报,平面素材
平面设计 吊牌设计
空的平台平面和自然景观
平面插画情侣/矢量
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
倒计时,海报,平面
牛奶乳液层次梯田平铺平面
你可能喜欢
大家都在看
登录注册