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

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

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

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

幕後過程 Behind the Scenes

關於動畫的製作流程我就不贅述,如果有不熟悉的讀者朋友,推薦到我的文章「動態設計流程全面解析」進一步閱讀,以下就直接進入分鏡階段:
分鏡階段
輕鬆小品動畫分鏡設計
延伸前期的構想,在咖啡牛奶液體的表現上,找來擅長手繪的合作夥伴,我希望運用手繪動畫(Cel Animation)的方式,比起常用的 After Effects 動畫軟體,手繪比較彈性,能夠完整表現出液體飛濺的張力。除此之外,後半段的達康的角色表演動畫,也會是這次專案的重點之一。
由於客戶提出希望動畫的主角,達康的脫口秀舞台能從咖啡牛奶的包裝升起,於是我在設計分鏡的階段延續這樣的想法,但改成從包裝濺出的咖啡牛奶而匯集成一個隧道,隧道的盡頭運用蒙太奇手法,恰好接上阿達的嘴型,鏡頭拉遠就進入兩人表演的舞台,但因為這畢竟還是輕鬆小品的廣告,於是在結尾我運用了同樣的手法,希望讓咖啡跟牛奶重新回到包裝,帶出整個產品,並加上結尾該有的字卡與標誌。
動畫關鍵字:活力、輕鬆幽默
輕鬆小品總是主打著 FUN 輕鬆之類的品牌與廣告定位
在整體的動畫上我下了幾個關鍵字,來定調動畫的風格,也同時希望貼合輕鬆小品本身的品牌特色,綜觀我在網路上查到的輕鬆小品廣告以及主要客群,一直以來都是走向年輕活力、冷笑話、幽默輕鬆等,這也是與達康.com 雙人組合作的契機,成為了這次動畫執行的主要風格。
角色設計
原始 Line 貼圖的角色設計,並不符合動畫需求使用
在經過客戶同意後,阿達與康康重新設計
客戶在初期提供了這次專案中兩人的貼圖設計,但因為整體的貼圖設計一開始就不是為動畫而設計的,並不適合直接挪用,在取得客戶的同意之下,我將角色以動畫的角度重新設計過,主要是將四肢的關節與表情調整成適合動畫的形式,也將整體色彩的飽和度提升,但保留了原本貼圖上達康的豐富表情。
美術風格 & 場景設計
整體的設計稿也是圍繞在液體的表現張力與角色的動畫表演上
從輕鬆小品出發,整體的色彩並不複雜。如何與角色原先的色彩有所搭配是一項考驗。色彩風格仍然是維持輕鬆小品的橘黃色,這樣人們一眼就能識別出輕鬆小品的品牌。咖啡牛奶的褐色和乳白色也是品牌飲料上的考量。圖像則鎖定在 Bold Design Graphics,在快節奏秒數的限制下,越簡單大膽的色彩與圖形,越能輕易讓觀眾掌握,同時在風格表現上也較強烈。
動畫階段
After Effects 專案檔截圖
接著我們就進入動畫製作的階段啦,我省去繁複的製作過程,特別提出兩點在製作過程中比較有意思的部分:Cinema 4D 的模擬與手繪動畫師(Cel Animation)的配合、製作角色動畫對嘴的過程
Cinema 4D 與手繪動畫
C4D 簡易的瓶身模擬
手繪動畫師根據 C4D 的模擬與 Motionboard 可以更輕易地掌握動畫的 timing
在進入動畫階段前,一定會有的 Motionboard 階段,在與手繪動畫師配合時更是不可或缺,主要是能讓手繪動畫師明確地知道動畫進出場的 Timing。除此之外,在輕鬆小品瓶身的動畫上,我使用 Cinema 4D 簡單的建出模型,讓手繪動畫搭配著繪製來製作出瓶身旋轉的動畫效果,可以看到手繪動畫在初期階段,透過 Motionboard 掌握完整的 Timing ,因此在後期進入 After Effects 合成上幾乎沒有任何問題,更加驗證了溝通與 Pre-Production 的重要性。
角色動畫的製作
滿滿的 Keyframes 成就靈活的角色動態
如同前面提及,除了咖啡牛奶的液體表現,如何讓角色搭配達康兩人的喜劇表演,在動畫中活靈活現也是一大特點。好的角色表演其實是相當困難的,它需要平時的觀察與累積,無論是皮克斯或是迪士尼動畫,都有大量的好作品供參考,而在 Motion Design 業界,角色動畫上相當推薦 Cub StudioAnimade 兩間動畫工作室,在製作角色碰到瓶頸時,多看些好作品能夠比較快掌握角色的精髓,剩下的就是經驗了。
角色的說話就像人類一樣,只是透過不同嘴型的改變來達到同步對嘴的角色動畫
角色的對嘴(Lip Sync)技巧是先繪製好各個嘴型的設計稿,接著在 After Effects 中對照著角色說話的頻率圖來排列各種嘴型,這個並不是相當困難的技術,但因為要戴著耳機持續聽角色的對白與抓準對話的時間點,比較需要多點耐心。
專案總結
在如此趕的時間下(實際動畫階段製程約一週 5 個工作天)這樣的結果相當有趣,與手繪動畫師的配合也很完整,感謝客戶端的信任,通常與大品牌合作都會比較嚴謹,必須要遵守其品牌規範與壹定程度的限制,但能有這次比較突破的動畫廣告,相信也會為品牌消費端帶來新的感受。尚不確定整個廣告會投放多久,但有興趣的話也歡迎讀者朋友到各大統一超商的店頭螢幕看看。
文章撰寫不易,有什麼進一步的問題歡迎留言告訴我,如果有所收穫,也歡迎留言按讚,感謝讀者與設計好友們的支持,我們下次見。

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

歡迎追蹤、加入我經營中的社群
個人網站:https://chengpingli.com
Instagram:https://www.instagram.com/chengpingli.tv/
Twitter:https://twitter.com/ChengPingLi
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
17會員
34內容數
嗨!這裡是動畫師的設計筆記,好的動畫源自於好的設計,Every good motion starts from good design,在這裡我們高談闊論動畫藝術與圖形設計,共同分享對動畫設計的熱情!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
動畫師的設計筆記 的其他內容
DeeKay Kwon 來自韓國,是社群媒體上相當知名的動畫師,也是 NFT 專案 Let’s Walk 的創作者,作品充滿著個人風格的角色,圍繞在有趣幽默的迷因,或是日常的生活以及各種想像,都以 DeeKay 招牌的角色做不同的詮釋。
School of Motion 是一個專門為動畫設計愛好者提供教育資源的公司,主要服務英語客群,他們提供許多線上課程,從入門到進階的專業級別,也涵蓋動態設計領域不同的主題,例如 After Effects、動畫表達式語法、插畫、視覺特效等等。School of Motion 的課程還提供了獨特的
一個完整的動態設計流程為何重要? 現在我們回過頭來問,一個完整的動態設計流程為何重要? 我們沒有照著流程走,最致命的一點,就是所有的事情無法按部就班完成,後期的工作人員必須一直彌補前期準備不足而導致的問題。
Brief 對英國人來說,是什麼塑造英國文化? 也許是佈滿草地的綿羊、與好友坐在公園長椅上,或是到當地的酒吧小酌等等。在創意部門 BBC Creative 與 英國設計公司 ManvsMachine 的合作之下,這些熟悉的場景,為英國廣播公司第一台 BBC One 的新識別注入了生命。
位於荷蘭的設計工作室 Studio Dumbar/DEPT® 日前宣布 Design in Motion Festival(DEMO) 的回歸。在這個2022年10月6號的動態設計節,各種動態藝術作品將會攻佔各大公共場域,而主辦方也鼓勵來自全球各地的創意工作者,遞交他們的動態設計作品並與其中展示。
Alex Grigg 是在澳洲的知名動畫導演,擅長風格強烈與用色大膽飽滿的手繪動畫,合作過的客戶包含紐約時報、BBC、Cartoon Network、可口可樂、Netflix 等,也不乏與知名動畫工作室如 Moth、Buck、Passion Pictures 等有過合作經驗。
DeeKay Kwon 來自韓國,是社群媒體上相當知名的動畫師,也是 NFT 專案 Let’s Walk 的創作者,作品充滿著個人風格的角色,圍繞在有趣幽默的迷因,或是日常的生活以及各種想像,都以 DeeKay 招牌的角色做不同的詮釋。
School of Motion 是一個專門為動畫設計愛好者提供教育資源的公司,主要服務英語客群,他們提供許多線上課程,從入門到進階的專業級別,也涵蓋動態設計領域不同的主題,例如 After Effects、動畫表達式語法、插畫、視覺特效等等。School of Motion 的課程還提供了獨特的
一個完整的動態設計流程為何重要? 現在我們回過頭來問,一個完整的動態設計流程為何重要? 我們沒有照著流程走,最致命的一點,就是所有的事情無法按部就班完成,後期的工作人員必須一直彌補前期準備不足而導致的問題。
Brief 對英國人來說,是什麼塑造英國文化? 也許是佈滿草地的綿羊、與好友坐在公園長椅上,或是到當地的酒吧小酌等等。在創意部門 BBC Creative 與 英國設計公司 ManvsMachine 的合作之下,這些熟悉的場景,為英國廣播公司第一台 BBC One 的新識別注入了生命。
位於荷蘭的設計工作室 Studio Dumbar/DEPT® 日前宣布 Design in Motion Festival(DEMO) 的回歸。在這個2022年10月6號的動態設計節,各種動態藝術作品將會攻佔各大公共場域,而主辦方也鼓勵來自全球各地的創意工作者,遞交他們的動態設計作品並與其中展示。
Alex Grigg 是在澳洲的知名動畫導演,擅長風格強烈與用色大膽飽滿的手繪動畫,合作過的客戶包含紐約時報、BBC、Cartoon Network、可口可樂、Netflix 等,也不乏與知名動畫工作室如 Moth、Buck、Passion Pictures 等有過合作經驗。
你可能也想看
Google News 追蹤
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
工業風裝潢有別於其他風格的明亮、完美無瑕,反而著重於建材、空間的原始況味。融合了粗獷、質樸的元素,並結合了現代時尚的設計,創造出充滿個性感又獨具特色的風格。這種風格不僅在個人住宅中受到歡迎,也在商業空間、餐廳、咖啡館等地方大放異彩。現在就跟著幸福空間一起來看看,工業風裝潢的特色有哪些,又需要花多
Thumbnail
最近很常在一些媒體,看到Booking.com訂房有糾紛的事件,剛好最近買了機票也需要使用它來訂房,有個訂房小技巧分享出來提醒大家。
Thumbnail
每個月看著幾乎停滯的薪資單,但物價、通膨越來越高,到底該怎麼做,才能讓自己每月的收入可以有一些微幅成長呢? 今天想來和大家分享幾個在不影響本業的狀況下,還可以讓自己小小加薪,增加一點被動收入的方式,先說這篇就只是小小參考,是我個人自己實際在做的方式,也歡迎大家可以一起分享,你是如何"開源"讓自己收入
Thumbnail
清除房間菸味與煙味就這樣做!一、去除臭味來源:重新清洗傢俱;二、冷氣清洗:有濾網的家具都該定期換濾網;三、空氣清淨:用小撇步消除味道,像是利用咖啡渣、水果皮等。
Thumbnail
『高價值收費課程,不藏私大公開』什麼是空性的力量?為什麼全球領導人都在瘋「空性」。「空性力」,就是你能夠隨時隨地運用空性觀來看待事物的能力!所有的事情都是中性的,沒有好、沒有壞,「只看你怎麼詮釋、你用什麼樣的角度切入」,掌握這個道理後,你就有完整的選擇權,運用不同角度來成就你的人生。
買房賞屋前,每個人在意的條件大不相同。大多數人在意採光和通風,或打開家門剎那的感覺,看自己是否跟這間房子有「厝緣」。有房仲業者透過影片分享自身看房的經驗,有人覺得住家樓層如果過低、噪音過大,例如常有大卡車經過的房子,就比較不會考慮。還有人提到,一般會購買凶宅或事故屋的買家,多半是投資向或因宗教信仰所
Thumbnail
我們學習各種功夫,要歸功於良師益友。有些人眼明手快,找對良師,虛心學習。意猶未盡之餘,企圖百尺竿頭,更進一步,便到處拜師學藝。 放眼天下,我們心目中的老師,未必是真人,也許是來自一本書的作者,其言行感召你,甚至建構你的人生目標。 世事每每無奇不有,偶爾青出於藍,比如說,我們搞不清楚達文西的老師是何方
Thumbnail
畫了四款手機桌布 自己很喜歡這種比較少色系的圖 淡淡的輕柔感能讓心情好上一整天꒰ᐢ⸝⸝•༝•⸝⸝ᐢ꒱♡︎ 分享給大家 希望大家也會喜歡哟 .ᐟ 如果有使用也歡迎讓我知道噢 .ᐟ ︎ ︎ 〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎ ✦ 尺寸:1920 × 1080 ✦ 僅供個人使用,嚴禁任何
Thumbnail
選課就像談戀愛,越了解自己適合什麼, 越能找到 only for you 的真命好課。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
工業風裝潢有別於其他風格的明亮、完美無瑕,反而著重於建材、空間的原始況味。融合了粗獷、質樸的元素,並結合了現代時尚的設計,創造出充滿個性感又獨具特色的風格。這種風格不僅在個人住宅中受到歡迎,也在商業空間、餐廳、咖啡館等地方大放異彩。現在就跟著幸福空間一起來看看,工業風裝潢的特色有哪些,又需要花多
Thumbnail
最近很常在一些媒體,看到Booking.com訂房有糾紛的事件,剛好最近買了機票也需要使用它來訂房,有個訂房小技巧分享出來提醒大家。
Thumbnail
每個月看著幾乎停滯的薪資單,但物價、通膨越來越高,到底該怎麼做,才能讓自己每月的收入可以有一些微幅成長呢? 今天想來和大家分享幾個在不影響本業的狀況下,還可以讓自己小小加薪,增加一點被動收入的方式,先說這篇就只是小小參考,是我個人自己實際在做的方式,也歡迎大家可以一起分享,你是如何"開源"讓自己收入
Thumbnail
清除房間菸味與煙味就這樣做!一、去除臭味來源:重新清洗傢俱;二、冷氣清洗:有濾網的家具都該定期換濾網;三、空氣清淨:用小撇步消除味道,像是利用咖啡渣、水果皮等。
Thumbnail
『高價值收費課程,不藏私大公開』什麼是空性的力量?為什麼全球領導人都在瘋「空性」。「空性力」,就是你能夠隨時隨地運用空性觀來看待事物的能力!所有的事情都是中性的,沒有好、沒有壞,「只看你怎麼詮釋、你用什麼樣的角度切入」,掌握這個道理後,你就有完整的選擇權,運用不同角度來成就你的人生。
買房賞屋前,每個人在意的條件大不相同。大多數人在意採光和通風,或打開家門剎那的感覺,看自己是否跟這間房子有「厝緣」。有房仲業者透過影片分享自身看房的經驗,有人覺得住家樓層如果過低、噪音過大,例如常有大卡車經過的房子,就比較不會考慮。還有人提到,一般會購買凶宅或事故屋的買家,多半是投資向或因宗教信仰所
Thumbnail
我們學習各種功夫,要歸功於良師益友。有些人眼明手快,找對良師,虛心學習。意猶未盡之餘,企圖百尺竿頭,更進一步,便到處拜師學藝。 放眼天下,我們心目中的老師,未必是真人,也許是來自一本書的作者,其言行感召你,甚至建構你的人生目標。 世事每每無奇不有,偶爾青出於藍,比如說,我們搞不清楚達文西的老師是何方
Thumbnail
畫了四款手機桌布 自己很喜歡這種比較少色系的圖 淡淡的輕柔感能讓心情好上一整天꒰ᐢ⸝⸝•༝•⸝⸝ᐢ꒱♡︎ 分享給大家 希望大家也會喜歡哟 .ᐟ 如果有使用也歡迎讓我知道噢 .ᐟ ︎ ︎ 〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎ ✦ 尺寸:1920 × 1080 ✦ 僅供個人使用,嚴禁任何
Thumbnail
選課就像談戀愛,越了解自己適合什麼, 越能找到 only for you 的真命好課。