如何用PS做簡單的逐幀動畫

來源:酷知科普網 2.55W

在網上我們經常會看到一些簡單的動圖,其實許多對完整度要求不是很高的gif用PS的時間軸也可以製作,比起那些結構完整情節豐富的動畫,用PS做的簡單gif動畫簡潔形象,也多些趣味;當然,只要學會了原理,如果你想做稍微長一點的也可以進行,只是用專業的動畫軟體更方便一些~

操作方法

(01)新建檔案,大小自定,開啟PS的時間軸視窗:視窗=>時間軸

如何用PS做簡單的逐幀動畫
如何用PS做簡單的逐幀動畫 第2張

(02)時間軸視窗中間的縮圖就是每一幀呈現的畫面(畫面下面的時間為播放時每一幀的間隔),如圖所示,通過右下角的小圖示可以新增新的幀,這裡我做三個幀的動畫。

如何用PS做簡單的逐幀動畫 第3張

(03)新建圖層,繪製想要的動作,將每一幀想要呈現的畫面置於不同的圖層(最好動作之間有相互聯絡)。如圖:

如何用PS做簡單的逐幀動畫 第4張
如何用PS做簡單的逐幀動畫 第5張
如何用PS做簡單的逐幀動畫 第6張

(04)接下來需要注意圖層和時間軸上幀的對應,我需要第一幀時播放圖層一,所以選中時間軸第一幀,將圖層視窗其他圖層都隱藏,只剩下圖層一和背景層;第二幀選中時間軸第二個,只顯示圖層二和背景層,以此類推:

如何用PS做簡單的逐幀動畫 第7張
如何用PS做簡單的逐幀動畫 第8張
如何用PS做簡單的逐幀動畫 第9張

(05)根據播放效果設定每一幀下面的間隔時間和迴圈次數,點播放鍵進行預覽調整。

如何用PS做簡單的逐幀動畫 第10張

(06)匯出,選擇“儲存為web可用格式”,還可以再預覽一下,選擇格式gif,點儲存,命名最好用英語,一個簡單的gif完成。以下連結為完成效果:file:///G:/

如何用PS做簡單的逐幀動畫 第11張
如何用PS做簡單的逐幀動畫 第12張

特別提示

設定時最重要的是圖層和幀之間的對應,即在特定的幀將你想要呈現的畫面圖層顯示,其他圖層隱藏。

熱門標籤