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

閱讀時間約 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
為什麼會看到廣告
15會員
34Content count
嗨!這裡是動畫師的設計筆記,好的動畫源自於好的設計,Every good motion starts from good design,在這裡我們高談闊論動畫藝術與圖形設計,共同分享對動畫設計的熱情!
留言0
查看全部
發表第一個留言支持創作者!
動畫師的設計筆記 的其他內容
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 等有過合作經驗。
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
工業風裝潢有別於其他風格的明亮、完美無瑕,反而著重於建材、空間的原始況味。融合了粗獷、質樸的元素,並結合了現代時尚的設計,創造出充滿個性感又獨具特色的風格。這種風格不僅在個人住宅中受到歡迎,也在商業空間、餐廳、咖啡館等地方大放異彩。現在就跟著幸福空間一起來看看,工業風裝潢的特色有哪些,又需要花多
Thumbnail
最近很常在一些媒體,看到Booking.com訂房有糾紛的事件,剛好最近買了機票也需要使用它來訂房,有個訂房小技巧分享出來提醒大家。
Thumbnail
每個月看著幾乎停滯的薪資單,但物價、通膨越來越高,到底該怎麼做,才能讓自己每月的收入可以有一些微幅成長呢? 今天想來和大家分享幾個在不影響本業的狀況下,還可以讓自己小小加薪,增加一點被動收入的方式,先說這篇就只是小小參考,是我個人自己實際在做的方式,也歡迎大家可以一起分享,你是如何"開源"讓自己收入
Thumbnail
清除房間菸味與煙味就這樣做!一、去除臭味來源:重新清洗傢俱;二、冷氣清洗:有濾網的家具都該定期換濾網;三、空氣清淨:用小撇步消除味道,像是利用咖啡渣、水果皮等。
Thumbnail
『高價值收費課程,不藏私大公開』什麼是空性的力量?為什麼全球領導人都在瘋「空性」。「空性力」,就是你能夠隨時隨地運用空性觀來看待事物的能力!所有的事情都是中性的,沒有好、沒有壞,「只看你怎麼詮釋、你用什麼樣的角度切入」,掌握這個道理後,你就有完整的選擇權,運用不同角度來成就你的人生。
買房賞屋前,每個人在意的條件大不相同。大多數人在意採光和通風,或打開家門剎那的感覺,看自己是否跟這間房子有「厝緣」。有房仲業者透過影片分享自身看房的經驗,有人覺得住家樓層如果過低、噪音過大,例如常有大卡車經過的房子,就比較不會考慮。還有人提到,一般會購買凶宅或事故屋的買家,多半是投資向或因宗教信仰所
Thumbnail
我們學習各種功夫,要歸功於良師益友。有些人眼明手快,找對良師,虛心學習。意猶未盡之餘,企圖百尺竿頭,更進一步,便到處拜師學藝。 放眼天下,我們心目中的老師,未必是真人,也許是來自一本書的作者,其言行感召你,甚至建構你的人生目標。 世事每每無奇不有,偶爾青出於藍,比如說,我們搞不清楚達文西的老師是何方
Thumbnail
畫了四款手機桌布 自己很喜歡這種比較少色系的圖 淡淡的輕柔感能讓心情好上一整天꒰ᐢ⸝⸝•༝•⸝⸝ᐢ꒱♡︎ 分享給大家 希望大家也會喜歡哟 .ᐟ 如果有使用也歡迎讓我知道噢 .ᐟ ︎ ︎ 〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎ ✦ 尺寸:1920 × 1080 ✦ 僅供個人使用,嚴禁任何
Thumbnail
選課就像談戀愛,越了解自己適合什麼, 越能找到 only for you 的真命好課。
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
工業風裝潢有別於其他風格的明亮、完美無瑕,反而著重於建材、空間的原始況味。融合了粗獷、質樸的元素,並結合了現代時尚的設計,創造出充滿個性感又獨具特色的風格。這種風格不僅在個人住宅中受到歡迎,也在商業空間、餐廳、咖啡館等地方大放異彩。現在就跟著幸福空間一起來看看,工業風裝潢的特色有哪些,又需要花多
Thumbnail
最近很常在一些媒體,看到Booking.com訂房有糾紛的事件,剛好最近買了機票也需要使用它來訂房,有個訂房小技巧分享出來提醒大家。
Thumbnail
每個月看著幾乎停滯的薪資單,但物價、通膨越來越高,到底該怎麼做,才能讓自己每月的收入可以有一些微幅成長呢? 今天想來和大家分享幾個在不影響本業的狀況下,還可以讓自己小小加薪,增加一點被動收入的方式,先說這篇就只是小小參考,是我個人自己實際在做的方式,也歡迎大家可以一起分享,你是如何"開源"讓自己收入
Thumbnail
清除房間菸味與煙味就這樣做!一、去除臭味來源:重新清洗傢俱;二、冷氣清洗:有濾網的家具都該定期換濾網;三、空氣清淨:用小撇步消除味道,像是利用咖啡渣、水果皮等。
Thumbnail
『高價值收費課程,不藏私大公開』什麼是空性的力量?為什麼全球領導人都在瘋「空性」。「空性力」,就是你能夠隨時隨地運用空性觀來看待事物的能力!所有的事情都是中性的,沒有好、沒有壞,「只看你怎麼詮釋、你用什麼樣的角度切入」,掌握這個道理後,你就有完整的選擇權,運用不同角度來成就你的人生。
買房賞屋前,每個人在意的條件大不相同。大多數人在意採光和通風,或打開家門剎那的感覺,看自己是否跟這間房子有「厝緣」。有房仲業者透過影片分享自身看房的經驗,有人覺得住家樓層如果過低、噪音過大,例如常有大卡車經過的房子,就比較不會考慮。還有人提到,一般會購買凶宅或事故屋的買家,多半是投資向或因宗教信仰所
Thumbnail
我們學習各種功夫,要歸功於良師益友。有些人眼明手快,找對良師,虛心學習。意猶未盡之餘,企圖百尺竿頭,更進一步,便到處拜師學藝。 放眼天下,我們心目中的老師,未必是真人,也許是來自一本書的作者,其言行感召你,甚至建構你的人生目標。 世事每每無奇不有,偶爾青出於藍,比如說,我們搞不清楚達文西的老師是何方
Thumbnail
畫了四款手機桌布 自己很喜歡這種比較少色系的圖 淡淡的輕柔感能讓心情好上一整天꒰ᐢ⸝⸝•༝•⸝⸝ᐢ꒱♡︎ 分享給大家 希望大家也會喜歡哟 .ᐟ 如果有使用也歡迎讓我知道噢 .ᐟ ︎ ︎ 〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎ ✦ 尺寸:1920 × 1080 ✦ 僅供個人使用,嚴禁任何
Thumbnail
選課就像談戀愛,越了解自己適合什麼, 越能找到 only for you 的真命好課。