商业Flash设计经验谈(一)

设计

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

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

图1

图2

图3
  2、动画设计 这一步我们要按照设计好的效果图,具体来设计整个动画,其实也就是用各种动态效果把静态效果图中的元素串联起来。(如图4)

图4
  为了不使我们的动画成为流水帐,需要使动画有明显的节奏感,并在结构上有明显的过渡,当然过渡也要合理、流畅,不能生硬、唐突。下图中(如图5、6),就是一个结构过渡其中的2桢,图5中,一直在两端的灰色板块一至向中心移动。使整个画面过渡到灰色,图6中文字斜飞出,灰白底框渐出。这样就形成了明显的结构过渡。

图5

图6
  3、配音 理论上讲,音乐应该在动画结构设计的时候就开始制作。但是,国内的Flash设计一般都是1,2个人完成,很难有专人配乐。一般都是在动画设计完成以后,从素材库中找一些合适的音乐进行配音。好一点的可能也会根据音乐来设计动画。不管是什么顺序,最重要的就是合适,风格、节奏的合适才能使画面和音乐浑然一体。(如图7)

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

图8
  节奏起伏还可以有很多种,比如快慢交替,不管是什么节奏,都是为传达设计者的概念而服务。我们在观看优秀的Flash作品的时候一定要注意观察他的整体节奏,以及节奏与传达概念之间的联系。这也是动画的精髓所在。
  2、交替
  在具体的元素动态效果上,我们经常会采取速度交替的动态效果。例如,文字从画面的左部飞入,速度飞快,(如图9)到达目标位置以后速度减慢,右部飞入更大,透明度更低的相同文字。(如图10)两文字交错而行,速度很慢(图11)。这种速度与位置的交错,满足了动画对速度的需求,也实现了清楚传达信息的目的!

图9

图10

图11
  3、效果
  不同的动画节奏,需要不同的动画效果来处理。节奏悠扬舒缓,元素的动态效果也多采用移动、淡入淡出、条形遮罩、单线条等表现方式。如果节奏紧张、快捷,则多采用闪动、高速位移、旋转、耀眼光芒等表现方式。效果没有定式,我们可以学习大师作品的精髓,但也要有原创的东西。好的Flash作品不是效果的累加,再好的效果不能为内容服务,也是累赘。(如图12)

图12

时间: 2024-09-14 08:58:21

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

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

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

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

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

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

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

商业Flash设计经验谈(二)

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

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

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

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

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

商业修图设计PS技巧

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

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

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

商业网站设计主要原则

设计    网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的.企业的网址被称为"网络商标",也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口.企业网站设计显得极为重要,下面是一些网站设计中应注意的原则. 一.明确建立网站的目标和用户需求 Web站点的设计是展现企业形象.介绍产品和服务.体现企业发展战略的重要途径,因此必须明确设计站点的目的和