動態靈感_Day01 (動畫小技巧)

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

【閱讀本篇之前,提醒大家:以下動畫非筆者作品,只擷取片段供學習分享,會附上「我的臨摹練習」!最後會分享一點動畫小技巧,想學習的小夥伴可以使用「目錄」直接連結到「動畫小技巧」觀看喔!】

培養動態靈感_Day01

培養動態靈感_Day01


偷打廣告:如果你是有 Ae 基礎操作的能力,另一個有關 Ae 的系列——《搞什麼系列》為學習 Ae 表達式的學習筆記。不用擔心!在會 Ae 基礎操作的前提下,《搞什麼系列》是入門~初階的程度,不用怕內容太艱澀!可以去看看喔!


今日動態靈感

原片片段

(提醒:非筆者作品,只擷取片段供學習分享)

原製作者名單
Executive Producer: Brikk
Director: Brikk
Art Director: Brikk
Illustrator: Jonas Mosesson
Animators: Björn Johansson, Jonas Mosesson, Emil Börner, Darya Skripka, Kristian Andersson, Mariyam Aulbekova
Sound: Joel Andersson
Music: Joel Andersson


分解動態



我的臨摹練習

使用軟體:Adobe After Effects


我將動畫分成兩個部分,一個是箱子,一個是內容物,內容物的小細節比較多所以是用形狀圖層 Path 慢慢調整的,而箱子的擠壓,可以快速用 Warp 來製作!(下方教學)


動畫小技巧 - Warp

開箱動畫

開箱動畫


開箱動態中,箱子在打開前有一個向下擠壓的預備動作,要怎麼做出這個效果呢?

箱子擠壓

箱子擠壓

當然做出這個效果也可以使用形狀圖層中的 Path 做調整,但今天要分享一個用 Warp 做出擠壓的效果。


先在 Effects&Presets 中找到 Warp 套用到要擠壓變形的圖層上

套用 Warp

套用 Warp


Warp 有好幾種類型,以下為所有類型套用在正方形 (Comp) 上:

Warp 類型總覽

Warp 類型總覽


看完所有類型後,沒錯! 今天要用 Bulge 來做出擠壓的動態:

Warp 類型-Bulge

Warp 類型-Bulge

套用後,就可以用 Bend 設定關鍵幀就能做出箱子擠壓動態了!

Warp 套用到箱子上

Warp 套用到箱子上

(備註:做完後如果擠壓的變形想要微調,可以再套用 Bezier Warp 進行微調)




想看到更多跟動畫製作相關的文章,可以按個追蹤💡就不會錯過喔!

喜歡這篇文章,可以點❤️、分享⤴️、收藏📂。
也可以到我的 Instagram 看我的其他作品喔!


合作請
私訊 Instagram
或寄信至 x.fei.4044@gmail.com


留言
avatar-img
留言分享你的想法!
Carry Kuo-avatar-img
2024/04/11
好可愛的動畫~很詳細的拆解說明!
avatar-img
🛸 Fei 起來的動態館 🛸
85會員
96內容數
嗨~我是 Fei,動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章,歡迎來看看喔! - 合作信箱|x.fei.4044@gmail.com
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
在這篇文章中,我們將探討如何製作章節轉場動畫,讓您的作品更具吸引力。本文包含了準備素材、定義圖片、製作簡易動畫等步驟,適合初學者進行學習和操作。我們提供了必要的資源和範例,讓您能輕鬆上手。期待透過這篇教學,能讓您在創作中達到更高的境界!
Thumbnail
在這篇文章中,我們將探討如何製作章節轉場動畫,讓您的作品更具吸引力。本文包含了準備素材、定義圖片、製作簡易動畫等步驟,適合初學者進行學習和操作。我們提供了必要的資源和範例,讓您能輕鬆上手。期待透過這篇教學,能讓您在創作中達到更高的境界!
Thumbnail
最近在嘗試使用不同的AI生圖方式混合出圖的方式,採用A平台的優點,並用B平台後製的手法截長補短,創造出自己更想要的小說場景,效果不錯,現在以這張圖為例,來講一下我的製作步驟。
Thumbnail
最近在嘗試使用不同的AI生圖方式混合出圖的方式,採用A平台的優點,並用B平台後製的手法截長補短,創造出自己更想要的小說場景,效果不錯,現在以這張圖為例,來講一下我的製作步驟。
Thumbnail
介紹Unreal Sequencer鏡頭工具,CG動畫的學習經驗,並提供相關教程,適合想學習Cinematic Designer的人。
Thumbnail
介紹Unreal Sequencer鏡頭工具,CG動畫的學習經驗,並提供相關教程,適合想學習Cinematic Designer的人。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
  最近遇到一些人想做音訊的合成,我回答他或許可以從圖像風格轉換中找到些靈感,我才突然想起我對於這部分的認知只止於知道他能做什麼及結果大概如何,對於內部訓練邏輯及結構並沒有認真的去了解,現在剛好趁此機會好好的學習一下。
Thumbnail
  最近遇到一些人想做音訊的合成,我回答他或許可以從圖像風格轉換中找到些靈感,我才突然想起我對於這部分的認知只止於知道他能做什麼及結果大概如何,對於內部訓練邏輯及結構並沒有認真的去了解,現在剛好趁此機會好好的學習一下。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Orbit 環繞效果 + 物件面對鏡頭 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Orbit 環繞效果 + 物件面對鏡頭 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News