PS網(wǎng)頁(yè)GIF動(dòng)畫廣告設(shè)計(jì)

12.3精彩實(shí)例

12.3.1網(wǎng)頁(yè)GIF動(dòng)畫設(shè)計(jì)

下面我們就來(lái)通過(guò)一個(gè)實(shí)例講解一下GIF動(dòng)畫的制作過(guò)程。

1.首先我們啟動(dòng)ps，選擇【文件】，【新建】如圖12-3-1所示。再?gòu)棾龅摹拘陆ā繉?duì)話框中，我們輸入它的名稱以及畫布的寬和高。如圖12-3-2所示。設(shè)置完成后，我們點(diǎn)確定。

圖12-3-1

圖12-3-2

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

圖12-3-3

3.我們將這些圖片分為多個(gè)圖層合在我們剛剛新建的圖像上。然后對(duì)它們的大小進(jìn)行調(diào)整。調(diào)整后效果如圖12-3-4所示。

圖12-3-4

4.我們?cè)俅蜷_兩張圖片，也將其合并在一個(gè)圖像內(nèi)。這時(shí)圖層樣式如圖12-3-5所示。

圖12-3-5

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

圖12-3-6

6.由于我們現(xiàn)在有3個(gè)圖層，因此我們可以在動(dòng)畫面板中創(chuàng)建3個(gè)動(dòng)畫幀。我們單擊按鈕。創(chuàng)建后效果如圖12-3-7所示。

圖12-3-7