孟祥增
(山东师范大学 新闻与传媒学院,山东 济南,250014 )
Flash动画作为一种流媒体形式,采用矢量图形技术,综合了动漫、影视、多媒体、游戏软件、Web交互等特点,比传统的动画、影视短片具有更强的艺术感染力,并且具有制作简单、色彩鲜艳、视觉表现力强、交互方式多样、文件小、适于网络传播等优点,被广泛应用于网络动漫、游戏、MTV、广告、电子贺卡、教学软件等。目前,关于Flash动画的研究主要集中在技术应用和人文艺术方面:在技术应用方面,主要研究Flash动画技术实现、设计与制作、Flash动画在网页、影视中嵌入、融合的方法与技巧、在网站建设、教育、广告、游戏以及影视娱乐等方面的应用等:在人文艺术方面,主要研究Flash动画的视觉传达设计、与影视媒体的融合效果以及对视觉文化、视觉修养的影响与培养等。例如,蔡丽娟研究了Flash影视动画的创作方式(1)蔡丽娟:《Flash影视动画创作研究》,《艺术与设计(理论)》2010年第6期。;石朝晖探讨了Flash技术在动画电影中角色造型、画面构图、色彩配置和蒙太奇节奏的应用研究等(2)石朝晖:《Flash技术在动画电影中的应用研究》,《电影文学》2012年第15期。;洪涛从艺术和审美的角度研究了Flash动画的艺术特征(3)洪涛:《浅析Flash动画的审美价值》,《安徽文学(下半月)》2010年第5期。;王波从技术角度和文化角度分析了Flash动画的交互软件特性、文化现象与艺术特性等(4)王波:《Flash-技术还是艺术》,北京:中国人民大学出版社,2005年。;梁国伟、陈童探讨了Flash 动画在网络虚拟空间中的生命运动形式和发展前景(5)梁国伟、陈童:《Flash动画:寻找网络虚拟空间的生命运动形式》,《电影艺术》2007年第4期。。
目前,虽然Flash动画技术在网络游戏、影视娱乐、商业广告、教育等领域得到广泛应用,相关的设计、制作和应用方面的研究很多,但对Flash动画作为一种功能强大、内容复杂的媒体形式,从内容结构角度进行定量分析的研究很少。本文在对互联网中大量的Flash动画的类型、功能、视觉效果等研究基础上,从互联网中搜索、下载了2200个具有代表性的Flash动画,分为六类:游戏、动漫、MTV、广告、课件、贺卡。采用定量分析的方法,系统地考察互联网中常见的六类Flash动画的场景结构、组成元素、动态效果、交互方式和画面的艺术与情感特征,希望对Flash动画艺术的设计、制作、传播与应用有所启示。
Flash动画由一系列能够连续播放的帧组成,每帧中都有需要展示的Flash动画组成元素及其参数和控制脚本等。Flash动画的帧分为关键帧和补间帧。关键帧是Flash动画制作者建立的帧。在关键帧中Flash动画制作者利用定义工具定义Flash动画的各个组成元素、设置属性和参数、编写控制脚本等。补间帧是Flash动画播放软件按照关键帧设置的组成元素和参数通过插补运算自动生成的中间帧。Flash动画的画面变化由逐帧动画和补间动画组成。逐帧动画是通过连续播放画面内容不同的关键帧生成的动画。补间动画是在关键帧间由组成元素的自动变化产生的动画。补间动画的组成元素变化包括移动、旋转、大小变化、形状变化、颜色变化等。Flash动画播放软件根据Flash动画文件每帧的组成元素和参数,显示静态的组成元素(文本、形状、图像、按钮)和播放动态的组成元素(变形、视频、声音、影片)。Flash动画显示的画面实际是由多层显示组合而成,每个待显示的对象(组成元素)被设定在某一图层,显示时高层对象遮盖低层对象,但每个对象又可以按不同的透明度显示。在Flash动画中除了变形、视频、影片可以连续播放产生动态效果外,形状、图像、文本和变形、视频、影片还可以在补间帧中通过移动、旋转、缩放、形状变化、颜色变化等产生更多的动画效果。正是由于Flash动画采用多层对象间的遮隐与透明、多种动态变化形式以及影片嵌套等技术才使得Flash动画能够产生色彩鲜明、生动活泼、虚幻离奇的效果。
Flash动画按时间轴连续播放各帧画面,形成连续的动画,但如果在某个关键帧中加入暂停和跳转功能,就可以通过交互实现场景间的非线性跳转,从而形成比较复杂的非线性场景结构。笔者把Flash动画中能够自动连续播放并在逻辑上相对独立的帧序列组成的场景称为逻辑场景,而把在时间轴线上连续且视觉特征相似的帧序列组成的场景称为视觉场景。Flash动画的逻辑场景表现了某一功能的内容,通过帧间跳转形成非线性场景链接结构。Flash动画的视觉场景类似视频中的镜头,反映了Flash动画场景画面直观表现的视觉特征。一个逻辑场景的视觉变化有时较大,从而分割成多个视觉场景,而有时几个相邻的逻辑场景的视觉变化不大,可以看作属于同一个视觉场景。Flash动画的逻辑场景和视觉场景都是由文本、形状、变形、图像、声音、视频、影片、按钮等元素组成,每个场景往往由多个元素组成,而一个元素又可以在多个场景中出现。这样,Flash动画的内容结构可以看作由逻辑场景、视觉场景和基本组成元素构成,如图1所示。Flash动画的动态变化和交互由组成元素的参数和脚本实现。
图1 Flash动画的内容结构
Flash动画的组成元素、属性参数、脚本控制等均以标签的形式存入Flash动画文件(SWF格式)中,Flash动画播放软件根据Flash动画文件中的标签,自动渲染生成Flash动画画面,并按照脚本控制实现连续播放、暂停、跳转以及各种运动、变换等效果。Flash动画文件是按Adobe公司(2005年并购Macromedia公司)发布的SWF文件规范规定的标签和参数,按帧排列的二进制数据流,其结构如图2所示。
图2 Flash动画文件的结构
Flash动画文件由三部分组成:文件头、主体和文件结束标签。文件头定义了Flash动画的基本信息,包括文件标识、文件版本、文件大小、画面大小、帧率、帧数等。文件的主体由一系列标签组成,包括定义型标签和控制型标签。在Flash动画文件规范V19中有定义型标签31个、控制型标签59个,组合的功能达560多个。定义型标签预先定义Flash动画中的文本与字体、形状、变形、图像、声音、视频、影片、按钮等组成元素及其属性,并为每个组成元素分配一个唯一的标识号。控制型标签控制各组成元素在Flash动画中的显示、变化以及交互等。例如,放置标签将组成元素作为待显示的对象放置在Flash动画的播放列表中,并设置相应的属性参数,如位置、大小、方向等静态参数和移动、缩放、旋转、色变、形变等动态属性等;移除标签则将指定的对象从播放列表中移除,不再显示;显示标签将播放列表中的所有对象按设置参数在舞台上显示。Flash动画播放器按数据流顺序将所有预定义的组成元素放置在元件库中,遇到放置标签时再将欲显示的组成元素从元件库中提出,放置在显示列表中。在Flash动画文件中每一帧都有一个显示标签,Flash动画播放器在每一帧都将显示列表中的所有对象按预先设置的显示层次和属性参数显示,从而生成帧画面图像。Flash动画的交互功能则由按钮、影片、动作标签或脚本完成,包括Flash动画的交互控制、动作控制、参数输入、非线性跳转、链接等。
笔者对互联网中52万个Flash动画分析发现,互联网中游戏类Flash动画约占42%,动漫、MTV、广告、课件比例相当,各约占12%,电子贺卡及其他类Flash动画(包括Web、VR、3D等)仅占10%。(6)孟祥增:《Flash网络教学资源的内容结构分析》,《电化教育研究》2010年第10期。笔者利用自主研发的基于内容结构的网络Flash动画搜索系统(7)孟祥增、徐振国、刘瑞梅:《基于内容结构的网络Flash动画检索方法》,《中国图书馆学报》2016年第1期。从互联网中下载了2200个Flash动画,分为游戏、动漫、MTV、广告、课件和贺卡,共六类。表1列出了六类Flash动画的数量、平均文件大小、帧数、原始宽度和高度的平均值。
表1 不同类型的Flash动画的文件大小、帧数、宽、高平均值
根据Flash动画文件的头部信息和主体标签数据,作者通过计算机编程实现Flash动画的场景结构、组成元素、动态效果、交互和画面的艺术性与情感分析。
Flash动画的逻辑场景通过检测Flash动画关键帧的脚本,将包含暂停函数的关键帧设为逻辑场景的结束帧,从而分割出Flash动画的逻辑场景。Flash动画的视觉场景分割类似视频的镜头分割(8)封化民等:《视频分割和关键帧提取统一框架》,《清华大学学报(自然科学版)》2005年第S1期。,利用Flash动画播放函数获取Flash动画的帧画面图像,利用黄金分割法将帧画面图像分割成9个区域,对9个区域加权计算帧间画面图像的颜色和边线密度变化,当大于一定阈值时即认为视觉场景发生变化,从而分割出Flash动画的视觉场景。逻辑场景的数量说明Flash动画结构的复杂性和场景间跳转交互的多少,视觉场景的数量说明Flash动画画面变化的频度和场景画面的生动性。表2列出了不同类型的Flash动画的平均逻辑场景和视觉场景的数量。
表2 各类Flash动画的逻辑场景和视觉场景平均数量
在Flash动画的组成元素中,形状是最基本的组成元素,不仅用于显示绘制的矢量图形,还用于显示图像的轮廓形状,以及一些文本转化成的字体形状。变形是在连续的帧中自动变化的形状,增加了Flash动画的趣味性。文本、图像、视频、声音是Flash动画基本组成元素。影片是由形状、变形、文本、图像、视频、声音等基本组成元素构成的小动画,在Flash动画中可以嵌套,从而实现动画套动画的更加精彩、灵活的动态效果。按钮是实现Flash动画控制的基本元素,Flash动画的交互功能主要由按钮实现。各种组成元素的多少反映了Flash动画的复杂性和动画内容的表现形式与视觉效果的表达偏好,对Flash动画的应用效果至关重要。Flash动画的组成元素由Flash动画文件中的定义标签定义,通过解析Flash动画的定义标签即可提取Flash动画的所有组成元素(9)徐振国、孟祥增:《Flash动画的内容特征提取研究》,《电化教育研究》2015年第6期。。表3列出了不同类型的Flash动画的组成元素平均数量。
Flash动画的动态效果除了由变形、影片产生外,还可以通过显示对象(形状、图像、文本、变形、视频、影片等)的动态变化实现。显示对象的动态变化在补间帧中自动实现,包括移动、旋转、缩放、颜色变化和形状变化等。通过解析Flash动画文件中显示标签的参数,可以获取显示对象的动态变化形式。表4列出了不同类型的Flash动画的动态效果平均数量。
表3 各类Flash动画的组成元素平均数量
表4 各类Flash动画的动态效果平均数量
强大的交互能力是Flash动画区别于传统的影视动画的重要特征之一。Flash动画的交互功能主要通过按钮和影片实现。Flash动画的交互形式主要有按钮、按键、鼠标交互等。按钮交互是Flash动画中最常用、最基本、最重要的交互形式,通过点击按钮实现交互功能。按键交互主要用于输入数据、按键控制,如翻页、对象移动等。鼠标交互有多种形式,如鼠标点击、鼠标跟随、鼠标拖拽等。鼠标点击是在鼠标按下并释放时产生响应。鼠标跟随是在鼠标移动过程中,设定的对象跟随鼠标的移动方向和轨迹移动,从而产生有趣的鼠标跟随动画。鼠标拖拽是在鼠标按下时拖动被选中的对象到特定的位置。按键、鼠标交互都通过影片实现。此外还有影片交互和帧事件交互。影片交互是在Flash动画中加载或者释放影片时触发响应。帧事件交互是当Flash动画播放到指定的帧时触发响应。按钮交互特征通过解析按钮标签获得。按键、鼠标等交互特征需要通过解析显示列表中设置的影片参数的动作字段来获取。表5列出了不同类型的Flash动画的各种交互方式的平均数量。
Flash动画在交互触发后产生一系列交互响应动作,即交互响应方式,主要有Flash动画播放、暂停、转到下一帧、转到上一帧、转到指定帧、转到标识帧、停止播放声音、链接web网页等。这些交互相应方式都通过解析Flash动画文件中按钮、影片和帧中的动作字段记录的交互响应方式获得。表6列出了不同类型的Flash动画的各种交互响应方式的平均数量。
表5 各类Flash动画的交互方式平均数量
表6 各类Flash动画的交互响应方式平均数量
Flash动画常常以画面优美、色彩鲜艳、生动活泼等特点给观众留下深刻印象。Flash动画画面的艺术性与情感特征是Flash动画的重要特征。本文从主题明晰、布局美观、色彩和谐、文字协调四个方面评价Flash动画画面的艺术性特征。Flash动画画面的情感是观众观看Flash动画画面后对画面图像的艺术性等产生的视觉情感。笔者从图像情感描述词中提取出相对独立的4个正向情感词(温馨、欢快、活泼、夸张)和4个负向情感词(枯燥、沉闷、繁乱、虚幻)描述Flash动画画面的情感。对Flash动画画面的艺术性和情感分析采用人工智能技术实现。首先对挑选的有代表性的18000幅各类Flash动画画面的4个艺术性特征值和8个情感特征值进行人工标注,取值0—1,0表示最弱,1表示最强。然后利用54000个标定值对深度卷积神经网络进行训练。最后利用训练好的深度卷积神经网络对所有Flash动画画面的艺术性与情感特征值进行估计。(10)刘瑞梅、孟祥增:《基于深度学习的多媒体画面情感分析》,《电化教育研究》2018年第1期。由于获得的六类Flash动画画面的艺术性与情感特征值的估计值差别不是很大,为更容易看出其中的差别,图3显示出六类Flash动画画面的艺术性与情感特征平均值。
图3 Flash动画画面的艺术性与情感特征值柱状图
通过对上述六类互联网中常见的Flash动画的内容结构特征分析,总结出目前Flash动画的内容结构特征:一是从Flash动画文件上看,文件大小平均约为2.29M字节,平均帧数约为1682帧,画面平均宽高约为600x400像素,宽高比为4∶3。其中广告类Flash动画较为特殊,文件较小,帧数少,画面的宽高平均约为720x240像素,宽高比为3∶1,为长条形显示,符合网页插入广告的特点。而游戏类Flash动画帧数也较少,是由于Flash动画型网络小游戏以交互为主,帧数不需要太多。二是从场景结构上看,平均每个Flash动画约有4.56个逻辑场景,14.65个视觉场景,其中MTV、贺卡和广告类Flash动画逻辑场景较少,且广告类Flash动画的视觉场景也较少,这是因为这三类Flash动画需要的交互少、广告类Flash动画内容又比较简单的缘故。三是从组成元素的数量上看,形状、影片、文本、图像较多,而声音较少,视频很少。在游戏和课件中文本、按钮使用较多,说明这两类Flash动画具有较多的文字说明和交互,而游戏还使用了较多的声音和影片,为的是增加Flash动画型网络小游戏的生动性。动漫使用较多的形状和图像,贺卡使用较多的变形。广告类Flash动画由于内容简单,使用的组成元素都少。四是从使用的动态效果数量上看,Flash动画使用了大量的动态效果,尤其是动漫使用的动态效果最多,而游戏、广告使用的动态效果相对少些。在5种动态效果中形变效果应用相对少些,而其他4种动态效果使用很多,从而增加了Flash动画的生动性。五是从使用的交互方式上看,Flash动画主要使用按钮进行交互,按键、鼠标点击、鼠标跟随、鼠标拖拽等使用较少。游戏使用较多的交互方式,其次是课件,而动漫、MTV、广告和贺卡则交互少些。在交互响应方式上,播放和转移指定帧使用较多,上下帧跳转、转到标识帧、控制声音播放等使用较少。课件、游戏使用了较多的交互方式,因而交互响应方式也较多。课件中使用了较多的停止播放声音功能,适合教学应用。游戏、广告中使用了较多的网页链接,符合商业应用的特点。六是从画面表现的艺术性和情感上看,Flash动画的画面艺术性特征比较明显,画面的正向情感比负向情感明显。游戏在主题清晰、文字协调方面比较明显,课件在色彩和谐方面比较明显,而广告在布局美观方面有所欠缺。MTV在4种正向情感上面表现比较明显,说明MTV类Flash动画善于表现积极愉快的画面情感,而广告在4种负向情感上面表现稍微明显,说明广告类Flash动画的画面情感略显苦涩。
从对互联网中常见的六类Flash动画的内容结构特征分析看出,不同类型的Flash动画的内容结构和画面表现出的艺术性与情感特征有所不同。在设计、制作用于网络传播的Flash动画艺术时要根据欲表现的内容、功能以及在互联网网页中的作用,确定Flash动画的类型,遵从相应类型的Flash动画的内容结构规律,设计合适的画面大小、场景结构、组成元素、动态效果、交互响应方式以及画面艺术风格等,尽力营造积极向上的画面情感,制作画面优美、结构合理、交互方便、使人愉悦的Flash动画。