什么是动态图形?
我认为动态图像是“设计+运动”。
设计的重要性现在已经得到了广泛的认可,这得益于许多优秀的人把它发散出来。
所以这一次,我想基于设计很重要的大前提下,谈谈其核心
用语言表达“运动机制”的必要性
当你看到一流的动态图形作品时,你有没有想过,“它是基于什么想法制作的? ”
在大多数情况下,也许会是拟声词的解释(emm)或者说是某种感觉。
我也被问过同样问题,是我应该如何作答……?
虽然我是根据可靠的逻辑做出动作,但无法用语言形容。
我不否认,有些天才完全用感官来创造一切,但这毕竟是少数。
作为感性派的我,也设法探寻运动的逻辑,在不依靠感官的情况下进行思考,并将其运用到工作生产中。
有时候你可以用感官创作,但如果牢记这些机制,完全可以提升作品。
而且说明思想和意图,也更容易说服甲方。
此外,因为有基本的想法,才方便跳出这个圈。
现在,在实际查看提示的同时,我想用语言表述运动的流程,并加深个人理解。
创造运动流程的三个视角
这里介绍几种,如何平稳移动以及下一步该如何移动。
本次介绍如下。
- 找到共性
- 想一想是什么力量在起作用
- 改变角度和基点
首先,来我们共性。
通过移动建立共性
在很多情况下,图像之间没有任何共性。
但这样,对比会很强烈,切换起来也会很剧烈,因此运动看起来不太流畅的样子。
尤其是形状不同时,这种观感更加强烈。
这时候就得爆发你的小宇宙了。
你可以通过前后运动之间创建共性。
诸如“运动”、“形状”和“颜色”等各种词都可以放在共性上。
通过复杂的方式进行组合,来考虑接下来如何连接运动。
举个例子。见下图。
▼ 左边方形 vs 右边圆
它们有什么共性?
乍一看,颜色和质地差不多。
从形状看来,有角的方形和圆形对比还是蛮强烈的。
▼ 移动以增加共性。
通过旋转正方形,创建圆形轨迹,再创建类似圆的形状。
添加轨迹也是一种行之有效的方法。
现在,来创建一个在不同形状之间切换的运动。
具有共性,图形切换就很流畅。
至于运动的共性,需要把“运动”本身进行分解。
比如“速度”和“方向”等词就很不错。
速度和方向,运动的速度?旋转速度?可以细分出来很多。
▼ 从矩形切换到圆形
如果没有共性,切换非常强烈。
▼ 加入运动,获得共性。
根据左右移动和旋转运动来切换形状。
这次的共性如下。
- 移动方向
- 移动速度
- 旋转方向
- 旋转速度
- 形状
- 颜色、质地
(由于形状问题,圆似乎没有旋转,但……它以相同的旋转值移动)
这时候可以在最大速度附近切换,就好很多了。
此外,由于正方形旋转形成的圆形轨迹,在形状上也有了共性。
不进行变形,通过对图形赋予“共性”,可以减轻切换时的不适感。
由布局创建的形状共性
形状的共性不仅在于形状本身,还在于多个形状的排列。
▼ 案例
对象升起后,在绘制圆形轨道的同时进行复制。
通过复制的形状也可以视为圆形。
多个图形排列所创造的圆形形状共性和收缩运动共性结合在一起,以减轻返回原始圆形时的不适感。
▼根据排列形状的共性
当圆柱体弹出并粘在屏幕上时,另一个圆柱体翻转过来,形成方形排列。
创建了一个四边形形状,再连接到四边形运动。
通过这种方式,可以利用共性来连接运动。
不仅运动的形状和方向,而且跳跃和坠落等事件都可以建立共性。
下篇文章,我们还会讲讲事件的共性。
如果能找到共性,随着它们的积累,运动的可控范围就会扩大。
为什么不仔细看好作品,寻找视频前后的共性?