通路王

如何用 Clip Studio Paint 做一個動畫?

Views

如何用CSP做一個動畫? 用時間軸來做一個GIF檔. 本篇將示範二種用CSP做動畫GIF檔的方法.

    首先, 先示範已經畫好的4個貼圖, 然後把4個連續動作的貼圖加到時間軸裡, 做出一個GIF.

    第二個方法, 則是直接開啓一個新的動畫檔, 然後直接在畫版上畫一個底圖, 然後複製數個底圖加在時間軸裡, 再在每一個圖層上做微調, 即成為一個動畫GIF. 

    用連續動作圖案來做GIF

    那麼, 先來示範第一種, 已經畫好的4個貼圖分別如下:

    步驟一:上傳圖檔
    在CSP裡, [檔案/File]→[打開/Open]: 
    先打開這4張圖檔, 然後隨便挑一張, 把另外三張Copy & Paste到其中一張裡.

    步驟二:新建時間軸
    接下來, 按下[新建時間軸]按鈕→會跳出一個[新建時間軸]的小對話框, 這裡的時間之後都可以再改→所以可以直接按下[OK]鍵.


    步驟三:增加動畫資料夾
    按下[新建動畫資料夾]→然後把4張圖層依序拉入新增的[動畫資料夾]裡.


    此時, 你會發現拉進[動畫資料夾]裡的其他3張圖片都沒有顯現出來, 那是因為我們還沒有指定膠片. 

    步驟四:指定膠片
    讓圖檔出現的方法很簡單, 請參考下圖, 先在時間軸裡的資料夾裡點選圖片→按下[指定膠片]按鈕→會跳出一個[選擇圖層]的小對話框→點選要要出現的圖層名稱→按下[OK]鍵.


    注意事項:

    這裡要注意的是上圖中的紅線. 紅線的位置決定了當你按下[OK]鍵時所選擇的圖層會出現的位置. 二條藍線是整個動畫的時間段, 也可自行調整.

    以上述的步驟逐步把4張圖片依序加入時間軸中排列好, 然後接下鍵即可看動畫效果. 可按下[循環播放]鍵讓動畫不停止一直重覆播放.

    步驟五:輸出動畫GIF檔
    如果滿意結果, 便可輸出為GIF檔: [檔案]→[寫出動畫]→[動畫GIF]

    教學示範影片


    直接畫出連續動作來製作GIF

    接下來, 示範第二種製作動畫的方法, 直接徒手在畫板上畫出連續動作. 

    步驟一:新建動畫 
    在CSP裡, [檔案/File]→[新建/New]→按下[動畫]鍵→可以自行調整動畫的高度和寛度及播放時間, 但這些都可以事後再行修改→按下[OK]鍵. 



    步驟二:手繪草稿和複製底圖
    此時CSP會自動開啓一個"動畫資料夾", 裡面會有第一個圖層, 你便可以開始在這個空白圖層上畫一個底圖. 然後用[複製圖層]的功能複製數個底圖以供修改和微調, 做出不同的連續動作.


    步驟三:指定膠片
    你會發現從底圖複製出來的圖層在動畫畫布上看不到, 這時, 要先把紅線拉到第二張圖要出現的位置→然後選取在時間軸的動畫資料夾裡的圖片→按下[指定膠片]按鈕→會跳出一個[選擇圖層]的小對話框→點選要要出現的圖層名稱→按下[OK]鍵.



    這時候, 在畫布上出現的圖層便是第二張圖了, 此時在這裡所做的任何修改, 都不會影響到第一張底圖.

    [貼心提醒]
    ➤紅線的位置決定了每張圖片出現的時間, 所以在[指定膠片]前, 要先把紅線位置選好.
    ➤在為圖層做動作的修改和微調時, 可以按下[使描圖紙有效]的按鈕, 讓你可以清楚的知道前一張圖的動作是什麼.


    以上述的步驟逐步加入跑跳的動作, 然後接下鍵即可看動畫效果. 可按下[循環播放]鍵讓動畫不停止一直重覆播放.

    步驟四:輸出動畫GIF檔
    如果滿意結果, 便可輸出為GIF檔: [檔案]→[寫出動畫]→[動畫GIF]

    教學示範影片

    如果喜歡, 可以用同樣的方法加入背景圖案, 以移動背景圖的方式來顯示出跑步小人的前進.

    最後, PRO版本的CSP最多只能創建24幀動畫格(藍線的寛度只能拉到24), 如果想創建更多,那麼就必需購買EX版本。

    張貼留言

    0 留言