恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见
design

推广

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【AE教程】如何制作毛玻璃风格图标动效(一)
130.8°
原创文章 / 教程 / / 举报
19146 342 198 33

2020-07-27

关于教程

最近在Dribbble看到了这种风格的Icon,感觉非常有趣,就模仿它的风格制作了一组动态的Icon,今天来和大家分享一下制作过程,希望能对大家有一点点帮助!

教程中使用的插件大家可以关注我的公众号“设计师深海”回复“motion2”获取下载连接!

教程概览

STEP.1:在AI中绘制图标,合成大小800*600,提前分层方便导入AE

STEP.2: 将AI文件拖入AE,选择导入种类为合成,素材尺寸为图层大小

STEP.3:调整合成设置,帧速率30,持续时间2秒

STEP.4:新建纯色,作为背景,置于最底层

STEP.5:选中AI图层,右键从矢量图层创建形状,然后删除AI图层

STEP.6:使用motion2将图层1的锚点移到最底部

STEP.7: 打开图层1的3D开关

STEP.8: 给图层1的X轴旋转K帧

STEP.9: 选中所有关键帧,使用motion2添加回弹效果

STEP.10: 再用motion2为关键帧添加20的缓动效果

STEP.11: 复制图层1,将副本透明度改为70

STEP.12: 新建调整图层,将图层1设为它的alpha遮罩

STEP.13: 给调整图层添加高斯模糊,强度为100

STEP.14: 效果完成

最终效果

感谢大家看到最后,觉得有点帮助的朋友欢迎关注

公众号:设计师深海

定期更新一些动效和C4D的教程

希望和大家一同进步~


Powered by Froala Editor

微信公众号:设计师深海

设计师深海

微信公众号:设计师深海

  • 59

    作品

  • 6864

    粉丝

  • 17

    关注

  • 9招,提升设计中的空间感!
  • 【C4D教程】3D图标系列教程(0基础入门)
  • 文字动效原来这么简单!?
  • 【C4D教程】春联展开动效的制作丨OC渲染器

猜你喜欢

    设计师深海

    设计师深海

    微信公众号:设计师深海

    诲人不倦人气明星首页达人小有见解一鸣惊人
    • 6864

      粉丝

    • 1703.4

      人气

    • 4.4w

      颜值

    作品

      GDC Award 2021启航

      推广

      最新推荐

      【经验】B端小记·初识B端产品

      845 7 3

      相关佳作
      换一换

        设计师深海

        点赞:198

        收藏:342

        评论:33

        【AE教程】如何制作毛玻璃风格图标动效(一)

        你确定要举报【AE教程】如何制作毛玻璃风格图标动效(一)

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2020年07月27日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录