韩伟颖

(南开大学滨海学院法政学系,天津 300270)

在 Photoshop、Flash、D reamweaver和 Firework中,图层均是一个重要概念。简单来说,每个图层就如同一张承载内容的透明胶片,将若干图层按照既定原则叠加,就会呈现丰富的合成效果。但不同软件的图层属性各有特色,下面笔者对其进行分析比较。

·技术与教育·

关于几种软件图层属性的比较

韩伟颖

(南开大学滨海学院法政学系,天津 300270)

Photoshop、Flash、Firework和D reamweaver四种软件中的图层均是一个重要概念,既有相同之处,又有不同之处。文章从分类、时间性、叠加性、A lpha属性、定位性、溢出显示、层间关系、行为属性等方面对这四种软件中的层进行了分析比较。

图层;A lpha属性;溢出显示;行为属性

在 Photoshop、Flash、D reamweaver和 Firework中,图层均是一个重要概念。简单来说,每个图层就如同一张承载内容的透明胶片,将若干图层按照既定原则叠加,就会呈现丰富的合成效果。但不同软件的图层属性各有特色,下面笔者对其进行分析比较。

1 Photoshop的图层

Photoshop是一款重要的图形图像处理软件,在该软件中,层承载着内容和特效,意义重大。

1.1 图层的分类

依据承载对象,图层分为效果层和内容层。其中,效果层是特效的载体,包括调整层和填充层;内容层是形状和颜色的载体,包括背景层、文字层、形状层和普通层。各种图层均可单独进行编辑,部分图层还能相互转换,具体关系如图 1所示[1]。

1.2 图层的叠加性

在 Photoshop中,除背景层的背景属性可以设为“白色”、“彩色”或“透明”外,其余层的背景属性只能是透明,但背景层位于最底层,不会影响叠加效果。

1.3 图层的时间性

图 1 Pho toshop中的图层类型及相互关系示意图

1.4 图层的A lpha属性

依据图层的叠加性,可在上层无内容区域呈现下层内容。若想要在上层存在内容的区域以特定方式呈现下层内容,如在上层的圆形选区内从圆心向圆周逐渐显示下层内容,就需要设置图层的 A lpha属性,因而该属性有助于提升作品的艺术效果。

1.5 图层的定位性

Photoshop各图层的大小与位置均与画布相同,且大小可多次重置,但位置固定不变。

1.6 图层的溢出显示

当图像大小超出画布范围时就形成溢出。如果超出内容能够得以显示,就称图层支持溢出显示,否则就是不支持。对 Photoshop而言,其图层是不支持溢出显示的。

1.7 图层的层间关系

在 Photoshop中存在多种层间关系,主要是链接、剪贴组等。其中,链接使链接对象同时被移动;剪贴组则使上层内容仅在下层内容的轮廓内显示,所以层间关系的恰当应用,可以提升图像处理的速度和质量。

2 Flash的图层

Flash是重要的平面动画设计软件。其中,帧是要素的载体,层是帧在时间上的延续,时间轴是二维结构,每一行表示一层,每一列表示一帧,所以当播放头停止在某帧号时就显示为静态图像,滑过连续帧号时就显示为动画,这也充分体现出了层的重要性。

2.1 层的分类

依据层的作用,将层分为普通层、引导层、被引导层、遮罩层、被遮罩层 5类。其中,被引导层附属于引导层,两者构成引导动画;被遮罩层附属于遮罩层,两者构成遮罩动画;普通层和其余层之间可以相互转换。

前期准备工作通过企业财务处或会计师事务所实地调研，根据最新会计准则制定详细的实施方案，通过校内外专家讨论和可行性论证、修改方案，编制实践能力培养指导手册。

2.2 层的叠加性

Flash中的各层背景透明,因而在任一帧号上均可实现层叠加的效果。但各层背景透明却不等于动画没有背景色,我们可以通过设置“文档属性”中的“背景色”,为时间轴中的所有帧添加共同的背景色,但该背景色着色于最底层,不会影响叠加效果。

2.3 层的时间性

在层中,当仅在一个帧号上有内容时就表示时间点,当在多个帧号上有内容时就表示时间段,如图2所示。

图 2 Flash中层的结构与时间性示意图

2.4 层的 A lpha属性

在 Flash中,我们只能对帧中的实例设置 A lpha属性,如设定实例在某一帧的透明度,或使实例在帧区间上发生透明度的连续变化。

2.5 层的定位性

Flash的图层定位性与 Photoshop相同,位置固定,大小统一且可多次重置。

2.6 层的溢出显示

虽然在动画设计和播放过程中,超出舞台区域的内容能够得以显示,但在 sw f格式的动画中却无法显示,所以其溢出显示可概括为“部分支持溢出”。

2.7 层的层间关系

在 Flash中存在多种层间关系,主要是引导关系和遮罩关系,如表 1所示[2]。

表 1 Flash的层间关系表

2.8 行为属性

要设计出符合个性化需要的交互式动画,就需要利用图层的行为属性,即设置关键帧或关键帧所承载的元件(按钮/影片剪辑)的事件和动作。该软件的行为属性丰富,动画作品具有广阔的交互空间。

3 F irework的图层

Firework不仅可以方便地处理位图和矢量图,还能制作简单动画,而且是重要的网页制作软件,所以其层属性与上述两种软件既有相同之处,又有不同之处。

3.1 层的分类

依据功能,将图层分为网页层和普通层两类,如表 2所示。需要说明的是,每个子层只能承载一个对象,所以网页层和任一普通层均可有多个子层,并且共享的对象是“层”而非“子层”[3]。

表 2 F irework的图层分类及其特性表

3.2 层的叠加性

Firework各子层的背景均为透明,所以各子层间以及各层间均可实现叠加。此外,该软件也如Flash一样,可设置画布颜色而不会影响到图层叠加效果。

3.3 层的时间性

Firework层的时间性与 Flash相同,兼容时间点和时间段,但两者在工作原理方面存在较大差异:如果层面板包含两个普通层,每个层包含两个子层,均执行“分散到帧”命令,其时间性表示如图 3所示。由此可见,层面板体现了时间点,帧面板体现了时间段[3]。

图 3 F irework图层的时间性示意图

3.4 层的 A lpha属性

Firewo rk支持对每一个普通层或子层的整体透明度设置,但不支持对选区的透明度设置。

3.5 层的定位性

Firework的层定位性与上述软件相同,位置固定,大小统一且可多次重置。

3.6 层的溢出显示

Firework不支持溢出显示,即无论是图像还是动画,超出画布的内容均不显示。

3.7 层的层间关系

在 Firework中存在多种层间关系,主要是蒙版和吸附,其中前者类似于 Flash的遮罩,在某子层内容的轮廓内显示下面子层的内容;后者使文字依附于所绘路径并按某种方式排列。

3.8 层的行为属性

Firework是一款重要的网页制作软件,而网页离不开交互,所以该软件支持对网页对象 (切片和热区)设置多种行为属性,如按下鼠标进行图像交换等。

4 D ream weaver的图层

D reamweaver是重要的网页制作软件,层既承载内容,又可设置静态、动态和交互效果,所以相对于前 3种软件,该软件层的特殊性最多。

4.1 层的分类

本软件层的功能和属性基本相同,不再细化分类。

4.2 层的叠加性

在D reamw eaver中,层的叠加性与上述软件差异较大,各层不仅可以单独设置背景色的有无,直接影响到叠加效果,而且叠加顺序只取决于 z轴,z值越大,层越靠上,此外若将层设为“防止重叠”,则新建层只能创建在已有层的外围。因而其叠加性可以理解为“有条件支持”。

4.3 层的时间性

直接在设计窗口中绘制,可得到静态的层,而对其执行“添加到时间轴”或“记录路径”等命令后,就可利用时间轴面板设置运动的层[3]。

但与该层相关的时间轴设置不同于 Flash中的时间轴设置,不能由用户指定时间轴轨道,只能由系统依据“无重叠,同设第 1轨;若重叠,向下寻新轨”原则进行设置,如图 4所示。

图 4 D reamweaver设计窗口中的层与时间轴的对应关系图

4.4 层的 A lpha属性

D reamweaver中的层没有该属性,无法对层的透明度、透明区域或透明方式进行设置。

4.5 层的定位性

D reamweaver的该属性与上述 3种软件截然不同,其层的大小与位置均可自定义和多次重置。

4.6 层的溢出显示

在该属性上,本软件明显不同于上述 3种软件,因为各层的可见性均可在 visib le、hidden、auto、scro ll四者之间进行个性化选择,这就为动态网页设计提供了支持。

4.7 层的层间关系

在D reamweaver中最特殊的层间关系是嵌套关系。嵌套关系包括父层和子层,其中在“时间性”方面,父层和子层可以单独设置。在“可见性”方面,子层既可单独设置,又可继承父层属性,但在“溢出显示”方面,子层只能继承父层属性[4]。

4.8 层的行为属性

在D reamweaver中,我们可以设置多种层行为属性,如鼠标移入动画播放,鼠标移出动画停止等。相关行为属性的设置可以让网页更加生动,更具交互性。

经过对各软件层属性的分析,可得出表3所示的结论。

表 3 4种软件的图层属性对比汇总表

虽然各软件的层功能基本类似,均是对象的载体,但因为层所能承载对象的运动状态 (动态/静态)不尽相同,其所隶属软件的功能各有侧重,所以其层属性也不尽相同。因此,当我们设计某艺术作品时,一定要依据预期效果,充分考虑各软件的特点,选定适宜的一种或多种软件综合设计。只有这样才能充分发挥层的功能,才能在优势互补的基础上,提升作品的艺术性。

[1]史秀璋.Photoshop应用案例教程[M].北京:电子工业出版社,2007

[2]沈昕.D reamweaver 8和 Flash 8案例教程[M].北京:人民邮电出版社,2008

[3]胡崧.D reamweaver、Flash、Firewo rk完美结合等 [M].北京:中国青年电子出版社,2006

[4]李建民.D reamweaver网页制作标准教程[M].北京:北京理工大学出版社,2006

Com par ison of layer proper ties of a few types of software

HanW eiying
(D epartm en t ofLaw and Po litics,B inhaiCo llege ofNankaiUniversity,Tianjin 300270,Ch ina)

The layer is an important concep t in Photoshop,Flash,Firework and D reamweaver software and they have sim ilarities and differences.Thispaper analyzes and compares the layer from the fo llow ing aspects:classification,tim ing,superposition,A lpha p roperty,positioning,sp illing show,layer relationship and behaviorp roperty.

layer;A lpha p roperty;sp illing show;behaviorp roperty

G434

A

:1004-5287(2010)01-0049-03

2009-09-23

韩伟颖 (1980-),女,河北保定人,硕士研究生,助教,主要研究方向:教育信息化。