基于Director的數(shù)字出版物的設(shè)計(jì)與制作

張海月，司占軍

(天津科技大學(xué) 包裝與印刷工程學(xué)院，天津 300222)

基于Director的數(shù)字出版物的設(shè)計(jì)與制作

張海月，司占軍

(天津科技大學(xué) 包裝與印刷工程學(xué)院，天津 300222)

以環(huán)球旅游之歐洲為主題，通過(guò)Photoshop、Flash等軟件對(duì)文字、圖片、音視頻進(jìn)行處理，之后介紹了利用 Director制作數(shù)字出版物的整個(gè)流程。

Director 軟件；Lingo 語(yǔ)言；電子雜志

0 引言

隨著信息化時(shí)代的飛速發(fā)展，多媒體技術(shù)得到了廣泛的應(yīng)用。數(shù)字出版是近代新興的媒體出版的一種方式，是結(jié)合了計(jì)算機(jī)、網(wǎng)絡(luò)等眾多近代技術(shù)逐漸形成的一種新出版方式。所謂數(shù)字出版就是計(jì)算機(jī)二進(jìn)制的有序排列形成讀者所需要的文字內(nèi)容，也就意味著出版需要計(jì)算機(jī)的輔助才能完成，通過(guò)計(jì)算機(jī)存儲(chǔ)文字內(nèi)容并進(jìn)行處理與存儲(chǔ)。雖然我國(guó)數(shù)字出版的出現(xiàn)與西方發(fā)達(dá)相比有些滯后，不過(guò)我國(guó)的數(shù)字出版發(fā)展在很大程度上較國(guó)外迅速[1]。如今，數(shù)字出版不僅局限于報(bào)紙、書(shū)籍等傳統(tǒng)紙質(zhì)，還擴(kuò)展到互聯(lián)網(wǎng)文學(xué)方面，成為人們生活中不可或缺的一部分。

1 Director簡(jiǎn)介

Director是美國(guó)Adobe公司開(kāi)發(fā)的一款媒體程序設(shè)計(jì)制作軟件，主要用于多媒體項(xiàng)目的集成開(kāi)發(fā)[2]。其功能非常強(qiáng)大，適用于眾多類型的媒體行業(yè)的設(shè)計(jì)制作工作，制作過(guò)程并不復(fù)雜，其產(chǎn)品有很強(qiáng)的適應(yīng)性。

Director的特點(diǎn)如下:

(1)編程環(huán)境簡(jiǎn)單易懂，具有人性化的設(shè)計(jì)版面，具有調(diào)試模塊、屬性面板和幫助指導(dǎo)等，很大程度上提升了工作效率。

(2)支持廣泛的媒體類型，包括多種圖形格式以及 QuickTime、AVI、MP3、WAV、AIFF高級(jí)圖像合成、動(dòng)畫(huà)、同步和聲音播放效果等 40 多種媒體類型。

(3)可以方便地使用 Lingo 或 JavaScript 來(lái)實(shí)現(xiàn)多媒體產(chǎn)品的交互性和自動(dòng)化，兩種語(yǔ)言還可以混合使用。

(4)特有的Shockwave 3D 引擎工具，能夠更加快捷地制作三維空間，支持多操作系統(tǒng)，包括 Windows和Mac OS X。

(5)采用了Xtra體系結(jié)構(gòu)，可以降低束縛條件，可擴(kuò)展性更強(qiáng)。

2 數(shù)字出版物的設(shè)計(jì)與制作

隨著國(guó)際旅游行業(yè)的迅猛發(fā)展，出國(guó)旅游不再是難以實(shí)現(xiàn)的愿望。數(shù)字出版物比傳統(tǒng)出版物更易于傳播，讀者可以隨時(shí)隨地翻閱、共享內(nèi)容。而且數(shù)字出版物比傳統(tǒng)出版物包含更多的內(nèi)容，目錄更加清晰明了，閱讀體驗(yàn)也更加越快輕松。所以本文以歐洲旅游為主題介紹數(shù)字出版物制作。

2.1 基本思路

首先，通過(guò)Director軟件來(lái)完成簡(jiǎn)單的框架制作，然后再賦予此框架豐富的多媒體效果。各個(gè)頁(yè)面主要利用Lingo工具將語(yǔ)言設(shè)計(jì)成一種互動(dòng)的性質(zhì)，可以在兩者之間進(jìn)行變換，生成諸如電子書(shū)翻頁(yè)的效果。為了使動(dòng)畫(huà)產(chǎn)品更加精美，還需要使用圖像處理軟件Photoshop、視頻制作軟件After Effects、音樂(lè)編輯軟件Adobe Audition以及動(dòng)畫(huà)制作軟件Flash來(lái)完成一些雜志內(nèi)部頁(yè)面的動(dòng)畫(huà)效果，如圖1所示。

圖1 基本思路

2.2 數(shù)字出版物的制作過(guò)程

2.2.1 前期準(zhǔn)備

通過(guò)Photoshop軟件完成各個(gè)國(guó)家不同風(fēng)格的頁(yè)面按鈕、圖標(biāo)以及背景的設(shè)計(jì)與制作。新建一個(gè)480×480像素的畫(huà)布,并設(shè)置背景色為透明，利用圖層樣式、濾鏡工具等繪制不同的按鈕圖標(biāo)，如圖2所示。

圖2 按鈕的編輯繪制

2.2.2 頁(yè)面內(nèi)容的設(shè)計(jì)與制作

(1)片頭Flash制作

設(shè)置字體“環(huán)球之旅——?dú)W洲”，將其拖到舞臺(tái)底部并設(shè)置漸變。點(diǎn)擊Button按鈕，在相應(yīng)位置之上繪制按鈕，并將此按鈕命名為“SPIK”，設(shè)置顏色轉(zhuǎn)變，設(shè)置腳本為：

on mouseenter

cursor 280

on mouseleave

cursor -1

on mouseUp me

cursor 0

go to "xy"

end

(2)封面目錄的制作

導(dǎo)入片頭Flash和字體等,并在Markers menu標(biāo)記片頭第一幀“start”。

導(dǎo)入所需材料，并按照一定順序疊加圖層，并在markers menu 標(biāo)記第38幀為“menu”。制作目錄下拉菜單特效，當(dāng)鼠標(biāo)懸停時(shí)變顏色，移開(kāi)則恢復(fù)顏色。輸入腳本如下：

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)序言的制作

導(dǎo)入背景所需的材料，并在Markers menu上標(biāo)記背景第一幀為“xy”。點(diǎn)擊Text按鈕，在舞臺(tái)上目標(biāo)位置畫(huà)出文字框，輸入相應(yīng)文字，并通過(guò)Text選項(xiàng)進(jìn)行文本的設(shè)置，具體參數(shù)如圖3所示。

圖3 區(qū)域文本的參數(shù)設(shè)置

2.2.3 交互功能的實(shí)現(xiàn)

(1)頁(yè)面導(dǎo)航功能

通過(guò)設(shè)置Button，轉(zhuǎn)到下一頁(yè)，所需腳本如下：

On mouseup me

go to the frame+n

end

退出按鈕的腳本：

on mouseup me

quit

end

最小化窗口：

on mouseup me

appMinimize

end

(2)音量控制

聲音在電子雜志中的運(yùn)用主要是實(shí)現(xiàn)背景音樂(lè)的控制、鼠標(biāo)操作時(shí)的音效、配合動(dòng)畫(huà)的音效以及音樂(lè)播放器的制作[3]。設(shè)置腳本如下：

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)視頻播放器控制

導(dǎo)入圖標(biāo)，并把圖標(biāo)拖入舞臺(tái)中相應(yīng)位置，以開(kāi)始按鈕為例，輸入腳本如下：

on mouseup me

sprite(26).play()

end

對(duì)于視頻聲音的調(diào)節(jié)，需要使用繪圖工具在相應(yīng)位置畫(huà)一個(gè)圓形，并填寫(xiě)腳本：

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 測(cè)試與發(fā)布

完成整個(gè)數(shù)字出版物的制作后，利用播放控制工具導(dǎo)出影片，檢查電子雜志的格式和播放效果，并對(duì)影片進(jìn)行修改和完善。在電影發(fā)布之前，要對(duì)電影播放屬性和發(fā)布屬性根據(jù)實(shí)際情況進(jìn)行設(shè)置，設(shè)置完畢后再發(fā)布電影。

3 結(jié)論

數(shù)字出版物具有多媒體的表現(xiàn)形式，內(nèi)容更加生動(dòng)，降低了運(yùn)營(yíng)成本的同時(shí)也節(jié)省了發(fā)行傳遞成本和時(shí)間成本。該數(shù)字讀物也會(huì)具備傳統(tǒng)讀物分類清晰、內(nèi)容豐富和主題鮮明等特點(diǎn)，同時(shí)兼具檢索方便、多媒體融合的特點(diǎn)，豐富的互動(dòng)內(nèi)容給讀者帶來(lái)全新的閱讀體驗(yàn)。

[1] 羅毅.數(shù)字信息資源長(zhǎng)期保存的主要問(wèn)題及研究進(jìn)展[J].信息資源管理學(xué)報(bào),2014(2):22-36.

[2] 金暉.基于Director的電子雜志的設(shè)計(jì)與制作[J].科技信息,2011(25):66-68.

[3] 劉羽.基于移動(dòng)應(yīng)用的數(shù)字出版物研究[D]. 武漢：武漢理工大學(xué),2012.

Design and production of digital publication based on director

Zhang Haiyue，Si Zhanjun

(College of Packaging Printing Engineering, Tianjin University of Science Technology，TianJin 300222， China)

Taking Europe as the theme of global tourism, we used the Photoshop, Flash and other software to process text, pictures, audio and video, and introduced the procedure of using Director to produce digital publications.

Director software; Lingo language; electronic magazine

TP37

A

10.19358/j.issn.1674- 7720.2017.08.014

張海月，司占軍.基于Director的數(shù)字出版物的設(shè)計(jì)與制作[J].微型機(jī)與應(yīng)用，2017,36(8)：42-44.

2016-10-25)

張海月(1992-)，通信作者，女，碩士研究生，主要研究方向：數(shù)字出版技術(shù)、虛擬現(xiàn)實(shí)技術(shù)。E-mail：604122718@qq.com。

司占軍(1971-)，男，教授，主要研究方向：印刷色彩處理、數(shù)字出版技術(shù)。

________________________