謝新慧 司占軍 高寧

摘要：電子雜志兼具了平面和互聯(lián)網(wǎng)的特點，且融入圖像、文字、聲音、視頻等相互動態(tài)結(jié)合來呈現(xiàn)給讀者，此外還有超鏈接、及時互動等網(wǎng)絡元素，是一種很享受的閱讀方式。運用Photoshop、方正飛翔軟件制作以“花”為主題的電子雜志，雜志制作過程主要包括圖片文字信息的采集，各種處理方式，整體的排版與設計等環(huán)節(jié)。電子雜志通過交互效果讓大眾了解關于“花”的一些知識和故事，其中包括花語、生長環(huán)境、生活價值、美文介紹、傳說小故事等，提升閱讀體驗。

關鍵詞：花；電子雜志；交互效果

中圖分類號：TP317 文獻標識碼：A 文章編號：1009-3044（2018）14-0211-03

隨著數(shù)字科技的發(fā)展，人類開始進去了全新的信息時代，接收信息的方式也越來越多，越來越便捷。在這樣的背景下，一種新的媒體形式——數(shù)字媒體出現(xiàn)在大眾的視野[1]。像電子雜志，電子書、手機報、在線閱讀這樣的數(shù)字出版的全新載體正悄然興起，隨之，各種移動終端也開始逐漸流行。其中IPAD是現(xiàn)在人們所追捧的移動終端之一，而該文基于IPAD來制作以“花”為主題的電子雜志，并設置動感圖像、拼圖游戲等交互效果，給讀者全新的閱讀體會。

1 開發(fā)環(huán)境與軟件

開發(fā)環(huán)境：Windows 10 系統(tǒng)，Intel（R） Core（TM）i7 CPU ，8G內(nèi)存，64位操作系統(tǒng)。

制作軟件： Adobe Photoshop CS6、方正飛翔。

2 設計思路

首先進行市場調(diào)研，了解大眾對“花”的認知程度，確定所要制作的內(nèi)容以及搜集相關的圖片素材。然后在Adobe Photoshop CS6中對圖片進行調(diào)整和參數(shù)設置。在方正飛翔中對圖像、圖形以及文本等進行排版，實現(xiàn)精美的版面，并進行發(fā)布。如圖1為本設計的整體思路流程圖。

3 設計與實現(xiàn)

3.1 前期準備工作

對整個花卉市場進行調(diào)研，根據(jù)市場需求制定出相應的策劃方案。同時通過書籍的查閱和互聯(lián)網(wǎng)查詢來收集相關圖片素材，并下載相關軟件，儲備相關知識，為后期制作做好充分準備[2]。

3.2 電子雜志封面設計

3.2.1 電子雜志封面

電子雜志的封面主要通過Photoshop來制作完成的。

首先新建一個剪切板，名稱首頁，大小設為656*510。然后將素材圖片從在Photoshop中打開，雙擊圖層面板中的背景，彈出新建圖層面板[3]，點擊確定，用仿制圖章工具消去不需要的部分，修改后的圖片如圖2所示。

用快捷鍵Ctrl+A（全部）選中圖片，Ctrl+C（復制）復制圖片，再打開新建的首頁，用快捷鍵Ctrl+V（粘貼），將處理好的素材圖片粘貼到剪切板首頁上，用快捷鍵Ctrl+T（自由變換），拖動鼠標將圖片調(diào)整到合適大小，在圖層中選中兩個圖層，鼠標右擊，選擇合并圖層[4]，將最終處理好的圖片存儲為JPEG格式，存儲在桌面電子雜志文件夾下。

打開方正飛翔，通過插入—圖片的形式，將處理好的圖片首頁插入，用選取按鈕將圖片拖動成合適大小，用文字工具在圖片的右下角位置輸入flower，字體華文琥珀，字號特大；用選擇工具選中文字塊，選擇互動動畫并設置參數(shù)，在載入頁面時，自底部以回彈的方式載入，首頁頁面完成。最終電子雜志封面靜態(tài)圖如圖3所示。

3.2.2 電子雜志封底

電子雜志的封底首先通過Photoshop處理圖片，然后在方正飛翔中加上各種效果，再添加音頻。

在Photoshop中處理圖片，以蒲公英圖片的處理為例，首先打開圖片，通過查看圖像大小，新建相同比例的剪貼板，將圖片粘貼復制到新建剪貼板，調(diào)整圖片大小，并為圖片設計效果，其余圖片均相似設置。

在方正飛翔中打開圖片，根據(jù)圖片內(nèi)容調(diào)整圖片的角度，仍以蒲公英為例，選中該圖片，在對象面板下設置旋轉(zhuǎn)角度-10度，其他圖片均相似設置，再排列各張圖片的位置，通過互動效果的音視頻，載入提前處理好的音頻，并在互動屬性中設置參數(shù)，這樣電子雜志的封底就設置完成了。電子雜志封底靜態(tài)圖如圖4所示。

3.3 電子雜志內(nèi)容設計

電子雜志介紹的內(nèi)容主要有花語，花的詩歌，花的特點，花的傳說小故事等，用不同的互動效果來展示。

3.3.1 彈出內(nèi)容嵌套效果設計

該頁以薰衣草為例，在方正飛翔中出插入在Photoshop中處理好的六張圖片，并排列位置。使用彈出內(nèi)容嵌套的方式來設置六張圖片的互動效果。需要彈出內(nèi)容和按鈕兩種效果的配合。首先，把五張薰衣草圖片按成長的過程，在彈出內(nèi)容互動效果中分別形成對象，設為彈出內(nèi)容1，彈出內(nèi)容2，彈出內(nèi)容3，彈出內(nèi)容4，彈出內(nèi)容5，方便后面按鈕的跳轉(zhuǎn)；其次，打開按鈕的面板，選擇橢圓形圖片為第一個按鈕，選中該圖片，在按鈕面板中單擊轉(zhuǎn)為按鈕對象，為按鈕添加動畫，轉(zhuǎn)至彈出內(nèi)容1的畫面1，并為彈出畫面1設置彈出動畫為跌落。之后按這樣的方式將薰衣草的成長過程圖片分別加上按鈕互動效果，并為其分別設置回彈、滑動、飛升、翻轉(zhuǎn)的進入效果。

在空白地方用文字塊表現(xiàn)薰衣草的花語和名稱，花語用美工的藝術字中的自定義藝術字設置參數(shù)立體勾邊，顏色均為紫色。

3.3.2 動感圖像效果設計

該頁用蒲公英為例制作動感圖像的互動效果。將處理好的圖片在方正飛翔中打開，調(diào)整圖片大小，并選中圖片，在互動窗口上加載在Photoshop中處理好的PNG圖片，動感圖像參數(shù)設置為：方向是從下向上，小圖的個數(shù)為35，小圖大小變化范圍從下線50%到上線200%，小圖擺動范圍從下線-180到上限180，擺動方式是循環(huán)，路徑方式是循環(huán)，手勢交互參數(shù)是打散。在互動效果設置完成的圖片上，添加文字塊，將蒲公英的一篇詩歌和花語填入，并修改顏色、字體、字號。

3.3.3 拼圖游戲效果設計

向日葵的設置用到了拼圖游戲，選用梵高的兩張向日葵的圖畫作為拼圖游戲的主體，顯示圖片選擇兩張真實向日葵的近景圖片拼接。

在方正飛翔對圖片進行拼圖游戲的設置。首先將圖片排入，排放在整個板塊的右側(cè)，設為拼圖游戲，在互動屬性中設置參數(shù)，第一張圖片為占位圖不勾選，游戲總關數(shù)為2，第一關游戲分割塊數(shù)設為12，第二關游戲分割塊數(shù)設為20。處理完后在方正飛翔中拼圖游戲效果靜態(tài)圖如圖5所示。

3.3.4 視頻效果設計

該頁主要設計視頻互動效果，介紹了仙人球花的花語和傳說的小故事。

首先，用橢圓形工具繪制一個橢圓，選中右擊轉(zhuǎn)為文字塊，調(diào)整大小，設置線型和底紋，線型為正向波浪線，線寬為8px，線寬方向居中，顏色設置為綠色，底紋設置為綠色8號。

其次，在文字塊中輸入“仙人球花”四個字，設置字體顏色為光譜，選中文字框，在美工下選擇文字轉(zhuǎn)曲，將文字調(diào)整成適當大小。

最后設置視頻。視頻可以通過排入視頻mp4文件，或者在互動模板中選中拖到版面上的視頻模板，通過互動屬性面板替換模板中的內(nèi)容。在此選用第二種方式進行視頻的設置，在提前節(jié)選好的視頻中，通過截屏的方式，將某一幀保存，用于視頻位置顯示設置，再由互動屬性的重新設置添加截取好的視頻，設置參數(shù)，顯示播放控制，彈出是全屏播放，最終完成視頻的互動效果，視頻效果靜態(tài)圖如圖6所示。

3.4 測試及發(fā)布

電子雜志制作完成后，在IPAD中下載翔云閱讀器，電腦端下載iTools軟件，將電腦與IPAD連接，通過“共享文件”導入到翔云閱讀器，實現(xiàn)電子雜志的發(fā)布[5]。

4 結(jié)束語

本設計利用Adobe Photoshop CS6、方正飛翔軟件對電子雜志進行設計，實現(xiàn)了雜志的交互展示。基于IPAD來制作以“花”為主題的電子雜設置動感圖像、拼圖游戲等交互效果，給讀者帶來全新的閱讀體會。

參考文獻：

[1] 白雪竹. 再釋數(shù)字化語境下的新媒體[J]. 美術大觀， 2009（10）.

[2] 張姣姣， 董明治， 司占軍. 兒童三維互動讀物的設計與制作[J]. 電腦知識與技術， 2017.

[3] 梁開敏. 在PhotoShop中"巧繪"中國畫[J]. 數(shù)字與縮微影像， 2006（1）： 22-24.

[4] 耿洪杰. PHOTOSHOP創(chuàng)意攝影后期調(diào)色經(jīng)典案例之41炫麗色彩打造性感大片——KTV主題照片的處理[J]. 照相機， 2017（8）： 56-59.

[5] 王穎， 司占軍. 基于方正飛翔的互動出版物的設計與制作[J]. 電腦知識與技術， 2015（10）.