在我们平时的设计工作中,经常会需要做一些有动感的画面,来体现某些产品所具有的运动属性。可是由于载体或者是成本的原因,往往导致客户没办法去投入动态画面的制作,这就要求我们在静态的平面中,尽量地创造出动感,让原本不会动的画面看上去好像也能动起来,这就是本篇教程为大家带来的内容。
1.这组猫的图片明明都是静态的,可是为什么我们看到这些照片的时候感觉到猫在跳跃的动感?主要是因为我们的【心理作用】。
2.正如佛教里所讲的,不是风在动,也不是云在动,而是心在动。
3.所以我们做设计的时候,就可以很好地利用心理作用,去实现一些具有动感的画面。我们需要先了解关于运动它在物理学中的定义。
4.物理学中的运动必须具备两个要素:【速度】和【能量】。
5.总结出两种画面中的动势,第一种就是【具备速度和方向的动势】。如图示图片,可以很明显地感觉到图片中的主体是正在运动,并且具有很快的速度和明确的运动方向。
6.第二种就是【静止的但具有强烈能量的动势】。如图示图片,都没有在动,可是我们也能够感觉到它的动感。
7.张力在画面中不平衡时便会产生动感,所谓张力,就是画面中元素向外扩张的心理作用。
8.我们可以将张力与万有引力进行类比,万有引力就是任意两个物体具有通过连线方向上的力相互吸引。
9.我们可以将张力定义为画面中任意两个元素,有通过连线方向上的力相互吸引。
10.比如我们在画面中的上下左右各放一个圆点,然后在画面的正中间放一个较大的点。中间这个点由于均衡受到上下左右吸引力的作用,所以它所受到的张力是平衡的。
11.我们将中间大点往上移动,大点受到的张力平衡就会被打破,产生了要往下坠的动势。
12.根据万有引力定律公式,物体所受的吸引力和质量是成正比的。同样可以类比到张力中来,画面中打破平衡的元素的质量和面积越大,所带来的动感就会越强烈。
13.总结了三点产生动感的原因:基于生活经验与心理、认知诱导视线移动、非平衡状态下产生的视觉冲击。
14.我们先来看基于生活经验与心理认知。每个人在成长的过程中都会碰到许多人和事,并且对不同的事物会总结出一套规律和认知。所以我们能感觉到一件事物是运动的还是静止的。
15.比如这两个小人,虽然只是一个轮廓,但是我们能感觉到左边的是站立的静止的,而右边的人正在走路是运动的。
16.第二种情况诱导视线移动。由于运动它是相对的,所以我们在看东西的时候,视线移动也可以理解为是物体相对视线发生了移动。
17.最简单移动的案例就是箭头。例如这是一条水平的直线,我们会认为它是静止的。当、我们在一端加上一个箭头之后,眼睛就会随着箭头所指方向移动,从而产生动感。
18.第三种情况非平衡状态下产生的视觉冲击。比如在天平的两端各放一只猪,天平就是处于一个平衡的状态。当我们在其中一侧加上一只猪时,天平就会失去平衡,重量更大的一边会往下倒。
19.而我们的大脑其实也和天平相似,当我们看到一些不平衡的画面时。会把它转换为平衡状态的倾向,所以动感的产生也就是大脑脑补不平衡到平衡的运动过程。
20.在半空中放一块石头,由于这块石头受到重力的作用处于一个不平衡的状态。所以我们认为它有向下掉的趋势,直到与地面接触找到新的平衡状态。
21.如果我们把石头换成一个气球,那么情况就相反了。
22.这三个海报都是通过创造一些不平衡的场景来,带来刺激感,从而产生动感。
23.接下来的部分就是真正的干货环节,去给大家讲一讲一些比较实用的制造动感的技巧,这里我总结了九个小技巧。
24.这里可以分为两种情况,一个是【捕捉运动刚开始的瞬间】,强调运动刚开始的那种能量感。
25.这两个是捕捉运动开始瞬间的例子,两名运动员都穿好了装备,虽然还没开始动,但是却能感受到一触即发的这种紧张感。
26.第二种就是【捕捉运动过程的某一个瞬间】,这种方式它带来的动感会比上一种强烈得多。
27.比如这三个例子都是捕捉了运动员正在运动中的瞬间。