首頁 > 軟體

用PhotoShop和ImageReady製作Gif動畫【圖解】

2019-12-15 13:21:23

相信大多數人都看到過各大網站首頁都有不斷切換的動畫圖片宣傳效果很不錯,但是苦於自己不是電腦專業,不能設計。在這裡,我就教大家怎麼製作簡單的兩影格Gif動畫。(特別適合網站編輯人員吆)

首先,要選定想要切換播放的背景圖片兩張。



1

開啟1.jpg和2.jpg兩張圖片。


2

如果JPG格式的圖在photoshop裡是鎖定狀態,這時候需要雙擊圖層裡的背景項解鎖,彈出一個選項框,選擇好~將背景變為圖層。(同理,另一幅圖片也這麼做。但注意在photoshop裡通過點選圖片來改變當前編輯的圖片,所以改另一副圖需要先點選一下)


3

使用「移動工具」點住圖片2圖片將它拖至圖片1中,如圖:此時顯示兩個圖層。


4

將兩個圖片根據畫面的大小對好,如圖操作儲存為psd格式。暫命名為gif.psd。


5

啟動ImageReady,開啟剛儲存的檔案gif.psd,注意紅線圈的地方,這裡應該顯示兩個圖層。


6

按照圖示,開啟「動畫」視窗。


7

在動畫工具條裡點選「複製當前影格」,如圖紅色選取。


8

點選動畫欄裡第二個影格!如圖。編輯圖層欄的「不透明度」將其從100%改為0%。


9

點選第1影格,點選「選擇影格延遲時間」更改為「1秒」,如圖所示。


10

按照步驟⑨,將兩影格時間都更改為1秒。(延遲時間選擇根據實際情況所需可隨意調整。)


11

點選「播放」按扭。可以測試下效果。


12

選擇檔案選單裡的「將優化結果儲存為」儲存為gif格式圖片即可。至此gif切換圖完成製作。



IT145.com E-mail:sddin#qq.com