運用動畫速度線將卡通動作增加至影片畫面

動畫風格的速度線源自於日本漫畫,並已成為這兩大媒體中的重要元素。歡迎了解黑白線如何讓動畫變得更加刺激

動畫中的女性手持一把劍,且周圍環繞著速度線

什麼是動畫速度線?

動畫速度線是用來強調卡通、電影和漫畫動作的效果。在經典設定中,某位孤獨的英雄會站在挑戰者面前,兩人臉上都展現決心。這位英雄暫時靜止不動,彷彿在蓄積力量,以面對無法避免的戰鬥。當雙方開始行動時,蓄積的力量隨之爆發,其視覺效果就如同雙方各自散發著太陽光。人物發動攻擊且開始戰鬥後,輻射狀速度線就會從他們的身形向外延伸。動畫 (日本動畫) 迷經常看到這類型的場景:由動畫速度線告知動作已實際展開。

 

儘管動畫速度線雖然包含「動畫」兩字,它並非源自於日本卡通。速度線雖與即將戰鬥的英雄、機器人和怪物息息相關,真正的來源則為漫畫 (又稱為日本漫畫書)。這些黑白漫畫經常需要設法在靜態媒體中呈現動作。許多動畫系列皆奠基於漫畫,這些改編作品不僅整合漫畫的核心概念、人物和故事線,也融合了漫畫的視覺語言,包括快速展現情感或動作的途徑。如同漫畫一樣,在動畫中飛越天空的人物,也經常伴隨著光暈般的速度線。

動畫速度線的作用

動畫速度線可暗示動作,但並不會實際呈現動作。如果沒有速度線,靜態人物就僅僅是靜態人物而已。但是有了速度線後,同樣的靜止影像即可暗示動作的發生。

動畫中的男性手指一個方向並大聲喊叫,周圍環繞著速度線

日本動畫的眾多視覺語言,皆為預算限制下的產物。許多早期的日本動畫系列作 (甚至目前的某些作品),皆以有限的動畫著稱。為了節省時間與金錢,動畫家會保留或平移靜止影像、重複使用圖畫或動畫循環、創造對稱的視覺資產,或採用快速到可模糊呈現的動作。另外,他們也創造出敘事慣例,以因應各種實際限制。

 

早期的動畫系列作 (如《極速賽車手》) 會顯示主角坐在車裡,但其臉部和頭部卻經常呈靜止狀。為了傳達動作,主角周圍會加上動畫速度線,而熟悉漫畫的觀眾就會知道這些線條代表加速。這些效果可輕鬆製成動畫,並傳達大量的資訊與刺激感。

 

雖然動畫速度線為缺乏預算下的產物,卻已成為媒體中備受喜愛的重要元素。即使製作上可負擔顯示精細動畫的動作,依舊會沿用速度線,藉此向先前的系列作致敬,並增加視覺故事的敘事方法。

使用 Adobe Animate 添加動畫動作

 

將素材上傳至 Animate

Adobe Animate 可在現有的素材、動畫或動態圖形中添加速度線。請決定想要用速度線表達何種感覺。如果希望以此暗示方向與移動,就需留意人物在影格中的位置及其前進的方式,並據此畫出線條。速度線還可用來顯示人物具有強大的力量,或是充滿決心。在這個情況下,請讓線條從人物身上向外發散,如同光暈一般。

 

繪製速度線

速度線可劃分為兩種基本類型。第一種為簡單的手繪線條,會自移動的人物或物體向外畫。這種速度線可讓人回想起二十世紀的漫畫和動畫,並賦予素材如同早期《原子小金剛》卡通的低保真效果。第二種速度線會則會呈錐狀,在接近影格邊緣處稍微變粗,而接近焦點中心的部分則比較細。這個類型看起來比較流暢且充滿現代感。

手繪速度線
以數位方式製作的速度線

速度線可以一直延伸至影格邊緣。動畫視覺效果所暗示的動作,通常多於實際顯示的動作。將效果延伸至邊緣,即可清楚表示影格外有事情正在發生。繪製動畫速度線時,應避免對稱。導入一點混亂和失序,有助於讓動作更加真實。

 

由於 Animate 能與其他的 Creative Cloud 應用程式進行整合,因此,您可以直接在 Animate 中繪製速度線,或是在 Illustrator 中加以製作,並將其儲存至資產資料庫。針對單一序列製作的一組速度線,也可運用在其他序列上。如同早期的動畫師,透過創意十足的方式重複使用資產,為相當值得的做法。

 

為速度線製作動畫

動畫速度線打破了一條重要的動畫規則。速度線的連續影格無需彼此過於協調。讓同一效果內的速度線有所差別,有助於讓畫面更加生動 (而非參差不齊),並暗示動作的激烈程度。此外,雖然速度線可象徵速度,您並不需要使用特別高的影格速率。舉例來說,每秒五個影格的速率,已足以達到想要的效果。

 

其他動畫效果

速度線並非在現有素材中添加動畫動作的唯一方法。動畫還會使用其他許多漫畫視覺特徵 (包括螢幕上的文字),以強調音效或對話,並在傳輸或運用強大力量的人物周圍顯示光暈。

生氣的動畫人物,旁邊的對白框添加了速度線

不要單純暗示動作,而要顯示動作

速度線是備受喜愛的類型慣例,不過,這只是在素材中添加刺激感的方法之一。動畫為具有無限可能的媒體,還有許多方式可將人物置於動作的中心。若要進一步了解如何製作動作動畫,並建立動態動作,請參閱 Adobe Animate 教學課程

您可能也有興趣…

在這張沿岸海平面相片中捕捉到了獨特的動態範圍。

什麼是動態範圍?

了解相機的動態範圍以及如何操縱它來製作您所要的影像。

書桌上筆記型電腦的螢幕有影片編輯軟體

如何為影片添加文字

透過兩個簡單方法將文字覆蓋帶入影片作品。

 

彩色數位視訊效果

嘗試各種視訊效果

深入了解熱門的後期製作效果,並探索每一種效果可以實現的情緒氛圍與風格

女性在沙發上閱讀書籍,一隻貓在旁陪伴。

如何開始使用分鏡腳本
歡迎了解這項別具藝術的敘事技巧如何讓構想躍然呈現在大小螢幕上。

以 Adobe Animate 為多種平台打造互動式動畫