《电子技术应用》

基于Director的数字出版物的设计与制作

2017年微型机与应用第8期 作者:张海月,司占军
2017/5/27 15:39:00

  张海月,司占军

  (天津科技大学 包装与印刷工程学院,天津 300222)

       摘要:以环球旅游之欧洲为主题,通过Photoshop、Flash等软件对文字、图片、音视频进行处理,之后介绍了利用 Director制作数字出版物的整个流程。

  关键词Director 软件Lingo 语言;电子杂志

  中图分类号:TP37文献标识码:ADOI: 10.19358/j.issn.1674-7720.2017.08.014

  引用格式:张海月,司占军.基于Director的数字出版物的设计与制作[J].微型机与应用,2017,36(8):42-44.

0引言

  随着信息化时代的飞速发展,多媒体技术得到了广泛的应用。数字出版是近代新兴的媒体出版的一种方式,是结合了计算机、网络等众多近代技术逐渐形成的一种新出版方式。所谓数字出版就是计算机二进制的有序排列形成读者所需要的文字内容,也就意味着出版需要计算机的辅助才能完成,通过计算机存储文字内容并进行处理与存储。虽然我国数字出版的出现与西方发达相比有些滞后,不过我国的数字出版发展在很大程度上较国外迅速[1]。如今,数字出版不仅局限于报纸、书籍等传统纸质,还扩展到互联网文学方面,成为人们生活中不可或缺的一部分。

1Director简介

  Director是美国Adobe公司开发的一款媒体程序设计制作软件,主要用于多媒体项目的集成开发[2]。其功能非常强大,适用于众多类型的媒体行业的设计制作工作,制作过程并不复杂,其产品有很强的适应性。

  Director的特点如下:

  (1)编程环境简单易懂,具有人性化的设计版面,具有调试模块、属性面板和帮助指导等,很大程度上提升了工作效率。

  (2)支持广泛的媒体类型,包括多种图形格式以及 QuickTime、AVI、MP3、WAV、AIFF高级图像合成、动画、同步和声音播放效果等 40 多种媒体类型。

  (3)可以方便地使用 Lingo 或 JavaScript 来实现多媒体产品的交互性和自动化,两种语言还可以混合使用。

  (4)特有的Shockwave 3D 引擎工具,能够更加快捷地制作三维空间,支持多操作系统,包括 Windows和Mac OS X。

  (5)采用了Xtra体系结构,可以降低束缚条件,可扩展性更强。

2数字出版物的设计与制作

  随着国际旅游行业的迅猛发展,出国旅游不再是难以实现的愿望。数字出版物比传统出版物更易于传播,读者可以随时随地翻阅、共享内容。而且数字出版物比传统出版物包含更多的内容,目录更加清晰明了,阅读体验也更加越快轻松。所以本文以欧洲旅游为主题介绍数字出版物制作。

  2.1基本思路

  首先,通过Director软件来完成简单的框架制作,然后再赋予此框架丰富的多媒体效果。各个页面主要利用Lingo工具将语言设计成一种互动的性质,可以在两者之间进行变换,生成诸如电子书翻页的效果。为了使动画产品更加精美,还需要使用图像处理软件Photoshop、视频制作软件After Effects、音乐编辑软件Adobe Audition以及动画制作软件Flash来完成一些杂志内部页面的动画效果,如图1所示。

  

001.jpg

2.2数字出版物的制作过程

  2.2.1前期准备

  通过Photoshop软件完成各个国家不同风格的页面按钮、图标以及背景的设计与制作。新建一个480×480像素的画布,并设置背景色为透明,利用图层样式、滤镜工具等绘制不同的按钮图标,如图2所示。

 

002.jpg

  2.2.2页面内容的设计与制作

  (1)片头Flash制作

  设置字体“环球之旅——欧洲”,将其拖到舞台底部并设置渐变。点击Button按钮,在相应位置之上绘制按钮,并将此按钮命名为“SPIK”,设置颜色转变,设置脚本为:

  on mouseenter

  cursor 280

  on mouseleave

  cursor -1

  on mouseUp me

  cursor 0

  go to "xy"

  end

  (2)封面目录的制作

  导入片头Flash和字体等,并在Markers menu标记片头第一帧“start”。

  导入所需材料,并按照一定顺序叠加图层,并在markers menu 标记第38帧为“menu”。制作目录下拉菜单特效,当鼠标悬停时变颜色,移开则恢复颜色。输入脚本如下:

  on mouseenter

  set the member of sprite the currentSpriteNum to member "a02"

  on mouseleave

  set the member of sprite the currentSpriteNum to member "a01"

  on mouseUp me

  go to "d1"

  end

  (3)序言的制作

  导入背景所需的材料,并在Markers menu上标记背景第一帧为“xy”。点击Text按钮,在舞台上目标位置画出文字框,输入相应文字,并通过Text选项进行文本的设置,具体参数如图3所示。

 

003.jpg

  2.2.3交互功能的实现

  (1)页面导航功能

  通过设置Button,转到下一页,所需脚本如下:

  On mouseup me

  go to the frame+n

  end

  退出按钮的脚本:

  on mouseup me

  quit

  end

  最小化窗口:

  on mouseup me

  appMinimize

  end

  (2)音量控制

  声音在电子杂志中的运用主要是实现背景音乐的控制、鼠标操作时的音效、配合动画的音效以及音乐播放器的制作[3]。设置脚本如下:

  on mousedown me

  repeat while the stillDown

  sprite(me.spriteNum).locH = the mouseLoc[1]

  sprite(me.spriteNum-1).width=-sprite(me.spriteNum-2).left+sprite(me.spriteNum).left+2

  sound(1).volume =(-sprite(me.spriteNum-2).left+sprite(me.spriteNum).left)/div

  updateStage

  end repeat

  end

  (3)视频播放器控制

  导入图标,并把图标拖入舞台中相应位置,以开始按钮为例,输入脚本如下:

  on mouseup me

  sprite(26).play()

  end

  对于视频声音的调节,需要使用绘图工具在相应位置画一个圆形,并填写脚本:

  on beginSprite me

  div = sprite(me.spriteNum-2).width/float(255)

  sprite(me.spriteNum).locH = sprite(me.spriteNum-2).left+208*div

  sprite(me.spriteNum-1).width=sprite(me.spriteNum-2)

  sprite(me.spriteNum).constraint = sprite(me.spriteNum-2)

  sound(1).volume =(-sprite(me.spriteNum-2).left+sprite(me.spriteNum).left)/div

  sprite(me.spriteNum-1).width=-sprite(me.spriteNum-2).left+sprite(me.spriteNum).left+2

  end

  sprite(me.spriteNum-1).width=-sprite(me.spriteNum-2).left+sprite(me.spriteNum).left+2

  sprite(34).volume =(-sprite(me.spriteNum-2).left+sprite(me.spriteNum).left)/div

  updateStage

  end repeat

  end

  将视频置于舞台并进行拖、布局。

  2.2.4测试与发布

  完成整个数字出版物的制作后,利用播放控制工具导出影片,检查电子杂志的格式和播放效果,并对影片进行修改和完善。在电影发布之前,要对电影播放属性和发布属性根据实际情况进行设置,设置完毕后再发布电影。

3结论

  数字出版物具有多媒体的表现形式,内容更加生动,降低了运营成本的同时也节省了发行传递成本和时间成本。该数字读物也会具备传统读物分类清晰、内容丰富和主题鲜明等特点,同时兼具检索方便、多媒体融合的特点,丰富的互动内容给读者带来全新的阅读体验。

参考文献

  [1] 罗毅.数字信息资源长期保存的主要问题及研究进展[J].信息资源管理学报,2014(2):22-36.

  [2] 金晖.基于Director的电子杂志的设计与制作[J].科技信息,2011(25):66-68.

  [3] 刘羽.基于移动应用的数字出版物研究[D]. 武汉:武汉理工大学,2012.


继续阅读>>