芻議數字動態海報的兩種制作方法

張灣灣 邱寧 吳蘭

項目來源：2020江蘇省大學生創新課題

摘要：隨著數字媒體技術的發展，動態海報的制作逐漸成為海報制作的主流。HTML5融媒體制作平臺和Photoshop動畫制作模式都可以制作數字動態海報，通過兩個動態海報作品的制作，介紹了兩種平臺的制作方法。

關鍵詞：動態海報;制作;Photoshop;HTML5

中圖分類號：TP317.4文獻標識碼：A文章編號：1672-9129（2020）13-0153-01

1 引言

海報是媒體面向廣大受眾，進行影視、廣告、電商等宣傳的常見招貼形式之一[1]。隨著新媒體技術的廣泛應用，海報從紙質靜態海報逐步發展為數字動態海報[2]。動態海報融合了圖片、文字、聲音等多樣化設計元素，更能吸引觀者的注意。很多軟件都逐漸強化了制作動態海報的功能，高職學生可以利用學習的Photoshop軟件和HTML5融媒體制作平臺快速地實現動態海報的制作。

2 用HTML5制作“點贊中國速度”動態海報

2020年突發的疫情，讓全世界看到了什么叫做中國速度，可以用HTML5制作“點贊中國速度”的動態海報，向大眾傳達對“中國速度”的自豪感。HTML5的制作平臺選擇了簡單易上手的木疙瘩平臺。根據主題，熟練運用木疙瘩平臺的繪圖工具，充分發揮想象力，主要采用關鍵幀動畫來實現畫面的切換和運動。

作品首畫面采用了直接呈現的方式，使主題一目了然。將祖國的國旗和本次動畫的主題一起呈現。隨后運用了關鍵幀動畫，讓國旗和主題字一起變小，并一直存在直至動畫結束。作品畫面二呈現武漢的地理位置。運用了關鍵幀動畫呈現出一個地球，在地球上找到中國，再由中國找到武漢，武漢地圖選用了紅色，與中國地圖的顏色形成了鮮明對比，同時也想表達出武漢處于危急之中。作品畫面三采用了文字的動態變化。運用了關鍵幀動畫發出了武漢“請救支援”的文字信號，緊接著構想到了使用中國的“中”字的形狀承載著“馬上到”三個字，使用快速出現的處理方式，也是想表達出中國的速度之快，這一畫面運用了關鍵幀動畫和透明度的變化，將這一畫面“與萬眾一，心抗擊疫情”進行相銜接使畫面變的自然。

作品畫面四是核心重點內容，呈現的是我國16省的快速支援，運用了關鍵幀動化畫呈現了“12天”建設成的雷神山醫院和“10天”建設成了火神山醫院。為了能更好的突出速度，把這一畫面排在了此圖層的中心位。隨著每個省份救援的不斷抵達和醫護人員以及醫療物資的不斷壯大，用了透明度使圖片交換的處理，使武漢地圖正不斷由紅色變為綠色，也寓意著武漢正由“生病”轉變為“健康”。

3 用Photoshop制作“科學防疫”動態海報

“科學防疫”動態海報的創作理念是將氣泡接龍游戲的理念引入海報宣傳中，當含有正確防疫措施的氣泡連接到一起就可以成功消失并清除有害病毒。動態海報的背景采用明亮的黃色為主色調，上下結構布局。文案背景用矩形工具繪制兩個深色矩形和白色矩形描邊框，在視覺居中處進行文案排版，再加上素材圖片。文字圖片交接處用橡皮擦處理文字并剪切圖片素材，調整圖層順序，加上投影圖層樣式。氣泡是由橢圓工具繪制圓形填充為100-0%白色徑向漸變，調整合適的角度，在用橡皮擦去多余部分，置于素材圖片上層。文字區設計效果Photoshop可以選擇動畫工作模式，創建時間軸，設計動態海報效果。創建視頻時間軸，添加關鍵幀制作氣泡向上移動和溫度計左右搖擺的動態，加上漸隱過渡效果，多添加關鍵幀使得素材運動變化更加自然流暢。

用“病毒”素材拼出新冠肺炎縮寫“COVID-19”，在時間軸上制作撕裂效果。先用選區工具做出滿意的裂縫選區分成兩節，并用濾鏡等處理好細節，最后加上描邊及陰影即可。在”COVID-19”漸隱消失后，將文字圖層的出現時間調整至“COVID-19”后，顯現分別從左右向中間移動的“眾志成城，共抗疫情”。最后添加邊框細節，完成作品最終效果。

4 發布為網絡動態海報格式

制作完動態海報，需要在制作平臺發布為動態海報格式，一般常見的是gif格式。在HTML5融媒體制作平臺中，單擊文件導出，點擊“GIF動畫”，需要注意的是導出的gif不支持預置動畫的效果。在Photoshop軟件中要點擊文件導出，點擊“存儲為Web所用格式”，將預設這一選項設為GIF格式即可。

5 小結

Photoshop軟件平臺制作動態海報需要將工作區切換為“動感”，該軟件本身就可以制作數字海報，所以制作動態海報只是在原有基礎上利用時間軸進行設置，進而制作動態海報，對大尺寸的動態海報也能輕松實現。HTML5融媒體制作平臺主要是實現跨平臺交互動畫作品，加入交互和各類媒體元素更為方便。

隨著信息傳播媒介的不斷進化，人類對信息的感受越來越豐富和立體[3]。在數字海報設計中加入動態化的元素，可以在無線循環播放中塑造動態元素和個性化運動，最大化地表現主題。用HTML5融媒體制作平臺和Photoshop軟件可以通過圖像與文字的變化刺激使人產生記憶，吸引觀者的注意力，形成對海報的完整印象。如何使動態海報作品更能引起觀者的注意，進而完成觀者持續化的交互反饋，是進一步需要思考的問題。

參考文獻：

[1]任蹦蹦，王安霞.視覺信息在動態海報中的敘事性研究[J].設計，2020（4）：110-111.

[2]單成婕.數字技術下海報設計形式研究[J].大眾文藝，2020（7）：133-134.

[3]倪洋.無限的循環往復——動態海報設計的創新研究[J].藝苑，2020（2）：65-67.

作者簡介：吳蘭（1978—），女，漢，江蘇省連云港，副教授，碩士研究生。