天天看點

青春中二少年變成地中海前輩 Adobe Animate基礎- 2

作者:轉生成為空白履歷

曾經我也是一個意氣風發的少年,對現實充滿熱愛,也對動漫的世界有所憧憬。現在的我在被現實的毒打之後,不得不把自己蜷縮起來。

青春中二少年變成地中海前輩 Adobe Animate基礎- 2

直到上一篇一時興起的文章,重新點燃了我對二次元熱愛。于是我決定放下手中的作業,重新打開電腦,打開原神學習一下二次元的畫風是什麼樣的。

青春中二少年變成地中海前輩 Adobe Animate基礎- 2

1

言歸正傳!

上一篇筆記講述的是如何運用AN的工具做一個靜态圖檔的繪畫,第二節課的筆記則是講如何将靜态的東西動起來,也就是繪制動畫中最基礎的第一步。

還是打開AN,在進行動畫的制作前要講到幀的概念。通俗來講,一幀就是一個畫面。要想讓一個靜态的圖檔動起來,就需要在每一幀中都有所變化。An中預設是30幀。

在AN中有3個不同的關于幀的快捷鍵,分别是F5、F6、F7.

F5鍵是建立普通幀、F6是建立關鍵幀、F7是建立空白幀

普通幀就是有畫面的、關鍵幀則是畫面有所變化的、空白幀就是完全空白的。

青春中二少年變成地中海前輩 Adobe Animate基礎- 2

在對于幀的修改上除了常見的撤銷以外,還有兩種方法。分别是shift+F5删除幀和alt+backspace清除幀

删除幀是将幀直接删除掉,清除幀則是保留白白畫布,清除掉了那一幀裡的内容。

在了解了基礎的概念之後就可以開始嘗試着讓靜止的畫面動起來了!

2

在這裡首先要知道一件事情,并不是所有的動畫都需要一幀一幀的去畫,Adobe Animate有一個功能叫做補間。也就是說隻要将關鍵幀控制好,剩下的部分軟體可以幫忙補充。

打開我們的An,我這裡用的素材是原教程老師提供的素材。當然要是自己有較強動手能力或者有其他感興趣的素材也可以使用。

直接将圖檔選中後拖拽進白布就行,在右手邊的庫中可以檢視素材

在素材拖拽進畫布後會有一幀的畫面出現,可以按shift+f5删除幀,将庫拖拽一下就可以讓庫懸浮在畫面右側,然後一張張将圖檔放進畫布中(按F7建立空白幀後再将後續畫面拖入)。

青春中二少年變成地中海前輩 Adobe Animate基礎- 2

記得建立空白幀後,要先在下面的時間軸選中幀再放圖檔

在将圖檔都導入之後,不需要一張一張地去調整畫面,這裡有個小技巧。

在An下方時間軸上面有一個按鈕叫做編輯多個幀(標明範圍),如果沒有這選項的話,可以按快捷鍵Alt+shift+E。

時間軸上會出現一個界定的框,這個框會控制目前編輯的區域,然後會将這個區域内所有的幀裡的畫面都一起顯示出來。

接下來選中所有區域(ctrl+a),然後在右邊的屬性欄選擇對齊,就可以直接把選中的全部畫面拖拽到想要的位置。

青春中二少年變成地中海前輩 Adobe Animate基礎- 2

記得取消編輯多個幀

這個時候已經接近完成了。

青春中二少年變成地中海前輩 Adobe Animate基礎- 2

但是還有一點要注意,現在的動畫速度是系統預設的。想要讓動畫的速度看起來比較舒服(快慢)的話需要進行調整。

這裡有一個比較樸素的辦法來手動減緩動畫速度,上面提到按F5是建立普通幀。在我們已經建立的幀數上手動按兩下F5就相當于讓每個畫面都向後延續兩幀。

簡而言之就是手動地讓一個畫面多次使用的效果

青春中二少年變成地中海前輩 Adobe Animate基礎- 2

激動人心的時刻到了!在完成了以上所有步驟後,按下鍵盤的ctrl+enter就能展示我們的成品了!

成品

到這裡就結束了第二節課的筆記,這篇筆記主要是簡單的講解一下如何讓靜态的圖檔連貫起來成為動畫。後續的筆記内容将會提到關于補間以及如何自己簡單地繪制動畫。

那就下篇筆記見!

青春中二少年變成地中海前輩 Adobe Animate基礎- 2

筆記内容及素材來源:GenjJi是真想教會你

https://www.bilibili.com/video/BV1Yf4y1J77P/?spm_id_from=333.337.search-card.all.click

繼續閱讀