查看全集:Vook动画制作技巧

点击这里查看上一篇文章

【01】运动图形-寻找共同点-

 

[02] Motion Graphics-思考什么样的力起作用并诞生-

 

[03] Motion Graphics-改变角度和基点-

 

什么是动态图形?

我认为动态图像是“设计+运动”

设计重要性现在已经得到了广泛的认可,这得益于许多优秀的人把它发散出来。
所以这一次,我想基于设计很重要的大前提下谈谈其核心

用语言表达“运动机制”的必要性

当你看到一流的动态图形作品时,你有没有想过,“它是基于什么想法制作的? ”

在大多数情况下,也会是拟声词的解释(emm)或者说是某种感觉
我也被问过同样问题,是我应该如何回答……?
虽然我是根据可靠的逻辑做出动作,但无法用语言形容。

我不否认,有些天才完全用感官来创造一切,但这毕竟是少数。
虽然我也是感性流派,但我也设法探寻运动的逻辑,并在不依靠感官的情况下进行思考,并将其运用到工作生产中。

有时候你可以用感官创作,但如果牢记这些机制,完全可以提升作品
而且如果你心中有答案,能说明思想和意图,也更容易说服甲方。
此外,因为有基本的想法,才可以跳出这个圈。

现在,在实际查看提示的同时,我想用语言表述运动的流程,并加深个人理解。

创造运动流程的三个视角

这里介绍几种,如何平稳移动以及下一步该如何移动。
本次介绍如下。

  • 找到共同点
  • 想一想是什么样的力量在起作用
  • 改变角度和基点

首先,来我们共同点

通过移动建立共同点

在很多情况下,图像之间的连接没有任何共同点。
如果前后图像没有任何共同点,对比会很强,切换起来也会很剧烈,因此运动看起来不太像流畅的样子。
尤其是在形状不同的情况下,切换时的印象依然强烈。

这时候就得爆发你的小宇宙了。

即使形状不同或没有任何共同点,您也可以通过前后运动之间创建共同点。

诸如“运动”、“形状”和“颜色”等各种词都可以放在共同点上。
我们将通过以复杂的方式进行组合,来考虑接下来需要连接的运动。

给你举个例子。见下图。

▼ 左边方形 vs 右边圆

它们有什么共同点?
乍一看,颜色和质地有些共同点。
从形状看来,有角的正方形和圆形对比还是很强烈的。

▼ 移动以增加共同点。

通过旋转正方形,创建圆形轨迹,再创建类似圆的形状
在GIF中,很容易理解方形旋转的轨迹。在创建运动时,添加轨迹也是一种行之有效的方法。

现在,来创建一个在不同形状之间切换的运动。
通过在前后运动和形状中具有共同点,可以流畅地看到图形的切换。

至于运动的共同点,需要把“运动”本身进行分解。
比如“速度”和“方向”等词就很不错。
速度和方向,运动的速度?旋转速度?可以细分出来很多。

▼ 从矩形切换到圆形。

如果没有共同点,切换非常强烈。

▼ 加入运动,使前后具有共同点。

根据左右移动和旋转运动来切换形状。
这次的共同点如下。

  • 移动方向
  • 移动速度
  • 旋转方向
  • 旋转速度
  • 形状
  • 颜色、质地

匹配运动方向和速度以及旋转的方向和速度。
(由于形状问题,圆似乎没有旋转,但……它以相同的旋转值移动)

这时候可以在最大速度附近切换,就好很多了。
此外,由于正方形旋转形成的圆形轨迹,在形状上也有了共性。

由于不进行变形,通过对要切换的图形赋予“共同点”,可以减轻切换时的不适感。

由布局创建的形状共同点

形状的共性不仅在于形状本身,还在于多个形状的排列。

▼ 来看看下一张 GIF

对象升起后,在绘制圆形轨道的同时进行复制。
通过复制的形状也可以视为圆形。
多个图形排列所创造的圆形形状共性收缩运动共性结合在一起,以减轻返回原始圆形时的不适感。

▼让我们看一下根据排列的形状的共同点。

当圆柱体弹出并粘在屏幕上时,另一个圆柱体翻转过来,形成方形排列。
创建了一个四边形形状,再准备连接到四边形运动。

通过这种方式,可以利用共性来连接运动。
不仅运动的形状和方向,而且跳跃坠落等事件都可以建立共同点。
下篇文章,我们还会讲讲事件的共性。

如果能找到共同点,随着它们的积累,运动的可控范围就会扩大。
为什么不仔细看好作品,寻找视频前后的共性?

Leave a Reply

Your email address will not be published.