-如何在CSP上為插圖製作動畫-

12,944

Lemon_night

Lemon_night
  • 你好 -

我自我介紹:

我是檸檬,法國藝術家和動畫系學生;)

IG:_lemon_night

歡迎您使用以下提示:如何為插圖製作動畫?

這是使您的圖紙和插圖生動起來的一種非常有趣的方法,您會發現動畫並不像看起來那樣複雜:3

 

今天,我將向您展示如何製作這種簡單的gif文件!

-準備工作區-

我在iPad Pro上使用的是Ex版本的Clip studio paint

首先,我們需要一個插圖!

我選擇了這個,我是故意製作動畫的。為了使它在所有級別上都簡單易用,您不希望讓所有事情都動起來,僅一個元素就足以使您的插圖生動起來:3

在這裡,我們將重點放在貓的尾巴上,這將是圖形的移動對象

因此,我們將其與插圖的其餘部分分開,以便我們可以更輕鬆地移動它,而不會影響下面的內容。

我們最終得到了

為了能夠更輕鬆地將它們集成到動畫中,必須通過刪除貓周圍和下方的所有其他元素將它們導出為png。

像這樣 :

您將對其餘的插圖進行相同的操作,以得到兩個單獨的元素。

然後,我們將創建動畫,為此,我們將單擊以下按鈕:

我們來選擇動畫

為了以插圖的格式顯示,我們更改了基本圖像的尺寸,此處為3508 x 4961

然後,要刪除不需要的邊框,我們在此處將所有內容都減為零

然後,我開始減少每秒的圖像數量,將它們設置為30,但我更喜歡每秒24的格式

您單擊確定,通常我們會得到以下結果:

然後,我們從之前導入我們的兩個圖像

但是,桌面始終是為動畫製作的,因此我們只需通過依次單擊“窗口”,“工作空間”來更改它,然後單擊“動畫工作空間”

我正在使用上載到Assets的這個Workspace,它的構建良好,對初學者來說很方便

您單擊“確定”而不進行任何更改,然後您的工作區應如下所示:

您的可能不完全相同,我對工作區進行了調整,使其與我用於插圖的工作區相似,我建議您也這樣做,這將使您更輕鬆地找到自己的方式:3

要使用導入的法師,只需單擊“像素化”

而且您也可以與對方進行相同的操作,但這不是必需的,因為此處僅會修改聊天內容

為避免不必要的圖層使您過於混亂,您可以刪除這三個圖層,本教程中不會使用它們。

一旦一切準備就緒,則應具備以下條件:

右上角的三個圖層在底部的年代順序是相同的,您可以為這些圖層賦予顏色,這樣會更容易找到自己

要轉到所需的圖層,這裡只會是貓

然後您點擊這個小方塊,然後選擇您想要的顏色

因此,您可以輕鬆地在時間軸上對其進行識別

現在美工板已經準備好了,我們可以開始製作動畫了:3

- 動畫片 -

在我要向您展示的內容中,這是一種非常簡單的動畫處理方式,您無需每次都重新繪製設計以使其移動。

每次我們都會簡單地複制並移動貓的尾巴以創建移動

為此,我們已經要縮短我們第一張圖像拍攝的幀時間

我們採用24 / s格式,這意味著一秒鐘需要24張圖像

因此,我們將縮短圖像時間,僅將其持續1幀,如下所示:

 

這樣一來,圖片僅在1幀內可見,然後為以後會出現的其他對象留出空間

然後,我們將復制此圖像並將其移動,以便在

在重複模型上,我們將開始尾巴運動

為此,請轉到“快速訪問”,然後單擊“網格轉換”

這個網狀網將出現在您的圖像上:

在我們之前隔離貓的過程中,僅對他進行轉換,因為它是圖層中的唯一元素。但是,針跡太大,您不能移動尾巴而不影響身體的其餘部分。

因此,我們將把這兩個設置增加到最大

因此,我們最終得到以下結果:

所以我們可以移動貓的尾巴

依此類推,我們複製剛製作的圖像,然後將其移動一幀,使它們彼此跟隨,從而產生貓尾巴的運動。

像這樣繼續下去,我們最終得到這樣的結果:

因此,我們剛剛完成了機芯的第一部分,現在尾巴必須下降到起點才能擺動到另一側。

為此,我們將簡單地複制已完成的所有操作以重現下降的運動。

因此,我們將選擇尾巴的最後一個動作為最高,並複制前一個動作,此處為綠色圖層

我建議您在復製圖層時更改顏色,這時很容易迷失方向,但需要迅速採取幫助

所以我像這樣複製這一層

為了使這一步遵循時間順序,我們將在尾巴運動結束時將其移動,因此將降低其運動速度。

我們移動框架,以便將其放置在時間軸之後

依此類推,我們再現了下降的運動,應該給出以下信息:

現在,我們將創建運動,使其在另一側上升

我們只是簡單地複制與之前相同的操作,然後逐幀移動尾巴使其向上移動,然後復制所有內容以相同的方式使其向下移動。

 

我先將機芯的第一部分放在一個文件夾中,然後再繼續使圖層更清晰

現在的運動如下所示:

對運動感到滿意之後,我們將縮短背景的持續時間,以使其與我們剛創建的運動相同的持續時間

因此,我們最終得到以下結果:

- 出口 -

現在我們的動畫完成了,我們可以將其導出為gif,以便動畫循環播放

為此,請轉到“文件”,然後“導出動畫”,然後單擊“動畫Gif”

重命名您的gif,我只選擇了“貓”,然後按“確定”

在不觸摸任何東西的情況下按“確定”,我更喜歡以每秒8幀而不是24幀的速度進行動畫處理,運動效果更好。

- 結尾 -

然後你走了!

娛樂結束了!

這樣做真的很酷,而且可以使插圖更加生動有趣!

希望這能教給您一些事情:3

大吻:D

留言

最新

最新官方