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

2022-12-26 11:31:58 來源/作者: / 己有:12人學(xué)習(xí)過

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

12.3精彩實(shí)例

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

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

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

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

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

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

圖12-3-1

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

圖12-3-2

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

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

圖12-3-3

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

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

圖12-3-4

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

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

圖12-3-5

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

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

圖12-3-6

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

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

圖12-3-7

標(biāo)簽(TAG) 網(wǎng)頁圖片 薛欣姚輝