交互动效教程 - 导航栏滑动动效

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
13681 88 553 2019-08-25

很多小伙伴再看dribbble感觉这类的动效很酷,然后我就参考着做了个差不多的教程,大家可以没事练练,有点长,还挺长,好吧,超长,希望你们能看完!

然后源文件在底部的素材下载中,可以研究研究

Image title

Image title


Image title

Image title

Image title

Image title

Image title

Image title

Image title


全部评论:88

  • SEN鹿鸣

    2020-12-04 09:38

    @150***4670: 给自己备一套金丝软甲

  • 杨名扬

    2020-10-28 17:14

    绘制形状的时候 两边的形状不是图上的那一种

  • 杨名扬

    2020-10-28 16:57

    大佬拜你为师

  • 两颗茶叶树

    2020-08-03 22:16

    @夏维c: 我遇到一个问题,能帮我讲解一下吗

  • 夏维c

    2020-06-06 09:10

    跟着教程做出来啦

  • baykur

    2020-03-27 18:02

    只画了没有用,代码能写出来才有效果

  • 150***4670

    2020-03-27 11:23

    老师我想请问一下,如果做这种交互动效,做好好怎么跟开发交接呢?给他什么样的东西呢?

  • 星河雨落

    2020-03-08 17:01

    你这教程糊的能做教程吗

  • 2020-02-27 11:30

    你好,能否分享一下flow插件?

  • Ansio

    2020-02-15 17:32

    @UILEO: 大佬为什么添加模糊使用简单阻塞后会变得不模糊呀

  • 阿严_Ayan

    2020-01-06 14:22

    你真可爱

  • 阳光午后

    2019-12-06 12:13

    加了阻塞之后圆球和有坑的矩形间距会变大,自己尺寸掌握不好,但动效很棒

  • 蔚丰君

    2019-12-05 22:18

    为什么3:00-3:20的时候转换过程是炸裂的,并且是翻转的过度。 希望大佬在05这一步做个详细的步骤

  • 蔚丰君

    2019-12-05 20:54

    @: 没错,哇,谢谢你的评论

  • nick_chen

    2019-11-27 10:29

    前端70米长的西瓜刀已经备好。

  • 吴适之

    2019-11-13 17:23

    @黎不删: 这个前端很难办哈哈

  • 步履不止cong

    2019-11-13 09:25

    @Tian丸丸丸: 看来你说同道中人呢田丸丸同学。

  • 庆功酒

    2019-10-29 01:12

    为啥我的点会乱飞?

  • 黎不删

    2019-10-25 23:38

    @幽雅Grace: 你画你继续,反正写不出

  • 幽雅Grace

    2019-10-17 16:59

    UI的头颅已在开发手中

  • Tremere

    2019-10-15 18:15

    @Miali: 缓动不用插件吧,AE里面自带的效果呀

  • ANEAL

    2019-10-11 12:00

    你太蓝了

  • 张不胖

    2019-10-09 15:40

    我是设计一小兵 大牛底下轻留名~

  • 2019-09-29 19:02

    @Miali: 不是选中空白 是选中蒙版1 第二次复制的时候就把第一个形状替换了

  • cy叶子

    2019-09-26 16:06

    @Miali: 2019-01-01,教UI系列教程 - 爆炸碎片动效有插件

  • Miali

    2019-09-17 13:45

    @bettycheng: 同问,去作者主页找了一圈,没看到缓动的插件

  • Miali

    2019-09-17 13:39

    @TianS: 你粘贴过来的时候可能选到之前一个形状了,建议在空白的地方点一下,保证没有选中任何图层的状态

  • 驚蟄QAQ

    2019-09-16 14:11

    动效一时爽,开发火葬场

  • 睡不醒的猫

    2019-09-15 16:47

    @SusanO_o: 说话不能好好说?提意见不能好好提?跟谁闹脾气呢。搞得谁好像欠他似的。

  • 大海,澎湃

    2019-09-12 15:58

    代码咋写?

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票