摘 ?要：文章將每天天氣預(yù)報(bào)的CSV表格里關(guān)于預(yù)報(bào)點(diǎn)、時(shí)間、溫度、圖標(biāo)的數(shù)據(jù)，在After Effects中運(yùn)用表達(dá)式進(jìn)行數(shù)據(jù)鏈接和條件判定，隨每天預(yù)報(bào)數(shù)據(jù)不同，進(jìn)行自動(dòng)更新。同時(shí)，運(yùn)用After Effects新增的主屬性功能，只需要調(diào)整一個(gè)模板版面里的元素，其余預(yù)報(bào)點(diǎn)的文本、天氣圖標(biāo)位置、風(fēng)格自動(dòng)保持一致。最后，與Premiere動(dòng)態(tài)鏈接并進(jìn)行輸出，完成天氣預(yù)報(bào)節(jié)目的自動(dòng)生成。

關(guān)鍵詞：CSV表格;After Effects;表達(dá)式;主屬性;嵌套合成;Premiere

中圖分類號：TP311 ? ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號：2096-4706（2021）06-0106-03

Automatic Generation of Program Packaging from Weather Forecast Data

WANG Yifu

（Sichuan Meteorological Service Center，Chengdu ?610072，China）

Abstract：In this paper，data about the forecast locations，time，temperature，icon in the CSV table of daily weather forecast are linked and judged by using the expression in After Effects，and automatically updated with different forecast data of everyday. At the same time，using the new main attribute function of After Effects，you only need to adjust the element in a template layout，and the text，weather icon position and style of the remain forecast locations can be automatically keep consistent. Finally，it links dynamically with Premiere and carries out the output to complete the automatic generation of weather forecast programs.

Keywords：CSV table;After Effects;expression;main attribute;nested composition;Premiere

0 ?引 ?言

筆者長期從事天氣預(yù)報(bào)節(jié)目后期制作，部分天氣預(yù)報(bào)節(jié)目信息錄入、字幕切屏為人工操作，切屏?xí)蓄A(yù)報(bào)信息與畫面不同步現(xiàn)象，人工錄入信息也容易出錯(cuò)。同時(shí)影視中心為地市州制作的節(jié)目占用大量人工及制作時(shí)間，需要快速便捷的制作流程，預(yù)期能達(dá)到以下目的：

（1）數(shù)據(jù)直接生成預(yù)報(bào)版面，從數(shù)據(jù)到節(jié)目視頻自動(dòng)更新輸出，提高節(jié)目制作效率。

（2）預(yù)報(bào)信息與畫面完全一致，避免人工輸入信息出錯(cuò)，提升節(jié)目制作水準(zhǔn)。

該工作流程的關(guān)鍵就是自動(dòng)更新：借助后期合成軟件，運(yùn)用Java script編程語言將每天的預(yù)報(bào)節(jié)目預(yù)報(bào)點(diǎn)、時(shí)間、溫度、圖標(biāo)、修改廣告進(jìn)行關(guān)聯(lián)，自動(dòng)更新，進(jìn)行數(shù)據(jù)自動(dòng)化視覺呈現(xiàn)。

1 ?技術(shù)要點(diǎn)

天氣預(yù)報(bào)數(shù)據(jù)自動(dòng)生成節(jié)目包裝關(guān)鍵技術(shù)有兩點(diǎn)：

（1）數(shù)據(jù)提取：After Effects 2020版本可以識(shí)別CSV電子表格，用表達(dá)式將每天的預(yù)報(bào)節(jié)目預(yù)報(bào)點(diǎn)、時(shí)間、溫度、圖標(biāo)、修改廣告自動(dòng)更新;CSV電子表格的列數(shù)和欄數(shù)形成數(shù)組，導(dǎo)入AE后文字層可以提取數(shù)組[列數(shù)，欄數(shù)]，比如：

thisComp.layer（"新聞?lì)l道.csv"）（"Data"）（"Outline"）（"城市"）（"城市 0"）對應(yīng)字符是“成都”

thisComp.layer（"新聞?lì)l道.csv"）（"Data"）（"Outline"）（"天氣"）（"天氣 0"）對應(yīng)字符是“多云轉(zhuǎn)晴”

thisComp.layer（"新聞?lì)l道.csv"）（"Data"）（"Outline"）（"溫度"）（"溫度 0"）對應(yīng)字符是“21～29℃”

（2）主屬性功能：After Effects 2020將提取的一個(gè)預(yù)報(bào)模板制作成不同的預(yù)報(bào)數(shù)據(jù)的版面。

天氣預(yù)報(bào)版式如圖1所示。

2 ?具體制作流程

2.1 ?表格和模板準(zhǔn)備

在After Effects打開初步制作好的天氣預(yù)報(bào)的版式，如圖1所示，導(dǎo)入天氣預(yù)報(bào)表格“新聞?lì)l道.csv”，新建合成“預(yù)報(bào)數(shù)據(jù)提取”，拖入表格到合成時(shí)間線。

2.2 ?地名切換

打開“單個(gè)城市天氣預(yù)報(bào)版式”合成時(shí)間線，新建“地名序號”文本層，設(shè)置為參考線圖層，將該層的“Source Text”層級右鍵設(shè)置為“單個(gè)城市天氣預(yù)報(bào)版式”合成的基本圖形，修改基本圖形中名稱為“地名序號”與圖層一致，為“地名”層Source Text設(shè)置表達(dá)式：

id=thisComp.layer（"地名序號"）.text.sourceText;

comp（"預(yù)報(bào)數(shù)據(jù)提取"）.layer（"新聞?lì)l道.csv"）（"Data"）（"Outline"）（"城市"）（id）

2.3 ?天氣圖標(biāo)自動(dòng)切換

由于四川的區(qū)域天氣特性，常見的天氣狀態(tài)如表1所示。

天氣圖標(biāo)自動(dòng)切換的步驟為：

首先在After Effects中新建“天氣圖標(biāo)切換原始”合成時(shí)間線，然后新建“切換依據(jù)”文本層，設(shè)置為參考線圖層用作文本索引，將該層下的“Source Text”層級右鍵設(shè)置為本合成的基本圖形，修改基本圖形中名稱為“切換依據(jù)”與圖層一致。同時(shí)將上述多個(gè)天氣圖標(biāo)，依次排列在時(shí)間線圖層上，每個(gè)天氣圖標(biāo)的不透明度與“切換依據(jù)”文本層對應(yīng)的文本描述形成表達(dá)式關(guān)聯(lián)，比如當(dāng)天氣預(yù)報(bào)的csv文件里描述為“多云”，那么“多云”的圖標(biāo)的不透明度就是100%，否則就是0%。表達(dá)式設(shè)置為：

tiaojian=thisComp.layer（"切換依據(jù)"）.text.sourceText;if （tiaojian=="多云"） {100} else {0}

當(dāng)頁面回到“單個(gè)城市天氣預(yù)報(bào)版式”合成時(shí)間線，新建“今天天氣圖標(biāo)序號”文本層，設(shè)置為參考線圖層用作文本索引，將該層下的“Source Text”層級右鍵設(shè)置為本合成的基本圖形，修改基本圖形中名稱與圖層一致。再將“天氣圖標(biāo)切換原始”合成拖入“單個(gè)城市天氣預(yù)報(bào)版式”作為一個(gè)嵌套圖層，按回車修改為“今天圖標(biāo)”，展開“Master Properties”主屬性下的“Source Text”源文本層級，設(shè)置表達(dá)式：

id=thisComp.layer（"今天溫度圖標(biāo)序號"）.text.sourceText; comp（"預(yù)報(bào)數(shù)據(jù)提取"）.layer（"新聞?lì)l道.csv"）（"Data"）（"Outline"） （"天氣"）（id）

完成以上步驟后復(fù)制“今天天氣圖標(biāo)序號”文本層，修改為“明天溫度圖標(biāo)序號”文本層，將該層下的“Source Text”層級右鍵設(shè)置為本合成的基本圖形，修改基本圖形中名稱與圖層一致，接著復(fù)制“今天圖標(biāo)”副本，修改為“明天圖標(biāo)”，展開“Master Properties”主屬性下的“Source Text”源文本層級，設(shè)置表達(dá)式：

id=thisComp.layer（"明天天溫度圖標(biāo)序號"）.text.sourceText;

comp（"預(yù)報(bào)數(shù)據(jù)提取"）.layer（"新聞?lì)l道.csv"）（"Data"）（"Outline"）（"天氣"）（id）

完成提取后復(fù)制“明天天氣圖標(biāo)序號”文本層，修改為“后天溫度圖標(biāo)序號”文本層，將該層下的“Source Text”層級右鍵設(shè)置為本合成的基本圖形，修改基本圖形中名稱與圖層一致，再復(fù)制“明天圖標(biāo)”副本，修改為“后天圖標(biāo)”，展開“Master Properties”主屬性下的“Source Text”源文本層級，設(shè)置表達(dá)式：

id=thisComp.layer（"后天天溫度圖標(biāo)序號"）.text.sourceText;

comp（"預(yù)報(bào)數(shù)據(jù)提取"）.layer（"新聞?lì)l道.csv"）（"Data"）（"Outline"）（"天氣"）（id）

2.4 ?溫度切換

溫度切換的原理也是一樣的，具體步驟為：

在“單個(gè)城市天氣預(yù)報(bào)版式”合成時(shí)間線，新建“今天氣溫序號”文本層，設(shè)置為參考線圖層用作文本索引，將該層下的“Source Text”層級右鍵設(shè)置為本合成的基本圖形，修改基本圖形中名稱與圖層一致。為“今天氣溫”層Source Text設(shè)置表達(dá)式：id=thisComp.layer（"今天氣溫序號"）.text.sourceText;comp（"預(yù)報(bào)數(shù)據(jù)提取"）.layer（"新聞?lì)l道.csv"）（"Data"）（"Outline"）（"溫度"）（id）

用同樣方法在該合成時(shí)間線新建“明天氣溫序號”文本層、設(shè)置為參考線圖層用作文本索引，將該層下的“Source Text”層級右鍵設(shè)置為基本圖形，修改基本圖形中名稱與圖層一致。為“明天氣溫”層Source Text設(shè)置表達(dá)式：id= thisComp.layer（"明天氣溫序號"）.text.sourceText;

comp（"預(yù)報(bào)數(shù)據(jù)提取"）.layer（"新聞?lì)l道.csv"）（"Data"）（"Outline"）（"溫度"）（id）

相同方法在該合成時(shí)間線新建“后天氣溫序號”文本層、設(shè)置為參考線圖層用作文本索引，將該層下的“Source Text”層級右鍵設(shè)置為本合成的基本圖形，修改基本圖形中名稱與圖層一致。為“后天氣溫”層Source Text設(shè)置表達(dá)式：id=thisComp.layer（"后天氣溫序號"）.text.sourceText;comp（"預(yù)報(bào)數(shù)據(jù)提取"）.layer（"新聞?lì)l道.csv"）（"Data"）（"Outline"）（"溫度"）（id）

2.5 ?制作天氣預(yù)報(bào)總合成

天氣預(yù)報(bào)元素鏈接完成后，需要進(jìn)行總的處理，新建“新聞?lì)l道城市預(yù)報(bào)”合成，設(shè)置總時(shí)長為10個(gè)城市，每個(gè)城市預(yù)報(bào)為5秒，總長為50秒

將“單個(gè)城市天氣預(yù)報(bào)版式”合成拖入“單個(gè)城市天氣預(yù)報(bào)版式”作為一個(gè)嵌套圖層，設(shè)置層長度為0：00：05：00

展開“Master Properties”主屬性下的各個(gè)屬性依次為設(shè)置表達(dá)式，如圖2所示。

按照預(yù)報(bào)城市數(shù)量復(fù)制“單個(gè)城市天氣預(yù)報(bào)版式”多個(gè)圖層，首尾依次排列，如圖3所示。

現(xiàn)在，每個(gè)圖層作為一個(gè)城市嵌套合成，會(huì)依據(jù)CSV表格的數(shù)據(jù)變化自動(dòng)更新天氣預(yù)報(bào)信息。

2.6 ?Premiere Pro 2020進(jìn)行整體輸出

打開Premiere Pro 2020，新建“自動(dòng)天氣預(yù)報(bào)”工程，新建1080P，名稱為“自動(dòng)天氣預(yù)報(bào)”的序列，與After Effects合成時(shí)間線進(jìn)行鏈接，同時(shí)加入片頭、每個(gè)城市廣告、片尾、配音、背景音樂后整體輸出。

3 ?結(jié) ?論

通過以上操作步驟，經(jīng)過在After Effects、Premiere測試，基本達(dá)到預(yù)期目標(biāo)：

從CSV數(shù)據(jù)到After Effects包裝版面可以自動(dòng)更新，再到動(dòng)態(tài)鏈接的Premiere工程也可以同步更新，監(jiān)看并輸出整體節(jié)目，是由于避免人工輸入信息，從而加快效率，提高了預(yù)報(bào)信息制作的效率和精準(zhǔn)度。

今后需要精簡合成圖層的數(shù)量，進(jìn)一步提高渲染的速度，為批量制作贏取更多寶貴時(shí)間，同時(shí)由于自動(dòng)化包裝制作的動(dòng)畫元素（文本、圖標(biāo)等元素）支持矢量格式，支持在After Effects里進(jìn)行無損縮放，可考慮以后研究方向?qū)⒛壳暗娜咔迳壷?K/8K視頻批量輸出，將此方案進(jìn)一步優(yōu)化，形成面向未來需求的前瞻制作解決方案。

參考文獻(xiàn)：

[1] 布勞恩.數(shù)據(jù)可視化（40位數(shù)據(jù)設(shè)計(jì)師訪談錄） [M].賀艷飛，譯.廣西：廣西師范大學(xué)出版社，2017.

[2] 亞當(dāng).大型JavaScript應(yīng)用最佳實(shí)踐指南 [M].奇舞團(tuán)，譯.北京：電子工業(yè)出版社，2017.

[3] 馬特.JavaScript高級程序設(shè)計(jì)：第4版 [M].李松峰，譯.北京：人民郵電出版社，2020.

[4] 唯美世界，曹茂鵬.After Effects 2020 完全案例教程 [M].北京：中國水利水電出版社，2020.

[5] 朱曉明，朱琦.Premier Pro 2020視頻編輯標(biāo)準(zhǔn)教程 [M].北京：清華大學(xué)出版社，2020.

作者簡介：王毅夫（1977—），男，漢族，四川三臺(tái)人，助理工程師，本科，研究方向：影視包裝。