教學課程文章

中級

10 分鐘

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

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

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

您將需要的項目
您需要的項目
ZIP, 1 MB
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日

使用 Photoshop 嘗試這些教學課程

編輯相片以建立全新影像和圖形。