AE教程!MJ辅助制作小火箭加载动画

类别:AE教程
水平:入门
观众:1.0w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

AE教程!MJ辅助制作小火箭加载动画

教程作者主页:动效空间(授权转载)

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

一、关于教程

今天我们来做一个非常非常简单的小火箭加载动画,火箭是用 AI 绘图软件 Midjourney 画的,

关键词如下:Translucent, Rocket, 3D Icon, Beautiful, Bright, Technology, Innovation, Space, Launching,OC renderer --style expressive

这是我生成的原图:

AE教程!MJ辅助制作小火箭加载动画

然后把这个图的背景去掉,这里给大家推荐一个抠图网站:https://clipdrop.co/remove-background,把图片拖进去就好了,最终得到一张这样的无背景图:

AE教程!MJ辅助制作小火箭加载动画

然后进入今天的动画环节了~

二、动效制作

01.   打开ae,新建合成,命名“加载动画”,并设置各参数

AE教程!MJ辅助制作小火箭加载动画

02.   把图片直接拖进ae面板,“缩放”和“旋转”调成自己喜欢的尺寸以及方向

AE教程!MJ辅助制作小火箭加载动画

03.   复制(ctrl+d)一个火箭,选中第一个火箭图层,用“钢笔工具”把火箭的身子勾勒出来

AE教程!MJ辅助制作小火箭加载动画

04.   选中第二个火箭图层,把火勾勒出来,并改名字为“火”(重命名:enter键)

AE教程!MJ辅助制作小火箭加载动画

05.   选中“锚点工具”,把锚点放在和火箭相接的地方

AE教程!MJ辅助制作小火箭加载动画

06.   找到“缩放”,时间线放在初始位置,打上一个缩放关键帧(此时我的缩放数值是29%,你的可能是别的数值)

AE教程!MJ辅助制作小火箭加载动画

07.   在第2帧、4帧、6帧、8帧、10帧处,分别把缩放改为22,29,22,29,22(数值不是固定的,大家根据自己目前的尺寸修改,保证一大一小即可)

AE教程!MJ辅助制作小火箭加载动画

08.   框选所有关键帧,右击,关键帧辅助,缓动

AE教程!MJ辅助制作小火箭加载动画

09.   不选中任何图层的情况下,双击“椭圆工具”,绘制一个圆,填充改为径向渐变,色值“#0D54A4-#0D1947”,并把图层命名为“背景”,放在图层最下方

AE教程!MJ辅助制作小火箭加载动画

10.   不选中任何图层的情况下,用“钢笔工具”画一个小线段,色值#75E8FF,并把锚点放在中间

AE教程!MJ辅助制作小火箭加载动画

11.   复制出若干个,拖到各个角落

AE教程!MJ辅助制作小火箭加载动画

12.   选中所有小线段,ctrl+shift+c预合成

AE教程!MJ辅助制作小火箭加载动画

13.   找到“旋转”,旋转至和火箭一样的方向

AE教程!MJ辅助制作小火箭加载动画

14.   在0帧的地方,把小线段挪至右上方,并打上“位置”关键帧

AE教程!MJ辅助制作小火箭加载动画

15.   在第4帧,把小线段拖到左下方,打上第二个关键帧

AE教程!MJ辅助制作小火箭加载动画

16.   在第4帧处,ctrl+shift+d截断图层

AE教程!MJ辅助制作小火箭加载动画

17.   找到“位置”的两个关键帧,一起选中并拖至第二个关键帧对齐第10帧,并按快捷键N,把工作区截断在此处

AE教程!MJ辅助制作小火箭加载动画

18.   框选4个关键帧,加缓动

AE教程!MJ辅助制作小火箭加载动画

19.   把两个小线段图层放在火箭下面,复制一个“背景”图层放在最上面,模式改为“模板Alpha”(为了把小线段框在背景区域里)

AE教程!MJ辅助制作小火箭加载动画

20.   选中“火箭”和“火”图层,复制(ctrl+d)一下,把它俩预合成,命名为“模糊”,放在“火”图层下面

AE教程!MJ辅助制作小火箭加载动画

21.   右击图层,选择“模糊和锐化”里的“高斯模糊”

AE教程!MJ辅助制作小火箭加载动画

22.   模糊度调大,不透明度降低(和背景融合一下)

AE教程!MJ辅助制作小火箭加载动画

到这里就做完了~导出的时候选择“RGB+Alpha”就可以导出透明背景的了。

AE教程!MJ辅助制作小火箭加载动画

三、最终效果图

AE教程!MJ辅助制作小火箭加载动画

欢迎关注「动效空间」的微信公众号:

AE教程!MJ辅助制作小火箭加载动画

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

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

4 收藏 11

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

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

复制本文链接
img

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

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片