AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载)

时间:2021-09-26
B站视频:av932347755
类别:AE教程
水平:普通
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

教程作者:我是破美工(授权转载)

交作业去这里→#优设每日作业#

文章编辑:@雪寄草

关于教程

1964年第18届东京奥运会,日本首次发明了运动图标,57年后的第32届东京奥运会,图标从静态变成了动态。这样的图标要如何才能实现?一起来看看本期教程吧~

整理这期视频的时候,我也发现好多UP主也出了类似内容,有的思路接近,有的差别很大。如果真的对“动态图标”感兴趣,建议多去看看其他UP主的内容,不必听我一家之言。

教程效果图

AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载)

教程简概

详细操作请看文章开头的视频教程演示。

Step 01 设计灵感

本次教程的灵感来源是:东京奥运会动态图标 + 网络热门二次创作。

AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载)

Step 02 思路分析

想要实现这样的图标效果,需要将动效拆分成进场、运动、出场三个环节来理解。

AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载)

Step 03 实现原理

讲解控制路径粗细变化、出现消失的具体方法,这是图标中每一个肢体细节的呈现原理。

AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载)

Step 04 案例实操

以“中国特色街头行为艺术”为原材料,具体演示实现一个图标的完整过程。

AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载) AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载)

最终效果图

AE教程!如何制作一个动态图标?- AE实用小技巧08(附插件下载)

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
操作视频 & 插件477.62MBte5v 点此复制 登录下载
3 收藏 10

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 4

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片