MUSEUM · 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 科技視窗

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

DELIVERED 2020 年交付

於館前 LED 科技視窗輪播

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 × MUSEUM

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

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

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