AE教程!SteamDeck开机LOGO图形切换动画教学来了

作者:潮点学院

发布于 2023-03-08 10:58:26

902阅读

0点赞

研究 Steam Deck 开机动画在 AE 中的实现方法,从动效设计的层面探讨,如何做出丝滑的图形切换 LOGO 动画。

教程作者:太阳鸽鸽棒(授权转载)

一、关于教程

本期视频我们来研究 Steam Deck 开机动画在 AE 中的实现方法,从动效设计的层面探讨,如何做出丝滑的图形切换 LOGO 动画。这个案例可以非常好地帮助大家理解,在动态设计当中不同图形之间变换的处理方式。


Step 01 初始动画

在AE中绘制出动态logo的初始图形,为中心圆球和外圈制作缩放动画。

AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了

Step 02 衔接动画

选择外圈图形,找到它的修建路径属性,给开始、结束和偏移属性打上关键帧,制作衔接动画。

AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了

Step 03 结束图形生长动画

这个部分其中元素可以分为圆形轴承与条状机械臂,绘制部件然后先制作机械臂的生长动画,需要注意机械臂在生长过程中粗细变化是不均等的,然后制作小轴承的进场效果。

AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了

Step 04 装饰性细节制作

先制作steam的logo外框圆圈动画,再制作勾边效果,利用修剪路径以及锥度属性做出整个描边动画的运动。最后再调整一下各个部分的颜色。

AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了 AE教程!SteamDeck开机LOGO图形切换动画教学来了

三、最终效果图

欢迎关注作者的微信公众号:「太阳鸽鸽」

AE教程!SteamDeck开机LOGO图形切换动画教学来了