Photoshop範例教學：如何用ps製作gif動態圖

2019-12-14 22:05:01

gif動態圖片在網路中應用非常廣泛，如何親手打造自己喜愛的gif圖片呢？別急，今天讓我一起學習利用Photoshop的時間軸製作gif動態圖

開啟photoshop，新建一個600*400畫素的文件（根據自己需要建立）如下圖所示

點選檔案——開啟，選擇兩個圖片，然後把滑鼠放在開啟的圖片上，按住滑鼠左鍵將圖片拖動到「未標題-1」，就是我們新建的文件。

這樣我們就把喜歡的圖片匯入到我們新建的文件中了，現在，我們選擇圖片所在圖層，按快捷鍵Ctrl+T把圖片進行變形調整，使它適合我們的視窗大小。

我們選擇 視窗——時間軸（cs6一下版本為動畫）調出時間軸面板

現在我們製作兩張圖片漸隱的gif動畫，首先點選 複製所有影格 按鈕，複製上6影格（影格數越多，動畫效果越細膩，檔案越大，根據實際所需操作）

我們保持第一影格不變，選中第二影格，在圖層面板中選中圖層二，將它的不透明度調整為80%。以此類推，將第三影格圖層二的背景調整為60%，第四影格40%，第五影格20%，第六影格0%。

你也可以將影格數調多，依次設為80%，70%……，使畫面更為細膩

選擇影格延遲時間，將第一影格和最後一影格的延遲時間改為0.5秒，將中間幾影格的延遲時間改為0.2秒，可根據自己的需要進行設定。

最後我們將製作好的gif動畫儲存出來，選擇檔案——儲存為Web所用格式——選擇gif，將迴圈選項設為永遠，點選儲存進行儲存

gif動畫就是不同影格的拼湊，影格的表達不同，動畫效果就不同，但原理都是一樣的。你也可以自己進行擴充套件練習。感謝大家的瀏覽！