「MG」Motion Graphics练手

发布于 2019-05-18  58 次阅读


Motion Graphics练手

长期更新。

新建一个正方形作为基准。

构建正方体边缘

构建点

首先,我们区分四个部分。

在“内容 - 基准 - 矩形路径”中有一个“位置”,我们将其设置为[0, 0]。我们对这个正方形的位置设定在“内容 - 基准 - 变换: 基准”中进行。

capture_2019-05-18_22-13-51

注意,“变换”中还有一个“位置”属性,此时这个属性为[1280, 720],即我们一切的变换都是从整个画面的中心开始的。不过在一会儿进行表达式设置时,这个属性并不影响我们。

我们将左上角的点作为初始点,使用“中继器”进行复制吧。考虑“内容 - 基准 - 矩形路径 1”中的大小为矩形的边长,而中心点在[0, 0],我们先新建一个椭圆,大小调整为16 \times 16,再添加一个“填充”,ctrl + g进行打组,继续后面的操作。由于需要进行中继器操作,我们不再“变换: 点”中操作此点的位置,我们在“点 - 椭圆路径 - 位置”中对点的位置进行操作。在点中输入

-content("基准").content("矩形路径 1").size / 2;

即可调整到位。构建正方体边缘_01

添加中继器,即可做出于正方形绑定运动的点。但是啊,如果遇到正方形位置移动,点会偏离。

简单修改代码

content("基准").content("矩形路径 1").position - content("基准").content("矩形路径 1").size / 2;

即可。

构建短边

为了美观,我们就在现有图形上操作。稍微有些修改,参见后方的工程文件。

首先,新建矩形,大小暂时为[100, 5](之后会根据原图形的大小动态修改),然后添加填充,打组。考虑到矩形的锚点在正中央,我们的位置信息如此输入

content("基准").content("矩形路径 1").position - content("基准").content("矩形路径 1").size / 2 + [content("短边").content("矩形路径 1").size[0] / 2, 0];

添加中继器,中继器的锚点我们则这么输入

content("基准").content("矩形路径 1").position - content("基准").content("矩形路径 1").size / 2

构建正方体边缘_03

但是考虑到基准图形会缩小到当前矩形长度以下,我们对矩形长度进行以下处理

[content("基准").content("矩形路径 1").size[0] * 0.3, value[1]]

进行一些处理,出成品。

构建正方体边缘_2
下面这个是正常速度

(之前做的被夜辰姐吐槽了,改了改就成了这样)

2019 / 5 / 18
工程文件: https://files.catbox.moe/2tecf3.aep
由于没考虑到GIF的限制,窝做的2k 60帧被放慢了,算了。

第二份,但是因为时间问题,并没有制作动画...(这就不叫Motion Graphics了吧)
也并没有太思考细节...哎算了,因为出门去打肥宅快乐球去了

还是有画面冗余的问题。
设计并不是越复杂越好。

顺带还有融球动画的简单测试

这个动画有很多不完美的地方,需要一些特别的处理。
原理是合并路径 + 位移路径,但是位移路径会导致球的体积变小,并且会出现拉丝的状况。
我们需要对位移路径k帧,然后调整球的体积不变。
表达式如下

value - 2 * [content("椭圆 1").content("位移路径 1").amount, content("椭圆 1").content("位移路径 1").amount]

然后一帧一帧k融球动画的部分,得到修正如下

是不是看起来舒服点了?
就酱。

2019 / 5 / 25
照样的,工程文件:https://files.catbox.moe/c7x80b.aep
工程文件里有很多失败的部分


WHO YOU ARE