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

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

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

原创文章 分类: 教程 版权: 举报
5907 81 47 0
2020-07-30
24.1
首页推荐


关于教程

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

今天带来的是第二期:收藏图标的教程,主要知识点在于如何制作摆动的效果。

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

教程概览

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

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

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

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

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

STEP.6:准备好AutoSway插件 (关注我的公众号“设计师深海”回复“autosway”或“摆动插件”获取下载连接!)

STEP.7: 使用图钉工具为图形打三个点 

STEP.8: 点击AutoSway的Apply按钮添加动效

STEP.9: 给另一个图形也加上打上三个点 

STEP.10: 为后面的图形也添加摆动效果 

STEP.11: 复制灰色图形,将副本透明度改为70 

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

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

最终效果

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

公众号:设计师深海

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

希望和大家一同进步~

Powered by Froala Editor

微信公众号:设计师深海

推荐人:

UI中国

设计师深海

微信公众号:设计师深海

4551粉丝/17关注

活雷锋小有名气首页达人一鸣惊人当仁不让lv.1
【AE教程】如何制作毛玻璃风格图标动效(四)  【AE教程】如何制作毛玻璃风格图标动效(三)

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

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

0/200

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

点击上传附件

对谁可见:

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

您确认要推荐?

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

评分

完整度

启发性

勤奋性

排版布局

推荐心得

建议20-200字以内

0/200

扫描二维码
去手机端查看海报

设计师深海

TA已经获得11枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

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

投票

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

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

登录

账号或密码错误

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

登录

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2020 UI.CN