【Vook动画制作技巧】运动篇 – 01.运动图形-寻找共性

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

[01]寻找共性
【Vook动画制作技巧】运动篇 - 01.运动图形-寻找共性
[02] 思考什么样的力起作用
【Vook动画制作技巧】运动篇 - 01.运动图形-寻找共性
[03] 改变角度和基点
【Vook动画制作技巧】运动篇 - 01.运动图形-寻找共性

什么是动态图形?

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

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

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

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

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

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

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

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

创造运动流程的三个视角

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

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

首先,来我们共性

通过移动建立共性

在很多情况下,图像之间没有任何共性。
但这样,对比会很强烈,切换起来也会很剧烈,因此运动看起来不太流畅的样子。
尤其是形状不同时,这种观感更加强烈。

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

你可以通过前后运动之间创建共性。

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

举个例子。见下图。

▼ 左边方形 vs 右边圆

【Vook动画制作技巧】运动篇 - 01.运动图形-寻找共性

它们有什么共性?
乍一看,颜色和质地差不多。
从形状看来,有角的方形和圆形对比还是蛮强烈的。

▼ 移动以增加共性。

【Vook动画制作技巧】运动篇 - 01.运动图形-寻找共性

通过旋转正方形,创建圆形轨迹,再创建类似圆的形状
添加轨迹也是一种行之有效的方法。

现在,来创建一个在不同形状之间切换的运动。
具有共性,图形切换就很流畅。

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

▼ 从矩形切换到圆形

【Vook动画制作技巧】运动篇 - 01.运动图形-寻找共性

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

▼ 加入运动,获得共性。

【Vook动画制作技巧】运动篇 - 01.运动图形-寻找共性

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

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

(由于形状问题,圆似乎没有旋转,但……它以相同的旋转值移动)

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

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

由布局创建的形状共性

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

▼ 案例

【Vook动画制作技巧】运动篇 - 01.运动图形-寻找共性

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

▼根据排列形状的共性

【Vook动画制作技巧】运动篇 - 01.运动图形-寻找共性

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

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

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

给TA充电
共{{data.count}}人
人已充电
暂无分类

【疑难杂症】解决Microsoft Store账号登录和下载问题

2021-5-4 21:11:17

暂无分类

【Vook动画制作技巧】 运动篇 - 02.思考什么样的力起作用

2021-7-22 12:58:24

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
搜索