Animate CC 開心跳躍動畫
閱讀時間約 2 分鐘
角色的動作還可以是跳躍的方式，類似球拋物線彈跳的方式來表現角色活潑的跳躍動作，讓角色由場景左上角跳躍至場中央，再跳躍至場景右上角，最後再跳躍回原處，由於動作特別，因此每個身上元件都需要仔細的調整。
目標動畫效果:應用影片片段元件表現可愛的角色跳躍動作，除了元件的準備與安排來表現動作之外，將以傳統補間動畫讓動作更為流暢。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
Step1.
範例檔元件庫中的人物開心跳躍元件，包括頭、手與腳均是以獨立元件與圖層來組合起來。首先進入到開心跳躍影片片段元件內，即可看到所有的肢體元件均已分散至個別獨立圖層上，元件內的參考線位置即是依照場景尺寸所建立，也就是場景範圍。
範例檔元件庫中的人物開心跳躍元件，包括頭、手與腳均是以獨立元件與圖層來組合起來。首先進入到開心跳躍影片片段元件內，即可看到所有的肢體元件均已分散至個別獨立圖層上，元件內的參考線位置即是依照場景尺寸所建立，也就是場景範圍。
Step2.
使用自由變形工具來改變每個元件製作動畫時需要的變形中心點位置，頭於下巴處、二隻手與二隻腳均於與身體連接處。為所有圖層於影格13、15、17、30插入關鍵影格，準備開始調整跳躍時的各元件。
使用自由變形工具來改變每個元件製作動畫時需要的變形中心點位置，頭於下巴處、二隻手與二隻腳均於與身體連接處。為所有圖層於影格13、15、17、30插入關鍵影格，準備開始調整跳躍時的各元件。
Step3.
首先暫時鎖定影子圖層，再依序調整影格13、15、17三個位置上的動作，使用移動與旋轉來調整元件姿勢。
首先暫時鎖定影子圖層，再依序調整影格13、15、17三個位置上的動作，使用移動與旋轉來調整元件姿勢。
接著複製影格13上所有關鍵影格至影格1上，並全選所有元件一起移動至左上角參考線交叉處之外；複製影格17上所有關鍵影格至影格30上，並全選所有元件一起移動至右上角參考線交叉處之外。
Step4.
解除影子圖層鎖定，繼續設定影子的位置、尺寸與半透明：
解除影子圖層鎖定，繼續設定影子的位置、尺寸與半透明：
於影格40為所有圖層插入關鍵影格，選取所有影格17上的關鍵影格複製至影格53、選取所有15上的關鍵影格複製至影格55、選取所有13上的關鍵影格複製至影格57、選取所有1上的關鍵影格複製至影格70，均建立傳統補間動畫，設定影格1-13與影格40-53加減速：-50，設定影格17-30與影格57-70加減速：50，完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
為什麼會看到廣告
29會員
129內容數
多媒體設計的專業能力養成過程，除了有效率學習軟體之外，更重要的是各個軟體間的整合應用!
Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等，相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
你可能也想看
Google News 追蹤
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
這件雕塑放置在台中市豐樂雕塑公園靠近向心路一側，最有趣之處在於：在靜態中表現動感。
將動態手勢和動作濃縮成靜態的作品，是需要高度技巧的。動感的雕塑往往能給觀賞者錯覺，讓人覺得作品中的人物即將開始動作。
動感的雕塑往往意在傳遞雕塑家的情感，好讓觀者產生共鳴。因而動作便是重點
一個人的個性可以有很多元化的展現。筆跡、用字、語調、穿著……當然跳舞也是其中一種。從一個人的舞蹈可以了解很多事情，雖然不敢說自己精準到可以算命，但從一個人的舞姿可以大概抓出這個人基調。好想知道知城跳起舞來的感覺是怎麼樣的？
「嗯？這麼突然嗎？為什麼？」因為對你有好奇。
「跳完我會跟你說，嘿
Ae 小技巧：Motion Tile 連續圖 / 背景
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
在 After Effects 中，彈跳效果（Bounce Expression）可以讓層看起來像是受到彈簧或重力的影響，常用於創建自然的運動效果。這些表達式可以應用於位置（Position）、比例（Scale）、透明度（Opacity）等屬性。
最近有空時就在看如何使用AI作圖的方式製作出有魄力的動作與構圖，恰巧在Civitai這個AI作圖網站上找到了一些有趣的人物姿態，因此發想了一些構圖，依照這些構想做出來的圖效果還算可以接受，因此在這邊記錄一下過程與步驟。
Ae 小技巧：Adjustment Layer 調整圖層
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Wiggle Paths 手繪感
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
本文介紹動態的線條對影像的影響，動態的線條能使影像產生動感，給觀看者一種活潑、熱烈、流暢、移動及力量的感覺。
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
這件雕塑放置在台中市豐樂雕塑公園靠近向心路一側，最有趣之處在於：在靜態中表現動感。
將動態手勢和動作濃縮成靜態的作品，是需要高度技巧的。動感的雕塑往往能給觀賞者錯覺，讓人覺得作品中的人物即將開始動作。
動感的雕塑往往意在傳遞雕塑家的情感，好讓觀者產生共鳴。因而動作便是重點
一個人的個性可以有很多元化的展現。筆跡、用字、語調、穿著……當然跳舞也是其中一種。從一個人的舞蹈可以了解很多事情，雖然不敢說自己精準到可以算命，但從一個人的舞姿可以大概抓出這個人基調。好想知道知城跳起舞來的感覺是怎麼樣的？
「嗯？這麼突然嗎？為什麼？」因為對你有好奇。
「跳完我會跟你說，嘿
Ae 小技巧：Motion Tile 連續圖 / 背景
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
在 After Effects 中，彈跳效果（Bounce Expression）可以讓層看起來像是受到彈簧或重力的影響，常用於創建自然的運動效果。這些表達式可以應用於位置（Position）、比例（Scale）、透明度（Opacity）等屬性。
最近有空時就在看如何使用AI作圖的方式製作出有魄力的動作與構圖，恰巧在Civitai這個AI作圖網站上找到了一些有趣的人物姿態，因此發想了一些構圖，依照這些構想做出來的圖效果還算可以接受，因此在這邊記錄一下過程與步驟。
Ae 小技巧：Adjustment Layer 調整圖層
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Wiggle Paths 手繪感
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
本文介紹動態的線條對影像的影響，動態的線條能使影像產生動感，給觀看者一種活潑、熱烈、流暢、移動及力量的感覺。