Animate在氣象科普中的應(yīng)用

何雪楊 姜殿榮

（1.鹿寨縣氣象局 廣西壯族自治區(qū)鹿寨縣 545600 2.柳州市氣象局 廣西壯族自治區(qū)柳州市 545001）

1 Animate與氣象科普動(dòng)畫

1.1 Animate簡(jiǎn)介

Flash 動(dòng)畫作為一種比較流行的動(dòng)畫技術(shù)，其特點(diǎn)是具有矢量圖、流式放等技術(shù)，而且文件容量比較小、數(shù)據(jù)流式的音頻以及可交互等特點(diǎn)，是氣象科普表現(xiàn)的不錯(cuò)的一個(gè)選擇。但是由于Flash播放一般需要客戶端有Flash 插件，在以往以桌面電腦為終端為主的互聯(lián)網(wǎng)時(shí)代，一般系統(tǒng)都自動(dòng)下載并集成Flash 插件。而在當(dāng)前移動(dòng)智能終端普及的時(shí)代，人們更多是通過移動(dòng)智能終端獲取信息，而Flash 的播放方式就由于其需要插件播放的方式，會(huì)帶來不方便。

Adobe 公司順應(yīng)潮流，把原先的Flash 系統(tǒng)升級(jí)成Animate系統(tǒng)，不僅僅是一個(gè)軟件名稱的改變，更重要的是其增加了對(duì)HTML5 的支持。從2015年開始，Adobe 公司宣布將Flash 專業(yè)版更名為Animate CC，為網(wǎng)頁(yè)開發(fā)者提供更適應(yīng)現(xiàn)有網(wǎng)頁(yè)應(yīng)用的音頻、圖片、視頻、動(dòng)畫等創(chuàng)作支持[1]。Animate CC 將擁有大量的新特性，特別是在繼續(xù)支持Flash SWF、AIR 格式的同時(shí)，還會(huì)支持HTML5Canvas、WebGL，并能通過可擴(kuò)展架構(gòu)去支持包括SVG 在內(nèi)的幾乎任何動(dòng)畫格式[2]。

1.2 氣象科普動(dòng)畫

高溫、暴雨、雷電、大風(fēng)等氣象災(zāi)害比較頻發(fā)，給人們的日常生活帶來不小的影響，將這些易發(fā)生、常發(fā)生的氣象災(zāi)害通過科普動(dòng)畫的方式展現(xiàn)給公眾可以達(dá)到很好的科普效果。

特別是在當(dāng)下，互聯(lián)網(wǎng)、智能手機(jī)為主的移動(dòng)終端廣為應(yīng)用，通過集聲音、視頻、圖像為一體的多媒體形式就更能讓受眾接受[3]。

2 氣象科普動(dòng)畫制作過程—以“解讀高溫”

通過科普需求調(diào)查，讓觀看者在生動(dòng)、有趣的科普故事中學(xué)習(xí)氣象知識(shí)是比較受歡迎的方式之一。以“解讀高溫”這個(gè)科普動(dòng)畫為例，講述宣傳動(dòng)畫短片的設(shè)計(jì)制作過程。一個(gè)動(dòng)畫短片制作過程分：前期制作、中期制作、后期合成等幾個(gè)階段[4]。前期制作一般包括劇本設(shè)計(jì)、美術(shù)設(shè)計(jì)、分鏡頭設(shè)計(jì)等部分工作。中期制作主要是動(dòng)畫實(shí)現(xiàn)和調(diào)幀的工作，后期合成主要是聲音和鏡頭合成[5]。其中前期制作尤為重要，中期制作工作量最大，但是前期制作是奠定整個(gè)動(dòng)畫片的風(fēng)格、基調(diào)，中后期主要是實(shí)現(xiàn)動(dòng)畫內(nèi)容，以及在細(xì)節(jié)上調(diào)優(yōu)。

2.1 前期制作

圖1：學(xué)校正門場(chǎng)景設(shè)計(jì)

圖2：學(xué)校戶外場(chǎng)景設(shè)計(jì)

圖3：教室場(chǎng)景設(shè)計(jì)

2.1.1 劇本設(shè)計(jì)

以高溫動(dòng)畫設(shè)計(jì)為例，首先應(yīng)該搜集高溫相關(guān)知識(shí)，對(duì)收集到的資料分類整理，有關(guān)高溫的知識(shí)主要包括高溫的定義、高溫類型、高溫與健康等各方面內(nèi)容。為了不讓短片只是單純的說教，劇本設(shè)計(jì)以有關(guān)高溫的小故事開頭引入正題。

圖4：原始卡通主題形象以及新設(shè)計(jì)的動(dòng)作示例

劇本內(nèi)容以青少年夏季常有的夏令營(yíng)課外活動(dòng)作為引子，在故事中由于一個(gè)小朋友因?yàn)橄募靖邷囟惺睿鲇嘘P(guān)高溫的具體內(nèi)容展現(xiàn)。

在本短片中設(shè)計(jì)了六個(gè)人物，其中風(fēng)陣陣（男）和云朵朵（女）為柳州市氣象科普系列叢書的卡通人物形象，另外則是老師(女)、夏令營(yíng)王哥哥（男）、小明（男）、小花（女）等參加夏令營(yíng)活動(dòng)的人物角色。在故事中由于小明中暑了，然后引出由風(fēng)陣陣和云朵朵出來講解有關(guān)高溫知識(shí)。講解的知識(shí)主要包括：高溫的定義、中國(guó)高溫天氣概況、高溫標(biāo)準(zhǔn)、高溫類型、高溫對(duì)人類身體的影響、高溫天氣如何應(yīng)對(duì)等。

2.1.2 美術(shù)設(shè)計(jì)

（1）整體風(fēng)格定位：小學(xué)生日常課外活動(dòng)型、科普知識(shí)型。

（2）美術(shù)風(fēng)格：簡(jiǎn)約、色彩鮮明。

（3）動(dòng)畫風(fēng)格：簡(jiǎn)約、較緩慢、主題鮮明、卡通類型。

（4）造型設(shè)計(jì)：人物都是簡(jiǎn)約卡通造型。

（5）角色設(shè)計(jì)：老師、學(xué)生、專門的卡通形象。

（6）場(chǎng)景設(shè)計(jì)：分為教室室內(nèi)場(chǎng)景、學(xué)校環(huán)境以及戶外場(chǎng)景。其中學(xué)校環(huán)境包括小學(xué)校整體形象（如圖1 所示），有學(xué)校大門、學(xué)校大樓等[6]；戶外場(chǎng)景主要包括學(xué)校外道路，有公路、路燈，如圖2 所示。

（7）教室室內(nèi)場(chǎng)景設(shè)計(jì)：如圖3 所示，教室室內(nèi)場(chǎng)景設(shè)計(jì)按照一般小學(xué)課堂設(shè)計(jì)，有黑板，老師講桌等[7]。

2.2 中期制作與后期合成

中期制作一般包括各個(gè)元件的制作和組合，局部動(dòng)畫和全局動(dòng)畫的實(shí)現(xiàn)，以及調(diào)幀等工作。其中元件制作、動(dòng)畫實(shí)現(xiàn)與調(diào)幀等環(huán)節(jié)幾乎占據(jù)全部工作量一半以上。

動(dòng)畫中的聲音和鏡頭的合成是后期合成的主要工作，在Animate 中，根據(jù)分鏡頭原稿的順序制作，合成鏡頭還算比較簡(jiǎn)單[8]。而一般的特效處理，需要導(dǎo)入到AdobeAE 根據(jù)中去處理，然后再輸出動(dòng)畫影片。聲音合成，最主要是要注意動(dòng)作、人物口型與聲音同步處理。這些工作是一個(gè)比較細(xì)致的工作，比如：口型與聲音不一致、不同臺(tái)詞與人物表情不一致等，都是需要經(jīng)過多次反復(fù)調(diào)整才能取得好效果。

2.3 人物動(dòng)作設(shè)計(jì)實(shí)現(xiàn)要點(diǎn)

在制作氣象科普系列動(dòng)畫的過程中，為了氣象科普?qǐng)D書系列卡通人物一致，在動(dòng)畫片用到的兩個(gè)主題人物形象是圖書系列中的兩個(gè)形象—風(fēng)陣陣和云朵朵如圖4 所示。然而圖書和動(dòng)畫片的制作方式和目的不一致，在制作動(dòng)畫的時(shí)候，需要增加一些卡通主題人物的一些分解動(dòng)作，然后應(yīng)用到動(dòng)畫片中有關(guān)氣象知識(shí)講解中。

首先根據(jù)提供卡通形象原圖，通過臨摹手繪各種動(dòng)作分解圖，通過數(shù)位板加AI 等工具，對(duì)設(shè)計(jì)的各種動(dòng)作矢量化，如圖4 所示。

3 小結(jié)

在各種網(wǎng)絡(luò)平臺(tái)廣泛使用的時(shí)期，設(shè)計(jì)制作公眾喜愛的數(shù)字科普產(chǎn)品是進(jìn)行科普創(chuàng)新與推廣的重要工作之一。Animate 作為交互動(dòng)畫軟件，用于設(shè)計(jì)制作科普動(dòng)畫具有便捷、靈活、易學(xué)等優(yōu)勢(shì)，制作出的動(dòng)畫格式也可以滿足多種網(wǎng)頁(yè)、新媒體平臺(tái)支撐需求[9]。“解讀高溫”科普動(dòng)畫的成品發(fā)布在柳州市氣象局官網(wǎng)、廣西壯族自治區(qū)氣象局官網(wǎng)、柳州氣象微信公眾號(hào)等。Animate CC 設(shè)計(jì)制作的產(chǎn)品還可以與AR 虛擬場(chǎng)館設(shè)計(jì)融合，制作成帶動(dòng)畫解說的“移動(dòng)式”科普教育基地，柳州“移動(dòng)式”氣象科普基地就是一個(gè)實(shí)例，目前，應(yīng)用在網(wǎng)站、柳州微科普平臺(tái)上，讓市民可以不受時(shí)間約束，自由“參觀”瀏覽，云朵朵、風(fēng)陣陣兩個(gè)科普主題人物也化身為小解說員，對(duì)基地中場(chǎng)館、展臺(tái)、展品進(jìn)行逐一介紹。