④以攝影工作移動背景

19,883 view
ClipStudioOfficial

ClipStudioOfficial

使用CLIP STUDIO PAINT的動畫功能,試著做做看動畫吧!

這是適合初次製作動畫的人閱讀的動畫・練習講座。


第一個練習

https://tips.clip-studio.com/zh-tw/articles/2043

第二個練習

https://tips.clip-studio.com/zh-tw/articles/2044

第三個練習

https://tips.clip-studio.com/zh-tw/articles/2045


在最後一個練習中,要使用攝影工作製作只移動背景的動畫。

要學習的功能:將圖層的主畫格有效化、2D攝影機資料夾


在上圖的範例中,角色和背景都各只畫了一張圖。

使用CLIP STUDIO PAINT的攝影工作功能,就能讓一張插圖產生變化,把它製作成TWEEN動畫。


【POINT】如果使用iPhone版

若要使用iPhone版CLIP STUDIO PAINT來製作動畫,需要自訂面板列。

能以下述步驟追加[時間軸]面板。

https://tips.clip-studio.com/zh-tw/articles/2428#97db257f


[1]以新建對話方塊建立畫布

①在[檔案]選單中選擇[新建],顯示[新建]對話方塊。


②在[新建]對話方塊的作品用途中,選擇[動畫]。


③進行以下設定。


・[基準尺寸]…這是實際寫出動畫作品時的圖像尺寸。這次使用初始設定[720x540 (144dpi) 有餘白]進行製作。


・[時間軸]…設定[畫面更新率]和[播放時間]。

為了製作成剛好3秒鐘的動畫,這次要設定為「畫面更新率:8」、「播放時間:24」。


・[作畫尺寸]…勾選起來。

設定[作畫尺寸]後,就可以在比要實際寫出的動畫作品更大的範圍上進行繪製。這次將[寬度]部分的[指定倍率]設定為「2.00」。


③點選[OK]後就會建立動畫用的畫布。

[圖層]面板上會建立動畫資料夾,圖層「1」會被收納在裡面。

圖層「1」會被配置到[時間軸]面板上。


[2]繪製近處的插圖

因為這次製作動畫時不會使用到[動畫資料夾],所以把不需要的部分刪除。

①在[圖層]面板上選擇[動畫資料夾],點選[圖層]面板上的[刪除圖層]。


②在[圖層]選單上點選[新點陣圖層],繪製角色插圖。

(如果有已經畫好的圖,用CLIP STUDIO PAINT打開來貼上使用也可以)


在[基準尺寸]的內側繪製角色插圖。

※實際寫出動畫時,不會寫出[基準尺寸]外側的部分。


[3]繪製背景

①在畫有角色的圖層下方建立另一個圖層。將圖層名稱變更為「背景」。


②在「背景」圖層上繪製背景。繪製時就算畫出[作畫尺寸]也沒關係。

※製作循環動畫時,動畫的開頭和結尾必須呈現相同的狀態。

這次為了銜接運鏡最初跟最後顯示的背景,要複製相同的圖像。


[4]建立2D攝影機資料夾

①在[動畫]選單中選擇[動畫用新圖層]→[2D攝影機資料夾]。


建立了「攝影機 1」資料夾


②將「背景」圖層拖拽進「攝影機 1」資料夾進行收納。


[5]追加主畫格



■第一個主畫格


①在[工具]面板上選擇[操作]工具,在[輔助工具]面板上選擇[物件]輔助工具。


畫面上會配合畫布的[基準尺寸]顯示節點。


②在時間軸面板上選擇最前方的畫格「1」。

這樣就能以[物件]輔助工具操作顯示於畫布的「攝影機 1」節點。

能使用上部的控制點進行旋轉,使用四角的節點進行放大縮小,也能拖拽方框的內側來移動攝影機。


③點擊選取第一個畫格。


④將攝影機移動到想要顯示於畫格「1」的位置。時間軸上追加了[主畫格]。



■第二個主畫格


①點擊選取起最後的畫格「24」。


④將攝影機移動到想要顯示於最後一個畫格的位置,時間軸就會追加[主畫格]。

這樣就在時間軸的開頭和結束部分上設定好了攝影工作。


【POINT】

如果想要製作像範例中那種沒有接縫的動畫,可以點選[時間軸]面板的[主畫格插補],在選擇[建立的主畫格:等速]後追加主畫格。


[6]完成!

點選[時間軸]面板上的[播放/停止],就能進行播放。


這樣動畫就完成了!

因為最初和最後的主畫格拍攝的是同一個畫面,所以動畫會呈現成能夠重複播放的狀態。

※GIF動畫


在[檔案]選單上選擇[寫出動畫]→[動畫GIF],就能寫出為GIF動畫。



<練習③和④的應用>

在練習③中的單張角色插圖和④的背景上追加了主畫格。

只要同時使用它們,就能製作這樣的作品。

幫單張角色插圖加上用來安排角色或背景運鏡的[主畫格],就能以各種方式進行呈現。



動畫・練習講座到此結束。


若想學習更詳細的動畫功能

如果想要更詳細地了解CLIP STUDIO PAINT的動畫功能,請參考以下講座。

https://tips.clip-studio.com/zh-tw/articles/2047
https://tips.clip-studio.com/zh-tw/series/4
https://tips.clip-studio.com/zh-tw/series/117
https://www.clip-studio.com/site/gd_en/csp/userguide/csp_userguide/500_menu/500_menu_anime.htm

留言

相關文章

最新

最新官方