12.3精彩實例

12.3.1網頁GIF動畫設計

下面我們就來通過一個實例講解一下GIF動畫的制作過程。

1.首先我們啟動ps，選擇【文件】，【新建】如圖12-3-1所示。再彈出的【新建】對話框中，我們輸入它的名稱以及畫布的寬和高。如圖12-3-2所示。設置完成后，我們點確定。

圖12-3-1

圖12-3-2

2.接下來，我們打開一些JPG的圖片，如圖12-3-3所示。

圖12-3-3

3.我們將這些圖片分為多個圖層合在我們剛剛新建的圖像上。然后對它們的大小進行調整。調整后效果如圖12-3-4所示。

圖12-3-4

4.我們再打開兩張圖片，也將其合并在一個圖像內。這時圖層樣式如圖12-3-5所示。

圖12-3-5

5.準備工作做完，我們就要開始創建動畫效果了。創建動畫非常的簡單，我們選擇【窗口】，【動畫】，這時就打開了動畫面板。如圖12-3-6所示。

圖12-3-6

6.由于我們現在有3個圖層，因此我們可以在動畫面板中創建3個動畫幀。我們單擊按鈕。創建后效果如圖12-3-7所示。

圖12-3-7