商业Flash设计经验谈(速度感)
商业Flash设计经验谈(速度感),商业Flash设计经验谈(速度感)
既然是酷眩Flash就一定要有很好的速度感,如果你在以下几个方面注意了就会发现,速度感觉不仅仅是动作快就能够满足的。
1、移动模糊
熟悉photohsop的人都知道motion blur,移动模糊是模拟人眼看到高速运动的物体时的样子(如图13)。由于人眼的视觉停留,高速运动的物体都会延他的运动路径被拉长,就象你看到高速公路上奔驰的车流,是彩色的线组成的一样。我们可以在photoshop或者flash里制造物体的移动模糊效果,当需要物体高速位移可以采用经过motion blur处理后的物体替代。当运动结束时再换之真正的物体,视觉上就会觉得物体运动的速度极高。还有缩放模糊(如图14)、旋转模糊都可以应用在flash中,例如表现镜头的高速缩放、高速旋转等等。。
2、速率
这里说的速率即FPS(每秒钟播放桢数)(如图15),这个速率合适与否直接影响了动画的播放速度、占用cpu资源,最重要的是影响了流畅度。理论上说,当然是fps越高,占用cpu资源越重,也就是说可能反而会断断续续。一般情况下24-40是一个合理范围,在这个速率内的动画显得非常流畅,同时耗资源也不是很重。
3、加速度
通俗的说加速度就是速度越来越快,当然也有反向的,在flash中就体现在frame标签里的easing的值(如图16),加速度在动画中的作用,是使元素的运动更接近自然界的运动,例如物体呈抛物线运动的时候,速度应该是越来越慢的,而下落的物体应该是越来越快的。一般来说从运动到静止的物体都是逐渐减速的,反之是逐渐加速的。总之掌握好物体运动的加速度,是把握物体运动更自然更人性化的关键因素。
4、反弹
反弹是自然界最常见的物理现象,动画中也常常会用到它,特别是在设计卡通风格的动画中由为重要。简单地说是使物体动的看起来有弹性,例如文字落下时没有马上静止而是向上弹了一、二下才静止,使得文字看上去充满了生气。弹性配合加速度,就可以体现物体的重力和运动的真实程度了。
5、惯性
又是一个常见的物理现象,和加速度相反,惯性的表现一般用在突然发生动作或者突然静止的时候,例如物体要高速向前运动时,可以先稍稍得向后运动一点,来表现原来静止带来的惯性。高速运动的物体突然停止的时候,可以给它以形变,然后恢复,体现高速运动的惯性。惯性大会显得很卡通,轻微的体现惯性则更自然。