張灣灣 邱寧 吳蘭

項目來源：2020江蘇省大學(xué)生創(chuàng)新課題

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

關(guān)鍵詞：動態(tài)海報;制作;Photoshop;HTML5

中圖分類號：TP317.4文獻(xiàn)標(biāo)識碼：A文章編號：1672-9129（2020）13-0153-01

1 引言

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

2 用HTML5制作“點贊中國速度”動態(tài)海報

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

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

作品畫面四是核心重點內(nèi)容，呈現(xiàn)的是我國16省的快速支援，運(yùn)用了關(guān)鍵幀動化畫呈現(xiàn)了“12天”建設(shè)成的雷神山醫(yī)院和“10天”建設(shè)成了火神山醫(yī)院。為了能更好的突出速度，把這一畫面排在了此圖層的中心位。隨著每個省份救援的不斷抵達(dá)和醫(yī)護(hù)人員以及醫(yī)療物資的不斷壯大，用了透明度使圖片交換的處理，使武漢地圖正不斷由紅色變?yōu)榫G色，也寓意著武漢正由“生病”轉(zhuǎn)變?yōu)椤敖】怠薄?/p>

3 用Photoshop制作“科學(xué)防疫”動態(tài)海報

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

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

4 發(fā)布為網(wǎng)絡(luò)動態(tài)海報格式

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

5 小結(jié)

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

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

參考文獻(xiàn)：

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

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

[3]倪洋.無限的循環(huán)往復(fù)——動態(tài)海報設(shè)計的創(chuàng)新研究[J].藝苑，2020（2）：65-67.

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