TUTORIAL ARTICLEIntermediate10 min

在 Adobe Photoshop 中,製作動畫 GIF 的方法

當今網路的內容動感十足,GIF 幾乎無處不在。動態呈現影像可輕鬆闡述複雜的故事- Adobe Photoshop 使製作 GIF 變得輕而易舉。一起來看設計師兼內容創作者 Kendall Plant 如何將她的素描轉換為 GIF 動畫,賦予作品全新生命。

View tutorial in Photoshop
Follow along in the app

Kendall Plant 的作品融合大自然、街頭攝影甚或骷髏頭等元素,她不僅身兼設計師、藝術總監和內容創作者等多重身分,也於 Adobe 擔任創意藝術副總監一職,以獨特的創意手法聞名。

What you’ll need
Practice in the app
1

畫出素描

Plant 首先將初稿製作成各種版本,以呈現不同的動作狀態,再將各個動作儲存成單獨的檔案。之後,在 Photoshop 中開啟第一個草圖,然後從桌機上將其餘檔案都拖曳到文件中後,藉著按下「Return」(或「Enter」)鍵將每個檔案置入各自圖層上。接下來,點擊原始圖層的鎖定圖示將其解鎖。

2

讓影像動起來

做好草圖動畫的製作準備後,Plant 開啟「時間軸」(「視窗 > 時間軸」)、從下拉選單中選取「建立影格動畫」,再從彈出選單中選取「從圖層製作影格」。若之前用過「時間軸」,在預設情況下,可能會以空影格填充。若有這種情況,點擊第一個影格後按住「Shift」鍵後,再點擊最後一個影格。從彈出選單中選擇「刪除影格」,然後選擇「從圖層製作影格」。

3

調整動畫節奏

為固定每個影格的時間,Plant 點擊「時間軸」中的第一個影格後按住「Shift」鍵,再點擊最後一個影格。只要點擊其中一個影格的向下箭頭並將間隔設為 0.1 秒,這時所有選定影格的間隔將會一起更新。接下來,Plant 從「時間軸」下方的下拉選單中選擇「永遠」,使動畫連續循環。點擊「播放動畫」,即可預視動畫的計時狀況。

4

匯出為 GIF

選擇「檔案 > 匯出 > 儲存為網頁用(舊版))。然後將「匯出格式」設為「GIF」,並將「循環選項」設為「永遠」。

分享動畫 GIF

製作專屬的 GIF,並分享到您最愛的社交平台上,或分享給好友,並繼續揮灑創意。

備註: 本教學課程內含的專案檔案僅供練習使用。

進一步瞭解適合團隊使用的Creative Cloud


設計人員

Kendall Plant

2019年6月19日

Try these tutorials with Photoshop

Edit photos to create new images and graphics.