天天看點

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

作者:轉生成為空白履歷

作為一個合格的死肥宅,從我觸摸到二次元這扇大門開始,我就在腦海裡有一個想法:我要創造一個沒有作業的世界!

基于這樣的想法,我在上高中的時候上網搜尋了Flash動畫的制作方法。這不搜不知道,一搜我就看到了王者榮耀(打錢)這款遊戲的廣告。其宣傳動畫之精美,人物角色塑造得如此生動。看完更加堅定了我入坑王者榮耀的心,然後我就把學動畫的事忘得一幹二淨。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

直到前幾天,我因為吃飯不知道看啥,就又開始看動漫和二創視訊,腦子裡也有一些想法(一點都不奇怪的那種)。但是苦于不知道怎麼做,我就斥“巨資”下載下傳了Blender和Adobe AN尋思着學點咋做動畫。

于是我在完全沒有任何美術基礎和小時候電腦課老師教PS的時候偷摸着玩4399啥也沒學進去的情況下,開始了學習Adobe Animate的旅程。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

第一件要做的事情當然是下載下傳Adobe Animate在電腦上(以下簡稱AN),下載下傳的途徑有很多,一些學校會提供下載下傳。或者上網搜搜教程然後給視訊制作者三連一下,還是很容易得到的,實在不行上萬能的橘色軟體找也有。

下載下傳前得先确認一下自己的電腦是否能夠帶動AN,官方的配置要求放在了下方,大夥可以打開自己的電腦看下。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

圖檔來源自https://helpx.adobe.com/cn/animate/system-requirements.html

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

圖檔來源自https://helpx.adobe.com/cn/animate/system-requirements.html

可以根據電腦組態選擇是否下載下傳最新的AN版本,要是電腦無法正常運作,那就真的還不如用ppt。

1

進入正題

打開AN後可能會有兩種情況,一種是像我下圖一樣空蕩蕩的什麼也沒有,另一種是中間會有一個視窗。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

其實這些沒什麼差別,這個時候可以點選左上角的檔案-選擇建立(快捷鍵N)

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

在這裡可以選擇很多種類别例如角色動畫、遊戲、廣告等,在這裡選擇最基礎開始學習的角色動畫。

2

在建立好檔案之後,需要了解的就是整個界面上各個工具的作用。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

界面看上去有點複雜,有一些PS基礎的同學學起來會輕松很多,像我這樣不好好聽課的還是得從頭學起,是以我筆記裡記下了目前所有的基礎工具。

首先是最左邊的工具欄,要用到的基礎工具分别有(如果沒有以下工具,可以在工具欄最下方部分有...圖示那裡選擇編輯工具欄):

  • 選取工具-v
  • 套索工具-L
  • 鋼筆工具-P
  • 線條工具-N
  • 添加字型
  • 顔料桶工具-K
  • 顔色填充

上方的菜單部分主要是檔案的儲存編輯又或者是其他工具的使用,這裡可以暫時忽略又或者後續快捷鍵可以替代。

最底下的部分是時間軸部分,如果學習過PR或者AE的同學可能會熟悉一些。在時間軸上有數字,5個為一個間隔,這代表的是幀數。在後續會進行詳細講解。

右邊的屬性欄部分分别是到時候制作動畫時的屬性(添加一些效果)又或者是調整動畫/字型的位置等。

最中間的空白部分就是畫布,也就是進行操作繪畫以及展示的地方,如果要看最終的動畫成品則是用快捷鍵Ctrl+Enter。

3

在了解了基礎的工具之後就可以直接開始動手了,畢竟直接上手肯定是要比聽我這講更好學一些。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

一開始肯定也不能搞複雜的,第一節課的筆記就是簡單地了解下AN是怎麼用的。

首先兩個基礎的小技巧,按住ctrl,然後用滑鼠滾輪或者觸控闆的方式可以進行畫布的放大或者縮小。然後space空格鍵,滑鼠指針按住畫布(指針變成手套)就可以進行畫布的拖動了。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

第一節課要做的就是臨摹一個圖像,可以随便找一個圖。圖示在下載下傳好之後可以直接拖拽進畫布中,即便不在畫布上也可以。

在将圖檔放在圖檔的左下角之後,可以按住快捷鍵Q(任意變形工具)。這時候會發現圖示的中心有一個小白點,這個白點的作用就是固定圖示。想要将圖示等比例放大或者縮小,則是在拖動的時候按住Shift鍵。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

這個時候可以把圖示挪到畫布之外了,因為在臨摹之前需要做一些準備

4

這時候先簡單地在畫布上畫一個線條,選用線條工具(快捷鍵N)。在畫完線條之後用選擇工具v将整個線條框住。

在主要工具欄的最下方有兩個選項,分别是填充顔色和筆觸顔色,建立形狀例如畫一個方塊,然後讓方塊的中心充滿紅色就是用填充顔色,而方塊的邊則是筆觸顔色。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

将滑鼠放在畫出來的線兩端的時候(用選取工具)可以發現指針旁邊出現了兩個直角,這個就可以調整線條的角度。而當滑鼠放線上條的中間時,指針會變成一個圓弧,則是可以變成像皮筋一樣調整弧度。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

當然還有其他的知識點例如選取部分線段、異色啃食等等,那些都是後續需要時會講到。現在回到正題來。

将圖示托回到畫布中,并且将畫布移至畫面中心,讓我們開始動手吧!

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

5

首先需要在下方的時間軸部分建立一個新的圖層

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

這裡其實和PS有點像,得先學會一些靜态的東西後面才能讓它動起來。

然後在原始的圖層(一般是圖層_1)旁邊有個鎖的标志,給初始圖層鎖起來。

建立好新的圖層之後,在新的圖層建立一個矩形(快捷鍵R),并且其填充顔色選擇為紫色,同時筆觸顔色選擇不要描邊(顔色視窗有一個白色底中間一個紅色斜杠圖示)。

因為我選擇的圖示是沒有漸變顔色的,如果圖示背景的顔色為漸變的話則可以在右側屬性區選擇顔色。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

接下來用鋼筆工具來進行繪畫,可以基于原圖來描繪,(不熟悉怎麼使用鋼筆工具的可以去看一下PS或者跟我一樣自己琢磨一下)

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

字母紅色的邊就是鋼筆畫的

在确認線條是閉合的情況之後,可以根據圖示顔色進行填充,例如我這裡需要将A和N兩個字母填充為淡紫色,然後拖到我們圖層二建立的底上就完成啦!

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

(死活調不出那個同款顔色,圖示圓邊怎麼削第一節課也沒講,自己挑的不是正方形的圖示)

問題不大!第一節課嘛,隻要圖示有八成甚至是七成像就可以了哈哈哈哈

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

第一節課的内容還是很簡單的,隻需要了解基礎工具然後上手嘗試一下就可以。下一節課的筆記就會提到如何讓畫面動起來了,距離我去二次元又近了一步,想想還有點激動。

關于我一睜眼突然發現變成二次元這件事 Adobe Animate基礎-1

大夥下篇筆記見!

原教程連結:

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

繼續閱讀