適用於CLIP STUDIO PAINT Ver.2.2.0

 

讓我們試著把一張插圖變身成「動圖」，讓它在SNS上更加引人注目吧！

只要幫嘴巴、頭髮、手部或背景等插畫的一部分加上一點動態，就能讓作品看起來更栩栩如生！

 

本講座會介紹如何幫角色加上眨眼的動作，解說不曾製作動畫的人也能簡單辦到的基本技巧！

 

※關於加上動作的詳細內容請瀏覽以下講座。

 

只要幫插圖的一部分加上變化，就能製作簡單的動畫。

 

這裡要介紹如何製作眨眼的動畫，繪製眼睛跟眉毛的動態。

 

[1]眨眼

1.區分部位

首先在插圖上區分開想要移動跟不想移動的部分，分別收納至動畫資料夾中。

 

開始處理前，建議先複製原本的插圖作品，將檔案保管起來。

選擇[檔案]選單→[保存複製]→[.clip]以複製檔案。

 

①合併角色圖層

將角色插圖合併成一個圖層，並只將想要移動的部分收納至動畫資料夾。

 

【POINT】

雖然在製作範例中將插圖合併成了一個圖層，但若在動畫資料夾中將「線稿」、「上色」等複數圖層收納至圖層資料夾裡，也能夠作為一張膠片來進行指定。

詳細方法請瀏覽以下的講座。

 

②[選擇]工具→選擇[選擇筆]輔助工具，建立描繪有「眼睛和眉毛」部分的選擇範圍。

 

若為膚色的上色部分，就算選取時稍微超出範圍也沒關係。

 

【POINT】

若「眼睛和眉毛」未和其他的線稿重疊，可以使用[折線選擇]輔助工具，但因為眼睛的邊緣和輪廓重疊，所以這次選擇了[選擇筆]輔助工具，這樣能建立更精確的選擇範圍。

 

③建立選擇範圍並執行複製＆貼上，[圖層]面板上就會建立「眼睛和眉毛」的圖層。

 

④選擇[動畫]選單→[動畫用新圖層]→[動畫資料夾]，建立動畫資料夾（「b」）。將「眼睛和眉毛」圖層收納進去。

將「眼睛和眉毛」圖層的名稱命名為「1」。

 

【POINT】

點選[圖層]面板上的[動畫]→[動畫用新圖層]→[動畫資料夾]建立動畫資料夾後，[時間軸]面板上會顯示動畫資料夾。

※若未在時間軸上指定膠片，會無法編輯膠片的內容。如果無法在膠片上進行描繪的話，請確認一下時間軸吧！

※若[時間軸]面板上什麼都沒有顯示，必須利用[新建時間軸]來建立時間軸。設定項目的詳細內容請瀏覽以下的講座。

 

⑤選擇[沾水筆]工具，在原本的插圖上將「眼睛和眉毛」的部分塗上膚色。

 

這樣就能把資料夾分成會動的「眼睛和眉毛」，以及其他不會動的部分。動畫資料夾的名稱分別為圖層不會移動的「a」，以及「眼睛和眉毛」會動的動畫資料夾「b」。

 

2.描繪閉著的眼睛

這次要追加2個圖層，製作眨眼的動畫，讓以下3個圖層（膠片）動起來。

 

・睜開的眼睛（目前的眼睛和眉毛）的膠片

・中割的膠片

・閉上眼睛的膠片

 

這邊要建立閉上眼睛的膠片，並進行描繪。

 

①選擇[時間軸]面板上的第3個畫格。在[圖層]面板上點選[新點陣圖層]。在[時間軸]面板上指定膠片。

【POINT】

如果無法以[圖層]面板指定膠片，請前往[環境設定]對話方塊的[動畫]，將[追加圖層時追加指定膠片]設為開啟。

 

②選擇[動畫]選單→[顯示動畫膠片]→[使描圖紙有效]，顯示描圖紙。邊確認「1」圖層的張眼，邊在「2」圖層上建立閉眼。重點在於眼皮往下移動的樣子，注意閉上的眼睛寬度和立體感來進行描繪。

這裡要畫在張開眼睛的下方。如果畫在上方位置的話，就會看不到眼皮往下闔起的動作。

 

③眉毛部分僅稍微將位置往下挪動，其他都和「1」圖層的眉毛相同。

 

3.中割

①在[時間軸]面板上選擇「1」和「2」之間的畫格，並於[圖層]面板點選[新點陣圖層]。在[時間軸]面板上指定「1a」膠片。

 

②選擇[動畫]選單→[軌道編輯]→[以時間軸順序標準化]。配合時間軸上的顯示順序，將膠片和圖層名稱變更為「1」、「2」、「3」。

 

③將張眼與閉眼的中割描繪在「2」圖層上。接著顯示描圖紙，邊確認「1」和「3」的圖像邊進行中割。

 

④將「1」和「3」的眼頭眼尾以運動曲線連結。為了強調動態，要將中割取在偏上的位置。以平滑開始・平滑結束的要領在活動的範圍內加上差別，可以讓動作更接近真實的動態。

 

【POINT】

＜運動曲線＞

運動曲線指的是表示活動軌道的線。能從原畫中引導出立體的動作，決定重點並連結線條。

 

＜平滑開始・平滑結束＞

物體開始運動時，慢慢加快速度的樣子稱為「平滑開始」。反之，當活動中的物體停止運動時，速度慢慢變緩的樣子稱為「平滑結束」。在製作動畫時，想要加快運動時，可以拉長圖與圖之間的距離，而想要降低速度的話則縮短距離。

 

 

 

⑤配合位置描繪中割的睫毛，要留意眼球的上方覆蓋著眼皮這件事，小心地描繪。

 

⑥中割的瞳孔會在眼皮下降時受到影響，要稍微往下描繪。

 

4.確認動作

①右鍵點選[時間軸]面板上的任一個畫格，在顯示選單後於時間軸上指定膠片。

 

②將「眼睛和眉毛」資料夾「b」的指定膠片為「1」→「3」→「2」→「1」。

 

把一開始的膠片設定為「1（張眼）」→「3（閉眼）」而不加入中割，是因為希望眼睛可以在一瞬間閉上。

 

睜開時則設為「3（閉眼）」→「2（中割）」→「1（張眼）」。比起閉眼的時候，張眼時因為加上了中割，所以速度會變慢。

 

③在[時間軸]面板上點選[播放/停止]確認動態，這樣就完成了。

 

④用同樣的方式在別的動畫資料夾上追加蒸氣的動態，並分別幫膠片塗上顏色就完成了。

 

完成的動圖可以寫出為動畫GIF，投稿至Twitter等SNS上。

在[檔案]選單中選擇[寫出動畫]→[動畫GIF]，就能將作品寫出為GIF動畫。

 

[2]彈跳的球

接下來要講解有關「彈跳的球」的動畫製作方法，「彈跳的球」與「眨眼」一樣，經常被當作製作動畫的基礎題材。

 

從最初的第1張開始照順序描繪(依序描繪)膠片的方法稱為 「Straight Ahead Action」。若為不需要製作原畫的單純作畫，以此方法即可製作動畫。在Straight Ahead Action上，製作單純圖形的動圖也是「描繪動作」的練習，試著畫畫看也不錯。

 

① 在第1個圖層描繪最初的膠片。照著順序在膠片上描繪球。

 

② 繪製第2張膠片。[動畫]選單→[顯示動畫膠片]→[使描圖紙有效]顯示前一個膠片會比較好進行作業。

假設球會進行這樣的動作。

 

③ 接著第3張、第4張……依序描繪。

 

④ 最後就完成了球的軌道像這樣的動圖了。

以平滑開始・平滑結束的要領描繪，在拋物線上的運動會比較慢，漸漸加速彈回並慢慢減速的樣子。另外，撞擊到地面的球描繪成被擠壓的樣子也是重點。

 

若是像這樣的動圖的話，可在短時間內製作。對於記住軟體的使用方法也有幫助，請務必練習看看。