AE教程!伪3d小火箭图标动画小教程

时间:2022-04-27
B站视频:av640221758
类别:AE教程
水平:普通
观众:6.2k
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

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

教程作者:@郁闷的鸡(优设大课堂UI&动效课讲师)

报名课程:鸡爷UI就业实战班  |  动效设计全能实战班

交作业:#优设每日作业#

文章编辑:@雪寄草

关于教程

本期视频教你在AE中快速制作一个小火箭循环喷射飞行的伪3D动画,学会后还可以举一反三,制作其他动态小元素哦~

教程效果图

AE教程!伪3d小火箭图标动画小教程

关键步骤提示

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

Step 01 尾翼转动

降低不透明度并拉出辅助线,将一侧的尾翼拖到中间并压缩,然后拖动到右边反方向上对齐,获得一次旋转动画。

AE教程!伪3d小火箭图标动画小教程 AE教程!伪3d小火箭图标动画小教程 AE教程!伪3d小火箭图标动画小教程

Step 02 尾翼循环

水平翻转复制出另一侧尾翼,然后添加下图所示的表达式,实现尾翼动画的循环播放。

AE教程!伪3d小火箭图标动画小教程 AE教程!伪3d小火箭图标动画小教程 AE教程!伪3d小火箭图标动画小教程

Step 03 圆窗旋转

调整窗户的位置属性并K帧,借助蒙版模拟窗户在火箭表面旋转的效果。

AE教程!伪3d小火箭图标动画小教程 AE教程!伪3d小火箭图标动画小教程 AE教程!伪3d小火箭图标动画小教程

Step 04 火焰震动

为火箭尾部的小火箭添加 摆动路径 效果,调整参数细节,模拟火焰喷射时轻微的震动。

AE教程!伪3d小火箭图标动画小教程 AE教程!伪3d小火箭图标动画小教程

Step 05 调整完善

将所有图层选中,合并为一个合成,然后旋转45°并添加周围小星星散播开来的装饰即可。

AE教程!伪3d小火箭图标动画小教程 AE教程!伪3d小火箭图标动画小教程

最终效果图

AE教程!伪3d小火箭图标动画小教程

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

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

3 收藏 11

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

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

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片