视频第 2 部分：使用PS绘制图标
当视频无法加载时请刷新页面，
或前往PC获得最佳体验。
或前往PC获得最佳体验。
视频第 3 部分：使用AE制作图标动效
当视频无法加载时请刷新页面，
或前往PC获得最佳体验。
或前往PC获得最佳体验。
交作业：微博搜索话题 #优设每日作业# 进入话题页即可发布作业
文章编辑：@十豆
随着微软推出 Fluent 设计语言，毛玻璃风格逐渐流行，各大厂都开始使用这种朦胧弥散的视觉效果，本期视频使用 Sketch + AI + PS +AE ，为你带来从零开始制作轴侧毛玻璃图标动效的全过程详解，学会之后使用类似的思路，还可以拓展设计出不同的毛玻璃质感图标。视频总共分为三部分：
- 第一部分为静态设计，将用 sketch 和 AI 演示如何制作，包括图标形状的构造等，工具适用 mac 电脑。
- 第二部分将用 PS 演示第二种制作方法，工具适用 mac 和 win 电脑。
- 第三部分为动效设计，将用 AE 演示如何制作，包括倾斜角度的变换等，工具适用 mac 和 win 电脑。
详细操作请看文章开头的视频教程演示。
下方有源文件的链接，请大家自行下载源文件。源文件只能作为个人练习使用，最主要是你能掌握方法，切勿私自商用和贩卖。
想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc5 备注「优优自学团」（无备注不通过哦）
附件下载
| 文件名 | 文件大小 | 提取码 | 下载来源 |
|---|---|---|---|
| 毛玻璃图标 | 1.7M | apmg 点此复制 | 登录下载 |
8赞 收藏 45
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
复制本文链接
继续阅读与本文标签相同的文章：
发表评论 已发布 1 条