PS網(wǎng)頁GIF動畫廣告設計

2022-12-26 11:31:58 來源/作者: / 己有:12人學習過

PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)

12.3精彩實例

12.3.1網(wǎng)頁GIF動畫設計

PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)

PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)

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

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

PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)

圖12-3-1

PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)

圖12-3-2

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

PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)

圖12-3-3

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

PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)

圖12-3-4

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

PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)

圖12-3-5

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

PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)

圖12-3-6

6.由于我們現(xiàn)在有3個圖層,因此我們可以在動畫面板中創(chuàng)建3個動畫幀。我們單擊PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)按鈕。創(chuàng)建后效果如圖12-3-7所示。

PS教程大禮包-第12章網(wǎng)頁設計中的應用(三)

圖12-3-7