【不藏私動畫案例】輕鬆小品:冷笑話與咖啡牛奶共舞

更新於 發佈於 閱讀時間約 7 分鐘

這應該是近期執導與設計的專案中最有趣的案子,首次和脫口秀雙人組達康.com合作,運用 3D 模擬與手繪動畫,為統一旗下的飲品「輕鬆小品」咖啡牛奶,嘗試打造出有別於傳統廣告的動畫,也因此撰文分享這次的製作過程,讓我們先進入正片。



前期構想:飲品包裝中升起的表演舞台

前期階段,客戶提供了一個大膽的構想,希望能有一個脫口秀表演的舞台從咖啡牛奶的紙盒包裝中升起,這個點子固然現在看來很有趣,當下判斷應該要從 3D動畫下手會比較能夠完整呈現,但考量到時間與技術難度,於是我將這個構想簡化,希望透過咖啡牛奶的液態轉場方式來揭開舞台,以及著重在阿達跟康康兩人的冷笑話表演上。


幕後過程 Behind the Scenes

關於動畫的製作流程我就不贅述,如果有不熟悉的讀者朋友,推薦到我的文章「動態設計流程全面解析」進一步閱讀,以下就直接進入分鏡階段:

分鏡階段

raw-image

延伸前期的構想,在咖啡牛奶液體的表現上,找來擅長手繪的合作夥伴,我希望運用手繪動畫(Cel Animation)的方式,比起常用的 After Effects 動畫軟體,手繪比較彈性,能夠完整表現出液體飛濺的張力。除此之外,後半段的達康的角色表演動畫,也會是這次專案的重點之一。

由於客戶提出希望動畫的主角,達康的脫口秀舞台能從咖啡牛奶的包裝升起,於是我在設計分鏡的階段延續這樣的想法,但改成從包裝濺出的咖啡牛奶而匯集成一個隧道,隧道的盡頭運用蒙太奇手法,恰好接上阿達的嘴型,鏡頭拉遠就進入兩人表演的舞台,但因為這畢竟還是輕鬆小品的廣告,於是在結尾我運用了同樣的手法,希望讓咖啡跟牛奶重新回到包裝,帶出整個產品,並加上結尾該有的字卡與標誌。


動畫關鍵字:活力、輕鬆幽默

raw-image

在整體的動畫上我下了幾個關鍵字,來定調動畫的風格,也同時希望貼合輕鬆小品本身的品牌特色,綜觀我在網路上查到的輕鬆小品廣告以及主要客群,一直以來都是走向年輕活力、冷笑話、幽默輕鬆等,這也是與達康.com 雙人組合作的契機,成為了這次動畫執行的主要風格。

角色設計

raw-image
raw-image

客戶在初期提供了這次專案中兩人的貼圖設計,但因為整體的貼圖設計一開始就不是為動畫而設計的,並不適合直接挪用,在取得客戶的同意之下,我將角色以動畫的角度重新設計過,主要是將四肢的關節與表情調整成適合動畫的形式,也將整體色彩的飽和度提升,但保留了原本貼圖上達康的豐富表情。


美術風格 & 場景設計

raw-image

從輕鬆小品出發,整體的色彩並不複雜。如何與角色原先的色彩有所搭配是一項考驗。色彩風格仍然是維持輕鬆小品的橘黃色,這樣人們一眼就能識別出輕鬆小品的品牌。咖啡牛奶的褐色和乳白色也是品牌飲料上的考量。圖像則鎖定在 Bold Design Graphics,在快節奏秒數的限制下,越簡單大膽的色彩與圖形,越能輕易讓觀眾掌握,同時在風格表現上也較強烈。


動畫階段

raw-image

接著我們就進入動畫製作的階段啦,我省去繁複的製作過程,特別提出兩點在製作過程中比較有意思的部分:Cinema 4D 的模擬與手繪動畫師(Cel Animation)的配合、製作角色動畫對嘴的過程

Cinema 4D 與手繪動畫

raw-image
raw-image

在進入動畫階段前,一定會有的 Motionboard 階段,在與手繪動畫師配合時更是不可或缺,主要是能讓手繪動畫師明確地知道動畫進出場的 Timing。除此之外,在輕鬆小品瓶身的動畫上,我使用 Cinema 4D 簡單的建出模型,讓手繪動畫搭配著繪製來製作出瓶身旋轉的動畫效果,可以看到手繪動畫在初期階段,透過 Motionboard 掌握完整的 Timing ,因此在後期進入 After Effects 合成上幾乎沒有任何問題,更加驗證了溝通與 Pre-Production 的重要性。

角色動畫的製作

raw-image

如同前面提及,除了咖啡牛奶的液體表現,如何讓角色搭配達康兩人的喜劇表演,在動畫中活靈活現也是一大特點。好的角色表演其實是相當困難的,它需要平時的觀察與累積,無論是皮克斯或是迪士尼動畫,都有大量的好作品供參考,而在 Motion Design 業界,角色動畫上相當推薦 Cub StudioAnimade 兩間動畫工作室,在製作角色碰到瓶頸時,多看些好作品能夠比較快掌握角色的精髓,剩下的就是經驗了。

raw-image

角色的對嘴(Lip Sync)技巧是先繪製好各個嘴型的設計稿,接著在 After Effects 中對照著角色說話的頻率圖來排列各種嘴型,這個並不是相當困難的技術,但因為要戴著耳機持續聽角色的對白與抓準對話的時間點,比較需要多點耐心。

專案總結

在如此趕的時間下(實際動畫階段製程約一週 5 個工作天)這樣的結果相當有趣,與手繪動畫師的配合也很完整,感謝客戶端的信任,通常與大品牌合作都會比較嚴謹,必須要遵守其品牌規範與壹定程度的限制,但能有這次比較突破的動畫廣告,相信也會為品牌消費端帶來新的感受。尚不確定整個廣告會投放多久,但有興趣的話也歡迎讀者朋友到各大統一超商的店頭螢幕看看。

文章撰寫不易,有什麼進一步的問題歡迎留言告訴我,如果有所收穫,也歡迎留言按讚,感謝讀者與設計好友們的支持,我們下次見。


嗨!我是丞平,著迷於視覺藝術、設計與圖像,深信文化是人類最強的力量,致力於工作中創作、學習與分享。拙作涉入藝術設計文化,更著眼於藝術設計工作者,如何成長,思考、經營並且增加自己工作的價值,想看更多這樣的業界動畫專案製作過程,歡迎按讚追蹤,也可以每個月贊助我一杯咖啡,讓我更有動力撰寫更多幕後解析的好文章!

歡迎追蹤、加入我經營中的社群
個人網站:https://chengpingli.com
Instagram:https://www.instagram.com/chengpingli.tv/
Twitter:https://twitter.com/ChengPingLi


留言
avatar-img
留言分享你的想法!
avatar-img
動畫師的設計筆記
21會員
35內容數
嗨!這裡是動畫師的設計筆記,好的動畫源自於好的設計,Every good motion starts from good design,在這裡我們高談闊論動畫藝術與圖形設計,共同分享對動畫設計的熱情!
2023/04/17
DeeKay Kwon 來自韓國,是社群媒體上相當知名的動畫師,也是 NFT 專案 Let’s Walk 的創作者,作品充滿著個人風格的角色,圍繞在有趣幽默的迷因,或是日常的生活以及各種想像,都以 DeeKay 招牌的角色做不同的詮釋。
Thumbnail
2023/04/17
DeeKay Kwon 來自韓國,是社群媒體上相當知名的動畫師,也是 NFT 專案 Let’s Walk 的創作者,作品充滿著個人風格的角色,圍繞在有趣幽默的迷因,或是日常的生活以及各種想像,都以 DeeKay 招牌的角色做不同的詮釋。
Thumbnail
2023/03/04
School of Motion 是一個專門為動畫設計愛好者提供教育資源的公司,主要服務英語客群,他們提供許多線上課程,從入門到進階的專業級別,也涵蓋動態設計領域不同的主題,例如 After Effects、動畫表達式語法、插畫、視覺特效等等。School of Motion 的課程還提供了獨特的
Thumbnail
2023/03/04
School of Motion 是一個專門為動畫設計愛好者提供教育資源的公司,主要服務英語客群,他們提供許多線上課程,從入門到進階的專業級別,也涵蓋動態設計領域不同的主題,例如 After Effects、動畫表達式語法、插畫、視覺特效等等。School of Motion 的課程還提供了獨特的
Thumbnail
2023/02/17
一個完整的動態設計流程為何重要? 現在我們回過頭來問,一個完整的動態設計流程為何重要? 我們沒有照著流程走,最致命的一點,就是所有的事情無法按部就班完成,後期的工作人員必須一直彌補前期準備不足而導致的問題。
Thumbnail
2023/02/17
一個完整的動態設計流程為何重要? 現在我們回過頭來問,一個完整的動態設計流程為何重要? 我們沒有照著流程走,最致命的一點,就是所有的事情無法按部就班完成,後期的工作人員必須一直彌補前期準備不足而導致的問題。
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
從學插畫到跨域學陶開始就一直在做插畫物語+陶作為組合的發展 讓作品從內容之中脫出,希望做出的作品不是用一些高超技巧來製造好看的物件而已 更著重於當觀者接觸到作品的當下是否感到有趣 是不是這個物件在過去有屬於他自己的故事 而未來也能碰撞出新的故事,的容器 這次,想要創造一個具有空間與時間感的景 所見的
Thumbnail
從學插畫到跨域學陶開始就一直在做插畫物語+陶作為組合的發展 讓作品從內容之中脫出,希望做出的作品不是用一些高超技巧來製造好看的物件而已 更著重於當觀者接觸到作品的當下是否感到有趣 是不是這個物件在過去有屬於他自己的故事 而未來也能碰撞出新的故事,的容器 這次,想要創造一個具有空間與時間感的景 所見的
Thumbnail
平凡早晨遇上專業咖啡師,偶然的拉花體驗機會,看到「調一點,一切就會不一樣的人生哲學」!
Thumbnail
平凡早晨遇上專業咖啡師,偶然的拉花體驗機會,看到「調一點,一切就會不一樣的人生哲學」!
Thumbnail
這應該是近期執導與設計的專案中最有趣的案子,首次和脫口秀雙人組達康.com合作,運用 3D 模擬與手繪動畫,為統一旗下的飲品「輕鬆小品」咖啡牛奶,嘗試打造出有別於傳統廣告的動畫,也因此撰文分享這次的製作過程。
Thumbnail
這應該是近期執導與設計的專案中最有趣的案子,首次和脫口秀雙人組達康.com合作,運用 3D 模擬與手繪動畫,為統一旗下的飲品「輕鬆小品」咖啡牛奶,嘗試打造出有別於傳統廣告的動畫,也因此撰文分享這次的製作過程。
Thumbnail
看到蒔緣介紹的咖啡店清泉咖啡,不免也想來玩玩拉花,不過這個拉花,只能看不能喝~XD 首先我要先提一下我曾上過手沖咖啡的課程,並沒有教過拉花,那是一門很高階的技術,別看我這樣常常畫畫寫寫,拿起手沖壺的手會抖動,不夠穩定,常被老師罵,手沖咖啡的領域有很多需要注意的點,時間,溫度,容器,產地,林林總總太多
Thumbnail
看到蒔緣介紹的咖啡店清泉咖啡,不免也想來玩玩拉花,不過這個拉花,只能看不能喝~XD 首先我要先提一下我曾上過手沖咖啡的課程,並沒有教過拉花,那是一門很高階的技術,別看我這樣常常畫畫寫寫,拿起手沖壺的手會抖動,不夠穩定,常被老師罵,手沖咖啡的領域有很多需要注意的點,時間,溫度,容器,產地,林林總總太多
Thumbnail
一個念頭,一個興趣,一個決定,品味成立! 好喝!趣味!堅持!熱血!價值! 起源   來自於某天的午後時光,辦公室各自工作時抽空閒聊,分享著彼此訊息,例如:那間餐廳的特色主餐、最近流行什麼團購美食、那家商店的服務多等。聊天氛圍聚集,主角即刻登場,猶如開場BGM般(主角登場配樂),一陣濃郁的花果香,隨著
Thumbnail
一個念頭,一個興趣,一個決定,品味成立! 好喝!趣味!堅持!熱血!價值! 起源   來自於某天的午後時光,辦公室各自工作時抽空閒聊,分享著彼此訊息,例如:那間餐廳的特色主餐、最近流行什麼團購美食、那家商店的服務多等。聊天氛圍聚集,主角即刻登場,猶如開場BGM般(主角登場配樂),一陣濃郁的花果香,隨著
Thumbnail
我愛上冷萃咖啡是再一次偶然的機會看到星巴克的介紹,冷萃咖啡會比一般咖啡原本帶有的苦澀味、酸感更低,甚至在品嚐時會帶著 一點如品嚐茶般的回甘外,也可以有更多的變化喔~
Thumbnail
我愛上冷萃咖啡是再一次偶然的機會看到星巴克的介紹,冷萃咖啡會比一般咖啡原本帶有的苦澀味、酸感更低,甚至在品嚐時會帶著 一點如品嚐茶般的回甘外,也可以有更多的變化喔~
Thumbnail
以前在台中向上市場旁的著手咖啡 Coffee是中臺灣數一數二的咖啡烘焙工作室,規模穩定後甚至還擴點至桃園。而搬遷後的著手咖啡 Coffee 2.0也以煥然一新的摩登樣貌登場,更加清楚地把咖啡豆烘焙與咖啡店兩個部門分開,一樓更是規劃獨立的外帶櫃台窗口,也將老屋咖啡廳的重整,推向了嶄新的層次。
Thumbnail
以前在台中向上市場旁的著手咖啡 Coffee是中臺灣數一數二的咖啡烘焙工作室,規模穩定後甚至還擴點至桃園。而搬遷後的著手咖啡 Coffee 2.0也以煥然一新的摩登樣貌登場,更加清楚地把咖啡豆烘焙與咖啡店兩個部門分開,一樓更是規劃獨立的外帶櫃台窗口,也將老屋咖啡廳的重整,推向了嶄新的層次。
Thumbnail
MinimalBeat新年咖啡快閃活動~ (照片偏多~)
Thumbnail
MinimalBeat新年咖啡快閃活動~ (照片偏多~)
Thumbnail
就品牌行銷來說,象徵此獨特性的Logo必須將其概念,以圖像的視覺效果讓目標受眾立即了解並留下印象。為此,製作Logo時必須考慮目標受眾。如未能掌握目標受眾接觸Logo的時機與媒介,Logo就無法發揮作為資訊的功能─再怎麼精心製作,如果Logo無法傳達資訊就沒有意義。
Thumbnail
就品牌行銷來說,象徵此獨特性的Logo必須將其概念,以圖像的視覺效果讓目標受眾立即了解並留下印象。為此,製作Logo時必須考慮目標受眾。如未能掌握目標受眾接觸Logo的時機與媒介,Logo就無法發揮作為資訊的功能─再怎麼精心製作,如果Logo無法傳達資訊就沒有意義。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News