商业Flash设计经验谈(二)

设计

  三、速度感
  既然是酷眩Flash就一定要有很好的速度感,如果你在以下几个方面注意了就会发现,速度感觉不仅仅是动作快就能够满足的。
  1、移动模糊
  熟悉photohsop的人都知道motion blur,移动模糊是模拟人眼看到高速运动的物体时的样子(如图13)。由于人眼的视觉停留,高速运动的物体都会延他的运动路径被拉长,就象你看到高速公路上奔驰的车流,是彩色的线组成的一样。我们可以在photoshop或者flash里制造物体的移动模糊效果,当需要物体高速位移可以采用经过motion blur处理后的物体替代。当运动结束时再换之真正的物体,视觉上就会觉得物体运动的速度极高。还有缩放模糊(如图14)、旋转模糊都可以应用在flash中,例如表现镜头的高速缩放、高速旋转等等

图13

图14
  2、速率
  这里说的速率即FPS(每秒钟播放桢数)(如图15),这个速率合适与否直接影响了动画的播放速度、占用cpu资源,最重要的是影响了流畅度。理论上说,当然是fps越高,占用cpu资源越重,也就是说可能反而会断断续续。一般情况下24-40是一个合理范围,在这个速率内的动画显得非常流畅,同时耗资源也不是很重。

图15
  3、加速度
  通俗的说加速度就是速度越来越快,当然也有反向的,在flash中就体现在frame标签里的easing的值(如图16),加速度在动画中的作用,是使元素的运动更接近自然界的运动,例如物体呈抛物线运动的时候,速度应该是越来越慢的,而下落的物体应该是越来越快的。一般来说从运动到静止的物体都是逐渐减速的,反之是逐渐加速的。总之掌握好物体运动的加速度,是把握物体运动更自然更人性化的关键因素。

图16
  4、反弹
  反弹是自然界最常见的物理现象,动画中也常常会用到它,特别是在设计卡通风格的动画中由为重要。简单地说是使物体动的看起来有弹性,例如文字落下时没有马上静止而是向上弹了一、二下才静止,使得文字看上去充满了生气。弹性配合加速度,就可以体现物体的重力和运动的真实程度了。
  5、惯性
  又是一个常见的物理现象,和加速度相反,惯性的表现一般用在突然发生动作或者突然静止的时候,例如物体要高速向前运动时,可以先稍稍得向后运动一点,来表现原来静止带来的惯性。高速运动的物体突然停止的时候,可以给它以形变,然后恢复,体现高速运动的惯性。惯性大会显得很卡通,轻微的体现惯性则更自然。

  四、视觉冲击力
  酷眩Flash,是否有视觉冲击力是很重要的,不是晃的人眼晕就是有冲击力。视觉冲击不应该过多,而且要在合理的地方出现。那么怎样设计有冲击力的动画呢?
  1、速度
  高速度本身就产生了视觉冲击,但在众多高速运动的物体中,缓慢运动的物体反而更引人瞩目了。因此除了高速、变速,跟周围环境差异大的运动速度,都能给人带来一定的视觉影响。
  2、面积
  毫无疑问,大面积的运动能带来更大的冲击力,但一定要在不给人造成心理压力的前提下。如果面积很小而且无法扩大,高速闪动是个不错的选择。
  3、动作
  一般来说,高速缩放是最能带来视觉冲击的。位移其次,其它是各种各样的特殊效果,其实这和环境的关系很大,动作特殊往往就会带来不错的效果。
  4、颜色
  颜色与面积关系很大,我们经常可以在影视片断当中看到这样的处理,两个片断之间,突然白屏,然后画面渐出。给人很强的视觉冲击,可以说颜色变化的越大视觉冲击就越强。我们可以经常在一些优秀作品当中看到物体往往会变白以后再移动,因为白色最亮,自然会非常抢眼。这只是一个典型的例子,颜色的变化还要依据动画的整体风格,不可生搬硬套。

  说了这么多,制造又酷又眩的Flash,首先要从平面效果下手,设计合理美观的表现方式。然后利用各种动态效果和适当的元素去表达所需要传达的概念。动画设计的过程重要从节奏、速度、冲击力等几个方面去考虑!希望这篇文章能够起到抛砖引玉的作用,使大家能够更多的注意到优秀作品的科学合理性,更深层次的去挖掘适合Flash动画的表现方式!

时间: 2024-09-10 19:15:20

商业Flash设计经验谈(二)的相关文章

商业Flash设计经验谈(一)

设计 看到这个题目您也许会说,Flash本身就是很酷眩的.很多Flash初学者认为,只要动的元素多就是眩,就是动感十足.其实动态效果设计本身就是一门学问,国外有很多传统动画师可能为此付出了毕生的精力.作为利用Flash来传达思维的网络设计师,应该充分吸取传统动画.卡通.视频等多种表现形式的经验和技巧,真正使你的作品流畅而富于动感.在我这两年来的商业Flash设计中,尝试了很多的动态效果.视觉表现手段,也研究欣赏过不少国外的优秀作品,希望我的一点点心得能够给大家以帮助.作者水平有限,不足之处,请不

商业Flash设计经验谈(设计流程)

设计 一.设计流程 这里所说的流程就是Flash设计时的工作流程,不论是小组还是个人,这个流程的每一个环节都是必不可少的. 1.静态效果图结构图 任何动画都离不开平面美术,就像好的电影有一个好的美术指导一样.因此在做Flash之前,我们应该先使用photoshop等软件将整个Flash动画中,几个关键场景和出现元素的效果图画出来.(如图1.2.3)这是一个宣传CDMA移动电话网的片头,设计风格:科技.高速.精准.这3张效果图本身也标志了动画的结构:引子.动画主体.结束总结.如果动画结构更加复杂,

商业Flash设计经验谈(视觉冲击力)

设计 四.视觉冲击力 酷眩Flash,是否有视觉冲击力是很重要的,不是晃的人眼晕就是有冲击力.视觉冲击不应该过多,而且要在合理的地方出现.那么怎样设计有冲击力的动画呢? 1.速度 高速度本身就产生了视觉冲击,但在众多高速运动的物体中,缓慢运动的物体反而更引人瞩目了.因此除了高速.变速,跟周围环境差异大的运动速度,都能给人带来一定的视觉影响. 2.面积 毫无疑问,大面积的运动能带来更大的冲击力,但一定要在不给人造成心理压力的前提下.如果面积很小而且无法扩大,高速闪动是个不错的选择. 3.动作 一般

商业Flash设计经验谈(节奏控制)

控制|设计 二.节奏控制 好的动画应该是视觉冲击与信息传达相结合,流畅充满美感,这些都需要我们为动画设计一个好的整体节奏. 1.起伏 假如我告诉你我要做一个片头动画,动画的开始(引子)是一段渐起的音乐,动态柔和唯美,随着音乐的渐强达到高峰,也进入动画第2阶段,这是动画主体也是信息传达的主要时期,在连续高速的动画过后音乐嘎然而止,进入结束画面,也就是整个动画的结尾.那么这个动画的整体节奏起伏是什么样子呢?如下图:(如图8).这种节奏更适合做介绍产品的动画,叙事性强.

商业Flash设计经验谈(速度感)

设计|速度 三.速度感 既然是酷眩Flash就一定要有很好的速度感,如果你在以下几个方面注意了就会发现,速度感觉不仅仅是动作快就能够满足的. 1.移动模糊 熟悉photohsop的人都知道motion blur,移动模糊是模拟人眼看到高速运动的物体时的样子(如图13).由于人眼的视觉停留,高速运动的物体都会延他的运动路径被拉长,就象你看到高速公路上奔驰的车流,是彩色的线组成的一样.我们可以在photoshop或者flash里制造物体的移动模糊效果,当需要物体高速位移可以采用经过motion bl

家政O2O两大痛点:行业线下门槛和商业模式设计

中介交易 SEO诊断 淘宝客 云主机 技术大厅 文/周袁红 ("阿姨来了"创始人) [导读]:仅靠一个技术创新,就希望给行业带来飓风,就希望把现有的一切荡涤一空,是不可能的.家政O2O没有免费的午餐!这句话有两层含义,一是说仅靠信息技术的某个创新,就能一分天下,那是低估了行业线下门槛;二是从商业模式设计上来讲,家政行业没法对用户免费.个中原由,花开两朵,各表一枝. 首先,家政是一种没有恋爱的同居关系,需要大量的前期付出.如同婚恋网需要线下见面.约会.拿结婚证入洞房一样,家政同样需要线下

数据库设计经验谈 一 (引)

设计|数据|数据库|数据库设计  数据库设计经验谈 作者: 水若寒 一个成功的管理系统,是由:[50% 的业务 + 50% 的软件] 所组成,而 50% 的成功软件又有 [25% 的数据库 + 25% 的程序] 所组成,数据库设计的好坏是一个关键.如果把企业的数据比做生命所必需的血液,那么数据库的设计就是应用中最重要的一部分.有关数据库设计的材料汗牛充栋,大学学位课程里也有专门的讲述.不过,就如我们反复强调的那样,再好的老师也比不过经验的教诲.插入一些数据库设计心得: 一. 设计思想对许多程序员

商业修图设计PS技巧

             商业修图设计PS技巧 分类: PS入门教程

用JAVA 设计生成二维码详细教程_java

教你一步一步用 java 设计生成二维码 在物联网的时代,二维码是个很重要的东西了,现在无论什么东西都要搞个二维码标志,唯恐落伍,就差人没有用二维码识别了.也许有一天生分证或者户口本都会用二维码识别了.今天心血来潮,看见别人都为自己的博客添加了二维码,我也想搞一个测试一下. 主要用来实现两点: 1. 生成任意文字的二维码. 2. 在二维码的中间加入图像. 一.准备工作. 准备QR二维码3.0 版本的core包和一张jpg图片. 下载QR二维码包. 首先得下载 zxing.jar 包, 我这里用的