PUBLIC SECTOR · ENVIRONMENTAL MOTION · 2020

行動愛地球

Action for Earth ── Bringing Climate Visions to Life

在觀眾踏入展館之前,先讓一扇科技視窗,
替地球說出它正在經歷的光、傷口與重新生長。

01

於 YENZ 成立首年,我們替一座博物館的門口,寫下一段三分鐘的詩。

2020 年,YENZ 承接國立科學工藝博物館館前 LED 科技視窗的三分鐘輪播影片專案。 影片繞著氣候變遷、生物多樣性、環境破壞與永續行動展開,分為十四個場景分鏡, 以皮影戲與兒童塗鴉共構一場可被路過的觀眾停下、看完、記住的微型環境課。

本案的視覺方向──以皮影戲為動畫風格基底,融入兒童繪製的塗鴉素材──由館方於需求說明書中訂定,兒童塗鴉素材亦由館方先期蒐集提供。 YENZ 負責的是腳本企劃、十四個分鏡的敘事編排、動畫製作、後製合成、技術選型與最終交付。

它也是公司在環境教育、文化轉譯與 puppet 動畫技術三條路上的最早期實踐, 後來延伸至 Live2D 與虛擬角色研究的技術根,於六年之後,仍替我們供著光。

CLIENT 國立科學工藝博物館

National Science and Technology Museum

CONTEXT 館前 LED 科技視窗

三分鐘輪播·環境教育影片

PROCUREMENT 政府採購標案 案號 109057

決標金額 NT$340,000

SCOPE 腳本企劃·分鏡敘事·動畫製作·後製合成·技術選型·LOGO 動畫回饋
DISPLAY 1024 + 2032 + 1024 px
× 384 px

館前 LED 科技視窗,被建築物入口大門切成三段的橫長螢幕

十四個分鏡的視覺總覽:從宇宙、海洋、濕地、森林到污染、反思與復育,最後回到宇宙。
十四個分鏡橫向展開,從宇宙起、被污染、再回到宇宙──三分鐘的館前 LED 視窗,被排成一卷可以一口氣讀完的環境敘事。
02

在被切割的橫長螢幕上,
做一場橫向的故事。

科工館館前的 LED 科技視窗,是一個被建築物入口大門切成三段的螢幕: 左側 1024 像素、中央跨越大門上方的 2032 像素橫幅、右側 1024 像素, 整體高度僅 384 像素的橫長畫面。它每天面對來館前的大眾──孩子、家長、校外教學團體、路過行人── 在他們踏入展館之前,先以視覺與他們對話。

設計命題從一開始就不是「做一支宣傳片」, 而是──在這個被切割的橫長螢幕上,如何讓一個剛走到館前、可能只停留十幾秒的觀眾, 瞬間理解氣候變遷的尺度、感受到地球的處境、並願意從自身做出一點改變。

這需要視覺策略、敘事結構與技術解法三者同時到位。

03

讓兩種不同的視覺語言,
在同一個分鏡裡共存而不打架。

館方在需求說明書中明確訂定本案的兩項視覺核心──以皮影戲作為動畫風格基底,並融入兒童繪製的塗鴉素材;兒童塗鴉素材亦由館方先期蒐集提供。 對 YENZ 而言,設計命題從這裡才開始:兩種風格、媒材、產製邏輯都不同的視覺語言,要如何在同一個十四分鏡的敘事裡共存而不打架。

行動愛地球的皮影人偶與場景素材庫:人物、樹木、海洋、草叢、星雲、動物與綠建築,依分類整理。
以分類整理的素材庫:人物、樹木、海洋、草叢、星雲、動物、建築與綠建築──每一個分鏡都從這裡被組裝起來。

對皮影戲特質的解構

我們將皮影戲拆解為三項可被動畫化的物理特性──平面化的人形、可動的關節、鏤空的剪影──並以此作為整支動畫的執行約束。

我們以祥雲紋等中式古風圖騰打底,加上粗糙布面與皮面質感調整整體色調; 近景使用較飽和色彩、遠景以接近背景的米黃色處理,模擬皮影戲在燈光下的層次感。 動畫上強調關節擺動與燈影邊緣,讓畫面有「被光投映出來」的呼吸感,而非平面動畫。

對兒童塗鴉的處理選擇

館方提供的塗鴉素材有一定厚度的外框線與單一色彩,與皮影戲的視覺語言並不一致。 直接添加關節效果無法維持順暢度,但若強行修整孩子的筆觸以求風格統一,等於抹去了這份素材最珍貴的部分。

館方提供的兒童塗鴉素材:海洋動物、陸地動物與行動類,依分類整理過後再被置入分鏡。
館方先期蒐集的塗鴉素材分為「海洋動物」「陸地動物」「行動」三類──蝴蝶、貓、樹苗、人物、瓶罐、單車、樂器,全部都是孩子親手畫的。

於是我們決定──保留塗鴉的原始外型,反過來調整自己的設計系統去配合。

  • 以「色彩增值」混合模式,將塗鴉置入皮影布幕之後,使童畫成為光影的一部分而非疊加物。
  • 於後段分鏡增加陰影深度,讓童畫在地球修復段落更顯眼,成為敘事高潮的視覺主角。
  • 依素材內容分類(物品類、海洋動物類、陸地動物類、行動類),於對應分鏡精準配置。

這個判斷不是技術判斷,而是設計倫理判斷──讓孩子的痕跡保留下來,比讓畫面看起來統一更重要。

04

十四個分鏡,三段情緒的推移。

從宇宙到危機、再到修復,最後再回到宇宙──三分鐘走完一段微型的環境教育課程。

場景 1–5 ACT I · 生機

生物多樣性與台灣之美

從宇宙誕生、星塵凝聚開始,行動愛地球標題浮現。鏡頭依序進入海底世界、曾文溪口濕地、台灣森林、台灣上空。沿途點名綠蠵龜、招潮蟹、櫻花鉤吻鮭、山椒魚、台灣樹蛙、台灣黑熊、獼猴、鳳蝶、石虎、黃山雀、黑面琵鷺等台灣特有種。

場景 5–8 ACT II · 傷口

被汙染的地球

老鷹穿越雲層化為鋼鐵飛機,地球臭氧層破洞,雨水落下。畜牧業排放、建築工地、伐木——三個污染源同時佔據畫面三大板塊。海平面上升,建築物融化,孩子靠向母親。農夫掉淚,魚群浮屍水面。

場景 8–14 ACT III · 重生

人們的反思與改變

人們齊聚討論,有人舉起資源回收的牌子,農夫捧起樹苗。風力發電、太陽能、植樹、大眾運輸接力出現。樂活節能屋、北投圖書館、衛武營、台中歌劇院、高雄總圖書館、科工館本身——綠建築一一登場。最後地球從畫面下方旋轉進入,孩子的塗鴉化作星辰,行動愛地球的標題重現。

第一幕分鏡稿:台灣濕地、台灣森林與台灣上空。
第一幕分鏡稿──濕地、森林、上空依序登場。
第三幕分鏡稿:地球從恢復生機,走向和平共存與行動愛地球的收尾。
第三幕分鏡稿──恢復生機、和平共存,最後回到「行動愛地球」收尾。
05

色彩,不是配色──
是一支三分鐘的情緒敘事。

這條色彩曲線本身即是一段敘事:從米白的儀式感出發,途經海與雲的明亮、被污染後的悶熱與焦黑, 再回到復育後的清爽,最後米白回來,與開場呼應,循環不息。

06

讓被切割的螢幕,
成為畫面流動的理由。

LED 視窗的尺寸對應

館前螢幕由三段組成:左 1024 × 384、中 2032 × 176、右 1024 × 384,中間因建築入口大門被切割。 傳統做法會把畫面當三個獨立區塊處理,但這會讓敘事被中央大門打斷。

本案改採「卷軸式平移」的構圖:所有分鏡以橫長畫面整體設計,元素跨越大門缺口、隨平移持續流動, 使空間限制反而成為敘事節奏的一部分。

畫質的權衡

原計畫尺寸高度為 4080 × 384 px,但測試後發現館前螢幕的實際呈現對畫質有更高需求。 考量過往「中華職棒 30 週年特展」於相同螢幕上的播放經驗,最終調整為 HD 以上畫質、 剪裁為 1920 × 1080 px 的版本,於現場播放時保有更銳利的視覺呈現。

三段式區塊處理

場景 6 與場景 7 的污染段落,刻意將分鏡切割成三個獨立區塊, 配合音樂節拍對畜牧業、建築工地、伐木三個污染源進行特寫── 讓螢幕的物理切割反過來服務於議題的視覺強化。

MOTION DEMO

看見技術解法的實際樣子。

以下兩段影片,是當時為館方提供的技術示範。前者是皮影人偶關節與色彩翻面的動畫測試,後者是橫向卷軸與景深前中後三層的視窗運鏡。

01 · PUPPET RIGGING

皮影戲關節 / 色彩翻面

把平面化人偶當作 puppet 處理:關節以骨架驅動,翻面瞬間以色彩切換取代逐幀重畫。這是後來 Live2D 與 SoloV2D 角色研究最早的雛形。

02 · SCROLL & PARALLAX

橫向卷軸 / 景深前中後

把被大門切成三段的橫長螢幕當作一卷會走動的畫卷:元素跨越缺口持續流動,前中後三層的景深讓畫面有呼吸,而不是平面平移。

07

從皮影人偶,到後來在 Live2D 裡呼吸的角色。

為什麼選擇 Adobe Character Animator

館方訂定的視覺風格基底是皮影戲,而皮影戲的核心動作邏輯──平面化人偶、可動關節、以骨架驅動表演── 本質上就是一種「puppet 動畫」。

在評估動畫工具時,我們選擇 Adobe Character Animator 作為主要製作環境。 這套工具的核心是 puppet rigging 系統:將靜態圖層綁定為可被動作驅動的關節結構, 再透過 behavior 控制動作邏輯。對於需要大量重複出現、且須維持風格一致性的皮影人偶角色而言, 這種以 puppet 為單位的工作流,比逐幀繪製或關鍵幀動畫更高效,也更貼近皮影戲本身的物理直覺。

兒童塗鴉素材則採取另一條路徑──以後製合成、混合模式與動態置入處理,避免破壞孩子的原始筆觸。 兩條技術路徑、兩種素材處理方式,最終於分鏡合成時匯流為一支完整的影片。

延續至 Live2D 與虛擬角色研究

Adobe Character Animator 的 puppet rigging 經驗,後來成為 YENZ 進入 Live2D 與虛擬角色動畫研究的技術起點。 Live2D 採用 deformer 與 parameter 系統,將 2D 圖層轉化為可被即時參數驅動的動態角色── 其概念與 Character Animator 的 puppet 結構有直接的對應關係。

從本案累積的 puppet 動畫思維,後續延伸至 YENZ 旗下虛擬角色 IP「靛之森 Ainomori」的 Live2D 製作、 VTuber 直播素材建模、以及自主研發中的 SoloV2D/SoloV3D 等虛擬角色技術專案。

回頭看,2020 年在科工館 LED 視窗上跳動的皮影人偶, 與 2026 年正在 Live2D 軟體裡呼吸的角色,使用的是同一套思維── 把靜態圖層理解為一具可被驅動的身體。

08

影片中出現的台灣。

把這些具體的名字寫進一支三分鐘的影片,
是 YENZ 對「在地知識的數位轉譯」最初的實踐。

NATIVE SPECIES

台灣特有種與本土物種

  • 綠蠵龜
  • 招潮蟹
  • 櫻花鉤吻鮭
  • 山椒魚
  • 台灣樹蛙
  • 台灣黑熊
  • 台灣獼猴
  • 石虎
  • 台灣鳳蝶
  • 黃山雀
  • 黑面琵鷺
  • 溪流魚類
NATIVE LANDSCAPES

本土生態場景

  • 台灣海域
  • 曾文溪口濕地
  • 台灣森林
  • 台灣上空
GREEN ARCHITECTURE

綠建築點名

  • 樂活節能屋
  • 北投圖書館
  • 衛武營
  • 台中歌劇院
  • 高雄總圖書館
  • 國立科學工藝博物館
09

回饋項目

本案除主要影片交付外,YENZ 另無償提供國立科學工藝博物館 LOGO 動畫一支作為合作回饋。 動畫採玻璃質感呈現館徽 symbol,搭配燈光掃過的時序變化,可應用於不同影片開頭與播放場合。

主動提供標案以外的回饋項目,
是本公司自成立以來於每一份公部門案件中持續維持的合作慣例。

科工館 LOGO 動畫的玻璃質感呈現:館徽 symbol 在燈光掃過時露出層次,下方為兩款館名展開後的呈現。
無償回饋的科工館 LOGO 動畫──玻璃質感、燈光掃過、可應用於不同影片開頭與播放場合。
10

一支環境教育影片,
意外成為公司接下來六年的另一條主線。

這是 YENZ 成立第一年承接的公部門案件,也是公司技術線與議題線的雙重起點。

議題線── 從 2020 年的「行動愛地球」談氣候變遷,到 2026 年的「信水義河」談地方水文, YENZ 持續走在環境、文化、教育交會的議題上。每一份案件都是同一份初心的延伸── 讓不容易被看見的事物,被看見。

技術線── 本案從 puppet 動畫所累積的角色驅動經驗,後來延伸至 Live2D 與虛擬角色研究, 最終成為 YENZ 旗下虛擬 IP「靛之森 Ainomori」的技術根基。

對 YENZ 而言,這支影片真正的意義不在於它完成了什麼,而在於它打開了什麼。

兒童手繪的台灣藍鵲與穿山甲,分立於 YENZ DIGITAL AGENCY 標誌兩側。
本案最後一頁,孩子親手畫的台灣藍鵲與穿山甲飛過 YENZ 的標誌──這也成為這條議題線往後六年的暗號。
YENZ × PUBLIC SECTOR

讓不容易被看見的事物,
被看見。

從一支三分鐘的環境教育影片,到一場關於信義水文的特展網站── 我們持續用設計、技術與內容企劃,替公共議題打開一扇可以走進來的門。

本案件於 2020 年完成交付,影片於國立科學工藝博物館館前 LED 科技視窗輪播。 部分動畫片段可於 YENZ Design 之 YouTube 頻道查閱。
Last updated · 2026 / Q2