動態靈感_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
🛸 Fei 起來的動態館 🛸
93會員
96內容數
嗨~我是 Fei,動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章,歡迎來看看喔! - 合作信箱|x.fei.4044@gmail.com
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
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 環繞效果 + 物件面對鏡頭 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
Thumbnail
手把手帶你做風格海報! 一起來看看本次海報使用到的重點效果,大家可以跟著試試看! 本次使用素材: 點我下載素材一 點我下載素材二 (1) 製作背景 開啟新檔,畫布尺寸為 1080x1920 px。 並將素材一置入畫面後,使用選取工具將空白處選取1,直接點選生成填色2,並選擇合適的結果。
Thumbnail
手把手帶你做風格海報! 一起來看看本次海報使用到的重點效果,大家可以跟著試試看! 本次使用素材: 點我下載素材一 點我下載素材二 (1) 製作背景 開啟新檔,畫布尺寸為 1080x1920 px。 並將素材一置入畫面後,使用選取工具將空白處選取1,直接點選生成填色2,並選擇合適的結果。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News