首页
/
每日頭條
/
科技
/
animate扇形遮罩層動畫制作步驟
animate扇形遮罩層動畫制作步驟
更新时间:2026-09-15 14:40:42

  animate扇形遮罩層動畫制作步驟(Animate中遮罩層的實例應用)(1)

  使用圖形元件和遮罩技術制作的動态字幕效果

  對于初學Animate或者flash動畫制作的同學來說,制作動态字幕是一種很煩瑣的事情,比如一個MTV類的小作品,一首歌的歌詞可能有幾十行,沒有經驗的創作者很可能在字幕方面就做了幾十個圖層之多,這會使得制作和維護過程耗費大量的時間和精力。

  如何最優化的處理這個問題?這一次的實例分享,教你在時間軸上如何應用兩個圖層就解決一個MTV的所有同步字幕的方法。

  第一步是将作品分為若幹組“場景”,比如第一個場景是片頭部分,第二個場景是分鏡一,依次類推,可以設計一句歌詞切換一個分鏡,也可以設計多句歌詞一個分鏡,最終加上一個和片頭呼應的片尾部分。就好像一個書本的設計,有封面封底也有書的正文部分。

  animate扇形遮罩層動畫制作步驟(Animate中遮罩層的實例應用)(2)

  遮罩層的使用 就是選擇性的呈現對象

  第二步是将歌詞制成一個“圖形元件”,再在屏幕的底部中間放一個“遮罩層”,遮罩層就像一個小窗口,我們讓它來選擇性的呈現一個對象。然後,每過一段時間,就讓歌詞這個圖形元件向上移動,這樣就有了場景和歌詞的同步對應。

  animate扇形遮罩層動畫制作步驟(Animate中遮罩層的實例應用)(3)

  把所有的歌詞按行分段,變成一個圖層元件,根據劇情向上移動

  制作MTV的字幕部分,具體的操作步驟包括:

  1.将下載的歌曲MP3文件導入到軟件之中,并在屬性面闆上選擇出來;

  2.在網上找到對應歌詞,把字歌詞直接複制後在新建的“圖形元件”内粘貼,

  再把字體“分離”二次,轉化成為“填充色塊”(不保留任何字體屬性,以确保任何機子都能打開原文件);

  3. 回到主時間軸,新建一個圖層,命名為歌詞,把歌詞元件拖到舞台的下方;

  4.建立一個遮罩層,并畫出用以遮罩的對象(圖中綠色的矩形的位置)以制作選擇性的顯示歌詞的效果;

  5.建立字幕元件的“移動補間動畫”; 在制作字幕元件的向上運動補間時,把遮罩層以輪廓顯示,這樣明确了元件的運動終點位置;

  本例小結:

  首先,我們得熟悉遮罩層的基礎操作和思路,也要熟悉圖形元件的運動補間操作;有了這些基礎,我們才可以做這個案例的進階應用;字幕是制作成為一個“圖形元件”,它随着歌曲同步的向上運動(這也是需要根據劇情的發展手動編輯調整運動位置的);然後,用遮罩層把它的顯示限定在隻需要的那部分; 這樣做,在主時間軸上,動态字幕方面就隻需要兩個主要圖層了;也就提高了創作效率。

  ,

Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
cf強化角色夜玫瑰
cf強化角色夜玫瑰
對于一名穿越火線的老玩家,在遊戲當中的一些經曆是其他遊戲不能跟我說替代的,說到穿越火線這款遊戲,其實不少玩家已經沒有再玩遊戲了,但依舊還有着非常多的感受,不知道穿越火線這款遊戲給您留下的印象是什麼,你對穿越火線是否還有什麼話想要說?在穿越火...
2026-09-15
老公看我的手機聊天記錄
老公看我的手機聊天記錄
01夫妻之間最重要的是相互信任。但我的老公卻處處瞞着我去做一些不好的事情。以前我的老公是一個很爛賭的人。圖片來源于網絡02那年,他賭輸了一百萬,公婆快快氣瘋了,我也想跟他離婚,但最後他苦苦哀求,我還是陪着他一起努力慢慢地把債務還掉了。我以為...
2026-09-15
如何在支付寶上取消免密支付
如何在支付寶上取消免密支付
你知道手機支付寶的“免密支付”功能嗎?使用支付寶過程中要将這一功能關閉,不然會偷偷的免密付掉支付寶餘額或者綁定銀行卡内的錢,造成不必要的損失,現将關閉方法分享如下:1、打開支付寶,點右下角“我的”。2、再點右上角的齒輪狀的“設置”。3、再選...
2026-09-15
vivo系統更新後很卡
vivo系統更新後很卡
vivo系統更新後很卡?時常清理後台程序,釋放運行内存,提高手機運行的流暢性,我來為大家科普一下關于vivo系統更新後很卡?以下内容希望對你有幫助!vivo系統更新後很卡時常清理後台程序,釋放運行内存,提高手機運行的流暢性。進入應用商店--...
2026-09-15
微信朋友圈發不了視頻怎麼回事
微信朋友圈發不了視頻怎麼回事
微信朋友圈發不了視頻怎麼回事?首先打開手機微信,進入微信首頁,點擊頁面下方的發現,我來為大家講解一下關于微信朋友圈發不了視頻怎麼回事?跟着小編一起來看一看吧!微信朋友圈發不了視頻怎麼回事首先打開手機微信,進入微信首頁,點擊頁面下方的發現。進...
2026-09-15
Copyright 2023-2026 - www.tftnews.com All Rights Reserved