︎
Project Type: Entertainment
Category: Event
Client: 三點水娛樂製作
Year: 2019
Location: 台北小巨蛋
#Laser
#rollingshutter
#audiovisualization
#webscraping
#opticalflow
#stagesimulator
Category: Event
Client: 三點水娛樂製作
Year: 2019
Location: 台北小巨蛋
#Laser
#rollingshutter
#audiovisualization
#webscraping
#opticalflow
#stagesimulator
G.E.M. - 30th Golden Melody Awards
鄧紫棋 -
第30屆金曲獎
2019 年,適逢金曲獎頒獎典禮 30 週年,非常榮幸獲得三點水娛樂的邀約,參與本屆的表演製作,希望叁式團隊導入一些科技元素的可能性。
執行的段落主題為「串流 Streaming」,由華語圈極具知名度的天后鄧紫棋 G.E.M. 詮釋目前在 YouTube 觀看次數最多的中文音樂影片 TOP 10。主題為串流,毫無疑問的將以「數位」、「科技」、「網路」作為主體意象。這十首歌曲的樂風多元,且較大的比例是情歌。要將科技為核心的形式與風格妥善的安排進表演中,是一個需要多方思考與細膩設計的題目。
金曲獎作為指標性的「典禮」,本質跟「表演」與「演唱會」大不相同,有非常多需要注意的細節與限制,且時程緊縮。幸運的是,在與視覺導演徐國祚(祚哥)的溝通及三點水的各種協作下,除了表演視覺設計獲得建議外,也同時保有操作科技的空間。
![](https://freight.cargo.site/t/original/i/ed5bc47c38ee7db54a8dde859d81bb1b6b521236a32e31299fcb9f959ad6643d/laser_006_ad.jpg)
![](https://freight.cargo.site/t/original/i/ed4eab98d3fda9820407f316bc8c3558508e54308c0ce88c6273d7d37db4f9b2/laser_ad_028.jpg)
![](https://freight.cargo.site/t/original/i/97bb7408922918018609610e135ff27a2b5127dd849015cacc8d57ced0a7679d/lazer_013.jpg)
![](https://freight.cargo.site/t/original/i/ec8513f67d3ec9c1da59ed878b1133172dd0db556da034d0a3599f03e523a627/lazer_027.jpg)
![](https://freight.cargo.site/t/original/i/7261d9714f1b311f9dc318d8fad1ee5f48a925e60621584802d23889563271eb/lazer_008.jpg)
![](https://freight.cargo.site/t/original/i/407b5f96f86511720a6e614e5e9a7350f35e9b2b376e0e0ea9550b71e6074346/lazer_007.jpg)
![](https://freight.cargo.site/t/original/i/195c769445d4e47c10c7eb4c4dc38e5d058eaeb415034501f365a78511afe3e1/lazer_009.jpg)
![](https://freight.cargo.site/t/original/i/1dadba36374a3e20395ed1b034d4bc4c5395446bc6f7bc7d9c71671053a42ed4/lazer_015.jpg)
![](https://freight.cargo.site/t/original/i/af4369af31d365c8c304abf518837038a36c0209b3aac10faca66eb104d94b3e/lazer_016.jpg)
![](https://freight.cargo.site/t/original/i/e561d2fc4ef7cbf1af35ce7c07d323e46833203443fe97d15d1064bc68382aa5/lazer_014.jpg)
一切開始前,
希望在製作的過程中,
所見即所得
── 最逼近現場體驗的工具建置
本次舞台使用巨型波浪 LED 片幅作為主體,其不規則的造型會讓製作人員有點難以想像在不同的位置上的長相,加上這次的解析度等同於 7 個 Full HD,任何的修改都會讓視覺人員耗費許多時間成本。所以必須要有一個可以有效減低來回調整次數的方法。
於是我們設計了一個模擬器,將 After Effects 裡製作的內容,即時的傳入 3D 遊戲引擎 Unity 裡,視覺工作者就可以像是玩第一人稱射擊遊戲般,在金曲獎現場隨意遊走並觀看視覺呈現的樣子。
於是我們設計了一個模擬器,將 After Effects 裡製作的內容,即時的傳入 3D 遊戲引擎 Unity 裡,視覺工作者就可以像是玩第一人稱射擊遊戲般,在金曲獎現場隨意遊走並觀看視覺呈現的樣子。
![](https://freight.cargo.site/t/original/i/ffd8fa94b8f1e157693bcd16ccf1f14076d08e83a235ba76b60d4600e68eb347/simulator_001.jpg)
![](https://freight.cargo.site/t/original/i/b1a66622b46b830ef46f5d9d86ae826573ce95981369f7e3427a27eb174f81c3/ae_01.gif)
![](https://freight.cargo.site/t/original/i/a4c273fd39c2e0495bf5279b046e75e441b6e92b0bf27902687293c228cbc758/unity_01.gif)
不為誰而作的歌
我的歌聲裡
── 漫射空中的光線構成
- 雷射 + 滾動式快門 Laser Projector + Rolling Shutter
開場需要一個強烈且具有數位特質的視覺效果,又必須符合曲風,和三點水多方研究討論後,最後決定了一個貼題的手法,「雷射」 + 「 滾動式快門」,產生在空間中環繞表演者的光幕。
這個效果由兩個原理組合而成,一個是雷射投影機(Laser Projector)產生圖形的方式,一個是滾動式快門(Rolling Shutter)。
![](https://freight.cargo.site/t/original/i/0febe7e0531e4d500354a4b88f6d63aacb3ff5231b28c284858fb13e8c03662e/rollingshutter_001.gif)
雷射投影機(Laser Projector),避免誤會,這裡指的是ㄧ般表演用來做燈光秀的這種雷射投影機,因為使用雷射當作光源的投影機也同樣叫做雷射投影機。它的運作原理是將雷射光束穿過不同方向旋轉的鏡面組合達成高速水平與垂直的移動,所以我們看到雷射畫出一條水平橫線,其實是一個點高速左右移動產生的視覺暫留。
滾動式快門(Rolling Shutter),當數位相機的感光元件為 CMOS 時,其中一種快門的做動方式是由電子訊號控制感光元件,一行一行進行感光,所以就會產生畫面上方與下方的時間差。這種形式的電子快門,拍攝高速移動的東西會產生扭曲的效果。
這兩個特質,加上攝影機與雷射內容的精細設計,就產生了這個需要經過「數位傳輸」才看到的效果。
除此之外,Rolling Shutter 若缺乏前期測試,最終效果將完全不可預期,特別感謝三點水的規劃協調,年代電視台的測試場地、設備支援,以及雷射顧問陳逸明的技術修正、設備支援,才能呈現出最終完美的結果。
![](https://freight.cargo.site/t/original/i/824e3ac9c95e711935756b2fb670b9017cd4d4133e8905ec3f4453fddc71bbe3/66037764_2391847891052345_6454366927035826176_o.jpg)
![](https://freight.cargo.site/t/original/i/5b582010e6869a581f693093c5327312696f4fbf666bfc98d62c8db664268fea/65919278_2391847954385672_126055533495975936_o.jpg)
![](https://freight.cargo.site/t/original/i/ed5bc47c38ee7db54a8dde859d81bb1b6b521236a32e31299fcb9f959ad6643d/laser_006_ad.jpg)
以後別做朋友
── 光流演算的即時視覺
- 光流法 Optical Flow
先感謝三點水在我們焦頭爛額之際,協助我們製作演員與以後別做朋友這兩首歌的視覺,讓我們得以專心對付雷射與後面幾首歌曲。
這首歌導演設定螢幕會出現鄧紫棋的現場轉播畫面,並希望可以堆疊一些與背景視覺相同質感的效果。在研究鄧紫棋的表演後發現,她的肢體表現豐富,非常適合透過偵測動作產生畫面,但是金曲的舞台表演眾多且機關複雜,任何的感應器的架設都是很大的負擔,所以我們只能透過現場的畫面直接處理,Optical Flow 這個演算法是我們認為的最佳解。但因為無法預判屆時的服裝、背景與鏡位的實際狀況,所以於前期使用 YouTube 上其他表演片段作為測試,很幸運的,在金曲獎現場還是取得不錯的效果。
![](https://freight.cargo.site/t/original/i/c5d838c82817f9f4d433ecd6b1c08aec741154759403215602b7621cafb57de1/optical_flow_02.gif)
![](https://freight.cargo.site/t/original/i/c1e068858701f79afce98994e23179443483fae2ea46a6e60b998a1efe089038/lazer_020.jpg)
告白氣球
── 蒐集來自網路的巨量資料
-
網路爬蟲 Web Crawler
這首歌是音樂風格轉換比較明顯的段落,也是截至製作當時,YouTube 觀看次數最高的歌曲。導演設計在這個段落表現這十首歌點擊破億的特色,除了很直接的大量逐步上升的跑動數字外,觀眾參與留言也是串流平台這個新媒體很重要的特質,畫面設計上希望可以堆疊類彈幕式的大量留言。
技術人員開發了一個可以將留言直接轉存為圖片的程式,大幅縮短視覺製作人員的製作時程。
![](https://freight.cargo.site/t/original/i/de76ca9be030cb279fa91f56cef800f6094f035503a804da7d69a182ac89ed0e/comment_03.gif)
![](https://freight.cargo.site/t/original/i/6995b640857cb2dc9b4c5aadb85f9ff7c18b11656b0c3011d3977cace6041e00/comment_01.gif)
![](https://freight.cargo.site/t/original/i/6995b640857cb2dc9b4c5aadb85f9ff7c18b11656b0c3011d3977cace6041e00/comment_01.gif)
![](https://freight.cargo.site/t/original/i/6995b640857cb2dc9b4c5aadb85f9ff7c18b11656b0c3011d3977cace6041e00/comment_01.gif)
![](https://freight.cargo.site/t/original/i/7261d9714f1b311f9dc318d8fad1ee5f48a925e60621584802d23889563271eb/lazer_008.jpg)
![](https://freight.cargo.site/t/original/i/ec4b1f9e78ccac666b9449c9a5ae4c41fc42e2ef82657a9f6fab41b3804b1936/lazer_017.jpg)
團隊撈取了截至 2019/6/11 的 11480 則留言,並將資訊自動排版轉存成圖片格式
癡情玫瑰花
── 重新組裝字體
- 可變式字型 Variable Font
在這次演出的組曲中,「癡情玫瑰花」這首極度連結在地氣息的歌曲是一首特殊的存在, 它讓所有人正視了俗豔的力道 ,也是鄧紫棋第一次在金曲演唱台語。由於以上種種特別之處,我們決定將俗而有力的歌詞大大的置放於舞台背景,並使用整個表演最複雜繽紛的配色,並將其俗艷的本質發揮到最大。
在原先的字型技術下,要製作出豔麗的文字動畫,需要耗費大量的工時拆解筆畫與部件,但此次所使用之晶熙黑 VF 字型由文鼎科技所開發,可以在軟體中自由調整字寬與字重,其中筆畫也是預先拆解,因此我們得以快速將個別筆畫的內容做細緻的微調,組合出千變萬化的動態展示,拼湊出最終所見親切而豔麗的演出效果。
![](https://freight.cargo.site/t/original/i/c8ee8ab46541b29a9c1a848a3458fbb4df1c0484a3094fb7974ad75bb64eb9f1/flower.gif)
![](https://freight.cargo.site/t/original/i/b26de25ec1e457f9feb328f4cacd7e0e18aa0c54eba752ffad7ec54b902aad33/here.gif)
![](https://freight.cargo.site/t/original/i/a3d4d35a81730057d702a4d25b508f5d0c244b155f45f5f3015455349178ead0/listen.gif)
![](https://freight.cargo.site/t/original/i/10ed5948d82a3ea43a686933080e217afdbb91646c6960e30a8560bc9bc89beb/laser_ad_029.jpg)
![](https://freight.cargo.site/t/original/i/01b3b5aa9fd93d5fa3ec10d9c853d847d3ba98c78f43aa3f43f5089269af3870/lazer_019.jpg)
![](https://freight.cargo.site/t/original/i/1433fe06b6f7dd258251c03d48b509e4504b7ffdb338590766186e0c205d7807/lazer_010.jpg)
![](https://freight.cargo.site/t/original/i/f30ec5fa45829e2ea63474eb112ddc781d6d0d7b5a5d41ed5aa37058d88f90bf/laser_ad_030.jpg)
飄向北方
── 精確透視與聲音視覺化
- 精確透視 Accurate Perspective
這首歌接續癡情玫瑰花,情緒轉換甚巨,視覺上需要有一個比較大的轉折。於是挑選了雷射,穿過場館,打破空間,與畫面連結,也替接下來的「裡世界」揭開序幕。
「裡世界」的概念來自於一開始我們對於串流這個關鍵字的文本:
仔細理解與想像,串流是一個既美麗又瘋狂的概念。在古代,想要溝通意念,最快的方式,可能只是飛鴿。 而現代,意念有了新的樣子,不再是透過手描繪的圖文,而常是不失真的影與音。意念用新的姿態,透過不可視的資訊流動,光速前進, 像傳送門般的把兩處間的距離無限壓縮。 而你我的身邊,只需一個連上網路的設備,就可以輕易的打開這扇門,連結彼此。 在門後,是一個新的城市、新的世界。
門後世界的成立,首要任務就是在特定的拍攝機器上可以拍攝到完全正確的透視效果。模擬器再次出場,我們在模擬的小巨蛋現場內架了一隻跟實際轉播一樣位置的攝影機,視覺人員只需要針對這個視角設計畫面,模擬器就會自動的把畫面換算成 LED 螢幕的正確排版方式。
![](https://freight.cargo.site/t/original/i/09ead46274233a9cee1a15c45b5a4810f52892d813551f5489f538f339a01bea/perspective_01.gif)
![](https://freight.cargo.site/t/original/i/ac2f1441e82b7937152814609568d7f0e6492b896a1a1a9340d1c8edece93ec3/_2019_06_29_16_20_20_68.00_00_59_06.Still003.jpg)
![](https://freight.cargo.site/t/original/i/0c109ec0d7e53744cce3badbba091be28fc927d3817cb7c4ea70df4df0af9668/_2019_06_29_16_20_20_68.00_00_16_29.Still001.jpg)
![](https://freight.cargo.site/t/original/i/46f0035c8cdfb8f712be639f441c928e045b29c0310c265182fae964fb5b9c2b/_2019_06_29_16_20_20_68.00_00_38_17.Still002.jpg)
![](https://freight.cargo.site/t/original/i/22f78907ad5b27054bbc993be57165d58f197e4df2c37a618127b300b374747f/perspective_04.jpg)
![](https://freight.cargo.site/t/original/i/e898a447463f8af08d48a9469715d1bd7506428fe397cd9d8ea90dfe79e47185/perspective_05.jpg)
- 聲音視覺化 Audio Visualization
「飄向北方」這首歌,鄧紫棋將自行 RAP,作為近期火紅的嘻哈節目導師,這段必然是需要炸裂全場的段落。 我們決定導入聲音視覺化來強化視覺與聽覺的連結感,讓演出維度達到更高的層級 ,也扣回今年的主題「I SEE MUSIC」。 由於聲音在毫秒間的幽微變化非常的靈敏,所以如果將音訊頻譜直接映射至視覺上,必然會大大降低兩者間的連結性,為了讓視覺與音樂的連動性更為明顯,我們將聲音通過 Low-pass、Band-pass、High-pass 等濾波方式分解使用。
另外一開始設定將鄧紫棋現場的收音輸入,產生即時的對應效果,讓人聲的現場性更為鮮明。
![](https://freight.cargo.site/t/original/i/c5a818f5ff21a274fc5af97fc38915f84a94e6886de86223444fc88f6cd2288d/audiovisualization_02.gif)
![](https://freight.cargo.site/t/original/i/e561d2fc4ef7cbf1af35ce7c07d323e46833203443fe97d15d1064bc68382aa5/lazer_014.jpg)
演出全程影片
30th Golden Melody Awards
第 30 屆金曲獎
典禮總製作人:陳鎮川
典禮製作人:Evan Wu、莊佩禎、彭佳玲
表演視覺統籌:三點水娛樂製作股份有限公司
視覺總監:徐國祚
鄧紫棋 - STREAMING
表演者:G.E.M. 鄧紫棋
視覺導演:徐國祚
製作統籌:郭行毅
互動視覺設計、技術統整:叁式有限公司
製作人:吳思蔚
專案管理:劉威利
創意總監:曾煒傑
藝術總監:江家伶
視覺設計:顏晧真、何庭安、吳克軍、黃偉哲、曹家寧、陳信佑
演算視覺美術:吳克軍
技術美術:楊家豪
技術助理:陳韋安
燈光設計與燈光模擬:陳大再、郭效承
雷射攝影指導:林寶財
雷射技術顧問:陳逸明
雷射攝影師:陳柏全
拍攝技術顧問:劉昇峰、郭東洲,年代電視台